@charset "UTF-8"; .grid_spacer_top {padding-top: 1em}
.grid_1 {margin: 0 10px; overflow: hidden; float: left; display: inline; width: 40px}
.grid_2 {margin: 0 10px; overflow: hidden; float: left; display: inline; width: 100px}
.grid_3 {margin: 0 10px; overflow: hidden; float: left; display: inline; width: 160px}
.grid_4 {margin: 0 10px; overflow: hidden; float: left; display: inline; width: 220px}
.grid_5 {margin: 0 10px; overflow: hidden; float: left; display: inline; width: 280px}
.grid_6 {margin: 0 10px; overflow: hidden; float: left; display: inline; width: 340px}
.grid_7 {margin: 0 10px; overflow: hidden; float: left; display: inline; width: 400px}
.grid_8 {margin: 0 10px; overflow: hidden; float: left; display: inline; width: 460px}
.grid_9 {margin: 0 10px; overflow: hidden; float: left; display: inline; width: 520px}
.grid_10 {margin: 0 10px; overflow: hidden; float: left; display: inline; width: 580px}
.grid_11 {margin: 0 10px; overflow: hidden; float: left; display: inline; width: 640px}
.grid_12 {margin: 0 10px; overflow: hidden; float: left; display: inline; width: 700px}
.grid_13 {margin: 0 10px; overflow: hidden; float: left; display: inline; width: 760px}
.grid_14 {margin: 0 10px; overflow: hidden; float: left; display: inline; width: 820px}
.grid_15 {margin: 0 10px; overflow: hidden; float: left; display: inline; width: 880px}
.grid_16 {margin: 0 10px; overflow: hidden; float: left; display: inline; width: 940px}
.in_grid_1 {width: 40px !important}
.in_grid_2 {width: 100px !important}
.in_grid_3 {width: 160px !important}
.in_grid_4 {width: 220px !important}
.in_grid_5 {width: 280px !important}
.in_grid_6 {width: 340px !important}
.in_grid_7 {width: 400px !important}
.in_grid_8 {width: 460px !important}
.grid--empty {min-height: 1px}
.grid--flush_left {margin-left: 0; margin-right: 20px}
.grid_row .grid_row {margin: 0 -10px; width: auto; display: inline-block}
.creator_profile__toolbar {display: flex; align-items: center; justify-content: flex-start; padding-bottom: 16px; margin-bottom: 16px; border-bottom: 1px solid var(--color-border-dark)}
.creator_profile__toolbar > * {margin-right: 1em}
.creator_profile__toolbar .form_select {display: inline-block}
.creator_profile h3 {font-weight: normal; display: block; height: 24px}
.creator_profile .resizable_table {margin-bottom: 3em}
.creator_profile .resizable_table__cell, .creator_profile .resizable_table__cell-header {line-height: 1.5em; font-size: 1em}
.creator_profile__biography {margin-bottom: 2em}
.creator_profile__user {width: 250px; float: right}
.creator_profile__user #button_box {margin-bottom: 0}
.creator_profile__biography {width: 600px; float: left}
.creator_profile__bundles {margin-bottom: 32px}
.creator_profile__bundles .captioned_media_square {margin-bottom: 0.5em}
.creator_profile__bundle {width: 223px; margin: 0 10px; float: left}
.creator_profile__bundle--1 {margin-left: 6px}
.creator_profile__bundle--4 {margin-right: 0}
body.wide_core_item_page .panel:not(.panel--noflex), body.wide_core_item_page .core_item_flex, body.wide_core_item_page--squeezed .panel:not(.panel--noflex), body.wide_core_item_page--squeezed .core_item_flex {display: -ms-flexbox; display: -webkit-flex; display: flex}
body.wide_core_item_page .photo_gallery_container, body.wide_core_item_page .core_item_margin, body.wide_core_item_page .core_item_sidebar, body.wide_core_item_page--squeezed .photo_gallery_container, body.wide_core_item_page--squeezed .core_item_margin, body.wide_core_item_page--squeezed .core_item_sidebar {-ms-flex-shrink: 0; -webkit-flex-shrink: 0; flex-shrink: 0; -ms-flex-grow: 0; -webkit-flex-grow: 0; flex-grow: 0}
body.wide_core_item_page .tab_bar_container, body.wide_core_item_page .panels, body.wide_core_item_page .fields, body.wide_core_item_page--squeezed .tab_bar_container, body.wide_core_item_page--squeezed .panels, body.wide_core_item_page--squeezed .fields {width: 100%}
body.wide_core_item_page .core_item_content, body.wide_core_item_page--squeezed .core_item_content {width: 100%; -ms-flex-grow: 1; -webkit-flex-grow: 1; flex-grow: 1}
body.wide_core_item_page .core_item_content:not(.view_core_item--legacy), body.wide_core_item_page--squeezed .core_item_content:not(.view_core_item--legacy) {display: -ms-flexbox; display: -webkit-flex; display: flex}
body.wide_core_item_page .view_core_item--legacy, body.wide_core_item_page .core_item_inner, body.wide_core_item_page--squeezed .view_core_item--legacy, body.wide_core_item_page--squeezed .core_item_inner {width: 100%; margin-right: 32px}
body.wide_core_item_page .core_item_margin, body.wide_core_item_page--squeezed .core_item_margin {margin-right: -10px}
@media screen and (min-width: 1010px) {body.wide_core_item_page .editor .tabs, body.wide_core_item_page #content, body.wide_core_item_page .panel, body.wide_core_item_page--squeezed .editor .tabs, body.wide_core_item_page--squeezed #content, body.wide_core_item_page--squeezed .panel {max-width: 1055px; width: auto}
}
form.core_item_content {margin-top: 0}
h2.core_item_content__title--without_attribution {margin-bottom: 24px; font-weight: 900}
.core_item_content__attribution__logo {margin-bottom: 8px; margin-top: 24px}
.core_item_content {float: left; width: 720px}
.core_item_content h2 {font-weight: 900}
.core_item_content .form_select, .core_item_content .fake_form_select {float: left; width: 276px; padding-left: 3px; border-color: #ccc}
.core_item_content .form_select {overflow: hidden}
.core_item_content .form_select select {margin-top: -1px}
.core_item_content select {width: 304px}
.core_item__private {padding: 1em; background-color: var(--color-notes-personal-background)}
.core_item_inner {margin-right: 10px; float: left}
.core_item_inner legend {font-weight: bold; padding: 5px 0px; display: block}
.core_item_inner span.attribute {display: inline-block; cursor: pointer; margin-right: 10px; margin-bottom: 5px; padding-top: 2px; padding-bottom: 2px; padding-right: 8px; padding-left: 8px; border: 1px solid var(--color-chip-border); border-radius: 1em; background-color: var(--color-chip-background); color: var(--color-chip-text)}
.core_item_inner span.attribute a {color: var(--color-chip-text)}
.core_item_inner .square_photo_field {min-height: 80px}
.core_item_inner .square_photo_field a.img_75_container {line-height: 0; font-size: 0; float: left; margin-right: 25px; display: block; border: 1px solid #999; border-radius: 2px; -moz-border-radius: 2px; -webkit-border-radius: 2px}
.core_item_inner .square_photo_field .value {margin-bottom: 1em}
.core_item_inner .missing_photo_field .value {margin-left: 0 !important}
.core_item_inner #pattern_category_options {width: 274px; margin-top: 24px}
.core_item_inner #pattern_category_options > li > a {width: 238px !important}
.edit_core_item .field {min-height: 2em; padding: none; position: relative}
.edit_core_item input, .edit_core_item select, .edit_core_item .form_select, .edit_core_item .input_tool {height: 1.6em}
.edit_core_item .fake_form_select {min-height: 1.6em; outline: none}
.edit_core_item .vertical_form .menu_field_chooser {background-size: 10px; background-position: calc(100% - 5px) 50%; line-height: 22px !important; min-height: 22px; margin-bottom: 0}
.edit_core_item .value {line-height: 1.7em}
.edit_core_item input {width: 275px; border-bottom-width: 1px; border-color: #bbb; padding-top: 0; padding-bottom: 0; padding-left: 3px}
.edit_core_item input.with_tool {width: 256px; padding-right: 20px}
.edit_core_item input.removable_with_tool {width: 231px; padding-right: 20px}
.edit_core_item fieldset.notes textarea {padding: 8px; box-sizing: border-box}
.edit_core_item .ticky_item {clear: none}
.edit_core_item label {width: 120px; padding-top: 3px}
.edit_core_item textarea {width: 400px; margin-bottom: 1em}
.edit_core_item fieldset {margin-bottom: 2em}
.edit_core_item fieldset.submission {text-align: right; padding-right: 8px}
.edit_core_item fieldset.submission a.cancel_submit {font-size: 0.85em}
.edit_core_item .form_select {overflow: hidden}
.edit_core_item .fake_form_select a.attribute_select {text-decoration: none; padding: 3px; display: block; min-height: 28px; line-height: 28px}
.edit_core_item a.input_tool {display: block; position: absolute; right: 12px; top: 4px; width: 24px; overflow: hidden}
.edit_core_item a.input_tool img {padding: 3px 4px; background-color: transparent}
.edit_core_item a.removal_tool {display: block; position: absolute; right: 10px; top: 5px}
.edit_core_item a.removable_input_tool {right: 37px}
.edit_core_item .form_select {background-position: right 5px center !important}
.edit_core_item .field_2_combo .form_select {border-left: none}
.edit_core_item .field_4_combo input {width: 50px}
.edit_core_item .field_4_combo .form_select {width: 75px; border-left: none}
.edit_core_item .field_4_combo select {width: 75px; padding-right: 20px !important}
.edit_core_item .auto_complete {z-index: 100}
.edit_core_item .auto_complete ul {border-top: none; width: 280px; background: var(--color-input-background)}
.edit_core_item .personal_weight_field .auto_complete ul {width: 78px}
.edit_core_item .field_2 input {width: 137px}
.edit_core_item .field_2 .form_select {width: 134px}
.edit_core_item .field_2 select {width: 135px; padding-right: 20px}
.edit_core_item .field_2 .value {float: left; font-size: 0.9em; padding-left: 3px}
.edit_core_item .field_2_combo_split input, .edit_core_item .field_2_combo_split .form_select {border-left: 1px solid #bbb}
.edit_core_item .field_2_combo_split input {width: 130px !important; margin-right: 11px}
.edit_core_item .field_2_combo_split .fake_form_select {width: 127px}
.edit_core_item .field_2_combo_split .form_select {width: 129px}
.edit_core_item .field_2_combo_split select {width: 127px; padding-right: 20px}
.edit_core_item .field_2_combo_reversed input {margin-right: 0px}
.edit_core_item .field_2_combo_reversed .form_select {margin-right: 11px}
.edit_core_item .percentage_field input {width: 35px; margin-left: 5px}
.edit_core_item .percentage_field .fake_form_select {margin-left: 0; width: 210px}
.edit_core_item .percentage_field label.trailing_input_label {width: 21px}
.edit_core_item .field_2_labeled label.input_label {width: 78px; font-size: 0.9em; text-align: center}
.edit_core_item .field_2_labeled input {width: 35px}
.edit_core_item .field_2_labeled .form_select {width: 37px; float: left}
.edit_core_item .field_2_labeled .form_select select {width: 65px}
.edit_core_item .field_2_labeled label.trailing_input_label {width: 21px}
.edit_core_item .field_controls {margin: 0.25em 0px 0.5em 120px}
.edit_core_item .field_controls a {font-size: 0.9em}
.edit_core_item .field_controls a, .edit_core_item .more_input a {text-decoration: none}
.edit_core_item .field_controls a span, .edit_core_item .more_input a span {text-decoration: underline}
.edit_core_item .field_controls img, .edit_core_item .more_input img {vertical-align: bottom}
.edit_core_item .attribute_options_presenter {width: 280px !important; margin-top: 25px !important; position: absolute; left: -5px}
.edit_core_item .gauge_fields__gauge {width: 27px}
.edit_core_item .gauge_fields__gauge_divisor {width: 60px; text-align: center}
.edit_core_item .gauge_fields--stitches .gauge_fields__stitches_only {display: initial}
.edit_core_item .gauge_fields--stitches .gauge_fields__repeats_only {display: none}
.edit_core_item .gauge_fields--repeats .gauge_fields__gauge_divisor {width: 36px}
.edit_core_item .gauge_fields--repeats .gauge_fields__stitches_only {display: none}
.edit_core_item .gauge_fields--repeats .gauge_fields__repeats_only {display: initial}
.edit_core_item .gauge_fields--repeats .gauge_fields__gauge_divisor_select {width: 128px !important}
.edit_core_item .gauge_fields--repeats .gauge_fields__gauge_divisor_select select {width: 153px !important}
.view_core_item .core_item_inner .field {padding: 3px; clear: both; padding-left: 0; min-height: 22px; line-height: var(--line-height-base); border-bottom: 1px solid var(--color-border-tabular-data)}
.view_core_item .core_item_inner label {width: 120px; padding-right: 5px; font-size: 1em; width: 100px; color: var(--color-core-item-label); font-weight: normal; float: left}
.view_core_item .core_item_inner label img.icon_16 {float: left; margin-right: 4px}
.view_core_item .core_item_inner .value {margin-left: 105px}
.view_core_item .core_item_inner .square_photo_field, .view_core_item .core_item_inner .tag_field, .view_core_item .core_item_inner .notes_field {border-bottom: none}
.view_core_item .core_item_inner .tag_field label {line-height: 26px}
.view_core_item .core_item_inner .photo_peek, .view_core_item .core_item_inner .tiny_avatar img {border: 1px solid var(--color-border-dark)}
.view_core_item--legacy .core_item_inner label {width: 140px}
.core_item_content .field .happiness {vertical-align: text-bottom; width: 20px; height: 20px}
.core_item_sidebar--patterns .box, .core_item_sidebar--patterns .download_plate {width: 270px}
.core_item_sidebar--patterns .zone_specific_yarn_links, .core_item_sidebar--patterns .yarn_link_box {width: 268px}
.core_item_margin {float: right; width: 280px}
.core_item_margin .box {width: 270px}
.core_item_margin .zone_specific_yarn_links {width: 270px}
.core_item_margin .zone_specific_yarn_links .yarn_link_box {width: 268px}
.core_item_margin .form_select, .core_item_margin input {float: left}
.core_item_margin .field_2 .form_select {width: 97px}
.core_item_margin .field_2 select {width: 125px}
.core_item_margin label {width: 80px}
.core_item_margin .form_select {width: 185px}
.core_item_margin .wide_form_select {width: 235px; float: none}
.core_item_margin .more_from .wide_form_select {width: 263px}
.core_item_margin select {width: 213px}
.core_item_margin input {width: 187px}
.core_item_margin input.with_tool {width: 165px}
.core_item_margin a.input_tool {right: 4px}
.core_item_margin .info_box {padding-left: 25px}
.core_item_margin .info_box--nomargin {padding-left: 0; margin-left: 0; margin-right: 0}
.core_item_margin .box_contents .form_select {width: 196px; background-position: 183px center; float: none; display: inline-block}
.core_item_margin .box_contents select {width: 224px !important}
.core_item_margin .box_contents--sidebar_fullwidth .form_select {width: 242px; height: 2rem; background-position: right 10px center; margin-top: 16px}
.core_item_margin .box_contents--sidebar_fullwidth select {width: 100% !important; line-height: 2rem}
.core_item_margin ul.associations {margin-top: 1em}
.core_item_margin .progress .caption {display: none}
.core_item_margin .progress .rateable, .core_item_margin .progress .percentage {float: left}
.core_item_margin .progress .rateable {padding-top: 4px}
.core_item_margin .progress .percentage {line-height: 23px; margin-left: 10px}
.core_item_margin ul.item_dates {margin: 10px; margin-top: 15px; margin-left: 0}
.core_item_margin ul.item_dates li {font-size: 0.95em; padding: 4px; padding-left: 0; text-decoration: none}
.core_item_margin .core_item_margin__status {margin-bottom: 24px}
.core_item_margin .core_item_margin__status a.input_tool {right: 12px}
.core_item_margin .status_box {margin-bottom: 5px; border: 1px solid transparent}
.core_item_margin .status_box label {width: 80px; padding-top: 0}
.core_item_margin .status_box .field {line-height: 1.75em}
.core_item_margin .status_box .empty {color: #bbb; font-size: 0.9em}
.core_item_margin .status_box a.input_tool {right: 12px}
.core_item_margin .status_box .progress .percentage {margin-left: 5px}
.core_item_margin .status_box_container--projects {min-height: 148px}
.core_item_margin .status_box.hover {border: 1px dashed #BBB; padding: 0px 10px; border-radius: 10px; margin-left: -10px; cursor: pointer}
.core_item_margin .hover .hover_notes {visibility: visible !important; text-align: right; font-size: 0.75em; color: #222; line-height: 1.25em; height: 1.25em; padding-top: 0}
.core_item_select_box_autocomplete {margin-top: -1px; width: 278px !important}
.core_item_select_box_autocomplete ul {max-height: 350px; width: 278px !important}
.core_item_tab .tab_title {font-size: 1em; margin: 1em}
.core_item_tab .tab_content {margin: 20px 10px}
.core_item_tab .page_bar {margin-bottom: 20px}
.core_item_content__subheading {font-weight: normal}
.core_item_content__fields {margin-top: 15px}
.core_item_content__fields fieldset {margin-left: 0}
.core_item_content__fields--notebook {margin-top: 0}
.core_item_content__field {padding: 3px; clear: both}
.core_item_content__field--tags {border-bottom: none !important}
.core_item_content__text_block {overflow-wrap: break-word; line-height: var(--line-height-base)}
.core_item_content__text_block img.o-icon {vertical-align: middle}
.core_item_content__label {padding-right: 5px; font-size: 1em; width: 140px; font-weight: normal; color: #666666}
.core_item_content__field--lowvision {background-image: url("/images/nounproject-lowvision_1702963-clipped.svg"); background-size: 34px; background-repeat: no-repeat; padding-left: 36px; background-position: 0}
.core_item_content__field__language {display: block; padding-right: 0.5em}
.core_item_content__field__language img {border: none}
.core_item_content__field__expander {display: none}
.core_item_content__field--collapses .core_item_content__field__expander {display: block; width: 100%; color: #999}
.core_item_content__field--collapses .core_item_content__field__hide {display: none}
.core_item_content__field--collapses .core_item_content__field--collapsed {display: none}
.core_item_content__field--expanded .core_item_content__field__show {display: none}
.core_item_content__field--expanded .core_item_content__field__hide {display: inline}
.core_item_content__field--expanded .core_item_content__field--collapsed {display: block}
.core_item_content__field__additional_language {display: block; margin-top: 0.5em; width: 100%; color: #999}
.core_item_panel--notebook_show {display: -ms-flexbox; display: -webkit-flex; display: flex; -ms-justify-content: space-between; -webkit-justify-content: space-between; justify-content: space-between}
body.stash .wide_core_item_page .panel {display: -ms-flexbox; display: -webkit-flex; display: flex}
.status_box_container--projects {min-height: 130px}
.status_box_container--projects .buttons {text-align: left !important}
.status_box_container--projects .buttons button {float: right}
.stash .notes {width: 420px}
.core_item_inner {width: 420px}
.core_item_inner pre {max-width: 420px; overflow: auto}
.view_core_item .core_item_inner {width: 400px}
.view_core_item .core_item_inner pre {max-width: 400px}
.core_item_margin #button_box {margin-bottom: 5px}
.core_item_content__field {border-bottom: 1px dotted #cccccc}
.core_item_content__label {float: left}
.core_item_content__value {margin-left: 155px}
.core_item_content__brand_logo img {max-width: 80%; border: 1px solid var(--color-border-logo-image); height: auto}
.core_item_content__attribution {margin-bottom: 24px}
h2 + .core_item_content__attribution {margin-top: -10px}
.rsp_only {display: none !important}
body .c-navigation_dropdown__sublinks a {margin-left: 8px}
body .navigation_mobile__sublinks .navigation_v2__theme_selector {width: 24px; margin-left: 16px !important}
body.theme_automatic .navigation_v2__theme_selector[data-theme=automatic] {border-bottom: 1px solid var(--color-border-dark); border-bottom-width: 4px}
.navigation_v2__theme_selector[data-theme=automatic] {display: none}
body.theme_light_herdwick .navigation_v2__theme_selector--herdwick[data-theme=automatic] {display: block}
body.theme_light_merino .navigation_v2__theme_selector--merino[data-theme=automatic] {display: block}
body.theme_light_herdwick .navigation_mobile__sublinks .navigation_v2__theme_selector--herdwick[data-theme=automatic] {display: flex}
body.theme_light_merino .navigation_mobile__sublinks .navigation_v2__theme_selector--merino[data-theme=automatic] {display: flex}
body.theme_merino:not(.theme_automatic) .navigation_v2__theme_selector[data-theme=merino] {border-bottom: 1px solid var(--color-border-dark); border-bottom-width: 4px}
body.theme_herdwick:not(.theme_automatic) .navigation_v2__theme_selector[data-theme=herdwick] {border-bottom: 1px solid var(--color-border-dark); border-bottom-width: 4px}
body.theme_hebridean:not(.theme_automatic) .navigation_v2__theme_selector[data-theme=hebridean] {border-bottom: 1px solid var(--color-border-dark); border-bottom-width: 4px; border-color: var(--color-link-default)}
body.with_theme_chooser #RB_window {margin-top: 80px}
body.with_theme_chooser #RB_overlay {background-color: black !important; opacity: 0.25}
body.with_theme_chooser .clean_dialog {border: none; box-shadow: none}
body.with_theme_chooser .clean_dialog__title_bar {min-height: auto; border: none; background-color: transparent}
body.with_theme_chooser .toolbar_v2--mobile_modal .clicker {left: -4px !important}
body.with_theme_chooser .action_sheet #RB_window {margin-top: 0}
body.with_theme_chooser .action_sheet .theme_chooser {margin: 0}
body.with_theme_chooser .action_sheet .theme_chooser h2 {margin-top: 24px; margin-bottom: 24px}
body.with_theme_chooser .action_sheet .theme_chooser__themes {-ms-flex-direction: column; -webkit-flex-direction: column; flex-direction: column}
body.with_theme_chooser .action_sheet .theme_chooser__theme {margin-left: auto; margin-right: auto; display: block; margin-bottom: 48px}
.theme_chooser {width: 520px; max-width: 100%; margin: 50px; font-size: 1.1428571429rem}
.theme_chooser button {font-size: 1.1428571429rem}
.theme_chooser h2 {margin-top: 36px; margin-bottom: 48px; font-size: 1.7142857143rem; text-align: center}
.theme_chooser label {cursor: pointer}
.theme_chooser label, .theme_chooser input {float: none; width: auto}
.theme_chooser input {margin-right: 8px}
.theme_chooser p {margin-top: 48px; margin-bottom: 48px; font-style: oblique}
.theme_chooser {width: 826px}
.theme_chooser__themes {display: -ms-flexbox; display: -webkit-flex; display: flex; -ms-justify-content: space-between; -webkit-justify-content: space-between; justify-content: space-between}
.theme_chooser__theme img {border: 1px solid var(--color-border-dark)}
.theme_chooser__theme__title {line-height: 3rem}
body.theme_herdwick img[src^="https://chart.apis.google.com/"], body.theme_hebridean img[src^="https://chart.apis.google.com/"] {background-color: white; padding: 16px; border: 1px solid var(--color-border-dark)}
body.theme_herdwick .volume_details__download__thumbnail, body.theme_hebridean .volume_details__download__thumbnail {--legacy-frontend: 1; border: 1px solid var(--color-border-dark)}
body.theme_herdwick.marketplace .card, body.theme_hebridean.marketplace .card {--legacy-frontend: 1; border: 1px solid var(--color-border-dark)}
body.theme_herdwick.marketplace .card img, body.theme_hebridean.marketplace .card img {border: none}
body.theme_herdwick.assets_prepare, body.theme_hebridean.assets_prepare {--legacy-frontend: 1; background-color: var(--color-background)}
body.theme_hebridean .box_title--standalone {--legacy-frontend: 1; border: none}
body.theme_hebridean .markdown__dated_entry--hover {--legacy-frontend: 1; background-color: var(--color-darkmode-03)}
body.theme_hebridean #RB_window .cart_content .items:not(.items--promotions) th {--legacy-frontend: 1; background-color: var(--color-darkmode-03)}
body.theme_hebridean #RB_window .cart_content .items:not(.items--promotions) td {--legacy-frontend: 1; background-color: var(--color-background)}
body.theme_hebridean #RB_window .cart_content .items--promotions {--legacy-frontend: 1; background-color: transparent}
body.theme_hebridean #RB_window .cart_content th {--legacy-frontend: 1; border-bottom: none}
body.theme_hebridean .delivery__quick_help {--legacy-frontend: 1; color: var(--color-text-understated)}
body.theme_hebridean .delivery__section__title {--legacy-frontend: 1; color: var(--color-text)}
body.theme_hebridean #organizer #items {--legacy-frontend: 1}
body.theme_hebridean #organizer #items span.collection_tag_word, body.theme_hebridean #organizer #items span.collection_tag_word a {--legacy-frontend: 1; background-color: var(--color-darkmode-03)}
body.theme_hebridean .forum_glance .controls a:visited {--legacy-frontend: 1; color: var(--color-link-default)}
body.theme_hebridean #page #draft_guide ul {--legacy-frontend: 1}
body.theme_hebridean #page #draft_guide ul #photos_step, body.theme_hebridean #page #draft_guide ul #testing_step {border-bottom-width: 1px}
body.theme_hebridean #page #draft_guide ul li {border-bottom-width: 0; border-left-color: var(--color-border) !important}
body.theme_hebridean #page #draft_guide ul li.selected {background-color: var(--color-darkmode-02)}
body.theme_hebridean #page #draft_guide ul li a:hover {background-color: var(--color-background-hover)}
body.theme_hebridean .pageless_control {--legacy-frontend: 1; background-color: var(--color-background); color: var(--color-text)}
body.theme_hebridean .forum_activity .collapsed {--legacy-frontend: 1; background-color: var(--color-darkmode-04)}
body.theme_hebridean .forum_activity .collapsed .collapsed_reason span {color: var(--color-text)}
body.theme_hebridean .star_rating li, body.theme_hebridean .star_rating .dim, body.theme_hebridean .inline_stars::before {--legacy-frontend: 1; filter: grayscale(100%) brightness(42%)}
body.theme_hebridean .star_rating .filled {filter: grayscale(0%)}
body.theme_hebridean .star_rating .hover {--legacy-frontend: 1; filter: contrast(120%)}
body.theme_hebridean p.highlighted strong, body.theme_hebridean div.highlighted strong {background-color: var(--color-darkmode-02)}
body.theme_hebridean .user_messages_container #reply_status .replied strong {--legacy-frontend: 1; background-color: var(--color-darkmode-02); border: none}
body.theme_hebridean #markdown_popup .preview_footer {--legacy-frontend: 1; background-color: var(--color-darkmode-03) !important}
body.theme_hebridean #new_library_panel #shelves .volume .volume_position input {--legacy-frontend: 1; background-color: var(--color-darkmode-03)}
body.theme_hebridean #diff_viewer del {--legacy-frontend: 1; background-color: var(--color-background)}
body.theme_hebridean #diff_viewer ins {--legacy-frontend: 1; background-color: var(--color-darkmode-01)}
body.theme_hebridean #buy_popup .paypal_form--credit .clicker_v2 {--legacy-frontend: 1; background-color: var(--color-darkmode-02)}
body.theme_hebridean .destash_listing__asking__option--for_sale {--legacy-frontend: 1; background-color: var(--color-darkmode-04)}
body.theme_hebridean .gallery_buy_option__logo {--legacy-frontend: 1; padding-left: 0; width: auto}
body.theme_hebridean .gallery_buy_option__logo--amazon {--legacy-frontend: 1; padding-top: 12px; height: 19px}
body.theme_hebridean .d-notification {--legacy-frontend: 1; background-color: var(--color-modal-background)}
body.theme_hebridean .d-button--dialog {--legacy-frontend: 1; color: var(--color-text) !important}
body.theme_hebridean section a {--legacy-frontend: 1; color: var(--color-link-default) !important}
body.theme_hebridean section a:hover, body.theme_hebridean section a:active {--legacy-frontend: 1; color: var(--color-link-default-hover) !important}
body.theme_hebridean section input[type=text], body.theme_hebridean section input[type=password] {--legacy-frontend: 1; border-color: var(--color-border)}
body.theme_hebridean .fancy_radio_buttons [type=radio] + span::before {--legacy-frontend: 1; border-color: var(--color-border); background-color: var(--color-background)}
body.theme_hebridean .fancy_radio_buttons [type=radio]:checked + span::before {--legacy-frontend: 1; border-color: var(--color-border); background-color: var(--color-darkmode-01)}
body.theme_hebridean.yarns_availability .filter_block {--legacy-frontend: 1; background-color: var(--color-darkmode-04); color: var(--color-text)}
body.theme_hebridean.yarns_availability .filter_block:hover {background-color: var(--color-darkmode-03); color: var(--color-text)}
body.theme_hebridean .c-modal {--legacy-frontend: 1; background-color: var(--color-modal-background); border: 1px solid var(--color-border-dark)}
body.theme_hebridean .c-modal__close {--legacy-frontend: 1; background-image: var(--img-icon-close); background-repeat: no-repeat; background-position: center; background-size: 16px}
body.theme_hebridean select.hopper {--legacy-frontend: 1; background-color: transparent; border-color: transparent}
body.theme_hebridean .forum_post_preview {--legacy-frontend: 1; background-color: var(--color-darkmode-04)}
body.theme_hebridean .clipper {--legacy-frontend: 1; background-color: var(--color-darkmode-04)}
body.theme_hebridean .porthole_dialog[data-porthole-action=delete] .porthole_dialog__top, body.theme_hebridean .porthole_dialog[data-porthole-action=delete] .porthole_dialog__bottom, body.theme_hebridean .porthole_dialog[data-porthole-action=delete] .porthole_dialog__left, body.theme_hebridean .porthole_dialog[data-porthole-action=delete] .porthole_dialog__right {--legacy-frontend: 1; background-color: var(--color-background)}
body.theme_hebridean .destash_listing__asking__option--for_trade {--legacy-frontend: 1; background-color: var(--color-darkmode-02)}
body.theme_hebridean #did_you_mean {--legacy-frontend: 1; background-image: none !important}
body.theme_hebridean #did_you_mean .header {display: none !important}
body.theme_hebridean .project_progress li {--legacy-frontend: 1; background-color: var(--color-darkmode-04)}
body.theme_hebridean .project_progress li.filled {--legacy-frontend: 1; background-color: var(--color-special-kirk-blue)}
body.theme_hebridean .project_progress li.hover {--legacy-frontend: 1; background-color: var(--color-darkmode-01)}
body.theme_hebridean .preview_box .banner {--legacy-frontend: 1; color: black; filter: grayscale(100%) invert(13%) sepia(8%) saturate(2749%) hue-rotate(189deg) brightness(96%) contrast(84%) !important}
body.theme_hebridean table.bordered {--legacy-frontend: 1; border: none}
body.theme_hebridean table.bordered th:first-of-type {border-left: 1px solid var(--color-table-header-border)}
body.theme_hebridean table.bordered th:last-of-type {border-right: 1px solid var(--color-table-header-border)}
body.theme_hebridean table.bordered td:first-of-type {border-left: 1px solid var(--color-table-border) !important}
body.theme_hebridean table.bordered td:last-of-type {border-right: 1px solid var(--color-table-border) !important}
body.theme_hebridean table.bordered tr:last-of-type td {border-bottom: 1px solid var(--color-table-border) !important}
body.theme_hebridean .forum_glance table strong {--legacy-frontend: 1; color: rgba(255, 255, 255, 0.9)}
body.theme_hebridean ::placeholder {color: var(--color-text); opacity: 0.8}
body.theme_hebridean input {filter: none; -webkit-box-shadow: none}
body.theme_hebridean .action_sheet {--legacy-frontend: 1; --color-background-window: var(--color-background)}
body.theme_hebridean #activities blockquote, body.theme_hebridean .forum_post_body blockquote, body.theme_hebridean .markdown blockquote, body.theme_hebridean body.search_discussions blockquote {background-color: var(--color-darkmode-04)}
body.theme_hebridean #did_you_mean_correction a {--legacy-frontend: 1; color: var(--color-darkmode-01) !important}
body.theme_hebridean .buttony_link {--legacy-frontend: 1; background-color: var(--color-background-selected)}
body.theme_hebridean .forum_post_row.read a.post_number:hover {--legacy-frontend: 1; color: var(--color-link-default-hover)}
body.theme_hebridean.designers_newcomers #content::before {--legacy-frontend: 1; opacity: 0.2}
body.theme_hebridean #quicknav.quicknav--reversed::after {--legacy-frontend: 1; border-right: none}
body.with_frontend_v1_2 .d-tlist {border: 1px solid var(--color-table-border)}
.d-tlist__item__content {border-bottom: 1px solid var(--color-table-border)}
body.theme_hebridean .message_row--unread {--legacy-frontend: 1; color: rgba(255, 255, 255, 0.9)}
body.theme_hebridean .message_row--unread a {color: rgba(255, 255, 255, 0.9)}
body.with_frontend_v1_2.theme_hebridean .c-rating_input__rate--0 {background-image: url("/images/assets/ravelry/icon-iconfinder-ban-dark.svg") !important}
body.theme_hebridean.redeem_action #redeem {--legacy-frontend: 1; background-color: var(--color-background)}
.utility_flex {display: -ms-flexbox; display: -webkit-flex; display: flex}
.utility_flex_grow {-ms-flex-grow: 1; -webkit-flex-grow: 1; flex-grow: 1}
.utility_flex_lr {display: -ms-flexbox; display: -webkit-flex; display: flex}
.utility_flex_lr:first-child {text-align: left}
.utility_flex_lr:first-child {text-align: right}
.utility_flex_center {display: -ms-flexbox; display: -webkit-flex; display: flex; -ms-align-items: center; -webkit-align-items: center; align-items: center}
.utility_bordered {border: 1px solid var(--color-border)}
.visually_hidden {clip: rect(0 0 0 0); clip-path: inset(50%); height: 1px; overflow: hidden; position: absolute; white-space: nowrap; width: 1px}
body.hide_content #page, body.hide_content #footer {display: none}
body.redbox_fullscreen #rack_bug {display: none !important}
body.redbox_fullscreen #RB_window {margin-top: 0}
body.with_no_scroll {overflow: hidden; position: fixed; left: 0; right: 0}
form.submit_in_progress img.submit_in_progress__indicator {display: none}
form.submit_in_progress--active .clicker {display: none}
form.submit_in_progress--active img.submit_in_progress__indicator {display: inline-block}
span.smart_quote {font-family: serif; font-size: 1.2em}
.mobile_page__divider {display: none}
img.icon_16 {width: 16px !important; height: 16px !important; border: none !important}
img.icon_12 {width: 12px !important; height: 12px !important; border: none !important}
img.icon_14 {width: 14px !important; height: 14px !important; border: none !important}
img.icon_20 {width: 20px !important; height: 20px !important; border: none !important}
img.icon_24 {width: 24px !important; height: 24px !important; border: none !important}
img.icon_32 {width: 32px !important; height: 32px !important; border: none !important}
img.icon_40 {width: 40px !important; height: 40px !important; border: none !important}
img.icon_48 {width: 48px !important; height: 48px !important; border: none !important}
img.icon_status {width: 10px !important; height: 10px !important; padding: 3px}
img.o-icon--close_legacy {width: 15px !important; height: 15px !important}
img.o-icon--delete_tiny {width: 20px !important; height: 20px !important}
img.o-icon--loading_tiny[src*=tiny-loader] {animation: icon_loading_tiny_spin 0.5s linear infinite}
img.o-icon--loading_tiny_alternate[src*=tiny-loader] {animation: icon_loading_tiny_spin 0.5s linear infinite}
img.o-icon--loading_xtiny[src*=tiny-loader] {width: 12px !important; height: 12px !important; animation: icon_loading_tiny_spin 0.5s linear infinite}
@keyframes icon_loading_tiny_spin {0% {transform: rotateZ(0)}
100% {transform: rotateZ(360deg)}
}
div.loading_animation {display: block}
span.loading_animation {display: inline-block}
.loading_animation {font-size: 10px; text-indent: -9999em; width: 18px; height: 18px; border-radius: 50%; background: #ccc; background: -moz-linear-gradient(left, #ccc 10%, rgba(255, 255, 255, 0) 42%); background: -webkit-linear-gradient(left, #ccc 10%, rgba(255, 255, 255, 0) 42%); background: -o-linear-gradient(left, #ccc 10%, rgba(255, 255, 255, 0) 42%); background: -ms-linear-gradient(left, #ccc 10%, rgba(255, 255, 255, 0) 42%); background: linear-gradient(to right, #ccc 10%, rgba(255, 255, 255, 0) 42%); position: relative; -webkit-animation: loading_animation 0.8s infinite linear; animation: loading_animation 0.8s infinite linear; -webkit-transform: translateZ(0); -ms-transform: translateZ(0); transform: translateZ(0)}
.loading_animation img {display: none}
.loading_animation:before {width: 50%; height: 50%; background: #ccc; border-radius: 100% 0 0 0; position: absolute; top: 0; left: 0; content: ""}
.loading_animation:after {background: #fff; background: var(--color-background); width: 75%; height: 75%; border-radius: 50%; content: ""; margin: auto; position: absolute; top: 0; left: 0; bottom: 0; right: 0}
.loading_animation--input:after {background-color: var(--color-input-focus)}
@-webkit-keyframes loading_animation {0% {-webkit-transform: rotate(0deg); transform: rotate(0deg)}
100% {-webkit-transform: rotate(360deg); transform: rotate(360deg)}
}
@keyframes loading_animation {0% {-webkit-transform: rotate(0deg); transform: rotate(0deg)}
100% {-webkit-transform: rotate(360deg); transform: rotate(360deg)}
}
.photo_border {height: 175px; width: 175px; padding: 0px; color: #cccccc; border: none; height: 178px}
#photos_panel .photo_border {height: 175px; width: 175px; padding: 0px; color: #cccccc; background-color: #cccccc; border: 1px solid #cccccc; padding-right: 1px; background: white}
#photos_panel .tabs {margin-top: 0px}
#photos_panel .droppable_photo {border: 1px solid #cccccc}
#photos_panel #photo_placeholder_border {border-style: none}
#photos_panel #photo_placeholder {border-style: dashed; border-color: #aaaaaa}
.photo_frame {height: 167px; width: 167px; border: 1px solid var(--color-border-dark); box-shadow: none; margin-top: 9px; margin-left: 8px; overflow: hidden}
.photo_frame a, .photo_frame div.photo {overflow: hidden}
.photo_border .lp {background: var(--color-background) no-repeat center}
.photo_frame .empty {background-color: #ffffff; color: #bbbbbb; line-height: 150px; font-size: 1.2em}
.photo {display: block; padding: 6px; padding-bottom: 7px; height: 155px; width: 155px; margin-left: auto; margin-right: auto; color: #666666; text-align: center; background-repeat: no-repeat; background-color: var(--color-background-photo)}
.photo img {border: none; position: relative}
.photo--foreground {padding: 3px; height: 161px; width: 161px}
.photo--foreground img {border: none; position: relative}
a.photo:hover {background-color: transparent}
.photo_frame .hover {background-color: transparent}
.photo .placeholder {line-height: 160px}
#photos_panel .photo .placeholder {line-height: 20px; margin-top: 65px; margin-bottom: 10px}
.photo .progress {text-align: center; width: 150px}
.photo img.indicator {padding-top: 5px; display: none; margin-left: auto; margin-right: auto}
.photo img.cropper {background-color: white; padding: 5px; border: 1px solid #666666; position: absolute; top: 130px; left: 130px; display: none; cursor: all-scroll}
#photo_browser {z-index: 0; margin-top: 10px}
#photo_browser #primary_marker {z-index: 10; position: absolute; left: 0px; display: none}
#photo_browser .photo_border {float: left; height: 210px; margin-left: 9px; margin-bottom: 15px; overflow: hidden}
#photo_browser .sortable {cursor: move}
.zoomable_photo {cursor: pointer}
.zoomable_photo .placeholder {cursor: default}
#photo_browser .photo_frame {height: 195px}
#photo_browser .delete {display: inline; padding: 0.1em; padding-right: 0.2em; padding-left: 0.2em; margin-top: 0.2em; font-size: 1.1em; line-height: 1em}
#photo_browser .editor_field {width: 100px}
#photo_browser .editor_ok_button {width: 30px; height: 20px; margin-left: 5px}
#photo_browser .photo_title {text-align: center; color: #666666; font-size: 0.95em; vertical-align: center; display: inline}
#photo_browser .photo_title .caption {display: block; height: 1.5em; overflow: hidden; padding-top: 2px}
#photo_browser .copy {cursor: pointer; text-align: center}
.contained_image {width: 99%; height: auto; border: 1px solid var(--color-border-image)}
.bordered_image {border: 1px solid var(--color-border)}
.photo_gallery__caption {font-size: 0.9em; color: var(--color-text-understated); width: 190px; margin-bottom: 10px; text-align: center}
.photo_gallery__caption a {color: var(--color-text-understated)}
.photo_gallery__caption img {vertical-align: top}
.photo_gallery__frame {border: none}
.event__detail__map {border: 1px solid #ccc; margin-left: 10px; width: 210px; height: 240px}
.photo_gallery {width: 215px; float: left; margin: 10px; margin-left: 0}
.patterns .editor .gallery {width: 200px}
.photo_gallery__border {border: 1px solid var(--color-border-dark)}
@media screen and (max-width: 1099px) {.resizable_photo_gallery .photo img.height_lock {height: 155%}
.resizable_photo_gallery .photo img.width_lock {width: 155%}
.resizable_photo_gallery .full_height_photo img.height_lock {height: auto}
}
body.wide_core_item_page .resizable_photo_gallery {width: 240px}
body.wide_core_item_page .resizable_photo_gallery .copyright, body.wide_core_item_page .resizable_photo_gallery .photo_gallery__caption {width: 210px}
body.wide_core_item_page .resizable_photo_gallery .section {width: 240px; padding-bottom: 15px}
body.wide_core_item_page .resizable_photo_gallery .photo {overflow: hidden; position: relative; width: 210px; height: 210px; padding: 0; margin: 0}
body.wide_core_item_page .resizable_photo_gallery .photo img {position: relative; min-width: 210px}
body.wide_core_item_page .resizable_photo_gallery .full_height_photo {height: 100%; font-size: 0}
body.wide_core_item_page .resizable_photo_gallery .full_height_photo img.height_lock {max-width: 100%; left: 0px !important}
body.wide_core_item_page .resizable_photo_gallery .photo_frame {width: 210px; height: auto; padding: 0; margin: 0}
body.wide_core_item_page .resizable_photo_gallery .photo_border {margin: 0; margin-bottom: 12px; width: 210px; height: auto; padding: 0; background-image: none}
body.with_photo_manager .photo_manager_only {display: block}
body.with_photo_manager .photo_manager_hidden {display: none}
body.redbox_fullscreen .clean_dialog {border: none; box-shadow: none; margin-top: 0}
body.redbox_fullscreen .clean_dialog__title_bar {background: none}
body.redbox_fullscreen .photo_manager {width: 100% !important; padding-bottom: 30px}
.photo_manager_launcher {text-align: center; text-decoration: none; padding-top: 10px; padding-bottom: 1em; display: block; width: 185px}
.photo_manager_launcher:hover {background-color: transparent; text-decoration: none}
.photo_manager_launcher img {vertical-align: middle}
body.with_photo_manager_dialog .clean_dialog {padding: 0; margin-top: 5px}
body.with_photo_manager_dialog .control_option_picker__pick_list {z-index: 10002 !important}
body.with_photo_manager .clean_dialog__title_bar {display: none}
body.with_photo_manager .clean_dialog__closer {display: none}
body.with_photo_manager #photo_manager_close {display: none}
body.with_photo_manager_dialog .clean_dialog__title_bar {min-height: 35px; margin: 0; border: none !important; padding: 0.5em 0 0 0.5em; color: black; font-weight: bold; font-size: 1.4em; display: block}
body.with_photo_manager_dialog .clean_dialog__closer {padding: 15px; display: inline}
body.with_photo_manager_dialog #photo_manager_close {display: inline-block}
.photo_manager .scriptaculous--dragging {z-index: 999 !important}
.photo_manager .scriptaculous--dragging, .photo_manager .scriptaculous--ghost {cursor: grab !important; cursor: -moz-grab !important; cursor: -webkit-grab !important}
.photo_manager .scriptaculous--dragging .hover_tool_delete, .photo_manager .scriptaculous--dragging .hover_tool_edit, .photo_manager .scriptaculous--dragging .hover_tool_extra, .photo_manager .scriptaculous--ghost .hover_tool_delete, .photo_manager .scriptaculous--ghost .hover_tool_edit, .photo_manager .scriptaculous--ghost .hover_tool_extra {visibility: hidden}
.photo_manager .scriptaculous--ghost.photo_manager__place_marker {border-left-color: transparent}
.photo_manager .scriptaculous--ghost.photo_manager__place_marker .photo_manager__place_marker__bottom, .photo_manager .scriptaculous--ghost.photo_manager__place_marker .photo_manager__place_marker__top {display: none}
.photo_manager--place_marker_mode .hover_tool_delete, .photo_manager--place_marker_mode .hover_tool_edit, .photo_manager--place_marker_mode .hover_tool_extra {visibility: hidden}
.photo_manager--place_marker_mode .grid_photo {cursor: pointer}
.photo_manager--place_marker_mode .grid_photo__photo {pointer-events: none}
.photo_manager--cropping .grid_photo {cursor: all-scroll !important}
.photo_manager--cropping .hover_tool_extra {cursor: all-scroll !important}
.photo_manager__form__header {padding-top: 16px; margin-right: 0; margin-left: 0; padding-bottom: 4px; font-weight: bold}
.photo_manager__form__header img {vertical-align: middle; margin-right: 4px}
.photo_manager__form .link--cancel, .photo_manager__form .link--cancel:visited {color: var(--color-text-cancel)}
.photo_manager__form .link--delete, .photo_manager__form .link--delete:visited {color: var(--color-link-delete)}
.photo_manager__photo.porthole_dialog_active .grid_photo__frame {border-bottom: none; cursor: all-scroll}
.photo_manager__photo.porthole_dialog_active .porthole_dialog__bottom {margin-top: -4px}
.photo_manager__photo.porthole_dialog_active fieldset {margin-left: 0; margin-right: 0}
.photo_manager__photo.porthole_dialog_active .submit {display: -ms-flexbox; display: -webkit-flex; display: flex; -ms-justify-content: space-between; -webkit-justify-content: space-between; justify-content: space-between; width: 100%; margin-top: 16px; margin-bottom: 16px}
.photo_manager__photo.porthole_dialog_active .submit .link--cancel {color: var(--color-text-understated) !important; text-align: left !important; -ms-flex: 0; -webkit-flex: 0; flex: 0}
.photo_manager__photo.porthole_dialog_active .submit > * {-ms-flex: 0; -webkit-flex: 0; flex: 0; white-space: nowrap}
.photo_manager__photo.porthole_dialog_active .submit img {vertical-align: middle}
.photo_manager--cropping .grid_photo a {visibility: visible !important; display: block !important}
.photo_manager__photo__hover_tools {display: -ms-flexbox; display: -webkit-flex; display: flex; width: 100%}
.photo_manager__photo__hover_tools .hover_tool_icon {position: static !important; -ms-flex-grow: 1; -webkit-flex-grow: 1; flex-grow: 1}
.photo_manager__photo__hover_tools .hover_tool_extra {left: 0 !important}
.photo_manager__photo__hover_tools .hover_tool_pointer {display: none !important}
.photo_manager__photo__hover_tools .hover_tool_icon {display: block !important; background-color: transparent !important; border: none !important; bottom: 40px !important; width: 33% !important}
.photo_manager__photo__hover_tools .grid_photo {margin-bottom: 8px}
.photo_manager__photo .hover_tool_extra {position: relative; width: 31px !important; left: 65px !important}
.photo_manager__photo .hover_tool_extra img {padding-left: 2px; padding-top: 0px}
.photo_manager__photo .hover_tool_pointer {display: block !important; background: #fff}
.photo_manager__photo--dragging .grid_photo {cursor: grabbing; cursor: -moz-grabbing; cursor: -webkit-grabbing}
.photo_manager__photo--dragging .grid_photo {cursor: grabbing; cursor: -moz-grabbing; cursor: -webkit-grabbing}
.photo_manager__photo.porthole_dialog_active .grid_photo__frame {border: 1px solid var(--color-border-dark)}
.photo_manager__photo.porthole_dialog_active[data-porthole-action=crop] .grid_photo__frame {border: 2px solid var(--color-dialog-neutral-border)}
.photo_manager__photo.porthole_dialog_active .grid_photo {cursor: pointer}
.photo_manager__photo.porthole_dialog_active .grid_photo__photo {pointer-events: none}
.photo_manager__title {margin-bottom: 2em; font-size: 1.3em}
.photo_manager__drag_notice {display: none}
.photo_manager__photo .photo_manager__form {margin-top: 0}
.photo_manager__photo .photo_manager__form label {width: 100% !important; font-size: 0.8571428571rem; font-weight: bold}
.photo_manager__photo .photo_manager__form textarea {box-sizing: border-box !important; width: 100% !important; height: 7em}
.photo_manager__photo .photo_manager__form input {box-sizing: border-box !important; width: 100% !important}
.photo_manager__photo .photo_manager__form fieldset.submit {width: 100% !important}
.photo_manager__photo .photo_manager__form fieldset.submit a {line-height: inherit}
.photo_manager--with_dragenter--DISABLED form {display: none}
.photo_manager--with_dragenter--DISABLED .photo_manager__drag_notice {display: block}
.photo_manager__source__instructions {margin-bottom: 1em}
.photo_manager__source__instructions #flickr_search .login {padding: 0 !important}
.photo_manager__import fieldset {margin-left: 0}
.photo_manager__import #slurper_progress {display: none}
.photo_manager__import #flickr_search {width: 100%}
.photo_manager__import #flickr_search_results {padding-top: 0px; min-height: auto}
.photo_manager__import #flickr_search_results img {cursor: pointer}
.photo_manager__import #pages_viewport {float: none !important; width: auto !important; min-height: auto !important}
.photo_manager__import #pages_viewport .page {float: none !important; width: auto !important}
.photo_manager__import .flickr_form {margin-top: 0}
.photo_manager__import input[type=text] {width: 200px}
.photo_manager__import .picker-dialog-content {width: 100% !important; height: 400px !important}
.photo_manager__browser__header {padding-bottom: 1em}
.photo_manager__browser__header .photo_manager__browser__rating {display: none}
.photo_manager__browser__header .photo_manager__browser__instructions__photos {display: none}
.photo_manager__browser__header--with_photos .photo_manager__browser__instructions__blank {display: none}
.photo_manager__browser__header--with_photos .photo_manager__browser__rating {display: block}
.photo_manager__browser__header--with_photos .photo_manager__browser__instructions__photos {display: block}
.photo_manager__sources {margin-top: 0; padding-right: 2em}
body.theme_hebridean .photo_manager__sources li#current {--legacy-frontend: 1; font-weight: bold}
.photo_manager__browser__footer {margin-top: 16px}
body.redbox_fullscreen .photo_manager__sources {height: auto !important}
body.redbox_fullscreen .photo_manager__sources ul {height: auto !important}
.photo_manager__current_source {border-bottom: 1px solid var(--color-border-dark); padding: 1em; min-height: 50px}
.photo_manager__current_source--google {border-bottom-color: white; padding: 0}
.photo_manager__import__instructions {display: flex}
.photo_manager__import__instructions div {width: auto !important; flex-grow: 1}
.photo_manager__import__item {width: 120px !important; height: 120px !important; position: relative; float: left}
.photo_manager__import__item--imported .photo_manager__import__thumbnail {border: 1px solid #009900; opacity: 0.2}
.photo_manager__import__item--imported::after {content: ""; width: 24px; height: 24px; background: url(/images/iconfinder-lokas-checkmark.png) no-repeat; background-size: 16px; position: absolute; bottom: 24px; right: 18px}
.photo_manager__import__item--imported {cursor: default !important}
.photo_manager__import__thumbnail {width: 100px !important; height: 100px !important; display: inline-block; border: 1px solid #ccc; margin: 0 !important; border-radius: 2px !important; -moz-border-radius: 2px !important; -webkit-border-radius: 2px !important}
#instagram_results .photo_manager__import__thumbnail {height: auto !important}
.photo_manager__import__caption {display: none}
.photo_manager__import--collapsed {display: none}
.photo_manager__import__thumbnail--selected {border: 1px solid red !important}
.photo_manager__browser {padding: 0.5em 1em 1em 1em}
.photo_manager__browser__header {display: flex}
.photo_manager__browser__instructions {flex-grow: 1; line-height: 3}
.photo_manager__browser__rating {line-height: 32px; text-align: left}
.photo_manager__browser__rating img {vertical-align: middle}
.photo_manager__photo {display: inline-block; border-left: 4px solid transparent; vertical-align: top; padding-bottom: 1em}
.photo_manager__photo__caption {padding-left: 1em; padding-right: 1em; font-size: 0.95em; color: var(--color-text-understated); line-height: 1.4em; text-align: center; cursor: pointer}
.photo_manager__photo .grid_photo {cursor: grab; cursor: -moz-grab; cursor: -webkit-grab}
.photo_manager__photo a {text-decoration: none}
.photo_manager--cropping .grid_photo a {visibility: hidden !important; display: none !important}
.photo_manager__photo .hover_tool_extra {position: absolute; touch-action: none}
.photo_manager__photo .hover_tool_extra span {display: none}
.photo_manager__photo .grid_photo__frame {background-image: none; background-color: var(--color-background-modal)}
.photo_manager__photo .grid_photo__frame div {cursor: pointer}
.photo_manager__photo--focused {background-color: red}
.photo_manager__place_marker__bottom, .photo_manager__place_marker__top {width: 0px; height: 0px; position: absolute; left: -14px; display: none}
.photo_manager__place_marker__bottom {border-left: 12px solid transparent; border-right: 12px solid transparent; border-bottom: 13px solid var(--color-red-04); bottom: -4px}
.photo_manager__place_marker__top {border-left: 12px solid transparent; border-right: 12px solid transparent; border-top: 13px solid var(--color-red-04); top: -4px}
.photo_manager__place_marker {border-left: 4px solid var(--color-red-04)}
.photo_manager__place_marker .photo_manager__place_marker__bottom, .photo_manager__place_marker .photo_manager__place_marker__top {display: block}
.photo_manager__photo--stub {height: 188px}
.photo_manager__photo--stub .photo_manager__photo__message {display: none}
.photo_manager__photo--stub .photo_manager__handle {display: none}
.photo_manager__current_photos--empty .photo_manager__photo--stub {border: 1px dashed #aaa !important; line-height: 180px; width: 100%}
.photo_manager__current_photos--empty .photo_manager__photo--stub .photo_manager__photo__message {color: var(--color-text-understated); font-size: 1.1em; display: block; text-align: center}
.photo_manager__photo--stub.photo_manager__place_marker {background-color: #eee; border: 1px dashed #ccc !important}
.photo_manager__progress {height: 20px; width: 150px; display: block; background-color: #eee; border: 1px solid #dfdfdf; display: block; margin-left: auto; margin-right: auto; margin-top: 64px}
.photo_manager__progress__indicator {width: 44px; display: block; height: 20px; border-right: 1px solid #dfdfdf; background-image: url(/images/photo-manager-stripe.gif)}
.photo_manager__progress_label {text-align: center; font-size: 0.9em; margin-top: 1em; color: var(--color-text-understated)}
.photo_manager .tabs ul {padding-right: 44px}
body.with_photo_manager_dialog .photo_manager {width: 90vw}
.photo_manager__photo {width: 188px}
.medium_photo .photo_placeholder {background-size: 105% !important}
.photo_border--craft_1 .photo_placeholder {background-image: url(/images/assets/illustrations/color/svg/blank-skein.svg) !important; background-image: var(--img-photo-placeholder) !important}
.photo_border--craft_2 .photo_placeholder {background-image: url(/images/assets/illustrations/color/svg/blank-skein.svg) !important; background-image: var(--img-photo-placeholder) !important}
.framed_photo--empty .photo {background-repeat: no-repeat; background-position: center; background-size: 105%; background-image: url(/images/assets/illustrations/color/svg/blank-skein.svg); background-image: var(--img-photo-placeholder)}
.photo_280 {width: 280px; height: 280px}
.photo_280 .photo, .photo_280 .photo_frame, .photo_280 .photo_border {width: 280px; height: 280px}
.photo_280 .photo {overflow: hidden; position: relative; padding: 0; margin: 0 !important}
.photo_280 .photo img {position: relative; min-width: 280px; min-height: 280px}
.photo_280 .photo_frame {padding: 0; margin: 0}
.photo_280 .photo_border {display: block; overflow: hidden; padding: 0; margin: 0; background-image: none}
.photo_280 .photo_placeholder {line-height: 280px; color: #999; overflow: hidden}
.photo_frame--with_placeholder {background-size: cover !important}
.photo_full_width {width: 100%}
.photo_full_width__image--blazy {width: 100%; height: auto}
.photo_full_width__image--blazy_modal {display: block; margin-left: auto; margin-right: auto}
.photo_blurup {filter: blur(20px); transition: filter 0.2s}
.photo_blurup--loaded {filter: blur(0)}
.photo_full_width__image--blurup {filter: blur(5px); -webkit-filter: blur(5px); transition: filter 0.2s, transform 0.2s; transform: scale(1.01)}
.photo_full_width__image--blurup.photo_full_width__image--loaded {filter: blur(0); transform: scale(1)}
.photo_full_width__image {width: 100%; height: auto}
.grid_photo__frame {height: 168px; width: 168px; overflow: hidden; background-color: var(--color-background); background-size: cover}
.grid_photo__photo {position: relative; color: #666666}
.grid_photo__frame--empty {background: var(--color-background) url(/images/assets/illustrations/color/svg/blank-skein.svg) no-repeat center; background: var(--color-background) var(--img-photo-placeholder) no-repeat center; background-size: 105%; background-position: center}
.grid_photo--craft_1 .grid_photo__frame--empty {background-image: var(--img-photo-placeholder)}
.grid_photo__frame--blank {background-image: none}
.grid_photo__frame--loaded {background-image: none}
.grid_photo_caption {font-size: 0.9em; color: #666666; text-align: center}
.grid_photo_caption a {color: #666666}
.grid_photo_caption img {vertical-align: top}
.grid_photo_copyright {font-size: 0.9em; color: #666666; margin-bottom: 1em; text-align: center}
.grid_photo_container {float: left; width: 190px}
.grid_photo {display: block; height: 175px; width: 175px; padding: 10px; color: #cccccc; border: none; padding: 9px 9px 4px 9px}
.grid_photo:hover {background-color: transparent}
.grid_photo__frame {height: 168px; width: 168px; border: 1px solid var(--color-border-dark); box-shadow: none}
.grid_photo--150, .grid_photo--150 .grid_photo__frame {background-image: none; width: 150px; height: 150px}
.grid_photo--100, .grid_photo--100 .grid_photo__frame {background-image: none; width: 100px; height: 100px}
.grid_photo--75, .grid_photo--75 .grid_photo__frame {background-image: none; width: 75px; height: 75px}
.grid_photo--scaled .grid_photo__photo {transform: scale(1) !important}
.grid_photo--75x, .grid_photo--75x .grid_photo__frame {background-image: none; width: 75px; height: 75px}
.grid_photo--320, .grid_photo--320 .grid_photo__frame {background-image: none; width: 320px; height: 320px}
.photo_placeholder--image {background-size: cover !important; background-position: center !important}
.media_square__ellipsis {width: 16px; min-width: 16px; padding-left: 0 !important; padding-right: 0 !important; -ms-flex-shrink: 1; -webkit-flex-shrink: 1; flex-shrink: 1}
.media_square_group h2 {font-weight: normal; margin-bottom: 2em}
.media_square_group h2 a {font-size: 0.85em; padding-left: 2em; background-image: url(/images/fugue-magnifier_left.png); background-position: 5px 0; background-repeat: no-repeat}
.media_square_group .media_squares {margin-bottom: 4em}
.media_square_group--210 {display: grid; grid-gap: 4px; justify-content: space-between; grid-template-columns: repeat(auto-fill, 210px)}
.media_square_group--210 .media_square {margin-right: 20px}
.media_square {position: relative; float: left; padding: 0 10px 10px 0}
.media_square a.framed_photo {display: block; background-color: transparent; text-decoration: none}
.media_square .photo_frame {border: none; box-shadow: none}
.media_square .overlay {position: absolute; z-index: 2; height: 32px}
.media_square .heading {text-align: center; height: 1.2em; overflow: hidden}
.media_square .indicators {padding-bottom: 1em}
.media_square .indicators a {font-size: 0.9em}
.media_square .indicators a.indicator {font-size: 1em; text-decoration: none}
.media_square .indicators a.indicator img {vertical-align: middle}
.media_square .indicators .indicators_left {float: left; clear: left}
.media_square .indicators .indicators_right {float: right; clear: right}
.media_square dl {width: 100%; overflow: hidden}
.media_square dl dt {display: inline-block; min-width: 60px; line-height: 1.6em}
.media_square dl dd {display: inline; margin: 0; line-height: 1.6em}
.media_square dl dd:after {display: block; content: ""}
body:not(.with_broken_line_clamp) .captioned_media_square li.title {display: -webkit-box; -webkit-line-clamp: 1; -webkit-box-orient: vertical; overflow: hidden; text-overflow: ellipsis; -webkit-hyphens: auto; -moz-hyphens: auto; hyphens: auto; overflow-wrap: break-word; word-break: break-word; overflow-wrap: anywhere; word-break: break-all}
.captioned_media_square {margin-bottom: 2em}
.captioned_media_square li {padding: 0.25em; max-height: 1.25em; overflow: hidden}
.captioned_media_square li strong.highlight {background-color: var(--color-yellow-02)}
.captioned_media_square li.title {margin-bottom: 8px; font-size: 1em}
.captioned_media_square li.title a {text-decoration: none; white-space: nowrap; text-overflow: ellipsis; display: block; overflow: hidden}
.captioned_media_square li.title a:hover {text-decoration: underline}
.captioned_media_square li.byline {line-height: 25px; height: 25px; max-height: 25px}
.captioned_media_square li.byline img {vertical-align: middle}
.captioned_media_square li.notes {height: auto}
.captioned_media_square li.tag_list {height: auto; max-height: none}
.captioned_media_square li.tag {max-height: none}
.captioned_media_square ul.utility_flex li.title {padding-left: 0; padding-right: 0}
.media_square_200 {width: 220px}
.media_square_200 .photo {overflow: hidden; position: relative; width: 210px; height: 210px; padding: 0; margin: 0}
.media_square_200 .photo img {position: relative; min-width: 210px}
.media_square_200 .photo_frame {width: 210px; height: auto; padding: 0; margin: 0}
.media_square_200 .text_frame {color: var(--color-text-understated); font-size: 0.9em; line-height: 1.5em; background-color: var(--color-background); text-align: left; height: 200px; width: 200px; padding: 5px; overflow: hidden}
.media_square_200 .text_frame .photo {text-align: left; width: 200px}
.media_square_200 .photo_border {overflow: hidden; width: 210px; height: auto; padding: 0; margin: 0 !important; background-image: none; border: 1px solid var(--color-border-dark); box-shadow: none; margin-bottom: 4px !important}
.media_square_200 .photo_placeholder {line-height: 200px; color: #999; overflow: hidden}
.media_square_200 .photoless img {min-width: 136px; margin-top: 90px}
.media_square_150 {width: 155px}
.media_square_150 .photo_gallery__background {width: 155px; height: 155px}
.media_square_150 .photo_frame {height: auto; width: auto; border: none; margin-top: 0; margin-left: 0}
.media_square_150 .photo_border {border: none; width: auto; height: auto}
.media_square_150 .photo {border: 1px solid var(--color-border-dark); box-sizing: border-box; overflow: hidden; position: relative; width: 155px; height: 155px; padding: 0; margin: 0; margin-bottom: 5px}
.media_square_150 .photo img {position: relative; min-width: 105px}
.media_square_100 {width: 105px}
.media_square_100 .photo {border: 1px solid var(--color-border-dark); overflow: hidden; position: relative; width: 105px; height: 105px; padding: 0; margin: 0; margin-bottom: 5px}
.media_square_100 .photo img {position: relative; min-width: 55px}
.media_square__text a {color: var(--color-text-understated); font-size: 0.8571428571rem; background-color: var(--color-background)}
.form_select, .fake_form_select {border: 1px solid #bbb; background-color: white; color: var(--color-input-custom); background-color: var(--color-input-custom-background); background-image: var(--img-icon-chevron-down); background-size: 12px; background-position: right 5px center; background-repeat: no-repeat; height: 1.6em; padding-left: 3px; cursor: pointer}
.form_select #filter_menu span img, .form_select .filter_menu span img, .fake_form_select #filter_menu span img, .fake_form_select .filter_menu span img {vertical-align: middle; margin-top: -2px; padding-right: 2px}
.form_select select, .fake_form_select select {padding-left: 3px; padding: 0 !important; margin: 0 !important; height: 1.65em !important; background: transparent; border: 0; border-radius: 0; -webkit-appearance: none; -moz-appearance: none; appearance: none}
.form_select.edit_frame_sized, .fake_form_select.edit_frame_sized {width: 245px !important; background-position: right 5px center !important; background-image: var(--img-icon-chevron-down); background-repeat: no-repeat !important; background-size: 10px; background-position: 238px 12px !important}
.form_select.edit_frame_sized select, .fake_form_select.edit_frame_sized select {width: 245px !important; border-right: 20px solid transparent !important}
.form_select.with_create_clicker, .fake_form_select.with_create_clicker {width: 245px !important; background-position: right 5px center !important; background-image: none !important}
.form_select.with_create_clicker select, .fake_form_select.with_create_clicker select {width: 245px !important; border-right: 20px solid transparent !important}
.form_select.small_60, .fake_form_select.small_60 {width: 60px !important; background-position: right 5px center !important}
.form_select.small_60 select, .fake_form_select.small_60 select {width: 60px !important; border-right: 20px solid transparent !important}
.form_select.x3_small, .fake_form_select.x3_small {width: 75px !important; background-position: right 5px center !important}
.form_select.x3_small select, .fake_form_select.x3_small select {width: 75px !important; border-right: 20px solid transparent !important}
.form_select.xx_small, .fake_form_select.xx_small {width: 100px !important; background-position: right 5px center !important}
.form_select.xx_small select, .fake_form_select.xx_small select {width: 100px !important; border-right: 20px solid transparent !important}
.form_select.xx_small_with_icon, .fake_form_select.xx_small_with_icon {width: 100px !important; background-position: right 5px center !important; position: relative}
.form_select.xx_small_with_icon select, .fake_form_select.xx_small_with_icon select {width: 100px !important; border-right: 20px solid transparent !important}
.form_select.xx_small_with_icon select, .fake_form_select.xx_small_with_icon select {border-left: 21px solid transparent}
.form_select.xx_small_with_icon img, .fake_form_select.xx_small_with_icon img {position: absolute; left: 7px; top: 6px; height: 16px}
.form_select.x_small, .fake_form_select.x_small {width: 150px !important; background-position: right 5px center !important}
.form_select.x_small select, .fake_form_select.x_small select {width: 150px !important; border-right: 20px solid transparent !important}
.form_select.small_boards, .fake_form_select.small_boards {width: 105px !important; background-position: right 5px center !important}
.form_select.small_boards select, .fake_form_select.small_boards select {width: 105px !important; border-right: 20px solid transparent !important}
.form_select.small_175, .fake_form_select.small_175 {width: 175px !important; background-position: right 5px center !important}
.form_select.small_175 select, .fake_form_select.small_175 select {width: 175px !important; border-right: 20px solid transparent !important}
.form_select.small_170_with_icon, .fake_form_select.small_170_with_icon {width: 170px !important; background-position: right 5px center !important; position: relative}
.form_select.small_170_with_icon select, .fake_form_select.small_170_with_icon select {width: 170px !important; border-right: 20px solid transparent !important}
.form_select.small_170_with_icon select, .fake_form_select.small_170_with_icon select {border-left: 21px solid transparent}
.form_select.small_170_with_icon img, .fake_form_select.small_170_with_icon img {position: absolute; left: 7px; top: 6px; height: 16px}
.form_select.small_195_with_icon, .fake_form_select.small_195_with_icon {width: 195px !important; background-position: right 5px center !important; position: relative}
.form_select.small_195_with_icon select, .fake_form_select.small_195_with_icon select {width: 195px !important; border-right: 20px solid transparent !important}
.form_select.small_195_with_icon select, .fake_form_select.small_195_with_icon select {border-left: 21px solid transparent}
.form_select.small_195_with_icon img, .fake_form_select.small_195_with_icon img {position: absolute; left: 7px; top: 6px; height: 16px}
.form_select.small_200_with_icon, .fake_form_select.small_200_with_icon {width: 200px !important; background-position: right 5px center !important; position: relative}
.form_select.small_200_with_icon select, .fake_form_select.small_200_with_icon select {width: 200px !important; border-right: 20px solid transparent !important}
.form_select.small_200_with_icon select, .fake_form_select.small_200_with_icon select {border-left: 21px solid transparent}
.form_select.small_200_with_icon img, .fake_form_select.small_200_with_icon img {position: absolute; left: 7px; top: 6px; height: 16px}
.form_select.small_220, .fake_form_select.small_220 {width: 220px !important; background-position: right 5px center !important}
.form_select.small_220 select, .fake_form_select.small_220 select {width: 220px !important; border-right: 20px solid transparent !important}
.form_select.small_240, .fake_form_select.small_240 {width: 240px !important; background-position: right 5px center !important}
.form_select.small_240 select, .fake_form_select.small_240 select {width: 240px !important; border-right: 20px solid transparent !important}
.form_select.small_300, .fake_form_select.small_300 {width: 300px !important; background-position: right 5px center !important}
.form_select.small_300 select, .fake_form_select.small_300 select {width: 300px !important; border-right: 20px solid transparent !important}
.form_select.small_400, .fake_form_select.small_400 {width: 400px !important; background-position: right 5px center !important}
.form_select.small_400 select, .fake_form_select.small_400 select {width: 400px !important; border-right: 20px solid transparent !important}
.form_select.small_400_with_icon, .fake_form_select.small_400_with_icon {width: 400px !important; background-position: right 5px center !important; position: relative}
.form_select.small_400_with_icon select, .fake_form_select.small_400_with_icon select {width: 400px !important; border-right: 20px solid transparent !important}
.form_select.small_400_with_icon select, .fake_form_select.small_400_with_icon select {border-left: 21px solid transparent}
.form_select.small_400_with_icon img, .fake_form_select.small_400_with_icon img {position: absolute; left: 7px; top: 6px; height: 16px}
.form_select.small, .fake_form_select.small {width: 200px !important; background-position: right 5px center !important}
.form_select.small select, .fake_form_select.small select {width: 200px !important; border-right: 20px solid transparent !important}
.form_select.medium, .fake_form_select.medium {width: 400px !important; background-position: right 5px center !important}
.form_select.medium select, .fake_form_select.medium select {width: 400px !important; border-right: 20px solid transparent !important}
.form_select--vertical_form {width: 331px !important; background-position: right 5px center !important; background-position: 314px 5px !important; background-repeat: repeat-y; height: auto; border-color: #ccc; border-radius: 0; margin-bottom: 10px}
.form_select--vertical_form select {width: 331px !important; border-right: 20px solid transparent !important}
.form_select--vertical_form select {border-style: none !important}
.form_select {overflow: hidden; line-height: 1.6em}
.form_select--inline {display: inline-block}
.fake_form_select .menu_field {color: var(--color-text) !important; line-height: 1.8em !important; width: auto !important; padding: 0 !important; border: none !important; font-size: 1em !important; -moz-box-shadow: none !important; -webkit-box-shadow: none !important}
form.short .form_select, form.short .fake_form_select, form.short .fake_form_select span {display: block; height: 23px}
form.short .form_select, form.short .fake_form_select span {display: block; height: 23px; line-height: 23px}
form.short select {height: 26px; line-height: 23px}
.tabs {border-bottom-width: 1px; border-bottom-style: solid; padding: 0.6em 0 0; font-weight: normal; margin-top: -25px}
.tabs ul, .tabs ul li {list-style: none; margin: 0; padding: 0}
.tabs > ul {padding: 0px 0 5px; text-align: right}
.tabs ul li {display: inline; margin-left: -2px}
.tabs ul li img {margin-bottom: -3px; margin-right: 4px}
.tabs ul li > span {background: url("/images/tabs-left-3.gif") no-repeat left top; text-decoration: none; padding-top: 5px; padding-bottom: 5px}
li.tab_bar_container__guest_link {display: none !important}
.tab_bar_container--guest .tabs li {display: none !important}
.tab_bar_container--guest .tabs li.tab_bar_container__guest_link {display: inline !important}
.tab_bar_container--guest .tabs li.tab_bar_container__guest_link a span {font-style: italic}
.tabs {font-size: 0.85em}
.tab_bar_responsive__show_more, .tab_bar_responsive__spacer {display: none}
ul.tag_set ul {list-style: none; float: left; clear: both}
ul.tag_set li:not(.tag_set__control), span.tag_word {display: block; float: left; border-width: 1px; padding-bottom: 2px; margin-right: 7px; margin-bottom: 8px; overflow: hidden; padding-top: 1px; padding-right: 8px; padding-left: 8px; border-radius: 13px; border-color: var(--color-chip-border); background-color: var(--color-chip-background)}
ul.tag_set li:not(.tag_set__control):hover, span.tag_word:hover {background-color: var(--color-chip-background-hover)}
ul.tag_set li:not(.tag_set__control) a, span.tag_word a {color: var(--color-chip-text); height: 17px; line-height: 17px; display: inline-block}
ul.tag_set--small li {font-size: 0.8571428571rem}
li.tag_set__tag--disabled {background-color: #ccc}
ul.tag_set li.tag_set__control {border-style: solid; border-color: transparent; background-color: transparent; margin-left: 1px}
ul.vertical_tag_set li {float: none; display: inline}
ul.tag_set li.tag, span.tag_word {border-style: solid; cursor: pointer}
ul.tag_set a, span.tag_word a {text-decoration: none; color: var(--color-chip-text)}
ul.tag_set li:not(.tag) {padding-left: 0; padding-right: 0}
ul.tag_set li.tag a, span.tag_word a {padding: 2px 5px 2px 5px; font-size: 0.8571428571rem}
ul.tag_set li.selected_tag, span.selected_tag.tag_word {background-color: var(--color-chip-selected-background) !important; color: var(--color-text); cursor: pointer}
ul.tag_set li.herd_tag {background-color: var(--color-red-04)}
span.herd_tag {font-size: 1.2em}
ul.tag_set li.herd_tag a {color: #f9f9f9}
ul#pattern_tag_list li {margin-bottom: 0; padding: 0; border-bottom-color: #e3ffe3; border-right-color: #999; border-top-color: #ddd; border-left-color: #ddd}
ul#pattern_tag_list li a {padding-right: 0}
ul#pattern_tag_list li a:hover {background-color: #e3ffe3}
.box {width: 245px; margin-bottom: 32px; box-shadow: var(--global-box-shadow-size) var(--global-box-shadow-size) 0 0 var(--color-border-dark)}
.box--soft {box-shadow: 0 2px 4px rgba(0, 0, 0, 0.5)}
.box_contents {padding: 8px 4px 8px 4px; border: 1px solid var(--color-infobox-content-border); border-top: none; background-color: var(--color-infobox-content); line-height: var(--line-height-base)}
.box_title, .box_title--standalone {padding-bottom: 0px; white-space: nowrap; overflow: hidden; padding-left: 0.5em; font-weight: bold; height: 44px; line-height: 44px; font-size: 1rem; -webkit-border-top-left-radius: 1px; -webkit-border-top-right-radius: 1px; -moz-border-radius-topleft: 1px; -moz-border-radius-topright: 1px; border-top-left-radius: 1px; border-top-right-radius: 1px; background-color: var(--color-background-infobox-title); border: 1px solid var(--color-infobox-title-border)}
.box_title .closer, .box_title--standalone .closer {margin-top: 14px; margin-right: 8px}
.dialog .box_title {height: 34px; line-height: 34px}
a.box_title__closer img {margin-right: 12px; margin-top: 14px; display: inline-block}
.box.medium {width: 345px}
.box.large {width: 475px}
.box .button {border: none}
.box_button {text-align: center; margin-top: 1em; float: right}
.box_divider {border-bottom: 2px solid white; border-top: 1px solid #ccc; margin-left: -4px; margin-right: -4px; margin-top: 15px; margin-bottom: 5px; font-size: 0}
.box_contents fieldset {width: 226px}
.box_contents fieldset.submit {margin-top: 12px; background-color: transparent; text-align: right}
.box_title--sidebar::first-letter {text-transform: capitalize}
.page_title {display: none}
.page_title--desktop {display: block; font-size: 20px; font-weight: 900; margin-bottom: 16px}
.page_title--desktop .page_title__supertitle {display: none}
.page_title__subtitle {font-size: 1rem; font-weight: normal}
.clean_dialog {background-color: var(--color-modal-background); position: relative; box-shadow: 0 2px 4px rgba(0, 0, 0, 0.5)}
.clean_dialog__title_bar {background-color: var(--color-modal-background); padding: 0.5em}
.clean_dialog__closer {cursor: pointer; position: absolute; top: 2px; right: 2px; padding: 10px}
.clean_dialog .tabs--subnavigation {background-color: var(--color-modal-background) !important}
.clean_dialog__inset {position: relative}
.clean_dialog__inset .clean_dialog__title_bar {cursor: default; padding-bottom: 1em; color: var(--color-text); margin: 0 !important; border: none}
.clean_dialog__submit {display: -ms-flexbox; display: -webkit-flex; display: flex; -ms-justify-content: space-between; -webkit-justify-content: space-between; justify-content: space-between; -ms-align-items: center; -webkit-align-items: center; align-items: center}
.notebook .clean_dialog table {margin-bottom: 0}
.notebook .clean_dialog .page_bar select {font-size: 12px; margin-left: 1em; height: auto}
.patterns .clean_dialog button {width: auto}
.clean_dialog {border: 1px solid var(--color-border-dark); padding: 10px}
.clean_dialog__title_bar {margin: -11px -11px 6px -11px; border: 1px solid var(--color-border-dark); border-bottom: none; min-height: 0.5em; font-size: 1em; cursor: move; color: #999}
.selectables_scroller {overflow-y: auto}
.selectables_scroller::-webkit-scrollbar {width: 12px}
.selectables_scroller::-webkit-scrollbar-track {-webkit-box-shadow: inset 0 0 3px rgba(0, 0, 0, 0.1); border-radius: 10px; border-color: #ccc; border: 1px solid #ccc}
.selectables_scroller::-webkit-scrollbar-thumb {border-radius: 10px; background-color: #ccc}
.selectables .hover {background-color: var(--color-teal-01)}
.selectables .hover .thumbnail {border-color: transparent}
.selectables .selectable {cursor: pointer; background-color: var(--color-teal-01); background-color: var(--color-selectable-background); color: var(--color-text); margin-bottom: 4px}
.selectables .selected_indicator {display: none}
.selectables .selected span {font-weight: bold; font-size: 1.1em}
.selectables .selected .selectable__option__label {font-weight: bold; font-size: 1.1em}
.selectables .vertical_pager {display: block; font-size: 1.2em; text-align: center; background-color: #eee; padding: 3px; margin: 10px 0; border-radius: 5px; -moz-border-radius: 5px; -webkit-border-radius: 5px}
.selectables .vertical_pager:hover {background-color: #cdf2c2}
.image_selectables .thumbnail {margin: 3px; border: none; opacity: 0.9; filter: alpha(opacity=90)}
.image_selectables .no_photo {background-image: url(/images/blank-stripe-background.png); font-size: 0.8em}
.image_selectables .selected {background-color: var(--color-teal-02); background-color: var(--color-selectable-selected-background)}
.image_selectables .selected .thumbnail {filter: alpha(opacity=100)}
.selectable__box {border: 1px solid black; border-radius: 3px; background: white; padding: 5px; float: left; margin: 0px 2px 10px 2px}
.selectable__box.selected {border-color: #AD083E; background-color: #eeeeee}
.selectable__box input {height: 1.5em; border-radius: 3px}
.tabs--tab_builder {position: relative}
.tabs__menu {display: none !important; height: auto !important; position: absolute; z-index: 100; background-color: var(--color-background); top: 0px; border: 1px solid var(--color-border-dark)}
.tabs__menu li {display: block !important}
.tabs__menu--active {display: block !important}
.toolbar_builder--stash_selector label {margin-bottom: 4px !important; padding: inherit !important}
.toolbar_builder--stash_selector select, .toolbar_builder--stash_selector input[type=text] {margin: 0 !important; padding-top: 2px; padding-bottom: 0px !important}
.toolbar_builder--stash_selector img {position: static !important}
.toolbar_builder--stash_selector .toolbar_builder__tool--select_1 select, .toolbar_builder--stash_selector .toolbar_builder__tool--select_1 .form_select {width: 100% !important}
.toolbar_builder--stash_selector .toolbar_builder__tool--search input[type=text] {width: 100% !important}
.toolbar_builder--stash_selector #stash_select_search {width: 100% !important; padding-right: 24px}
.toolbar_builder--stash_selector .toolbar_builder__search_link {right: 12px !important}
.toolbar_builder--stash_selector #stash_select_sort {line-height: 32px !important}
#advanced_search_link, #advanced_search_link:visited {background-color: var(--color-advanced-search) !important; color: var(--color-clicker-advanced-search) !important}
#advanced_search_link:hover {background-color: var(--color-advanced-search-hover) !important}
#advanced_search_link:active {background-color: var(--color-advanced-search-hover) !important}
.toolbar_builder input {float: none}
.toolbar_builder label:not(.checkbox_label) {display: block; font-weight: bold; float: none; width: auto; margin-bottom: 4px; height: 1.5em; font-size: 0.8571428571rem}
.toolbar_builder__tool {position: relative}
.toolbar_builder__search_link {bottom: 0; top: auto !important}
.toolbar_builder__search_submit[type=submit] {font-size: 0; background-color: transparent; border: none; position: absolute; width: 30px !important; height: 30px; background-image: var(--img-icon-search-general); background-size: 14px; background-repeat: no-repeat; background-position: center right 12px; cursor: pointer; bottom: 0; right: 0}
.toolbar_builder__tool--link_group .clicker_v2 img {margin-top: 0}
.toolbar_builder__tool--icon_link a {text-decoration: none; margin-right: 4px}
.toolbar_builder__tool--icon_link img {vertical-align: middle}
.toolbar_builder {-webkit-display: flex; display: flex; width: 100%; box-sizing: border-box}
.toolbar_builder img {width: 16px; height: 16px}
.toolbar_builder .clicker_v2 {line-height: 18px !important}
.toolbar_builder input.clicker_v2 {height: 28px}
.toolbar_builder input.clicker_v2[type=submit] {width: auto; padding-left: 8px; padding-right: 8px; border: 1px solid var(--color-border-dark); font-size: 0.8571428571rem}
.toolbar_builder .form_select, .toolbar_builder .fake_form_select span {height: 26px !important; line-height: 26px !important}
.toolbar_builder .form_select img {left: 4px; top: 5px}
.toolbar_builder__tool {padding-right: 10px}
.toolbar_builder__tool:last-child {padding-right: 0px}
.toolbar_builder--without_flexbox {width: auto; display: inline-block}
.toolbar_builder--without_flexbox .toolbar_builder__tool {float: left}
.toolbar_builder__tool--link_group .clicker_v2, .toolbar_builder__tool--clicker .clicker_v2, .toolbar_builder__tool--link .clicker_v2 {margin: 0 !important; float: none}
.toolbar_builder__tool--checkbox .checkbox_container {height: 100%; display: flex; align-items: center; white-space: nowrap; max-height: 28px}
.toolbar_builder__tool--text, .toolbar_builder__tool--text_link {height: 26px; line-height: 26px}
.toolbar_builder__tool--link_group a {border-radius: 0; border-right-width: 0 !important}
.toolbar_builder__tool--link_group a.selected {background-color: var(--color-toggle-selected) !important}
.toolbar_builder__tool--link_group a:hover {position: relative}
.toolbar_builder__tool--link_group a:last-of-type {border-right-width: 1px !important}
.toolbar_builder__tool--spacer {-webkit-flex-grow: 1; flex-grow: 1}
.toolbar_builder__tool--search {position: relative}
.toolbar_builder__tool--search input {color: var(--color-text); border-style: solid; border-color: #bbb; border-width: 1px; height: 24px; line-height: 24px; padding: 2px 8px 0px 4px}
.toolbar_builder__tool--search input {width: 15em}
.toolbar_builder__tool--search .toolbar_builder__search_link {content: ""; background-repeat: no-repeat; background-image: var(--img-icon-search-general); background-size: 16px 16px; width: 16px; height: 16px; position: absolute; right: 32px; top: 0px; margin: 6px; display: block; cursor: pointer; background-color: transparent !important}
.toolbar_builder__tool--select .form_select, .toolbar_builder__tool--option_picker .form_select {height: 26px; border-color: #bbb}
.toolbar_builder__tool--select .form_select > select, .toolbar_builder__tool--option_picker .form_select > select {line-height: 26px !important; height: 26px !important}
.toolbar_builder__tool--select .fake_form_select, .toolbar_builder__tool--option_picker .fake_form_select {border-color: #bbb; height: 26px !important}
.toolbar_builder__tool--select .fake_form_select > div > span, .toolbar_builder__tool--option_picker .fake_form_select > div > span {line-height: 26px !important}
.toolbar_builder__tool--select #filter_menu, .toolbar_builder__tool--option_picker #filter_menu {padding-right: 20px}
.toolbar_builder__tool--select #filter_menu .filter_menu__label, .toolbar_builder__tool--option_picker #filter_menu .filter_menu__label {display: block; white-space: nowrap; overflow: hidden}
.toolbar_builder__tool--select #filter_menu_options, .toolbar_builder__tool--option_picker #filter_menu_options {top: 0 !important; margin-top: 0 !important}
.toolbar_builder:not(.toolbar_builder--without_flexbox) .toolbar_builder__tool--search {-webkit-flex-grow: 1; flex-grow: 1; max-width: 350px}
.toolbar_builder:not(.toolbar_builder--without_flexbox) .toolbar_builder__tool--search input[type=text] {width: calc(100% - 35px) !important; padding-right: 25px}
.toolbar_builder:not(.toolbar_builder--without_flexbox) .toolbar_builder__tool--search .toolbar_builder__search_link {right: 15px}
.toolbar_builder:not(.toolbar_builder--without_flexbox) .toolbar_builder__tool--search:last-child .toolbar_builder__search_link {right: 5px}
.toolbar_builder .menu_content ul {padding-left: 3px; border-top-left-radius: 0 !important; border-top-right-radius: 0 !important; margin-left: -4px; padding-top: 5px}
.toolbar_builder__tool--checkbox label {padding-left: 4px}
.toolbar_v2 {}
.toolbar_v2 .toolbar_left {float: left}
.toolbar_v2 .toolbar_right {float: right; text-align: right}
.toolbar_v2 .toolbar_spacer {height: 5px}
.toolbar_v2 .tool_group, .toolbar_v2 .tool, .toolbar_v2 .form_select, .toolbar_v2 .fake_form_select {display: inline-block; height: 26px !important; vertical-align: top}
.toolbar_v2 .form_select, .toolbar_v2 .fake_form_select {padding-top: 2px}
.toolbar_v2 .form_select img, .toolbar_v2 .fake_form_select img {left: 4px}
.toolbar_v2 .form_select_tool {position: relative}
.toolbar_v2 .form_select_tool .menu_content {position: absolute; top: -9px; left: -2px}
.toolbar_v2 .tool.selected {background-color: #c2ebb1}
.toolbar_v2 .tool {margin-right: 5px}
.toolbar_v2 .label_tool {line-height: 26px}
.toolbar_v2 .link_tool {vertical-align: top}
.toolbar_v2 .link_tool a {line-height: 26px; text-decoration: underline}
.toolbar_v2 .filter_menu_tool .small .filter_menu_options, .toolbar_v2 .filter_menu_tool .small #filter_menu_options {margin-top: 0px; left: -4px; width: 204px}
.toolbar_v2 .icon_link_group a {text-decoration: none !important}
.toolbar_v2 .clicker_tool {position: relative}
.toolbar_v2 .clicker_tool .clicker {position: absolute; top: -2px; float: none; margin-top: 0}
.toolbar_v2 .form_select_tool {display: inline-block}
.toolbar_v2 .form_select {overflow: hidden}
.toolbar_v2 .fake_form_select span {display: block; height: 26px; line-height: 24px}
.toolbar_v2 .form_select, .toolbar_v2 .fake_form_select, .toolbar_v2 .fake_form_select span {height: 26px}
.toolbar_v2 select {height: 26px; line-height: 23px}
.toolbar_v2 input {height: 26px; line-height: 26px; border-color: #bbb; border-style: solid; border-width: 1px; padding: 1px 8px 1px 4px}
.toolbar_v2 .input_tool input {height: 26px; margin-top: 0px}
.toolbar_v2 a {color: var(--color-text)}
.toolbar_v2 #advanced_search_button {background-color: var(--color-advanced-search)}
.toolbar_v2 label {width: auto; float: none; display: block; white-space: nowrap; height: 2em; min-height: 2em; font-weight: bold; font-size: 0.8571428571rem}
.toolbar_v2 .clicker_v2 {line-height: 20px !important}
.toolbar_v2 .clicker button {height: 30px; margin-top: 2px; line-height: 21px}
.toolbar_v2 .clicker_legacy span {height: 23px; line-height: 21px}
.toolbar_v2 .clicker_icon img {padding-top: 10px}
.toolbar_v2 .link_group a.toggle_link {padding-top: 7px}
.toolbar_v2 .link_group a.selected_toggle_link {text-decoration: none; background-color: var(--color-background-selected); color: var(--color-text-overstated)}
.toolbar_v2 .link_group > a:not(:last-child) {border-right: none}
.toolbar_v2 .link_group > a {position: relative; float: left; margin-bottom: 0; font-weight: 400; text-align: center; vertical-align: middle; cursor: pointer; background-image: none; border: 1px solid #ccc; white-space: nowrap; padding: 6px 6px; height: 16px; line-height: 16px; -webkit-user-select: none; margin-right: 0px; display: inline-block; font-size: 0.9em}
.toolbar_v2 .link_group > a.selected {background-color: var(--color-teal-01)}
.toolbar_v2 .link_group a.clicker_v2--advanced_search {border: 1px solid var(--color-border-dark); height: auto}
.toolbar_v2 .icon_link_group > a > img {height: 16px; width: 16px; vertical-align: bottom}
.toolbar_v2 .clear_search {margin-top: 5px}
.toolbar_v2__section {display: inline-block}
.fake_form_select_overflow_hack {width: 210px}
.fake_form_select_overflow_hack .fake_form_select {position: absolute; top: 0px}
.iconbar {position: fixed; right: 0; left: 0; bottom: 0; z-index: 999; min-height: 70px; background-color: var(--color-iconbar-background); box-shadow: 0px 0px 3px rgba(0, 0, 0, 0.1); display: -ms-flexbox; display: -webkit-flex; display: flex; -ms-justify-content: space-around; -webkit-justify-content: space-around; justify-content: space-around; -ms-align-items: center; -webkit-align-items: center; align-items: center}
.iconbar .iconbar__item {color: var(--color-iconbar); text-transform: capitalize}
.iconbar .iconbar__item:visited {color: var(--color-iconbar)}
.iconbar .iconbar__item > img {padding-bottom: 4px; width: 20px !important; height: 20px !important}
.iconbar .iconbar__item--highlighted img {opacity: 1; filter: none}
.iconbar .iconbar__label {display: block}
.iconbar--with_labels .iconbar__item {display: -ms-flexbox; display: -webkit-flex; display: flex; -ms-flex-direction: column; -webkit-flex-direction: column; flex-direction: column; text-decoration: none; justify-content: center; align-items: center; font-size: 0.8571428571rem}
.iconbar--with_labels .iconbar__item--clicker {display: block}
.iconbar--with_labels .iconbar__item--clicker .clicker_v2 {height: 38px !important; line-height: 38px !important; font-size: 1rem}
.iconbar--with_labels .iconbar__item--clicker img {opacity: 1; padding-right: 0.5em; padding-left: 0; width: 16px; height: 16px}
.iconbar {display: none}
.toolbar_v2--with_filter_menu input {padding-top: 4px; padding-bottom: 3px; margin-top: 0px}
.toolbar_v2--with_filter_menu button.clicker_v2 {width: auto; height: 30px; margin-top: -1px}
.toolbar_v2--mobile_modal .clicker {position: relative !important; padding: 10px !important; text-transform: capitalize}
.toolbar_v2--mobile_modal .clicker_tool--cancel .clicker {top: 0; background-color: transparent; border: none; box-shadow: none; color: var(--color-text-understated-reverse) !important; font-size: 1rem}
.toolbar_v2--mobile_modal .toolbar_left {width: 20%; -ms-flex: none; -webkit-flex: none; flex: none}
.toolbar_v2--mobile_modal .toolbar_title {width: 100%; text-align: center; color: var(--color-text-reverse); line-height: 40px; overflow: hidden}
.toolbar_v2--mobile_modal .toolbar_right {width: 20%; -ms-flex: none; -webkit-flex: none; flex: none}
.media_browser__item {float: left; width: 190px; height: 220px; overflow: hidden; text-align: center}
.media_browser__item:hover {background-color: transparent; text-decoration: none; cursor: pointer}
.media_browser__item:hover .media_browser__thumbnail {border-color: var(--color-red-04)}
.media_browser__item_name {padding: 0.5em 1em; font-size: 0.9em; height: 3em; overflow: hidden}
.media_browser__thumbnail {width: 150px; height: 150px; border: 1px solid #ccc; border-radius: 5px; -moz-border-radius: 5px; -webkit-border-radius: 5px}
.media_browser__spinner {opacity: 0.65; filter: alpha(opacity=65); -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=65)"; position: absolute}
body.picture_show #page, body.picture_show #footer {display: none}
body.patterns_recent .slideshow__heading__title {display: none}
.slideshow__heading {display: -ms-flexbox; display: -webkit-flex; display: flex; -ms-align-items: flex-start; -webkit-align-items: flex-start; align-items: flex-start; height: auto !important; padding: 16px}
.slideshow__heading__fullscreen {-ms-flex-grow: 1; -webkit-flex-grow: 1; flex-grow: 1; padding-left: 16px; line-height: 2em; text-decoration: none}
.slideshow__heading__fullscreen img {vertical-align: middle; padding-right: 4px}
.slideshow__heading__close {position: absolute; top: 0; right: 0; display: inline-block; padding: 16px}
#slideshow {width: 790px; min-height: 760px; background-color: var(--color-modal-photo-background); margin-left: auto; margin-right: auto; border: 1px solid var(--color-border-dark); box-shadow: 0 2px 4px rgba(0, 0, 0, 0.5)}
#slideshow #default_indicator {margin-left: 10px; float: left}
#slideshow #default_indicator img, #slideshow .heading img {border: none}
#slideshow .heading {cursor: move; height: 20px}
#slideshow .heading h2 {float: left}
#slideshow .heading .close {float: right}
#slideshow #current_slide {float: left; margin: 15px 0px 15px 10px}
#slideshow #current_slide .slide {position: relative; border-color: #666666}
#slideshow #slide_controls {float: left; width: 120px}
#slideshow #slides {float: right; width: 105px; height: 665px; overflow: auto; overflow-y: auto; overflow-x: hidden; margin-bottom: 15px; margin-top: 15px}
#slides a img {margin-bottom: -1px}
#slides a:hover img {opacity: 0.8}
#slideshow #photo_request_status {margin-bottom: 10px; margin-left: 10px}
#slideshow #photographable_link {margin-bottom: 10px}
#slideshow .buttons img {border: none; cursor: pointer; display: none}
#slideshow img {border: 1px solid var(--color-border-dark)}
#slideshow .zoomable img {cursor: pointer}
#slideshow .dot {display: none; left: 5px; position: absolute; top: 10px; cursor: pointer !important; width: 24px; height: 24px; -ms-justify-content: center; -webkit-justify-content: center; justify-content: center; -ms-align-items: center; -webkit-align-items: center; align-items: center; background-color: var(--color-background); border-radius: 100%}
#slideshow .dot img {border: none; cursor: pointer !important}
#slideshow #image_container {position: relative}
#slideshow #image_container .photo_image {cursor: zoom-in}
#slideshow #image_container.magnified .photo_image {cursor: move}
#slideshow .photo_image {max-width: 640px}
#slideshow .magnified .photo_image {max-width: none}
#slideshow .zoomable .magnify_dot {display: -ms-flexbox; display: -webkit-flex; display: flex}
#slideshow .magnified {overflow: hidden; width: 640px; height: 640px; position: relative}
#slideshow .magnified img {position: relative}
#slideshow .magnified .magnify_dot {display: none}
#slideshow .magnified .unmagnify_dot {display: -ms-flexbox; display: -webkit-flex; display: flex}
#slideshow .magnified img {cursor: move; position: relative}
#slideshow #slides img {height: 75px; width: 75px; margin: 2px}
#slideshow #slides a:hover img {background-color: #c2ebb1}
#slideshow .project {border-top: 1px solid #999999; background-color: white; padding-top: 10px; padding-bottom: 10px; padding-left: 20px; position: fixed; bottom: 0px; left: 0px; width: 100%; display: none}
#slideshow .project .avatar {float: left; margin-right: 20px}
#slideshow .project .description {float: left; width: 700px; height: 75px; overflow: hidden; font-size: 1.1em}
#slideshow .project .name {font-weight: bold; font-size: 1.2em; margin-bottom: 5px}
#slideshow .project .link {margin-top: 5px}
.slide__caption {padding-bottom: 1em}
.slide__attribution img {vertical-align: middle; border: none !important}
.download_plate__title {position: absolute; top: 12px; font-size: 11px; width: 132px; text-align: center; white-space: nowrap}
.download_plate {overflow: hidden; background-color: var(--color-infobox-content); border: 1px solid var(--color-infobox-border); box-shadow: var(--global-box-shadow-size) var(--global-box-shadow-size) 0 0 var(--color-border-dark); padding-bottom: 6px; margin-bottom: 20px; width: 245px; box-sizing: border-box; min-height: 72px; display: flex; justify-content: space-evenly}
.download_plate_with_print {text-align: center; border: 1px solid var(--color-border-dark); box-shadow: var(--global-box-shadow-size) var(--global-box-shadow-size) 0 0 var(--color-border-dark); padding-bottom: 12px}
.download_plate_with_print .download_plate__title {text-align: center; font-size: 13px; position: static; margin-left: auto; margin-right: auto; margin-top: 12px}
.download_plate .price {margin-top: 34px; width: 133px; float: left; display: block; text-align: center; font-size: 1em; overflow: hidden; font-size: 1.1428571429rem}
.download_plate .price_note {font-size: 0.8571428571rem !important}
.download_plate_with_print {width: 213px; margin-left: 15px}
#store .edition_title {font-size: 0.9em; padding-top: 2em; padding-bottom: 0.5em}
.download_plate_with_print .price, #store .download_plate_with_print .buy_options {margin-top: 0; width: auto; float: none; padding-top: 10px}
.download_plate_with_print .option {height: 24px}
.download_plate .price a {text-decoration: none; color: var(--color-text)}
.download_plate .option img {vertical-align: bottom}
.download_plate .buy_options {float: left; margin-top: 10px; width: 110px; font-size: 0.95em}
.download_plate .buy_options .option {width: 110px; height: 20px; height: 24px}
body.pattern_sources .download_plate, body.pattern_sources .download_plate_with_print {margin-top: 1em; margin-right: auto !important; margin-left: auto !important}
#buy_popup {width: 650px; background-color: var(--color-modal-background); margin-left: auto; margin-right: auto; border: 1px solid var(--color-border-dark); box-shadow: 0 2px 4px rgba(0, 0, 0, 0.5)}
#buy_popup .free_attachent_filename {font-size: 0.9em; color: #999; display: block; height: 30px; overflow: hidden}
#buy_popup .coupon_entry {line-height: 45px; text-decoration: underline; font-size: 1.2em}
#buy_popup .coupon_entry:first-letter {text-transform: capitalize}
#buy_popup form.paypal_form {float: right; margin-top: 0; margin-bottom: 10px}
#buy_popup .slides--free {-ms-flex-wrap: wrap; -webkit-flex-wrap: wrap; flex-wrap: wrap}
#buy_popup .slides--free .slide {height: 380px !important}
#buy_popup .slides--free .slide h3 {line-height: 1.5em !important}
#buy_popup .slides {margin-top: 24px; padding-left: 20px; padding-right: 20px; height: auto; display: -ms-flexbox; display: -webkit-flex; display: flex; -ms-justify-content: flex-start; -webkit-justify-content: flex-start; justify-content: flex-start; margin-bottom: 20px}
#buy_popup .slides .slide {float: left; width: 200px; text-align: center}
#buy_popup .slides .slide h2 {margin-bottom: 10px}
#buy_popup .slides .slide h3 {line-height: 40px}
#buy_popup .slides .slide big {font-size: 1.7142857143rem; font-weight: bold}
#buy_popup .slides .slide p {margin-top: 4px}
#buy_popup .slides .slide .clicker_v2 {width: 120px}
#buy_popup .slides--expanded .slide {height: 350px}
#buy_popup .clean_dialog__title_bar {padding-top: 8px}
#buy_popup .heading h2 {float: left}
#buy_popup .heading .close {float: right; height: 39px; display: inline-block; position: absolute; right: 4px; top: 16px}
#buy_popup .heading .close a {padding: 12px}
#buy_popup .promotion {padding: 10px; float: right; text-align: right; padding-top: 0}
.buy_popup__note {background-color: var(--color-modal-footer-background)}
.buy_popup__footer {padding: 24px}
#buy_popup .ravelry_downloads_banner {padding-top: 16px; padding-left: 16px}
#buy_popup .form_container {padding-right: 4px; display: -ms-flexbox; display: -webkit-flex; display: flex; -ms-align-items: center; -webkit-align-items: center; align-items: center; margin-top: 20px; margin-bottom: 20px}
#buy_popup .promotion {float: left; width: 260px; text-align: right; width: 100%}
#buy_popup .promotion--in_store {float: right; text-align: right; padding-top: 0; margin-left: 24px; text-align: left}
#buy_popup .paypal_form {order: 2; -ms-flex-grow: 0; -webkit-flex-grow: 0; flex-grow: 0; margin-left: 12px}
#buy_popup .paypal_form--credit {order: 1}
#buy_popup .paypal_form--credit .clicker_v2 {background-color: var(--color-teal-02)}
#buy_popup body.theme_hebridean .paypal_form--credit {order: 1}
#buy_popup body.theme_hebridean .paypal_form--credit .clicker_v2 {background-color: var(--color-background-clicker)}
.in_library_badge_link img {vertical-align: middle; padding-right: 4px}
.expanded_volume {cursor: move; background-color: var(--color-modal-background); border: 1px solid var(--color-border-dark); z-index: 1000; padding-top: 0px; padding-right: 0px}
.expanded_volume .cover_upload a {text-decoration: underline}
.expanded_volume .cover_upload iframe {border: 0; width: 100px; height: 40px; overflow: hidden}
.expanded_volume .drag_bar {padding: 10px; padding-left: 0; right: 0px; top: 0px; cursor: move; text-align: right; margin-right: -40px; margin-left: -40px}
.expanded_volume .drag_bar .corner {margin-left: 12px}
.expanded_volume .volume {cursor: auto}
.expanded_volume .tab_content {min-height: 280px}
.expanded_volume .loading_indicator {margin-top: 150px; margin-left: auto; margin-right: auto}
.expanded_volume h2 {font-weight: 900}
.expanded_volume .volume {height: 420px}
.expanded_volume .patterns_summary {overflow: hidden !important; margin-right: 0 !important}
.volume .volume_title {display: block; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; margin-right: 8px; color: var(--color-text); z-index: 0; line-height: 20px}
.volume iframe {border: none}
.add_collection_form {display: -ms-flexbox; display: -webkit-flex; display: flex; -ms-align-items: center; -webkit-align-items: center; align-items: center}
.add_collection_form input {margin-left: 12px}
.collection_editor .add_collection_link {padding-left: 5px; padding-top: 1em}
.collection_editor .add_collection_link a {text-decoration: none}
.batch_collection_editor .ticky_item {clear: none}
.volume_details {padding-bottom: 10px}
.volume_details .title {display: block}
.volume_details .volume_title {font-weight: 900; width: 100%; color: var(--color-text); z-index: 0; padding-top: 3px; text-decoration: none}
.volume_details .edit_controls_item > a {width: 7.5em; display: block; padding: 3px; text-align: left; text-decoration: none !important; overflow: hidden; float: left; clear: both; white-space: nowrap}
.volume_details .edit_controls {padding: 0; text-align: right}
.volume_details .edit_controls a {text-decoration: none !important}
.volume_details .patterns_summary {overflow: hidden; margin-right: 10px; margin-top: -9px}
.volume_details .patterns_summary .pattern_name {font-size: 1em}
.volume_details .patterns_summary_X, .volume_details .patterns, .volume_details .search_results {width: 590px}
.volume_details .tab_content a {text-decoration: underline}
.volume_details .tab_content .link--cancel {float: left}
.volume_details .tab_content form label {width: 150px}
.volume_details .ticky_item a {text-decoration: none}
.volume_details .lists ul {padding-top: 5px}
.volume_details .filter_bar, .volume_details .link_bar {padding: 5px; margin-right: 2px; line-height: 15px; height: 15px}
.volume_details .filter_bar .icon_16, .volume_details .link_bar .icon_16 {vertical-align: middle; padding-left: 10px}
.volume_details .filter_bar .selected, .volume_details .link_bar .selected {text-decoration: none; font-weight: bold}
.volume_details li.collection_link {display: block}
.volume_details li.collection_link a {text-decoration: none; background: transparent url(/images/assets/icons/folder.svg) 0px 0px no-repeat; background-size: 16px 16px; padding-left: 20px; padding-right: 10px; height: 1.5em}
.volume_details .add_collection_link {margin-top: 10px}
.volume_details ul.tabs {float: right; margin-top: 0; border: none; padding-top: 1px; padding-right: 13px; padding-left: 13px}
.volume_details li.tab {display: block; float: left; text-align: center; cursor: pointer; font-size: 1rem}
.volume_details li.tab img {vertical-align: middle}
.volume_details li.tab a {display: block; text-decoration: none; line-height: 24px}
.volume_details li.tab a:hover {color: black}
.volume_details li.selected a {background-color: transparent !important; color: var(--color-text); height: 23px; font-weight: bold}
.volume_details li.selected a:hover {background-image: none}
.volume_details li.details {margin-right: 32px}
.volume_details li.details a {border-left: none}
.volume_details a.edit_link_inplace {text-decoration: none !important}
.volume_details .notebooked a {text-decoration: none}
.volume_details .notebooked span {padding-right: 0.5em}
.volume_details .notebooked img {vertical-align: middle}
.volume_details .tab_content form select.asking_price_currency {margin: 0; padding: 0; height: 20px !important}
.volume_details .tab_content form input.asking_price {width: 130px}
.volume_details fieldset, .volume_thumbnails fieldset {margin: 0}
.volume_details fieldset.buttons, .volume_thumbnails fieldset.buttons {margin-top: 32px}
.volume_details .volume, .volume_thumbnails .volume {clear: right; overflow: hidden; margin-bottom: 40px; min-height: 190px}
.volume_details .shelf_image_section, .volume_thumbnails .shelf_image_section {margin-right: 10px; text-align: center}
.volume_details .shelf_image_container, .volume_thumbnails .shelf_image_container {text-align: center; width: 170px; height: 170px; margin-right: 40px}
.volume_details .shelf_image_container ul, .volume_thumbnails .shelf_image_container ul {display: none}
.volume_details .shelf_image, .volume_thumbnails .shelf_image {display: block; height: 100px; width: 100px; position: relative; overflow: hidden}
.volume_details .shelf_image img, .volume_thumbnails .shelf_image img {border-left: 2px solid #666666; border-right: 2px solid #999999; position: absolute}
.volume_details .shelf_image .square_container, .volume_thumbnails .shelf_image .square_container {height: 100px; width: 100px; background-color: white}
.volume_details .shelf_image .square_container img, .volume_thumbnails .shelf_image .square_container img {border: 1px solid #666666; position: relative; margin-top: 10px}
.volume_details__floating_controls {float: right; width: 8em; padding-left: 1em; padding-top: 2px; padding-bottom: 10px}
.volume_details__title_bar {height: 27px; border-bottom: 1px solid var(--color-border-dark); margin-bottom: 20px; display: -ms-flexbox; display: -webkit-flex; display: flex}
.volume_details__title_bar .tabs {top: 0; z-index: 1; padding: 0 !important; right: 0px; -ms-flex-shrink: 0; -webkit-flex-shrink: 0; flex-shrink: 0}
.volume_details__sets {margin-bottom: 1em}
.volume_details__download {padding-top: 1em; padding-bottom: 1em; overflow: hidden; display: -ms-flexbox; display: -webkit-flex; display: flex}
.volume_details__download .clicker {margin-top: 4px}
.volume_details__download__thumbnail {float: left; border: 1px solid var(--color-border-dark); width: 100px; height: 132px; margin-right: 8px; -ms-flex-shrink: 0; -webkit-flex-shrink: 0; flex-shrink: 0; -ms-flex-grow: 0; -webkit-flex-grow: 0; flex-grow: 0}
.volume_details__download__thumbnail_container {display: none}
.volume_details__downloads__section {display: none}
.volume_details__downloads {margin-top: 1em}
.volume_details__download__metadata {padding-top: 0.5em; font-size: 0.9em; padding-left: 5px}
.volume_details__download__header {display: none}
.volume_details__patterns__title {display: none}
.volume_cover {margin-bottom: 4em}
.volume_cover__heading {display: flex; flex-wrap: wrap}
.volume_cover__heading__title {flex-grow: 1; width: 90%; font-size: 1.2em; padding-bottom: 0.25em}
.volume_cover__heading__title a {color: var(--color-text)}
.volume_cover__heading__subtitle {width: 50%; padding-bottom: 1em}
.volume_cover__heading__created {width: 50%; display: none}
.volume_cover__icon {width: 30px; text-align: right}
.volume_cover__photo {display: block; font-size: 0; position: relative}
.volume_cover__photo .update_button {position: absolute; bottom: 5px; right: 5px}
.volume_cover__photo .touch_gallery__item img {width: calc(100vw - 50px); max-width: calc(100vw - 50px); border: 1px solid var(--color-border-dark)}
.volume_cover__linked_cover img {width: 95vw}
.volume__custom_editor {margin-left: 220px; margin-bottom: 64px}
.volume .delete {text-align: right}
.volume_details__download__thumbnail {border: 1px solid var(--color-border-dark)}
.volume_details__floating_controls {display: none}
.volume .edit_notes_link, .volume .choose_collections {text-decoration: none !important; height: 24px; line-height: 24px; display: inline-block; margin-bottom: 8px}
.volume .edit_notes_link img, .volume .choose_collections img {vertical-align: middle}
.volume_details__form {overflow: hidden}
.volume_details__form input {height: 22px; line-height: 22px}
.volume_details__form .field {margin-bottom: 8px; display: -ms-flexbox; display: -webkit-flex; display: flex}
.volume_details .patterns .search_results {float: none; width: 500px}
.volume_details .patterns .search_results .details {width: 268px; margin-bottom: 32px; margin-right: 12px}
.expanded_volume {padding-left: 40px; padding-right: 40px; box-shadow: 0 2px 4px rgba(0, 0, 0, 0.5)}
.expanded_volume .delete {text-align: right}
.expanded_volume .volume_title {width: 100%}
.shelf_image_section {height: 120px; float: left; position: relative}
.volume_details__form {width: 490px; margin-left: 215px; margin-top: 16px; margin-bottom: 16px}
.volume_details__form textarea {width: 483px; height: 150px}
.volume_details__form__location {width: 335px}
.volume_details__column--personal {margin-left: 0px; margin-right: 0px; float: right; width: 160px}
.volume_details .edit_controls img {vertical-align: bottom; float: left; padding-right: 8px}
.volume_details__price_field select {width: 200px}
.volume_details li.collection_link a {padding-left: 20px; padding-right: 10px; height: 24px; display: inline-block}
.volume_details li.collection_link a:hover {background-color: var(--color-background-hover)}
.volume .shelf_image__caption {margin: 8px 0; width: 170px; font-size: 0.8571428571rem}
.volume .shelf_image__caption a {text-decoration: none}
.shelf_image__large_image {display: none}
.volume_details__column--info {width: 280px; padding-right: 10px; float: left; line-height: 2}
.shelved_volume__cover {height: 169px; width: auto; box-shadow: none; border: 1px solid var(--color-border-dark) !important}
.shelved_volume__image .photo_border, .shelved_volume__image .photo_frame {margin: 0 !important}
.shelved_volume__image .photo_placeholder {line-height: 161px}
.gallery_buy_option {border-radius: 3px; border: 1px solid var(--color-buy-option-border); margin-left: 8px; margin-top: 1em; margin-bottom: 2em; background-color: var(--color-buy-option-background)}
.gallery_buy_option, .gallery_buy_option__preview_image {width: 178px}
.gallery_buy_option__preview_image--natural_size {width: auto !important; height: auto !important; padding-top: 1em; margin-left: auto; margin-right: auto; display: block}
.gallery_buy_option, .gallery_buy_option__preview_link {display: block}
.gallery_buy_option__preview_link:hover img {filter: contrast(110%); -webkit-filter: contrast(110%)}
.gallery_buy_option__title_bar {height: 45px; text-align: left}
.gallery_buy_option__title_bar--amazon {background-color: black}
.gallery_buy_option__logo {padding-left: 5px; height: 40px}
.gallery_buy_option__button {padding: 5px; border-radius: 5px; -moz-border-radius: 5px; -webkit-border-radius: 5px; display: block; border: 1px solid var(--color-border-light); background-color: var(--color-buy-option-button-background); padding: 0.5em; margin: 1em; color: var(--color-text) !important; text-decoration: none !important; text-align: center}
.gallery_buy_option__button--buy {border: 1px solid var(--color-buy-option-button-border)}
.gallery_buy_option__price {font-weight: bold; font-size: 1.15em}
.gallery_buy_option__comment {text-align: center; font-size: 0.8571428571rem; color: var(--color-text-understated); margin: 1em 0 1.5em 0}
.gallery_buy_option--sourcepage {width: 240px; margin-top: 2em; margin-bottom: 2em}
.gallery_buy_option__title_bar--sourcepage--amazon {height: 30px; overflow: hidden; text-align: center}
@media print, screen and (min-width: 1100px) {body.wide_core_item_page .buy_box_section .amazon {padding-left: 10px}
body.wide_core_item_page .gallery_buy_option {margin-left: 1px}
body.wide_core_item_page .gallery_buy_option, body.wide_core_item_page .gallery_buy_option__preview_image {width: 210px}
body.wide_core_item_page .gallery_buy_option__button {font-size: 1.05em}
}
.avatar--birthday {cursor: url(/images/assets/ravelry/balloon.png), auto}
.avatar--birthday * {cursor: url(/images/assets/ravelry/balloon.png), auto}
.avatar, .avatar_medium {position: relative}
.avatar .birthday_cake, .avatar_medium .birthday_cake {height: 32px; width: 32px; display: block; position: absolute; bottom: -11px; right: calc(50% - 16px); border: none}
.c-avatar_with_login {height: 130px}
.c-avatar_with_login .birthday_cake {bottom: 24px}
.avatar_small.people_placeholder {display: flex; align-items: center; background-color: var(--color-background)}
.avatar_small.people_placeholder span {font-size: 0.8571428571rem; margin-top: 0; border: none}
.avatar_medium.people_placeholder {border: none}
.avatar_medium.people_placeholder span {display: flex; align-items: center; height: 75px; width: 75px; background-color: var(--color-background); border: 1px solid var(--color-border-dark)}
.avatar--reset {float: none !important; border: none !important; margin-left: auto; margin-right: auto}
.onscreen_autocomplete__input {border-width: 1px !important; width: 100% !important; font-size: 1.1em; padding: 3px; display: block; float: none; margin-bottom: 1em}
.onscreen_autocomplete__item {vertical-align: top; clear: both; display: block; height: 42px; padding: 0.5em 0 0.5em 0; cursor: pointer}
.onscreen_autocomplete__item:hover {text-decoration: none}
.onscreen_autocomplete__thumbnail {width: 40px; height: 40px; float: left; border: 1px solid var(--color-border-dark); line-height: 1em}
.onscreen_autocomplete__thumbnail.no_photo {background-color: #fcfcfc; font-size: 0.9em}
.onscreen_autocomplete__item__caption {color: var(--color-text-understated); display: block; overflow: hidden; padding: 0 0 0 1em}
.onscreen_autocomplete__item__title {font-size: 1.1em; color: var(--color-text); padding-bottom: 0.25em}
.borderless_card {padding: 1em}
.borderless_card form {margin-top: 0 !important}
.borderless_card h2 {font-size: 1.3em; font-weight: normal}
.borderless_card h2 a {text-decoration: underline}
.borderless_card h2 + * {margin-top: 1em}
.resizable_table {display: table; border-collapse: collapse; width: 100%; margin-top: 5px; overflow: auto; margin-bottom: 10px; box-sizing: border-box}
.resizable_table--borderless {border: none}
.resizable_table--borderless .resizable_table__row, .resizable_table--borderless .resizable_table__row--dim, .resizable_table--borderless .resizable_table__row-stripe, .resizable_table--borderless .resizable_table__row-header, .resizable_table--borderless .resizable_table__cell, .resizable_table--borderless .resizable_table__cell-header {border: none}
.resizable_table--row_borders .resizable_table__cell, .resizable_table--row_borders .resizable_table__cell-header {border: none; padding: 0.5em; font-size: 13px}
.resizable_table--row_borders .resizable_table__cell, .resizable_table--row_borders .resizable_table__cell-header, .resizable_table--row_borders .resizable_table__cell a, .resizable_table--row_borders .resizable_table__cell-header a {font-size: 13px}
.resizable_table--minimal_borders {border: none}
.resizable_table--minimal_borders .resizable_table__row, .resizable_table--minimal_borders .resizable_table__row--dim, .resizable_table--minimal_borders .resizable_table__row-stripe, .resizable_table--minimal_borders .resizable_table__row-header, .resizable_table--minimal_borders .resizable_table__cell, .resizable_table--minimal_borders .resizable_table__cell-header {border: none}
.resizable_table--minimal_borders .resizable_table__row-header {border: 1px solid var(--color-table-border) !important; border-bottom: 1px solid var(--color-table-border) !important}
.resizable_table--minimal_borders .resizable_table__row, .resizable_table--minimal_borders .resizable_table__row--dim, .resizable_table--minimal_borders .resizable_table__row-stripe, .resizable_table--minimal_borders .resizable_table__row-header {border-bottom: 1px dotted #ccc}
.resizable_table__body {width: 100%; display: table-row-group; border-bottom: 1px solid var(--color-table-border)}
.resizable_table__header {width: 100%; display: table-header-group}
.resizable_table__row, .resizable_table__row--dim, .resizable_table__row-stripe, .resizable_table__row-header {width: 100%; border: 1px solid var(--color-table-row-border); background-color: var(--color-background-table); display: table-row}
.resizable_table__row-stripe {background-color: #f9fff9}
.resizable_table__row--dim {background-color: var(--color-placeholder-gray)}
.resizable_table__cell, .resizable_table__cell-header {display: table-cell; border: 1px solid var(--color-table-row-border); border-bottom: none; padding: 4px; vertical-align: top}
.resizable_table__cell--numeric, .resizable_table__cell--action_button {text-align: right}
.resizable_table__cell-header {background-color: var(--color-table-header); border-bottom: 1px solid var(--color-table-border); border-top: 1px solid var(--color-table-border); font-size: 1em}
.resizable_table:not(.resizable_table--borderless) {border: 1px solid var(--color-table-header-border); border-collapse: separate; border-spacing: 0; border-top: none}
.resizable_table:not(.resizable_table--borderless) .resizable_table__cell, .resizable_table:not(.resizable_table--borderless) .resizable_table__cell-header {border-bottom: none !important; border-left: none !important}
.resizable_table:not(.resizable_table--borderless) .resizable_table__cell:last-of-type, .resizable_table:not(.resizable_table--borderless) .resizable_table__cell-header:last-of-type {border-right: none !important}
.resizable_table:not(.resizable_table--borderless) .resizable_table__row:first-of-type .resizable_table__cell, .resizable_table:not(.resizable_table--borderless) .resizable_table__row-header:first-of-type .resizable_table__cell, .resizable_table:not(.resizable_table--borderless) .resizable_table__row-stripe:first-of-type .resizable_table__cell, .resizable_table:not(.resizable_table--borderless) .resizable_table__row--dim:first-of-type .resizable_table__cell, .resizable_table:not(.resizable_table--borderless) .resizable_table__row:first-of-type .resizable_table__cell-header, .resizable_table:not(.resizable_table--borderless) .resizable_table__row-header:first-of-type .resizable_table__cell-header, .resizable_table:not(.resizable_table--borderless) .resizable_table__row-stripe:first-of-type .resizable_table__cell-header, .resizable_table:not(.resizable_table--borderless) .resizable_table__row--dim:first-of-type .resizable_table__cell-header {border-top: 1px solid var(--color-table-header-border) !important}
.resizable_table:not(.resizable_table--borderless) .resizable_table__row-header .resizable_table__cell-header {border-top: 1px solid var(--color-table-header-border); border-bottom: 1px solid var(--color-table-header-border)}
.clicker_v2, .clicker {position: relative; top: calc(0px - var(--global-box-shadow-size)); box-shadow: var(--global-box-shadow-size) var(--global-box-shadow-size) 0 0 var(--color-border-dark); left: calc(0px - var(--global-box-shadow-size))}
.clicker_v2:active:not([disabled]), .clicker:active:not([disabled]) {top: 0px; left: 0px; box-shadow: none}
.clicker_v2:active:not([disabled]):before, .clicker:active:not([disabled]):before {content: ""; display: block; position: absolute; height: calc(1px + var(--global-box-shadow-size)); top: calc(-1px - var(--global-box-shadow-size)); left: calc(-1px - var(--global-box-shadow-size)); right: 0}
.clicker_v2:active:not([disabled]):after, .clicker:active:not([disabled]):after {content: ""; display: block; position: absolute; top: 0; bottom: 0; width: calc(1px + var(--global-box-shadow-size)); left: calc(-1px - var(--global-box-shadow-size))}
input[type=text] + .clicker_v2 {margin-left: 12px}
.clicker_v2 {border: 1px solid var(--color-border-clicker); background-color: var(--color-background-clicker); color: var(--color-text) !important; white-space: nowrap; display: inline-block; padding-right: 0.5em; padding-left: 0.5em}
.clicker_v2 span {white-space: nowrap}
.clicker_v2 img {vertical-align: middle}
.clicker_v2:not(.clicker_v2--no_text) img {padding-right: 5px}
.clicker_v2:hover {background-color: var(--color-background-clicker-hover)}
.clicker_v2--delete:hover {background-color: var(--color-background-clicker-delete-hover)}
.clicker_v2--standard, .clicker_v2--advanced_search, .clicker_v2--secondary {line-height: 15px !important; font-weight: normal; text-decoration: none; white-space: nowrap; font-size: 12px; padding: 4px 5px !important; text-decoration: none !important; margin-left: 3px; margin-right: 3px; margin-bottom: 2px}
.clicker_v2--standard img, .clicker_v2--advanced_search img, .clicker_v2--secondary img {width: 16px; height: 16px; margin-top: -3px}
.clicker_v2--l.clicker_v2--image > span {display: flex; height: 100%; align-items: center; justify-content: center}
.clicker_v2--l.clicker_v2--image img {margin-top: 0; height: 24px !important; width: auto !important}
.clicker_v2--advanced_search {background-image: none; background-color: var(--color-advanced-search) !important}
.clicker_v2--advanced_search:hover {background-color: var(--color-advanced-search-hover) !important}
.clicker_v2--x_tiny {text-decoration: none; font-size: 11px; padding: 2px 4px; text-decoration: none !important; line-height: 16px}
.clicker_v2--x_tiny img {background-color: transparent}
.clicker_v2--tiny {text-decoration: none; font-size: 12px; padding: 4px; text-decoration: none !important}
.clicker_v2--medium {text-decoration: none; font-size: 12px; padding: 4px 8px !important; text-decoration: none !important}
.clicker_v2--large {height: 50px; line-height: 18px !important; font-size: 1rem; padding-left: 16px !important; padding-right: 16px !important}
.clicker_v2--m, .clicker_v2--l {font-size: 1rem; padding-left: 16px !important; padding-right: 16px !important}
.clicker_v2--m img, .clicker_v2--l img {width: 20px !important; height: 20px !important}
.clicker_v2--m {height: 40px; line-height: 40px !important}
.clicker_v2--l {height: 50px; line-height: 50px !important}
.clicker_v2--delete {background-color: var(--color-red-01); background-color: var(--color-background-clicker-delete)}
.clicker_v2[disabled], .clicker_v2[disabled]:hover {background-color: var(--color-greyscale-02)}
.clicker_v2--naked {background-color: transparent !important; border: none; box-shadow: none; font-size: 1rem}
.clicker_v2--naked .icon_16 {margin-right: 4px}
.clicker_v2--checkout {text-decoration: none !important; font-size: 1.1428571429rem; line-height: 2.4em !important; display: block; width: auto !important; padding-right: 1.2em !important; padding-left: 1.2em !important; margin-right: 10px !important}
.clicker_v2--checkout_paypal {margin-right: 0; background-image: none}
.clicker_v2--checkout:hover {cursor: pointer}
body.theme_hebridean .clicker_v2:active, body.theme_hebridean .clicker_v2:active:hover {background-color: var(--color-background-clicker-active)}
body.theme_hebridean .clicker_v2--advanced_search:active, body.theme_hebridean .clicker_v2--advanced_search:active:hover {background-color: var(--color-background-clicker-active) !important}
.c-markdown_area {position: relative}
#markdown_popup {-ms-display: flex; -webkit-display: flex; display: flex; -ms-justify-content: flex-end; -webkit-justify-content: flex-end; justify-content: flex-end; -ms-flex-direction: column; -webkit-flex-direction: column; flex-direction: column; margin-top: 50px; background-color: var(--color-modal-background); width: 600px; height: 400px; border: 1px solid var(--color-border-light)}
.markdown--site_content {line-height: 1.7em}
.markdown--site_content h1, .markdown--site_content h2, .markdown--site_content h3 {font-weight: bold; padding-bottom: 0.5em; padding-top: 0.5em}
.markdown--site_content h1 {font-size: 1.4em}
.markdown--site_content h2 {font-size: 1.1em}
.markdown--site_content h3 {font-size: 1em}
.markdown__dated_entry {margin: 2em 0 2em 0}
.markdown__inline_form {position: relative}
.markdown__inline_form__input_link {position: absolute; height: 36px; width: 50px; display: block; background: url(/images/assets/icons/events.svg); background-repeat: no-repeat; background-position: right 7px top 6px; background-size: 16px 16px; right: 0px}
.markdown__inline_form__input_link:hover {background-image: url(/images/fugue-calendar-month-24.png); background-color: transparent}
.markdown__inline_editor, .markdown__inline_title {width: 100% !important; margin-top: 0; box-sizing: border-box}
.markdown__inline_title {margin-bottom: 1em}
.markdown__inline_title--with_link {padding-right: 40px !important; box-sizing: border-box}
.markdown__dated_entry__heading, h1.markdown__dated_entry__heading {font-size: 1em; letter-spacing: 0; font-weight: bold}
.scope--editable .markdown__dated_entry {border: 1px solid transparent}
.markdown__dated_entry--hover {border: 1px solid #666; background-color: #eee; cursor: pointer}
.markdown__title_menu_content {left: 136px; width: 300px; top: 17px}
.markdown__title_menu_content li {list-style: none}
.markdown__title_menu_content__instructions {padding: 1em 0.5em; color: #666}
.markdown__fenced_spoiler {max-height: 4em; overflow: hidden}
.markdown__fenced_spoiler::before {content: "SPOILER..."; display: block; padding: 1em; background-image: url(/images/assets/icons/popcorn.svg); background-repeat: no-repeat; background-position-y: 14px; background-position-x: 10px; color: var(--color-text); background-color: var(--color-markdown-spoiler); background-size: 24px; padding-left: 2.5em; cursor: pointer; margin-bottom: 1em}
.markdown__fenced_spoiler--expanded {border: 1px solid #ccc; max-height: none; overflow: visible; margin-bottom: 1em}
.markdown__fenced_spoiler--expanded p {padding-left: 1em; padding-right: 1em}
.text_block {font-size: 1rem; line-height: var(--line-height-base)}
.text_block p {margin-bottom: var(--line-height-base-em)}
.text_block .icon_16 {vertical-align: middle}
.tall_notebook_card {display: inline-block; width: 282px; margin-bottom: 2em; vertical-align: top}
.tall_notebook_card--padded {margin-left: 30px}
.tall_notebook_card--1x3 {margin-right: 50px}
.tall_notebook_card--3x3 {margin-left: 50px}
.tall_notebook_card__title {display: block; padding: 0.25em 0}
.tall_notebook_card__title__link {text-decoration: none; display: block; width: 100%; height: 2em; line-height: 2.5em}
.tall_notebook_card__photo {border: 1px solid var(--color-border-dark)}
.tall_notebook_card__photo .photo_gallery__border {border: none}
.tall_notebook_card__pager {background-color: var(--color-teal-01); border: 1px solid var(--color-border-dark); border-top: none; line-height: 2.5em; text-align: right; display: block; text-decoration: none}
.tall_notebook_card__pager .photo_changer_next, .tall_notebook_card__pager .photo_changer_previous {font-size: 1.6em; line-height: 1em; vertical-align: middle; font-family: Helvetica; padding-right: 0.5em; color: black !important; text-decoration: none !important; cursor: pointer}
.tall_notebook_card__pager .photo_changer_previous:after, .tall_notebook_card__pager .photo_changer_next:after {background-size: 16px; height: 16px; width: 16px; content: ""; display: inline-block; background-repeat: no-repeat; background-position: center 2px}
.tall_notebook_card__pager .photo_changer_previous:after {background-image: url(/images/assets/icons/arrow-left.svg)}
.tall_notebook_card__pager .photo_changer_next:after {background-image: url(/images/assets/icons/arrow-right.svg)}
.tall_notebook_card__pager:hover {text-decoration: none}
.tall_notebook_card__vitals {margin-top: 1.5em}
.tall_notebook_card__vitals__left {width: 74%; float: left}
.tall_notebook_card__vitals__right {width: 22%; float: right}
.tall_notebook_card__vitals__status {margin-bottom: 1em}
.tall_notebook_card__vitals__notes {max-height: 11.5em; overflow: hidden}
.tall_notebook_card__vitals__notes .best-highlight {background-color: #cdf2c2}
.tall_notebook_card__vitals__notes .match {font-weight: bold}
.tall_notebook_card__vitals__yarns {margin-top: 1em}
.tall_notebook_card__vitals__yardage, .tall_notebook_card__vitals__yarns__item {display: block; height: 1.8em; line-height: 1.8em; overflow: hidden}
.tall_notebook_card__vitals__avatar {height: 62px; margin-bottom: 1em}
.tall_notebook_card__vitals__avatar .avatar {border: none}
.tall_notebook_card__vitals__avatar .avatar, .tall_notebook_card__vitals__avatar .avatar__image {width: 60px; height: 60px}
.tall_notebook_card__vitals__avatar .people_placeholder {visibility: hidden}
.tall_notebook_card__vitals__count {padding-left: 2px; margin-bottom: 8px}
.tall_notebook_card__vitals__count img {vertical-align: middle; padding-right: 2px}
.tall_notebook_card__vitals__count img.checkmark {margin-left: -13px; padding-right: 0px}
.tall_notebook_card__vitals__count a {display: block; text-decoration: none}
.tall_notebook_card .carousel {height: 280px; width: 280px; overflow: hidden; position: relative}
.tall_notebook_card .carousel_window {height: 280px; width: 10000px; left: 0px; position: absolute}
.tall_notebook_card .carousel_page {float: left; margin-right: 3px; width: 277px}
.tall_notebook_card .icon_indicator {width: 100%; height: 24px; line-height: 24px}
.tall_notebook_card .icon_indicator img {width: 20px !important; height: 20px !important; float: left; vertical-align: middle}
.tall_notebook_card .icon_indicator a {text-decoration: none; text-align: right; display: block}
.notebook_card_set {display: -ms-flexbox; display: -webkit-flex; display: flex; -ms-flex-wrap: wrap; -webkit-flex-wrap: wrap; flex-wrap: wrap; -ms-justify-content: space-between; -webkit-justify-content: space-between; justify-content: space-between; display: grid; grid-template-columns: repeat(auto-fill, 178px); grid-gap: 8px; grid-template-columns: repeat(auto-fill, 310px)}
.c-notebook_tallcard {width: 310px !important}
.c-notebook_tallcard .photo {height: 310px !important}
.c-notebook_tallcard__content_wrapper {height: calc(100% - 350px)}
.c-notebook_tallcard__content {height: 100%}
.c-notebook_tallcard__notes {padding-bottom: 0 !important}
body:not(.with_broken_line_clamp) .c-notebook_tallcard__notes {display: -webkit-box; -webkit-line-clamp: 7; -webkit-box-orient: vertical; overflow: hidden; text-overflow: ellipsis; -webkit-hyphens: auto; -moz-hyphens: auto; hyphens: auto; overflow-wrap: break-word; word-break: break-word}
.c-notebook_tallcard {border: 1px solid var(--color-border-dark); width: 100%; margin-bottom: 42px; font-size: 1rem; background-color: var(--color-background-card)}
.c-notebook_tallcard__photo .photo {font-size: 0}
.c-notebook_tallcard__photo .photo, .c-notebook_tallcard__photo .photo_frame, .c-notebook_tallcard__photo .photo_border {width: 100%; height: auto; margin: 0; padding: 0; border: none; box-shadow: none}
.c-notebook_tallcard__photo .photo {overflow: hidden; position: relative}
.c-notebook_tallcard__photo .photo img {position: relative}
.c-notebook_tallcard__photo .carousel {width: 100%; height: auto; overflow: hidden; position: relative}
.c-notebook_tallcard__photo .carousel_window {left: 0px; position: relative; display: -ms-flexbox; display: -webkit-flex; display: flex}
.c-notebook_tallcard__photo .carousel_page {width: 100%; -ms-flex-shrink: 0; -webkit-flex-shrink: 0; flex-shrink: 0}
.c-notebook_tallcard__pager {height: 38px; line-height: 38px; border-top: 1px solid var(--color-border-dark); border-bottom: 1px solid var(--color-border-dark)}
.c-notebook_tallcard__pager .photo_changer_previous {background-image: url(/images/assets/icons/arrow-left.svg); background-repeat: no-repeat; background-position: right 30px center}
.c-notebook_tallcard__pager .photo_changer_next {background-image: url(/images/assets/icons/arrow-right.svg); background-repeat: no-repeat; background-position: 30px center}
.c-notebook_tallcard__content {display: -ms-flexbox; display: -webkit-flex; display: flex}
.c-notebook_tallcard__details {width: 100%}
.c-notebook_tallcard__sidebar {width: 70px; background-color: var(--color-teal-01); background-color: var(--color-background-card-sidebar); border-left: 1px solid var(--color-border-dark); -ms-flex-grow: 0; -webkit-flex-grow: 0; flex-grow: 0; -ms-flex-shrink: 0; -webkit-flex-shrink: 0; flex-shrink: 0; display: -ms-flexbox; display: -webkit-flex; display: flex; -ms-flex-direction: column; -webkit-flex-direction: column; flex-direction: column; -ms-align-items: center; -webkit-align-items: center; align-items: center; padding-top: 16px; padding-bottom: 16px; padding-left: 4px; padding-right: 4px}
.c-notebook_tallcard__sidebar .c-avatar--small, .c-notebook_tallcard__sidebar .c-avatar--small img {width: 40px; height: 40px; border-radius: 10px}
.c-notebook_tallcard__sidebar .c-avatar--small {margin-bottom: 30px}
.c-notebook_tallcard__indicators {height: 100%}
.c-notebook_tallcard__indicator {width: 100%; margin-top: 4px; height: 30px; line-height: 30px}
.c-notebook_tallcard__more {-ms-flex-grow: 0; -webkit-flex-grow: 0; flex-grow: 0}
.c-notebook_tallcard__vitals {padding: 16px}
.c-notebook_tallcard__title {font-size: 1rem; font-weight: bold; display: block; padding-bottom: 16px}
.c-notebook_tallcard__section {border-bottom: 1px solid var(--color-greyscale-02); padding-bottom: 8px}
.c-notebook_tallcard__section__title {font-weight: bold; padding-top: 8px; padding-bottom: 8px}
.c-notebook_tallcard__notes {border-bottom: 0}
.c-notebook_tallcard__carousel {display: -ms-flexbox; display: -webkit-flex; display: flex}
.c-notebook_tallcard__carousel .photo_changer_next, .c-notebook_tallcard__carousel .photo_changer_previous {width: 100%}
.c-notebook_tallcard__carousel .photo_changer_next span, .c-notebook_tallcard__carousel .photo_changer_previous span {display: none}
.c-notebook_tallcard__carousel .caption {-ms-flex-grow: 0; -webkit-flex-grow: 0; flex-grow: 0; -ms-flex-shrink: 0; -webkit-flex-shrink: 0; flex-shrink: 0; text-align: center}
.translation_key {all: unset; text-decoration: none}
.translation_tab {width: 28px !important; font-size: 0}
.translator_console {position: fixed; z-index: 10000; top: 0; right: 0; left: 0; height: 20px; border-bottom: 1px solid #ccc; background-color: var(--color-background); padding: 10px; min-width: 1060px}
.translator_console img {vertical-align: middle}
.translator_console #original_text {cursor: text}
.translator_console .translation_key, .translator_console .translation_key--translated {background-color: transparent !important}
.translator_console .translated_plural_index {position: absolute; font-size: 1.4em; color: #aaa; display: inline; width: auto; left: 20px}
#translator_console input {font-size: 1.2em; font-weight: bold; width: 80%; margin-right: 1em}
#translator_console fieldset {float: left; width: 100%}
#translator_console label {width: auto}
.translator_console__instructions {width: 100%; line-height: 20px; position: relative; color: var(--color-text) !important}
.translator_console__instructions .clicker {position: absolute; top: -4px}
body.translator_mode {margin-top: 41px}
body.translator_mode .translation_tab {background-image: none !important; background-color: white !important}
body.translator_mode .translator_console__highlighted_instructions {display: none}
body.translator_mode--highlighted .translation_key {all: unset; background-color: var(--color-translation-highlight); cursor: context-menu; text-decoration: none}
body.translator_mode--highlighted .box_title .translation_key {color: black}
body.translator_mode--highlighted .translation_key--translated {background-color: var(--color-translation-translated-highlight) !important}
body.translator_mode--highlighted .translation_key--inprogress, body.translator_mode--highlighted .translation_key--inprogress:hover {background-color: var(--color-red-04) !important}
body.translator_mode--highlighted .translator_console__instructions {display: none; position: relative}
body.translator_mode--highlighted .translator_console__highlighted_instructions {line-height: 20px; display: block}
body.search.translator_mode {background-position: 0px 11px !important}
body.translator_mode--expanded {margin-top: 210px}
body.translator_mode--expanded .translator_console {height: 190px}
body.translator_mode--expanded .translator_console .translation_key, body.translator_mode--expanded .translator_console .translation_key--translated {background-color: transparent !important}
body.search.translator_mode--expanded {background-position: 0px 180px !important}
.control_option_picker {display: -ms-flexbox; display: -webkit-flex; display: flex; -ms-align-items: center; -webkit-align-items: center; align-items: center}
.control_option_picker__icon {width: 16px; height: 16px}
.control_option_picker__pick_list {background-color: white; border: 1px solid #ccc; background-color: var(--color-background-input); z-index: 1000}
.control_option_picker__pick_list a {color: var(--color-text)}
.control_option_picker__pick_list_link:hover {text-decoration: none !important; background-color: var(--color-teal-01); background-color: var(--color-background-select-hover); color: var(--color-text) !important}
#pick_list_for_stash_select_sort {z-index: 10002}
#pick_list_for_view a[data-option-value*=_mobile] {display: none}
.control_option_picker__pick_list_title {display: none}
.control_option_picker__pick_list_item--selected {background-color: var(--color-background-selected)}
.control_option_picker__pick_list_link, .control_option_picker__pick_list_link:visited {color: var(--color-text)}
.control_option_picker__pick_list_link {padding: 2px; display: block; line-height: 2em; height: 2em; text-decoration: none; white-space: nowrap; overflow: hidden}
.control_option_picker__pick_list_link__icon {position: relative; display: inline-block; padding: 0 3px; vertical-align: middle; width: 16px}
.control_option_picker__pick_list_link__icon img {position: absolute; height: 16px; width: 16px; top: -9px; left: 5px}
.control_option_picker__tooltip {display: none; color: #666; font-size: 0.85em; margin-bottom: 0.5em; padding-left: 2.5em}
.swipe_message__control, .swipe_message__control-delete, .swipe_message__control-save, .swipe_message__control-reply {width: 75px; float: left; text-align: center; font-size: 0.8571428571rem; background-position: center 35%; background-repeat: no-repeat; background-size: 20px}
.swipe_message__control-reply {background-color: var(--color-teal-02); background-image: url(/images/assets/icons/comment.svg)}
.swipe_message__control-save {background-color: var(--color-sage-01); background-image: url(/images/assets/icons/save.svg)}
.swipe_message__control-delete {background-color: var(--color-red-02); background-image: url(/images/assets/icons/delete.svg)}
.swipe_message__controls_wrapper {position: absolute}
.swipe_message__message_wrapper {position: absolute; left: 2px}
.swipe_message__row_wrapper {clear: both}
#date_picker li a {text-decoration: none; display: block; margin-right: 10px; padding: 2px}
#date_picker li a:hover {background-color: transparent; text-decoration: underline}
#date_picker img {border: none !important; background-color: transparent !important}
#date_picker #picker_months li.selected a, #date_picker #picker_years li.selected a {background-color: var(--color-background-selected)}
#date_picker #picker_months li.selected a:hover, #date_picker #picker_years li.selected a:hover {background-color: var(--color-background-hover)}
#date_picker #calendar_closer {cursor: pointer}
#date_picker table.calendar {width: 18em; border: 1px solid #ccc}
#date_picker table.calendar th {font-size: 0.85em; padding-left: 0; padding-right: 0; border-color: #ccc}
#date_picker table.calendar td {padding: 0px; border-left: 1px solid #ccc; border-bottom: 1px solid #ccc; font-size: 0.95em}
#date_picker table.calendar td a {padding-left: 0.25em; padding-top: 0.25em; height: 2.65em; display: block; text-decoration: none}
#date_picker table.calendar td a:hover {background-color: var(--color-background-hover)}
#date_picker .today a {background-repeat: no-repeat; background-image: url(/images/assets/icons/dot-yellow.svg); background-position: 11px 13px}
.date_picker__month__title {display: block; text-align: center; padding-bottom: 0.5em; font-size: 1.2em}
#date_picker table.calendar {width: 18em}
#date_picker table.calendar td a {width: 2.65em}
.date_picker__years {float: left; width: 60px}
.date_picker__months {float: left; width: 100px}
.date_picker__month {float: left; min-width: 237px}
.edit_frame {z-index: 100; position: absolute; padding: 5px; border: 1px solid var(--color-border-dark); box-shadow: 0 2px 4px rgba(0, 0, 0, 0.5); background-color: var(--color-background)}
.edit_frame .zoomed {-webkit-transform: scale(1.3, 1.3); -moz-transform: scale(1.3, 1.3); -ms-transform: scale(1.3, 1.3); transform: scale(1.3, 1.3); top: 35px; left: 35px}
.edit_frame .zoomed .photo_border {border-color: white}
.edit_frame .edit_frame_content {margin-top: 285px; padding: 5px}
.edit_frame .edit_frame_content h3 {margin-bottom: 8px}
.edit_frame .markdown img {max-width: 240px}
#edit_bundle_with_frame .field {font-size: 1em; clear: both}
#edit_bundle_with_frame .bundled_item {height: 2em}
.modal {width: 600px; height: 600px; background-color: white; border: 1px solid #cccccc; padding: 10px; border-radius: 5px; -moz-border-radius: 5px; -webkit-border-radius: 5px}
body.modal_open #RB_overlay {background-color: black !important; opacity: 0.5 !important; width: 100vw; width: 120vw; position: fixed}
body.modal_open #RB_window {min-height: 100vh !important}
.search_card {margin-bottom: 3em; position: relative}
.search_card .notebook_indicator {position: absolute; right: 0; margin-top: 10px}
.search_card__block__heading {font-size: 1.2em}
.search_card__block__footer {text-align: right}
.search_card__block--bordered {padding: 1em; border-radius: 5px; border: 1px solid #ddd}
.search_card__block--photo {font-size: 0}
.search_card__block--photo .photo_full_width {width: 95vw; margin: 0 2.5vw 0 2.5vw; display: flex; overflow: hidden}
.search_card__block--photo .photo_full_width img {padding-right: 2.5vw; width: 95vw; height: auto}
.search_card__block--yarns fieldset {margin-bottom: 3em}
.search_card__block--yarns .field {line-height: 2em; clear: left; display: flex}
.search_card__block--yarns label {float: none; min-width: 110px; max-width: 110px}
.search_card__block--yarns img.inline {vertical-align: top}
.search_card__block--notes .markdown {font-size: 1.1em}
.search_card__navigation {padding: 0 1em 1em 1em}
@-webkit-keyframes ajaxindicator {0% {-webkit-transform: rotate(0deg); transform: rotate(0deg)}
100% {-webkit-transform: rotate(360deg); transform: rotate(360deg)}
}
@keyframes ajaxindicator {0% {-webkit-transform: rotate(0deg); transform: rotate(0deg)}
100% {-webkit-transform: rotate(360deg); transform: rotate(360deg)}
}
a.icon_indicator {text-decoration: none; -webkit-tap-highlight-color: transparent; background-color: transparent !important; position: relative}
a.icon_indicator img {vertical-align: bottom}
a.indicator img {height: 16px; width: 16px; vertical-align: text-top}
a.icon_indicator::after {content: ""; position: absolute; top: 50%; left: 0; margin: -34px 0 0 -12px; width: 60px; height: 60px; border-radius: 50%; opacity: 0; pointer-events: none}
a.icon_indicator::after {background: rgba(114, 223, 208, 0.2)}
a.icon_indicator--clicked::after {animation: anim-effect-boris 0.3s forwards}
@keyframes anim-effect-boris {0% {transform: scale3d(0.3, 0.3, 1)}
25%, 50% {opacity: 1}
100% {opacity: 0; transform: scale3d(1.2, 1.2, 1)}
}
.notebook_indicator {padding: 0.5em; padding-top: 0; font-size: 1em; line-height: 24px}
.notebook_indicator:hover {background-color: none}
.notebook_indicator img {width: 24px; height: 24px; vertical-align: middle}
.notebook_indicator--true {font-weight: bold}
.notebook_indicator--false img {-webkit-filter: grayscale(100%); filter: grayscale(100%)}
.page_bar .ellipsis {margin-right: 6px; margin-left: 6px}
.page_bar__current {border: 1px solid var(--color-border-dark); border-color: var(--color-paging-border); margin-right: var(--global-box-shadow-size); margin-right: max(var(--global-box-shadow-size), 2px); background-color: var(--color-teal-05); background-color: var(--color-paging-active)}
a.page_bar__page {position: relative; top: calc(0px - var(--global-box-shadow-size)); box-shadow: var(--global-box-shadow-size) var(--global-box-shadow-size) 0 0 var(--color-border-dark); left: var(--global-box-shadow-reversed-size); margin-right: 2px; margin-left: 2px}
a.page_bar__page:active {top: 0px; left: 0px; box-shadow: none}
a.page_bar__page:visited {color: var(--color-text)}
.pager {float: left; font-size: 1.2em; font-weight: bold; width: 30px}
.pager a, pager a:hover {text-decoration: none; color: black; background-color: transparent}
.page {width: 880px; float: left; vertical-align: top}
.patterns_search .page_links {margin-top: 1em; height: auto}
.patterns_search .page_links .pagination {width: 680px}
#project_search_results .page_bar {margin-top: 32px; margin-bottom: 32px}
#project_search_results.project_results--tallcards .page_bar {margin-top: 2em; margin-bottom: 2em}
.patterns #people_panel .paginator {float: left}
.page_links {height: 3em; margin-top: 1em; margin: 0; padding: 0; display: -ms-flexbox; display: -webkit-flex; display: flex; width: 100%}
.page_links .pagination {float: left; width: 100%; -ms-flex-grow: 1; -webkit-flex-grow: 1; flex-grow: 1; text-align: center; line-height: 1.2em}
.pagination_footer {padding-top: 1em; margin-bottom: 1em; clear: both}
.pagination__last_page {display: none}
form + .page_bar {margin-top: 32px}
.page_bar td {height: 28px}
body.user_threads .page_links .pagination {margin-left: 6em; margin-right: 0em; text-align: center; width: auto; height: 1em}
body.topics_index .page_links {width: 600px; height: auto; margin-top: 1em; padding-bottom: 1em}
body.topics_index .pagination {width: 300px; float: left; margin-top: 0.5em}
body.topics_index .pagination, .page_links .pagination {font-size: 14px; align-self: center}
body.topics_index .page_links .pagination a, .page_links .pagination a, .page_buttons a {text-decoration: none; border: 1px solid var(--color-border-dark); border-color: var(--color-paging-border); background-color: var(--color-teal-02); background-color: var(--color-paging-inactive); color: var(--color-text); font-size: 1rem; padding: 0px 8px; line-height: 24px; height: 26px; display: inline-block; box-sizing: border-box; font-weight: normal; text-decoration: none}
.page_bar__current {padding: 0px 8px; line-height: 24px; height: 26px; box-sizing: border-box; display: inline-block}
.notebook .page_bar {border: none}
.page_links .pagination a:hover, .page_buttons a:hover {background-color: var(--color-teal-05); background-color: var(--color-paging-hover)}
.page_links .previous_page {display: block; text-align: left; float: left; -ms-flex-shrink: 0; -webkit-flex-shrink: 0; flex-shrink: 0; -ms-flex-grow: 0; -webkit-flex-grow: 0; flex-grow: 0; align-self: center; min-width: 40px; margin-right: 8px; text-decoration: none}
.page_links .next_page {display: block; text-align: right; float: right; -ms-flex-shrink: 0; -webkit-flex-shrink: 0; flex-shrink: 0; -ms-flex-grow: 0; -webkit-flex-grow: 0; flex-grow: 0; align-self: center; min-width: 40px; margin-left: 8px; text-decoration: none}
.page_links .ellipsis {padding-right: 3px}
body.discussions_index .page_links .next_page, body.discussions_index .page_links .previous_page {display: none}
body.discussions_index .page_links .pagination {text-align: left}
body.discussions_index .page_links {height: 2em; padding-top: 1em}
.pager {float: left; font-size: 1.2em; font-weight: bold; width: 30px}
.pager a, pager a:hover {text-decoration: none; color: black; background-color: transparent}
.page_bar {width: 100%; font-size: 1rem; min-height: 28px}
.page_bar .page_buttons {font-size: 1rem; text-align: center}
.page_bar .previous_page {text-decoration: none; padding: 3px; text-align: left; width: 10em}
.page_bar .next_page {text-decoration: none; padding: 3px; text-align: right; width: 10em}
.page_bar_1.page_bar--margin {margin-bottom: 2em}
.page_bar_2.page_bar--margin {margin-top: 2em}
body.theme_hebridean .page_bar__page {position: relative}
body.theme_hebridean .page_bar__page:after {content: ""; display: block; position: absolute; height: 4px; bottom: -1px; background-color: var(--color-darkmode-01); width: 0; left: 50%}
body.theme_hebridean .page_bar__current {position: relative}
body.theme_hebridean .page_bar__current:after {content: ""; display: block; position: absolute; height: 4px; bottom: -1px; background-color: var(--color-darkmode-01); width: 0; left: 50%}
body.theme_hebridean .page_bar__current:after {transition: all var(--transition-duration-5); width: calc(100% - 8px); left: 4px}
body.theme_hebridean .page_bar__page:hover {position: relative}
body.theme_hebridean .page_bar__page:hover:after {content: ""; display: block; position: absolute; height: 4px; bottom: -1px; background-color: var(--color-darkmode-01); width: 0; left: 50%}
body.theme_hebridean .page_bar__page:hover:after {transition: all var(--transition-duration-5); width: calc(100% - 8px); left: 4px}
select.hopper {font-weight: normal; font-size: 12px; width: 55px !important; margin: 0px; padding: 0px; margin-left: 1em; float: none; height: auto; width: 24px !important; height: 27px !important; height: 26px !important; box-sizing: border-box; vertical-align: bottom; font-size: 1rem; margin-left: 0; background-position: center center; -webkit-appearance: none; -moz-appearance: none; appearance: none; border: 1px solid var(--color-border-dark); padding: 0px 6px; border-radius: 0; background-color: white}
select.hopper option {padding-right: 20px}
.page_bar__hopper__label {width: 22px !important; height: 20px; position: absolute; display: inline-block; float: none; background-color: var(--color-background-input); background-position: center center; background-image: var(--img-icon-chevron-down); background-size: 10px; background-repeat: no-repeat; margin-left: -23px; margin-top: 3px; pointer-events: none}
body.user_comments #user_comments {margin-right: 5px}
.user_comment__body {border: 1px solid var(--color-border-dark); box-shadow: var(--global-box-shadow-size) var(--global-box-shadow-size) 0 0 var(--color-border-dark); background-color: var(--color-background-comment); padding: 1em; margin: 1em 0 4em 0}
body.user_comments .c-avatar_with_login {height: auto; text-align: center}
body.comments_action .editor {font-size: 1em}
body.comments_action #comments {margin-top: 24px}
.comment_area__comments {float: left; width: 680px; margin-right: 20px}
.comment_area__favorites {float: right; width: 250px; overflow: hidden}
.comment_area__favorites .fan_count {text-align: center}
.comment_area__favorites .box {margin-top: 0 !important}
.comment_area__favorites .avatar_small {margin-left: auto; margin-right: auto; text-align: center}
.comment_area__favorites .fan {width: 100px; height: 80px; text-align: center; margin: 5px; float: left}
.c-avatar--comment {border: none !important; height: auto !important; width: auto !important}
.c-avatar--comment img {border: 1px solid var(--color-border-dark); width: 80px; height: 80px}
.c-comment:not(.c-comment--reply) + .c-comment--reply {margin-top: -30px}
.c-comment__content {margin-left: 40px; margin-bottom: 70px}
.c-comment__content::before {content: ""; display: block; position: absolute; z-index: 100; background-color: var(--color-background-comment); bottom: 38px; width: 2px; height: 34px; left: -2px}
.c-comment__content::after {content: ""; display: block; background-image: var(--img-comment-bubble); height: 36px; width: 23px; position: absolute; z-index: 100; left: -22px; left: -22.5px; background-repeat: no-repeat; background-size: 516px 184px; bottom: -20px; height: 102px; background-position: 0 -123px}
.c-comment__meta {width: 100px; justify-content: center}
.c-comment__meta__content {display: -ms-flexbox; display: -webkit-flex; display: flex; -ms-flex-direction: column; -webkit-flex-direction: column; flex-direction: column; text-align: center}
.c-comment__meta__content .name {order: 1; margin-top: 8px}
.c-comment__meta__content .date {order: 2; margin-top: 8px; font-size: 0.8571428571rem}
.c-comment_list {width: 620px; margin-top: 32px; margin-left: auto; margin-right: auto}
.c-comment_form {margin-left: auto; margin-right: auto; padding-left: 132px; margin-top: 0}
.c-comment_form, .c-comment_form textarea {width: 500px}
.c-comment_form textarea {height: 10em; width: 496px}
.c-comment_form__submit {text-align: right; margin-top: 20px}
.c-comment_form__submit .clicker {margin-right: 0px}
.c-comment_form__submit button {width: auto !important}
.c-comment {width: 100%; display: -ms-flexbox; display: -webkit-flex; display: flex}
.c-comment__index {font-size: 20px; font-weight: bold; float: right; text-decoration: none; margin-left: 8px; margin-top: -4px}
.c-comment__meta {-ms-flex-grow: 0; -webkit-flex-grow: 0; flex-grow: 0; -ms-flex-shrink: 0; -webkit-flex-shrink: 0; flex-shrink: 0; display: -ms-flexbox; display: -webkit-flex; display: flex; -ms-align-items: end; -webkit-align-items: end; align-items: end; margin-bottom: 48px}
.c-comment__content {width: 100%; border: 1px solid var(--color-border-dark); border-radius: 10px; min-height: 115px; background-color: var(--color-background-comment); display: -ms-flexbox; display: -webkit-flex; display: flex; -ms-flex-direction: column; -webkit-flex-direction: column; flex-direction: column; position: relative}
.c-comment__content img {max-width: 460px}
.c-comment__content__body {height: 100%; padding: 16px}
.c-comment__footer {margin: 12px 16px; z-index: 101}
.c-comment--reply .c-comment__content::before {display: none}
.c-comment--reply .c-comment__content {order: 1; margin-left: 0; margin-right: 40px; background-color: var(--color-background-comment-reply)}
.c-comment--reply .c-comment__content::after {left: auto; right: -24px; background-image: var(--img-comment-bubble-reply); background-size: 516px; width: 516px}
.c-comment--reply .c-comment__meta {order: 2}
.c-comment__reactions .voting_marker {color: var(--color-text); font-size: 12px !important; margin-left: calc(-1 * ($global-box-shadow-height + $border-thin-size)); padding-left: 12px; padding-right: 12px; border: none; white-space: nowrap; filter: grayscale(100%) brightness(120%); transition: filter 0.3s}
.c-comment__reactions .voting_marker.voted {font-weight: bold; filter: none}
.c-comment__reactions .voting_marker:active {position: relative; top: 4px; left: 4px}
.c-comment__reactions .icon_16 {vertical-align: middle; margin-right: 4px}
.c-comment__manage {display: -ms-flexbox; display: -webkit-flex; display: flex; -ms-align-items: center; -webkit-align-items: center; align-items: center; font-size: 12px}
.c-comment__manage a, .c-comment__manage span {line-height: 20px; display: inline-block}
.c-comment__manage a img, .c-comment__manage span img {vertical-align: middle; margin-left: 4px}
.c-comment__manage .flag_control__indicator {display: none}
.c-comment__manage .flag_control {padding-top: 0}
.c-comment__manage .flag_control a {font-size: 12px !important; color: var(--color-link-default); text-decoration: underline; margin-right: 12px}
.link_hashtag {color: var(--color-red-04); text-decoration: none}
.link_hashtag:visited, .link_hashtag:hover {color: var(--color-red-04); background-color: transparent; text-decoration: none}
.link_with_dropdown {border: 1px solid var(--color-border-dark); text-decoration: none; color: var(--color-text); display: inline-block; padding: 4px; margin-right: 4px; margin-left: 4px}
.link_with_dropdown:after {content: ""; display: inline-block; width: 10px; height: 10px; background-size: contain; background-image: var(--img-icon-chevron-down); background-size: 14px; background-position: 0px center; margin-left: 0.25em; background-repeat: no-repeat; transition: 0.1s ease-in-out}
.link_with_dropdown--toggle:after {transform: rotate(-180deg); transition: 0.1s ease-in-out}
.link_with_dropdown__options {display: none}
.link_with_dropdown--expanded .link_with_dropdown:after {transform: rotate(-180deg); transition: 0.1s ease-in-out}
.link_with_dropdown--expanded .link_with_dropdown__options {position: absolute; display: block; z-index: 1}
.link_with_dropdown--expanded .link_with_dropdown__options ul {font-size: 1em; background-color: white; min-width: 5em; top: -5px; border: 1px solid var(--color-border-dark)}
.link_with_dropdown--expanded .link_with_dropdown__options ul a {display: block; text-decoration: none; cursor: pointer; color: black !important; padding: 5px}
.link_with_dropdown--expanded .link_with_dropdown__options ul a:hover {background-color: var(--color-background-hover)}
.link_with_dropdown--no_underline {text-decoration: none; padding-right: 0.1em}
.link_with_dropdown--no_underline:hover {text-decoration: none}
.link_with_dropdown--no_underline:visited {color: initial !important}
.link_with_dropdown--no_underline:after {margin-left: 8px; margin-right: 2px; width: 14px}
.chiclet_link {text-decoration: none; background-color: #e7f7e1; padding: 0.25em 0.5em; display: inline-block; border-radius: 5px; color: #333 !important; line-height: 18px; height: 18px}
.chiclet_link:hover {background-color: var(--color-background-selected); text-decoration: none}
.chiclet_link:hover img {filter: contrast(120%)}
.link_with_icon {text-decoration: none; height: 16px; line-height: 16px}
.link_with_icon img {vertical-align: middle}
.link_with_icon--delete {color: var(--color-link-delete)}
.link--u {text-decoration: underline !important}
.link--nv:visited {color: var(--color-link-default) !important}
.link--bare {text-decoration: none}
.link--cancel {text-decoration: none; color: var(--color-text-cancel)}
.link--cancel:hover {color: var(--color-text-cancel-hover)}
.link--delete {text-decoration: none; color: var(--color-link-delete)}
.link--delete:hover {color: var(--color-link-delete-hover)}
.link--delete_legacy {text-decoration: none; white-space: nowrap; display: -ms-flexbox; display: -webkit-flex; display: flex; -ms-align-items: center; -webkit-align-items: center; align-items: center}
.link--delete_legacy img {padding-right: 8px}
.photo_manager__photo {position: relative}
.porthole_dialog {position: absolute; z-index: 1001; left: -20px; top: -20px; box-shadow: 0 2px 4px rgba(0, 0, 0, 0.5); pointer-events: none}
.porthole_dialog[data-porthole-action=delete] .porthole_dialog__center {border-color: var(--color-red-05)}
.porthole_dialog[data-porthole-action=delete] .porthole_dialog__top, .porthole_dialog[data-porthole-action=delete] .porthole_dialog__bottom, .porthole_dialog[data-porthole-action=delete] .porthole_dialog__left, .porthole_dialog[data-porthole-action=delete] .porthole_dialog__right {background-color: var(--color-red-01); border-color: var(--color-red-05)}
.porthole_dialog__center {margin-top: -2px; height: 184px; pointer-events: none}
.porthole_dialog__opening {float: left; height: 100%; width: 182px; pointer-events: none}
.porthole_dialog__top, .porthole_dialog__bottom {background-color: var(--color-background); width: 222px; border: 1px solid var(--color-border-dark); pointer-events: auto}
.porthole_dialog__left, .porthole_dialog__right {width: 20px; height: 100%; float: left; background-color: var(--color-background); pointer-events: auto}
.porthole_dialog__top {height: 20px; border-bottom: none}
.porthole_dialog__bottom {margin-top: -2px; min-height: 120px; border-top: none; padding-left: 20px; padding-right: 20px; border-top-right-radius: 0; border-top-left-radius: 0}
.porthole_dialog__left {border-left: 1px solid var(--color-border-dark)}
.porthole_dialog__right {border-right: 1px solid var(--color-border-dark)}
.touch_gallery {display: flex; width: 1000vw; position: relative; overflow-y: hidden; overflow: visible; overflow-x: visible}
#friends_panel .touch_gallery {width: auto}
.touch_gallery__pagination {display: none; margin-bottom: 20px}
.touch_gallery__pagination > * {width: 33.333%; height: 40px; line-height: 40px; font-size: 0.8571428571rem}
.touch_gallery__pagination__label {text-align: center}
.touch_gallery__pagination__previous, .touch_gallery__pagination__next {background-size: 16px; background-repeat: no-repeat; background-position: center center; display: block; filter: var(--color-link-default-filter)}
.touch_gallery__pagination__previous {background-image: url(/images/assets/icons/arrow-left.svg)}
.touch_gallery__pagination--first_photo .touch_gallery__pagination__previous {background-image: none}
.touch_gallery__pagination__next {background-image: url(/images/assets/icons/arrow-right.svg)}
.touch_gallery__pagination--last_photo .touch_gallery__pagination__next {background-image: none}
.touch_gallery__navigation {height: 15px; overflow: hidden; display: block; position: absolute; text-align: center; width: 100%; bottom: 10px; display: none}
.touch_gallery__navigation__dot {top: 0px; width: 10px !important; height: 10px !important; padding: 0 !important; margin: 0 4px; position: relative; border-radius: 100%; display: inline-block; background-color: rgba(0, 0, 0, 0.2); box-shadow: inset 0 0 0 2px white}
.touch_gallery__navigation__dot--active {background-color: rgba(255, 255, 255, 0.8)}
.ellipsis_menu {min-height: 24px; min-width: 24px; background-color: var(--color-background)}
.ellipsis_menu li {display: none}
.ellipsis_menu li a {white-space: nowrap}
.ellipsis_menu::after {min-height: 24px; min-width: 24px; display: inline-block; background: url(/images/assets/icons/more-vertical-on-light.svg) no-repeat; background-image: var(--img-icon-more-vertical); background-size: 20px; content: ""}
.ellipsis_menu--expanded::after {display: none}
.ellipsis_menu--expanded {background: none; opacity: 1; box-shadow: 0 8px 18px rgba(0, 0, 0, 0.15); position: absolute; background-color: white; border: 1px solid #aaa; padding: 0.25em; z-index: 101; width: 33vw}
.ellipsis_menu--expanded li {display: block; min-height: 2em}
.ellipsis_menu--expanded li.spacer {min-height: 1em}
.ellipsis_menu--expanded a {display: block; text-decoration: none !important; color: black; line-height: 2em}
.ellipsis_menu--expanded a img {vertical-align: middle; height: 16px; width: 16px}
.ellipsis_menu--expanded .ellipsis_menu__confirm {display: none}
.ellipsis_menu--expanded .ellipsis_menu__confirm--active {display: block; padding-bottom: 0.5em}
.ellipsis_menu--expanded .ellipsis_menu__confirm--active p {padding: 1em 0}
.ellipsis_menu--expanded .clicker_v2 {text-align: center}
.ellipsis_menu--touch_only {display: none}
body.with_touch .ellipsis_menu--touch_only {display: inline-block}
:root {--action-sheet-top: 160; --action-sheet-slide-duration-ms: 500}
.action_sheet_slider {position: fixed; top: 72px; bottom: 0; right: 0; width: 100vw; -webkit-transform: translateX(110vw); transform: translateX(110vw); background-color: var(--color-background-actionsheet); transition: transform 0.3s ease-in-out; transition-duration: var(--transition-duration-3); display: fixed; box-shadow: 0 2px 4px rgba(0, 0, 0, 0.5); border-left: 1px solid var(--color-border-dark)}
.action_sheet_slider .toolbar_v2--mobile_modal {display: none}
.with_action_sheet_slider .clicker_tool--cancel span {font-size: 0}
.with_action_sheet_slider .clicker_tool--cancel span:before {content: "Close"; font-size: 1rem}
.with_action_sheet_slider .toolbar_title, .with_action_sheet_slider .toolbar_right {display: none}
.action_sheet_slider__container {height: calc(100vh - 75px); width: 100vw; overflow-y: scroll; -webkit-overflow-scrolling: touch}
.action_sheet_slider__container:after {content: ""; display: block; height: 60px; width: 100%}
.with_action_sheet_slider #content {overflow: hidden}
.with_action_sheet_slider .action_sheet_slider {-webkit-transform: translateX(0vw); transform: translateX(0vw)}
.with_action_sheet_slider .toolbar_v2--mobile_modal .toolbar_right, .with_action_sheet_slider .toolbar_v2--topbar .toolbar_right {visibility: hidden}
.action_sheet .toolbar_v2--topbar {margin: 0; position: -webkit-sticky; position: sticky; height: auto; margin-top: -5px; -ms-justify-content: space-between; -webkit-justify-content: space-between; justify-content: space-between; -ms-align-items: center; -webkit-align-items: center; align-items: center}
.action_sheet .toolbar_v2--topbar .clicker {margin-top: -6px}
.action_sheet .toolbar_v2--topbar .clicker_tool--cancel {color: var(--color-greyscale-02)}
.action_sheet .toolbar_left, .action_sheet .toolbar_right {-ms-flex: none; -webkit-flex: none; flex: none}
.action_sheet .toolbar_v2--topbar_untitled .toolbar_right {width: auto}
.action_sheet .toolbar_title {font-weight: bold; color: var(--color-text-reverse); white-space: nowrap; text-overflow: ellipsis}
.action_sheet .toolbar_v2--topbar .clicker_tool, .action_sheet .toolbar_v2--topbar .clicker {position: relative !important; text-align: center}
.action_sheet .toolbar_v2--topbar .clicker_tool--cancel .clicker {background-color: transparent; border: none; box-shadow: none; color: var(--color-text-understated-reverse) !important; font-size: 14px}
.action_sheet .toolbar_v2--topbar .clicker {padding: 10px !important; margin-right: -5px !important; margin-top: -6px !important}
.action_sheet .edit_frame {width: auto; margin-top: 0; margin-bottom: 0}
.action_sheet .popover--markdown {padding: 24px !important; box-sizing: border-box}
.action_sheet .popover--markdown .o-icon--close_legacy {width: 16px !important; height: 16px !important}
.action_sheet .popover_body {margin: 0; padding: 0 !important; height: auto !important}
.action_sheet .popover {position: static; border: none; box-shadow: none; width: 100%; margin: 0; padding: 0; margin: 0}
.action_sheet .popover_pointer {display: none}
.action_sheet .popover_section {padding: 30px}
.action_sheet .popover_content {padding: 24px}
.action_sheet .popover__small_scroller {height: auto}
.action_sheet .popover_footer {display: none}
.action_sheet .popover_section + .popover_section {padding-top: 0}
.action_sheet #RB_redbox, .action_sheet #RB_window {position: static !important; width: 100vw !important; margin-top: 0}
.action_sheet #RB_overlay {display: none}
.action_sheet .control_option_picker__pick_list {position: static !important; border: none}
.action_sheet .control_option_picker__pick_list a {padding: 18px; padding-left: 30px; line-height: auto; font-size: 1.1428571429rem; display: block}
.action_sheet #quicknav ul {padding: 0}
.action_sheet #quicknav li img {margin-right: 16px}
.action_sheet #quicknav li.is-empty {display: none}
.action_sheet .control_option_picker__pick_list_title {padding: 16px; padding-left: 30px; font-weight: bold; color: var(--color-text); display: block}
.action_sheet .clean_dialog {padding-top: 0; background-color: var(--color-background-actionsheet)}
.action_sheet .action_sheet__content {margin: 24px}
.action_sheet #quicknav {width: 100% !important; position: static; box-shadow: none; border: none; margin-top: 0 !important}
.action_sheet #quicknav:before, .action_sheet #quicknav:after {display: none}
.action_sheet #buy_popup {border: none; box-shadow: none}
.action_sheet #date_picker {position: relative; width: calc(100% - 48px) !important; margin-left: 24px; margin-right: 24px; border: none; box-shadow: none; margin-top: 12px}
.action_sheet #calendar_closer {display: none !important}
@-webkit-keyframes infiniterotate {from {-webkit-transform: rotate(0deg); -o-transform: rotate(0deg); transform: rotate(0deg)}
to {-webkit-transform: rotate(360deg); -o-transform: rotate(360deg); transform: rotate(360deg)}
}
@keyframes infiniterotate {from {-ms-transform: rotate(0deg); -moz-transform: rotate(0deg); -webkit-transform: rotate(0deg); -o-transform: rotate(0deg); transform: rotate(0deg)}
to {-ms-transform: rotate(-360deg); -moz-transform: rotate(-360deg); -webkit-transform: rotate(-360deg); -o-transform: rotate(-360deg); transform: rotate(-360deg)}
}
.infiniterotate {-webkit-animation: infiniterotate 1s linear infinite; -moz-animation: infiniterotate 1s linear infinite; -ms-animation: infiniterotate 1s linear infinite; -o-animation: infiniterotate 1s linear infinite; animation: infiniterotate 1s linear infinite}
@media print, screen and (min-width: 871px) {body.people.dashboard.people--large #content {max-width: 870px}
}
@media print, screen and (min-width: 1111px) {body.people.dashboard.people--large #content {max-width: 1110px}
}
@media print, screen and (min-width: 1321px) {body.people.dashboard.people--large #content {max-width: 1320px}
}
@media print, screen and (min-width: 1166px) {body.people.dashboard.people--small #content {max-width: 1165px}
}
@media print, screen and (min-width: 1351px) {body.people.dashboard.people--small #content {max-width: 1350px}
}
@media print, screen and (min-width: 1531px) {body.people.dashboard.people--small #content {max-width: 1530px}
}
@media print, screen and (min-width: 1576px) {body.people.dashboard.people #content {max-width: 1575px}
}
body.patterns.dashboard #content {min-width: 1170px}
@media print, screen and (min-width: 1241px) {body.patterns.dashboard #content {max-width: 1240px}
}
@media print, screen and (min-width: 1271px) {body.patterns.dashboard #content {max-width: 1270px}
}
@media print, screen and (min-width: 1451px) {body.patterns.dashboard #content {max-width: 1450px}
}
@media print, screen and (min-width: 1716px) {body.dashboard #content {max-width: 1715px}
}
body.dashboard {}
body.dashboard #content {width: 100%}
body.dashboard #content h2:not(.breadcrumbs) {padding-bottom: 10px}
body.dashboard #content h2:not(.breadcrumbs), body.dashboard #content h3 {font-size: 1.2857142857rem; font-weight: bold}
body.dashboard #search_indicator {position: absolute; top: 10px; right: 5px}
body.dashboard .touch_gallery_container {max-width: 100%; overflow: hidden}
body.dashboard .enabler_image {display: -ms-flexbox; display: -webkit-flex; display: flex}
body.dashboard .clipper_info {display: none !important}
.dashboard__content {display: -ms-flexbox; display: -webkit-flex; display: flex; -ms-justify-content: space-evenly; -webkit-justify-content: space-evenly; justify-content: space-evenly}
.dashboard__text {margin-bottom: 16px}
.dashboard__title {display: -ms-flexbox; display: -webkit-flex; display: flex; padding-bottom: 8px}
.dashboard__title h2 {-ms-flex-grow: 0; -webkit-flex-grow: 0; flex-grow: 0; -ms-flex-shrink: 1; -webkit-flex-shrink: 1; flex-shrink: 1; margin-right: 0.5em}
.dashboard__title a {margin-right: 0.5em}
.dashboard__block p {padding-bottom: 10px}
.dashboard__title__controls {-ms-flex-grow: 1; -webkit-flex-grow: 1; flex-grow: 1; -ms-order: 1; -webkit-order: 1; order: 1; margin-right: 1em; text-align: right}
.dashboard__title__control {display: inline-block; margin-right: 0 !important; padding: 3px 3px}
.dashboard__title__control img {width: 20px; height: 20px; vertical-align: middle; opacity: 0.2}
.dashboard__title__control--selected img {opacity: 1}
.dashboard__dropdown {color: var(--color-text)}
.dashboard__dropdown__options {display: none}
.dashboard__dropdown--expanded .dashboard__dropdown:after {transform: rotate(-180deg); transition: 0.1s ease-in-out}
.dashboard__dropdown--expanded .dashboard__dropdown__options {display: block; position: absolute; z-index: 1}
.dashboard__dropdown--expanded .dashboard__dropdown__options ul {font-size: 1em; background-color: white; min-width: 5em; border: 1px solid #ccc; padding: 5px; top: -5px; box-shadow: 2px 2px 0 rgba(0, 0, 0, 0.1)}
.dashboard__dropdown--expanded .dashboard__dropdown__options ul a {display: block; text-decoration: none; cursor: pointer; color: black !important}
.dashboard__dropdown {text-decoration: none; padding-right: 0.1em}
.dashboard__dropdown:after {content: ""; display: inline-block; width: 10px; height: 10px; background-size: contain; background-image: var(--img-icon-chevron-down); background-size: 14px; background-position: 0px center; margin-left: 0.25em; background-repeat: no-repeat; transition: 0.1s ease-in-out}
.dashboard__dropdown:visited {color: initial !important}
.dashboard__dropdown:after {width: 16px}
.dashboard__search .o-icon:not(.o-icon--advanced_search_no_fill) {width: 32px !important; height: 32px !important; vertical-align: middle; margin-left: 8px}
.dashboard__search__field {display: -ms-flexbox; display: -webkit-flex; display: flex}
.dashboard__search__label {-ms-flex-shrink: 0; -webkit-flex-shrink: 0; flex-shrink: 0; -ms-flex-grow: 0; -webkit-flex-grow: 0; flex-grow: 0; background-color: #d9eecd; height: 1.5em; padding: 3px; padding-right: 5px; margin: 5px 0px; border: 1px solid #ccc; border-bottom-width: 2px}
.dashboard__search__label--active {display: block}
.dashboard__search__clear {text-decoration: none}
.dashboard__search__clear img {width: 16px; height: 16px; vertical-align: middle; padding-bottom: 2px}
.dashboard__search__clear a:hover {background-color: transparent}
.dashboard__search__clear a:hover img {filter: contrast(150%)}
.dashboard__search input:not(input[type=submit]) {width: 100% !important; margin-bottom: 0.5em; padding-left: 8px}
.dashboard__search button {width: 100% !important; background-size: contain; padding-left: 0 !important; padding-right: 0 !important; height: 1.35em; box-sizing: content-box; font-size: 1.2em !important; line-height: 1.35em !important; margin-left: -1px}
.dashboard__search .auto_complete {z-index: 1000}
.dashboard__search .auto_complete ul {width: auto; border-top: none; border-color: #ccc}
.dashboard__search #suggestion_anchor {background: white url(/images/filter-tip.png) no-repeat}
.dashboard__intro_link, .dashboard__more a {padding: 0.25em 0.5em; display: inline-block; line-height: 18px; height: 18px}
.dashboard__intro_link img, .dashboard__more a img {vertical-align: middle}
.dashboard__hrn {display: -ms-flexbox; display: -webkit-flex; display: flex; position: relative}
.dashboard__hrn__image {position: relative; display: block; overflow: hidden}
.dashboard__hrn__image img {position: absolute; height: auto; top: 0}
.dashboard__hrn__preview {position: absolute; left: 0; right: 0; height: 200px; background-color: white; border: 1px solid #ccc; border-radius: 2px}
.dashboard__hrn__column {width: 154px; padding-right: 8px; display: -ms-flexbox; display: -webkit-flex; display: flex; -ms-flex-direction: column; -webkit-flex-direction: column; flex-direction: column}
.dashboard__hrn__gutter {width: 2em; min-width: 2em; -ms-flex-shrink: 0; -webkit-flex-shrink: 0; flex-shrink: 0; -ms-flex-grow: 0; -webkit-flex-grow: 0; flex-grow: 0}
.dashboard__hrn__item {border: 1px solid #ccc; border-radius: 2px; box-sizing: border-box; position: relative; margin-bottom: 8px; overflow: hidden; transition: height 400ms; transition-duration: var(--transition-duration-3); animation-timing-function: ease-in-out}
.dashboard__hrn__item__image {display: block; transition: margin 400ms; transition-duration: var(--transition-duration-3); animation-timing-function: ease-in-out}
.dashboard__hrn__item__details {padding: 4px; display: none; position: relative}
.dashboard__hrn__item__details li {line-height: 1.5em}
.dashboard__hrn__item__details img {vertical-align: middle}
.dashboard__hrn__item__title {font-size: 1.2em; margin: 0.5em 0}
.dashboard__hrn__item__title a {text-decoration: none; background-color: transparent !important}
.dashboard__hrn__item__author {margin-top: 0.5em}
.dashboard__hrn__item__source {margin-bottom: 0.5em; max-height: 3.25em; overflow: hidden}
.dashboard__hrn__item__minor {font-size: 0.95em}
.dashboard__hrn__item--flipped {cursor: pointer; -webkit-tap-highlight-color: transparent}
.dashboard__hrn__item--flipped .dashboard__hrn__item__image a:hover {filter: contrast(120%)}
.dashboard__hrn__item--flipped .dashboard__hrn__item__details {display: block}
.dashboard__hrn__item--flipped .dashboard__hrn__item__title a:hover {border-bottom: 1px dotted var(--color-red-04)}
.dashboard__hrn__item__rank {text-align: right; font-size: 1.6em; height: 25px}
.dashboard__hrn__item__rank img {float: left}
.dashboard__hrn__item__quicknav {position: absolute; right: 0; bottom: 5px}
.dashboard__hrn__item__quicknav img {height: 24px; width: 24px}
.dashboard__hrn__item__image {display: -ms-flexbox; display: -webkit-flex; display: flex; -ms-flex-direction: column; -webkit-flex-direction: column; flex-direction: column}
.dashboard__hrn__item__image img {width: 100%}
.dashboard__features__images {display: -ms-flexbox; display: -webkit-flex; display: flex}
.dashboard__features__images #featured_source {margin-right: 8px}
.dashboard__features__image {height: 177px}
.dashboard__hrn__caption {text-align: center; font-size: 0.95em}
.dashboard__image_link:hover {}
.dashboard__saved_searches__search {position: relative}
.dashboard__saved_searches__link {border: 1px solid #ddd; background-color: #f9f9f9; border-radius: 5px; display: block; padding: 0.5em; text-decoration: none !important; margin-bottom: 0.5em}
.dashboard__saved_searches__pin {position: absolute; right: 0; top: 0}
.dashboard__saved_searches__pin .icon--pinned {display: none}
.dashboard__saved_searches__pin .icon--pinned, .dashboard__saved_searches__pin .icon--unpinned {width: 16px; height: 16px; padding: 8px}
.dashboard__saved_searches__pin:hover--disabled {background-color: transparent}
.dashboard__saved_searches__pin:hover--disabled .icon--unpinned {display: none}
.dashboard__saved_searches__pin:hover--disabled .icon--pinned {display: inline}
.dashboard__saved_searches__search--pinned .icon--unpinned {display: none}
.dashboard__saved_searches__search--pinned .icon--pinned {display: inline}
.dashboard__highlights__patterns {display: -ms-flexbox; display: -webkit-flex; display: flex; -ms-flex-wrap: wrap; -webkit-flex-wrap: wrap; flex-wrap: wrap}
.dashboard__highlights__pattern__name, .dashboard__highlights__pattern__author {line-height: 1.75em; height: 1.75em; overflow: hidden; text-align: center}
.dashboard__highlights__pattern__name a, .dashboard__highlights__pattern__author a {padding: 5px; text-decoration: none}
.dashboard__highlights__pattern__name img, .dashboard__highlights__pattern__author img {vertical-align: middle}
.dashboard__highlights__pattern__author {margin-bottom: 1em}
.dashboard__recent__patterns {display: -ms-flexbox; display: -webkit-flex; display: flex; -ms-flex-wrap: wrap; -webkit-flex-wrap: wrap; flex-wrap: wrap}
.dashboard__history ul a {text-decoration: none !important}
.dashboard__history__link {display: block}
.dashboard__newbies {display: -ms-flexbox; display: -webkit-flex; display: flex; -ms-flex-wrap: wrap; -webkit-flex-wrap: wrap; flex-wrap: wrap}
.dashboard__newbies .dashboard__newbie {width: 45%; text-align: center}
.dashboard__newbies .dashboard__newbie a {text-decoration: none}
.dashboard__newbies .dashboard__newbie .avatar {float: none; margin-left: auto; margin-right: auto; padding-bottom: 0.5em}
.dashboard__activity {display: -ms-flexbox; display: -webkit-flex; display: flex; -ms-flex-wrap: wrap; -webkit-flex-wrap: wrap; flex-wrap: wrap}
.dashboard__activity .captioned_media_square {margin-bottom: 1em}
.dashboard__activity--large, .dashboard__activity--small {display: grid; grid-gap: 4px; justify-content: space-between}
.dashboard__activity--small {grid-template-columns: repeat(auto-fill, 180px)}
.dashboard__activity--large {grid-template-columns: repeat(auto-fill, 225px)}
.dashboard__neighbors {width: 100% !important}
.dashboard__neighbors .search_result {width: auto !important; float: none !important}
.dashboard__column--fluid {-ms-flex-grow: 1; -webkit-flex-grow: 1; flex-grow: 1}
.dashboard__finished__projects {display: -ms-flexbox; display: -webkit-flex; display: flex; -ms-flex-wrap: wrap; -webkit-flex-wrap: wrap; flex-wrap: wrap}
.dashboard__finished__projects a {display: -ms-flexbox; display: -webkit-flex; display: flex; margin-right: 16px; margin-bottom: 16px}
.dashboard__finished__projects img {border: 1px solid var(--color-border-dark); box-shadow: none}
.dashboard__full_image__wrapper {position: relative; display: block; overflow: hidden; background-color: transparent !important}
.dashboard__full_image__wrapper img {position: absolute; box-sizing: border-box; height: auto; top: 0; border: 1px solid var(--color-border-dark); box-shadow: none}
.dashboard__activity__item .title {height: 1.25em}
.dashboard__full_image {width: 95%; max-width: 95%; height: auto}
.dashboard__full_image__caption {text-align: center}
.dashboard__full_image__caption .date {color: var(--color-text-understated)}
.dashboard__navigation__links {display: flex; margin-bottom: 16px; width: 95%; justify-content: space-between}
.dashboard__navigation__links a {display: flex; align-items: center}
.dashboard__navigation__links a img {margin-right: 4px}
.dashboard__featured_favorite {height: auto; transition-property: height; transition-duration: 350ms}
.dashboard__featured_favorite__wrapper {transition-property: transform; transition-duration: 350ms; transition-timing-function: cubic-bezier(0.445, 0.05, 0.55, 0.95)}
@media screen and (max-width: 420px) {.dashboard__finished__projects {width: 338px}
}
@media screen and (max-width: 365px) {.dashboard__finished__projects {width: 255px}
}
body.dashboard .media_square_200 .touch_gallery_container {max-width: 212px; overflow: hidden}
.dashboard__search, .dashboard__saved_searches {width: 95%}
.dashboard__column__gutter {display: block; width: 2em; -ms-flex-shrink: 0; -webkit-flex-shrink: 0; flex-shrink: 0}
.dashboard__block {margin-bottom: 3.5em}
.dashboard__flex {display: -ms-flexbox; display: -webkit-flex; display: flex}
.dashboard__column {max-width: 680px; margin: 0 1em; -ms-flex-shrink: 1; -webkit-flex-shrink: 1; flex-shrink: 1}
.dashboard__column--fluid {max-width: none; -ms-flex-basis: 100%; -webkit-flex-basis: 100%; flex-basis: 100%}
.dashboard__column--search {width: 320px; min-width: 320px}
.dashboard__column--hrn {width: 470px}
.dashboard__highlights__pattern {width: 170px}
.dashboard__recent__patterns .grid_photo__frame, .dashboard__highlights__patterns .grid_photo__frame {border: 1px solid #ccc}
.dashboard__block--activity {min-height: 90px}
.dashboard__block--activity .dashboard__notice {padding: 1em 0; margin-top: 1.25em}
.social_share__label {width: 200px; padding: 0.6em}
.social_share__url {width: 100%; width: calc(100% - 10px); padding: 0.5em; margin: 5px; box-sizing: border-box; padding-left: 32px}
.social_share__url__copy {position: absolute; display: block; left: 6px; top: 7px; height: 32px; line-height: 36px; border-right: 1px solid #ccc; padding-left: 5px; padding-right: 3px}
.wmd_editor__toolbar {height: 35px !important; border: 1px solid #cccccc !important; border-bottom: none !important; opacity: 1 !important; margin-top: 2px !important; overflow: hidden; box-sizing: border-box; background-color: var(--color-markdown-toolbar-background)}
.wmd_editor__toolbar__preview {line-height: 22px !important; color: var(--color-markdown-toolbar) !important; text-align: center !important; font-size: 11px; text-decoration: none}
.wmd_editor__toolbar__preview:hover {color: var(--color-link-default-hover) !important}
#quicknav {border-color: var(--color-border-dark)}
#quicknav .quick_navigation--tabs a {font-size: 1rem}
.quick_navigation__large a {font-size: 1rem !important}
.quick_navigation__large img {width: 20px !important; height: 20px !important}
img#quicknav_close {width: 12px !important; height: 12px !important; padding: 2px; filter: var(--color-link-default-filter)}
img#quicknav_close:hover {filter: var(--color-link-default-hover-filter)}
a.quick_selector {filter: var(--color-link-default-filter)}
a.quick_selector:hover {filter: var(--color-link-default-hover-filter)}
.people_cards {display: grid; grid-gap: 4px; justify-content: space-between; grid-template-columns: repeat(auto-fill, 310px)}
.notebook_cards--2column {display: -ms-flexbox; display: -webkit-flex; display: flex; -ms-flex-wrap: wrap; -webkit-flex-wrap: wrap; flex-wrap: wrap; -ms-justify-content: space-between; -webkit-justify-content: space-between; justify-content: space-between}
.notebook_cards--2column .notebook_card {width: 48%; width: calc(50% - 12px); margin-bottom: 24px}
.notebook_card {height: 250px; border: 1px solid var(--color-border-dark); background-color: var(--color-background-card); display: -ms-flexbox; display: -webkit-flex; display: flex}
.notebook_card__main {padding: 16px; width: 100%}
.notebook_card__body {margin-top: 16px; display: -ms-flexbox; display: -webkit-flex; display: flex; max-height: 198px; overflow: hidden}
.notebook_card__content {margin-left: 16px; max-width: calc(100% - 185px)}
.notebook_card__title {font-weight: bold}
.notebook_card__photo {width: 180px; max-width: 180px}
.notebook_card__photo .photo_border {margin-bottom: 0; height: 175px}
.notebook_card__photo .photo_frame {border: 1px solid var(--color-border-dark); box-shadow: none; margin-top: 0; margin-left: 0}
.notebook_card__status, .notebook_card__yarn {margin-bottom: 16px}
.notebook_card__notes .no_notes {color: var(--color-text-understated)}
body:not(.with_broken_line_clamp) .notebook_card__notes {display: -webkit-box; -webkit-line-clamp: 4; -webkit-box-orient: vertical; overflow: hidden; text-overflow: ellipsis; -webkit-hyphens: auto; -moz-hyphens: auto; hyphens: auto; overflow-wrap: break-word; word-break: break-word}
.notebook_card__sidebar {background-color: var(--color-teal-01); background-color: var(--color-background-card-sidebar); width: 80px; min-width: 80px; height: 100%; border-left: 1px solid var(--color-border-dark); -ms-flex-grow: 0; -webkit-flex-grow: 0; flex-grow: 0; display: -ms-flexbox; display: -webkit-flex; display: flex; -ms-flex-direction: column; -webkit-flex-direction: column; flex-direction: column; -ms-align-items: center; -webkit-align-items: center; align-items: center; padding: 8px; padding-top: 16px; box-sizing: border-box}
.notebook_card__sidebar .avatar_medium, .notebook_card__sidebar .avatar__image {width: 50px; height: 50px}
.notebook_card__sidebar .avatar_medium span {border: none}
.notebook_card__sidebar .clicker_v2 {width: 42px; text-align: center}
.notebook_card__sidebar .people_placeholder__text {font-size: 0.8571428571rem}
.notebook_card__user, .notebook_card__more {-ms-flex-grow: 0; -webkit-flex-grow: 0; flex-grow: 0}
.notebook_card__indicators {height: 100%; width: 100%; padding-left: 2px; padding-right: 2px; box-sizing: border-box; padding-top: 8px}
.notebook_card__indicator {width: 100%; margin-top: 4px; height: 24px; line-height: 24px}
.notebook_card__indicator img {width: 20px !important; height: 20px !important; float: left; vertical-align: middle}
.notebook_card__indicator a {text-decoration: none; text-align: right; display: block}
.notebook_card__photo .photo_carousel_controls {display: -ms-flexbox; display: -webkit-flex; display: flex}
.notebook_card__photo .photo_carousel_controls .caption {text-align: center; -ms-flex-grow: 1; -webkit-flex-grow: 1; flex-grow: 1}
.notebook_card__photo .photo_changer_next, .notebook_card__photo .photo_changer_previous, .notebook_card__photo .photo_carousel_controls .caption {display: inline-block; width: 20px; height: 20px; background-size: 20px; line-height: 20px; text-decoration: none}
.notebook_card__photo .photo_changer_next, .notebook_card__photo .photo_changer_previous {filter: var(--color-link-default-filter)}
.notebook_card__photo .photo_changer_next:hover, .notebook_card__photo .photo_changer_previous:hover {filter: var(--color-link-default-hover-filter)}
.notebook_card__photo .photo_changer_next {text-align: right; background-image: url(/images/assets/feather/arrow-right.svg)}
.notebook_card__photo .photo_changer_previous {background-image: url(/images/assets/feather/arrow-left.svg)}
.notebook_card__photo .carousel {height: 167px; margin-bottom: 6px; width: 167px; border: 1px solid var(--color-border-dark); overflow: hidden; position: relative}
.notebook_card__photo .carousel_window {height: 167px; width: 10000px; left: 0px; position: absolute}
.notebook_card__photo .photo_border {width: auto}
.notebook_card__photo .carousel_page {float: left; margin-right: 4px; width: 167px}
.notice_box--warning {border: 1px solid var(--color-dialog-warning-border) !important; background-color: var(--color-dialog-warning-background) !important}
.toast {position: fixed; box-sizing: border-box; bottom: -200px; width: 90vw; left: 5vw; right: 5vw; padding: 24px; box-shadow: 0 2px 4px rgba(0, 0, 0, 0.5); z-index: 10001; transition: bottom 0.4s cubic-bezier(0.215, 0.61, 0.355, 1)}
@media print, screen and (min-width: 630px) {.toast {max-width: 630px; left: 50%; transform: translate(-50%, 0)}
}
.toast--success {background-color: var(--color-dialog-success-background); border: 2px solid var(--color-dialog-success-border)}
.toast--success .toast__close button {background-image: var(--img-icon-close-green)}
.toast--neutral {background-color: var(--color-dialog-neutral-background); border: 2px solid var(--color-dialog-neutral-border)}
.toast--neutral .toast__close button {background-image: var(--img-icon-close-blue)}
.toast--warning {background-color: var(--color-dialog-warning-background); border: 2px solid var(--color-dialog-warning-border)}
.toast--warning .toast__close button {background-image: var(--img-icon-close-yellow)}
.toast--error {background-color: var(--color-dialog-error-background); border: 2px solid var(--color-dialog-error-border)}
.toast--error .toast__close button {background-image: var(--img-icon-close-red)}
.toast__title {font-weight: bold}
.toast__message {width: 100%}
.toast__icon {width: 32px; -ms-flex-grow: 0; -webkit-flex-grow: 0; flex-grow: 0; -ms-flex-shrink: 0; -webkit-flex-shrink: 0; flex-shrink: 0}
.toast__close {-ms-flex-grow: 0; -webkit-flex-grow: 0; flex-grow: 0; -ms-flex-shrink: 0; -webkit-flex-shrink: 0; flex-shrink: 0; margin-left: 48px; position: relative}
.toast__close button {width: 16px; height: 16px; position: absolute; top: 0; right: 0; -webkit-appearance: none; appearance: none; background: transparent; border: 0; padding: 0; margin: 0; background-size: 16px; background-repeat: no-repeat}
.toast__content {line-height: 20px; min-height: 20px; display: -ms-flexbox; display: -webkit-flex; display: flex}
.toast__content p:first-of-type {margin-top: -4px}
.toast__content p {margin-bottom: 1em}
.toast__content img {height: 20px; width: 20px}
.toast--popped {bottom: 16px}
.landing__search__advanced {margin-top: 18px}
.landing__search__advanced a {text-decoration: none; white-space: nowrap}
.landing__search__advanced a:visited {color: var(--color-link-default)}
.landing__search__advanced img {vertical-align: middle; width: 20px !important; height: 20px !important; margin-left: 4px; margin-right: 2px}
#doorbell {font-size: 16px}
#doorbell-button {position: fixed; visibility: visible !important; cursor: pointer; width: auto; border: 0; font-size: 14px; background: #2C2C2C; color: #FFFFFF; padding: 10px 20px; margin: 0; z-index: 100; bottom: 0; right: 5%; background-color: white !important; z-index: 999; visibility: hidden; border-radius: 0; -moz-border-radius: 0; -webkit-border-radius: 0}
#doorbell-button.bottom_right {}
#doorbell-button.bottom_left {bottom: 0; left: 5%; right: auto}
#doorbell-button.middle_right {-webkit-transform: rotate(270deg) translate(50%, 0); -webkit-transform-origin: 100% 100%; -moz-transform: rotate(270deg) translate(50%, 0); -moz-transform-origin: 100% 100%; -o-transform: rotate(270deg) translate(50%, 0); -o-transform-origin: 100% 100%; -ms-transform: rotate(270deg) translate(50%, 0); -ms-transform-origin: 100% 100%; transform: rotate(270deg) translate(50%, 0); transform-origin: 100% 100%; right: 0; left: auto; bottom: auto; top: 40%}
#doorbell-button.middle_left {-webkit-transform: rotate(90deg) translate(-50%, 0); -webkit-transform-origin: 0 100%; -moz-transform: rotate(90deg) translate(-50%, 0); -moz-transform-origin: 0 100%; -o-transform: rotate(90deg) translate(-50%, 0); -o-transform-origin: 0 100%; -ms-transform: rotate(90deg) translate(-50%, 0); -ms-transform-origin: 0 100%; transform: rotate(90deg) translate(-50%, 0); transform-origin: 0 100%; left: 0; right: auto; bottom: auto; top: 40%}
#doorbell-background {display: block; background-color: black; opacity: 0.7; -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=70)"; filter: alpha(opacity=70); -khtml-opacity: 0.7; -moz-opacity: 0.7; position: fixed; top: 0; left: 0; width: 100%; height: 100%; z-index: 99998; display: none}
#doorbell-background.dark {background: black}
#doorbell {position: absolute; z-index: 99999; left: 50%; width: 400px; margin-left: -200px; top: 100px}
#prepare_doorbell #doorbell {position: fixed}
#doorbell.doorbell-inline {position: relative; z-index: 0; left: auto; width: auto; margin: 0; top: auto}
#doorbell-container {margin: 0 auto; position: relative}
#doorbell.doorbell-inline #doorbell-container {width: 80%; margin-top: 20px; margin-bottom: 20px}
#doorbell-container .close {position: absolute; height: auto; width: auto; z-index: 1; top: 14px; right: 20px; border: 0; background: none; cursor: pointer; float: right; font-size: 21px; font-weight: bold; line-height: 1; color: #000; text-shadow: 0 1px 0 #fff; opacity: 0.2; filter: alpha(opacity=20); -webkit-appearance: none; margin: 0; padding: 0; min-width: inherit}
#doorbell.doorbell-inline #doorbell-container .close {display: none}
#doorbell-container .close span {display: none}
#doorbell-container .close:before {content: ""; display: block; position: absolute; top: 0px; right: -12px; cursor: pointer; border-bottom: none; height: 24px; width: 24px; background: transparent url(/images/assets/icons/x-black.svg?v=14) no-repeat center; background-image: var(--img-icon-close); background-position: center; background-size: 20px}
#doorbell #intro-text {line-height: 1.666666; margin-bottom: 1.5em}
#doorbell form {padding: 24px; background: var(--color-background); margin: 0; border: 1px solid var(--color-border); -webkit-border-radius: 5px; -moz-border-radius: 5px; border-radius: 5px; -moz-box-shadow: 5px 5px 5px 0 #888; -webkit-box-shadow: 5px 5px 5px 0 #888; box-shadow: 5px 5px 5px 0 #888}
#doorbell.doorbell-inline form {padding: 0; background: none; margin: 0; border: 0; -webkit-border-radius: 0; -moz-border-radius: 0; border-radius: 0; -moz-box-shadow: none; -webkit-box-shadow: none; box-shadow: none}
#doorbell form.dark {-moz-box-shadow: 5px 5px 5px 0 #555; -webkit-box-shadow: 5px 5px 5px 0 #555; box-shadow: 5px 5px 5px 0 #555}
#doorbell.doorbell-inline form.dark {-moz-box-shadow: none; -webkit-box-shadow: none; box-shadow: none}
#doorbell form fieldset {padding: 0; margin: 0; border: 0; margin-bottom: 24px}
#doorbell form legend {display: block; width: 100%; padding: 0; margin-bottom: 30px; margin-top: 20px; font-size: 24px; line-height: 1.428571429; color: var(--color-text); font-weight: bold; border: 0; border-bottom: 1px solid #e5e5e5}
#doorbell #doorbell-success, #doorbell #doorbell-error {display: none; text-align: center; margin-bottom: 15px}
#doorbell-success {background-color: #EFFAF9; color: black; border-radius: 0; -moz-border-radius: 0; -webkit-border-radius: 0; color: #000; border: 1px solid #72DFD0}
#doorbell form textarea {height: 80px; resize: vertical}
#doorbell form textarea, #doorbell form input[type=email] {width: 95.5%; padding: 4px 2%; margin-bottom: 10px; -webkit-box-sizing: content-box; -moz-box-sizing: content-box; box-sizing: content-box}
#doorbell #doorbell-attach-screenshot-wrapper {margin-top: 0; position: static}
#doorbell-attach-screenshot-wrapper input {float: none !important; width: auto !important}
#doorbell #doorbell-attach-screenshot-label {margin-left: 5px; font-weight: normal; font-size: 12px}
#doorbell .buttons button {width: 100%; padding-left: 0; padding-right: 0; display: block; cursor: pointer; background-color: var(--color-background-clicker); border: 1px solid var(--color-border-dark); border-radius: 0; -webkit-border-radius: 0; color: var(--color-text); box-shadow: var(--global-box-shadow-size) var(--global-box-shadow-size) 0 0 #000}
#doorbell .buttons--ravelry_radio {display: none}
#doorbell .doorbell_field--ravelry {display: -ms-flexbox; display: -webkit-flex; display: flex; -ms-flex-wrap: wrap; -webkit-flex-wrap: wrap; flex-wrap: wrap; margin: 16px 0}
#doorbell .doorbell_field--ravelry input {width: 20px; margin-bottom: 20px}
#doorbell .doorbell_field--ravelry input[type=radio] {height: 20px}
#doorbell .doorbell_field--ravelry label {width: calc(100% - 40px); padding-left: 10px; font-weight: normal; margin-bottom: 20px}
#doorbell .doorbell_field--ravelry .buttons {order: 1; width: 100%; margin-top: 30px}
#doorbell input:checked + label + .buttons {display: block}
#doorbell #doorbell-powered-by {margin-top: 5px; font-size: 11px; display: inline-block}
#doorbell #doorbell-powered-by:hover {text-decoration: underline}
#doorbell #doorbell-add-attachments {margin-bottom: 10px}
#doorbell #doorbell-add-attachments.has-label-button {width: 0.1px; height: 0.1px; opacity: 0; overflow: hidden; position: absolute; z-index: -1}
#doorbell #doorbell-add-attachments-label-button {font-weight: normal; border: 1px solid #ccc; display: block; width: 96%; color: #999; padding: 6px 2%; margin-bottom: 10px; cursor: pointer; text-overflow: ellipsis; overflow: hidden; -webkit-box-sizing: content-box; -moz-box-sizing: content-box; box-sizing: content-box; -webkit-border-radius: 4px; -moz-border-radius: 4px; border-radius: 4px}
#doorbell #doorbell-add-attachments-label-button span {display: block; padding-left: 18px; position: relative; text-overflow: ellipsis; overflow: hidden}
#doorbell #doorbell-add-attachments-label-button img {height: 14px; width: auto; position: absolute; left: 0; top: 4px}
body.theme_hebridean #doorbell #doorbell-add-attachments-label-button img {filter: invert(1)}
#doorbell #doorbell-add-attachments-label-button * {pointer-events: none}
#doorbell #doorbell-add-attachments-label-button:hover {color: var(--color-text)}
#doorbell .captcha-container {margin-bottom: 10px}
#doorbell .captcha-container > div {margin: 0 auto}
@media (max-width: 520px) {#doorbell {left: 10%; width: 80%; margin-left: 0}
}
#doorbell .clearfix {*zoom: 1}
#doorbell .clearfix:before, #doorbell .clearfix:after {display: table; line-height: 0; content: ""}
#doorbell .clearfix:after {clear: both}
#doorbell-success {padding: 15px; border: 1px solid var(--color-dialog-success-border); border-radius: 4px; background-color: var(--color-dialog-success-background); color: var(--color-text)}
#doorbell-error {padding: 15px; border: 1px solid #ebccd1; border-radius: 4px; background-color: #f2dede; color: #a94442}
#doorbell p {margin: 0 0 10px}
#doorbell label {font-weight: bold}
#doorbell textarea, #doorbell input, #doorbell-add-attachments-label-button {font-size: 16px !important; line-height: 1.666}
#doorbell-email {margin-top: 24px !important; margin-bottom: 24px !important}
#doorbell-add-attachments-label-button, #doorbell-attach-screenshot-wrapper {margin-bottom: 24px !important}
#doorbell-feedback-label {float: none; width: auto; display: block; font-size: 12px; margin-bottom: 8px}
#doorbell .doorbell-question {margin-bottom: 10px}
#doorbell .doorbell-question-radio {display: inline-block; margin-right: 15px}
#doorbell .doorbell-question-radio label {margin: 0; font-weight: normal}
#doorbell .doorbell-question-radio input {margin-right: 5px; margin-top: -2px; vertical-align: middle}
#doorbell .form-control {margin: 0}
#doorbell textarea {overflow: auto; min-height: 80px}
#doorbell .form-control {display: block; height: 34px; font-size: 14px; line-height: 1.42857143; color: var(--color-input); background: var(--color-input-background); border: 1px solid var(--color-border); border-radius: 4px; -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075); box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075); -webkit-transition: border-color ease-in-out 0.15s, -webkit-box-shadow ease-in-out 0.15s; -o-transition: border-color ease-in-out 0.15s, box-shadow ease-in-out 0.15s; transition: border-color ease-in-out 0.15s, box-shadow ease-in-out 0.15s}
#doorbell .form-control:focus {background: var(--color-input-focus)}
#doorbell-add-attachments-label-button {border: 1px solid var(--color-border) !important; border-radius: 0}
#doorbell .checkbox {margin-bottom: 10px}
#doorbell .checkbox label {font-weight: normal}
#doorbell-submit-button {-webkit-appearance: button; text-transform: none; overflow: visible; margin: 0; font-weight: normal; text-align: center; vertical-align: middle; -ms-touch-action: manipulation; touch-action: manipulation; border: 1px solid #2e6da4; white-space: nowrap; padding: 6px 12px; font-size: 14px; line-height: 1.42857143; border-radius: 4px; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; color: #fff; background: #337ab7}
#doorbell-submit-button:focus {outline: 5px auto -webkit-focus-ring-color; outline-offset: -2px; text-decoration: none; color: #fff; background-color: #286090; border-color: #122b40}
#doorbell-submit-button:active, #doorbell-submit-button:hover {color: #fff; background: #286090; border-color: #204d74}
#doorbell-submit-button.disabled {opacity: 0.65; filter: alpha(opacity=65); -webkit-box-shadow: none; box-shadow: none}
#doorbell-powered-by {color: var(--color-link-default); text-decoration: none}
#doorbell-powered-by {margin-top: 12px !important; color: #477A85 !important}
#doorbell .form-control {border-radius: 0; -webkit-border-radius: 0; -moz-border-radius: 0}
#doorbell-container .close {opacity: 1}
#doorbell form legend {border-bottom: none}
#doorbell form legend .o-icon {vertical-align: top; padding-right: 4px}
#doorbell form {box-shadow: none; -webkit-box-shadow: none; -moz-box-shadow: none; border: 1px solid var(--color-border); border-radius: 0; -webkit-border-radius: 0; -moz-border-radius: 0}
#doorbell-button {border-radius: 5px; font-size: 12px; padding: 6px; background-color: white; color: black; border: 1px solid black; background-color: white; border-bottom: none; border-bottom-right-radius: 0; border-bottom-left-radius: 0; background: url("https://style.ravelrycache.com/images/assets/icons/favorites.svg"); background-repeat: no-repeat; background-position: 7px 8px; padding-left: 24px; background-size: 12px; box-shadow: var(--global-box-shadow-size) var(--global-box-shadow-size) 0 0 #000}
#doorbell .checkbox label {font-weight: normal; width: auto; float: none}
#doorbell-attach-screenshot-wrapper label:after {content: " of the current screen"}
#doorbell-status {margin-bottom: 24px; box-shadow: 0 2px 4px rgba(0, 0, 0, 0.5); padding: 24px; margin-bottom: 24px}
#doorbell-status a {color: var(--color-text); text-decoration: none; font-weight: bold; padding-right: 32px; background-image: var(--img-icon-external-link); background-size: 16px; background-position-x: right; background-position-y: center; background-repeat: no-repeat}
#doorbell-status p {margin: 0; margin-bottom: 24px}
#doorbell-status .information__timestamp {margin-bottom: 0; color: var(--color-text-understated); font-size: 12px}
#doorbell-status strong::first-letter {text-transform: capitalize}
.pride_flag_decoration {display: block; height: 24px; background-size: contain; background-repeat: repeat}
.pride_flag_decoration img {height: 24px}
.pride_flag_decoration {position: absolute; left: 0; right: 0; top: -59px}
.form__submit_controls {margin-bottom: 16px; margin-top: 16px; width: 100%; display: -ms-flexbox; display: -webkit-flex; display: flex; -ms-justify-content: space-between; -webkit-justify-content: space-between; justify-content: space-between}
.form__error {font-size: 0.8571428571rem; color: var(--color-special-error-red); margin-top: 4px; clear: both}
.color-text_base {color: var(--color-text) !important}
.color-text_understated {color: var(--color-text-understated) !important}
.color-numeric_green {color: var(--color-special-numeric-green)}
.color-numeric_red {color: var(--color-special-numeric-red)}
.color-error_red {color: var(--color-special-error-red) !important}
.font-base {font-size: 1rem}
.ravelry_downloads_banner {display: -ms-flexbox; display: -webkit-flex; display: flex; -ms-align-items: center; -webkit-align-items: center; align-items: center}
.ravelry_downloads_banner img.icon_16 {height: 32px !important; width: 32px !important; vertical-align: middle; padding-right: 8px}
.ravelry_downloads_banner span {font-size: 1.7142857143rem !important; text-transform: capitalize; font-weight: bold}
.teeny_button {width: 30px; height: 16px; line-height: 16px; text-align: center; font-size: 9px !important; color: var(--color-text); background-color: var(--color-background); display: inline-block; text-decoration: none !important; border: 1px solid var(--color-border-dark)}
.sticky_sidebar {width: 250px; padding: 20px; min-height: 600px; border: 1px solid var(--color-border-dark); background-color: var(--color-background)}
.hover_tool_icon a, .hover_tool_icon a:visited, .hover_tool_icon a:hover {color: var(--color-text)}
.hover_tool_icon--icon_only img {vertical-align: middle; margin-right: -8px}
.hover_tool_delete_confirmation__confirm {color: var(--color-text-clicker) !important; background-color: var(--color-background-clicker) !important}
.hover_tool_delete_confirmation__confirm:hover {background-color: var(--color-background-clicker-hover) !important; border-color: transparent !important}
.hover_tool_delete_confirmation__cancel {color: var(--color-text-cancel) !important; border-color: var(--color-background) !important}
.hover_tool_delete_confirmation__cancel:hover {color: var(--color-text-cancel-hover) !important}
.fancy_radio_buttons [type=radio] {border: 0; clip: rect(0 0 0 0); height: 1px; margin: -1px; overflow: hidden; padding: 0; position: absolute; width: 1px}
.fancy_radio_buttons label {display: block; cursor: pointer; padding: 0px !important; line-height: 2em; float: none; width: auto}
.fancy_radio_buttons [type=radio] + span {display: block}
.fancy_radio_buttons [type=radio] + span:before {content: ""; display: inline-block; width: 14px; height: 14px; vertical-align: middle; border-radius: 50%; border: 1px solid #666; margin-right: 0.75em; background-color: white; margin-top: -3px}
.fancy_radio_buttons [type=radio]:checked + span:before {background: var(--color-teal-05); border: 1px solid var(--color-border)}
h2.empty_search {text-align: center; font-size: 1.3em; font-weight: normal; padding: 2em}
form.short .menu_content a {line-height: 1.2em}
.panel_footer {margin: 2em; margin-left: 0; border-top: 1px solid #cccccc; padding: 0.5em; text-align: left}
.notice {padding: 1em; margin: 1em 0; border: solid 1px #999; background-color: #ffedaa}
.notice a, .notice a:visited {color: black}
.notice a:hover {background-color: #ffedaa; text-decoration: underline}
.notice_intro {border-bottom: solid 1px #a68921; padding-bottom: 6px; margin-bottom: 6px; width: 135px}
.notice_icon {float: left; margin-right: 4px}
.dismiss_notice {float: right}
.dismiss_notice img {border: solid 1px #a68921}
.delete_button {width: 49px; height: 18px; line-height: 18px; padding-right: 4px; cursor: pointer; display: inline-block; vertical-align: top; text-decoration: none !important; border: 1px solid #ccc; border-radius: 4px; text-align: right; font-size: 0.7142857143rem; background-image: url(/images/assets/icons/delete.svg); background-size: 12px; background-repeat: no-repeat; background-position: 4px center; text-transform: capitalize; display: inline-block}
.delete_button:after {content: "delete"; font-size: 10px; padding-left: 12px; white-space: nowrap}
.delete_button:active {filter: brightness(1.1)}
#view_selector {position: absolute; border: 1px solid #cccccc; background-color: white !important; z-index: 10}
#view_selector li {background-color: white !important; display: none; width: 140px; overflow: hidden; font-size: 12px; height: 20px; cursor: pointer; padding: 1px 3px}
#view_selector li a, #view_selector li a:visited {display: block; line-height: 20px; color: black}
#view_selector li img {vertical-align: top; padding-top: 3px; width: 16px; height: 16px}
#view_selector li.selected {display: block; background-image: url(/images/selector.gif); background-repeat: no-repeat; background-position: 128px 3px}
.short_selector li {width: 110px !important}
.short_selector li.selected {background-position: 98px 3px !important}
.opened_view_selector li {display: block !important; height: 24px !important; padding: 0}
.opened_view_selector li.selected {background-image: none !important; font-weight: bold}
.opened_view_selector a {line-height: 24px; padding: 1px 3px}
.onscreen_selector {margin-top: 50px; width: 600px; background-color: var(--color-background); padding: 10px; border: 1px solid var(--color-border-dark); box-shadow: 0 2px 4px rgba(0, 0, 0, 0.5)}
.onscreen_selector .selector_inset {overflow: auto; overflow-x: hidden}
.onscreen_selector h2 {margin-bottom: 1em}
.onscreen_selector h3 {margin-bottom: 0.5em}
.onscreen_selector .section {margin-bottom: 2em}
.onscreen_selector .page_bar_1 {margin-bottom: 1em}
.onscreen_selector .page_bar_2 {margin-top: 1em}
a.selected_sort {text-decoration: none; font-weight: bold; color: var(--color-text)}
a.sort_lozenge {display: inline-block; padding: 5px; color: var(--color-text) !important; text-decoration: none}
a.sort_lozenge.selected {background-color: var(--color-background-highlighted); color: var(--color-text) !important}
table.tabular_toolbar {margin-bottom: 0; width: 100%; border: none}
table.tabular_toolbar td .clicker {margin-top: -2px !important; float: none !important; line-height: normal !important}
table.tabular_toolbar td .clicker span {padding-right: 13px}
table.tabular_toolbar td .button {margin-left: 0px; margin-right: 2px; padding: 0; height: 22px; width: 22px}
table.tabular_toolbar td a {line-height: 22px}
table.tabular_toolbar td a img {vertical-align: middle}
table.tabular_toolbar td.text {white-space: nowrap; padding-left: 5px; padding-right: 5px}
table.tabular_toolbar td.search_tool {white-space: nowrap}
table.tabular_toolbar td.search_tool input.short {width: 125px}
table.tabular_toolbar td.search_tool input.medium {width: 200px}
table.tabular_toolbar td.link_tool {padding-left: 5px; white-space: nowrap; padding-right: 5px}
table.tabular_toolbar td.link_tool a {line-height: 20px; text-decoration: underline}
table.tabular_toolbar td.link_tool img.icon {vertical-align: bottom; padding-bottom: 2px; padding-left: 4px}
table.tabular_toolbar td.select_tool {white-space: nowrap; margin-top: 1px}
table.tabular_toolbar td.button_tool img {padding-top: 2px; width: 16px; height: 16px}
table.tabular_toolbar td.button_tool .labeled_button {width: 85px !important; overflow: hidden}
table.tabular_toolbar td.button_tool .labeled_button img {padding-top: 0}
table.tabular_toolbar td.clicker_tool {padding-top: 5px}
table.tabular_toolbar td.spacer {width: 100%}
table.tabular_toolbar td.spacer_divider {width: 16px; min-width: 16px}
table.tabular_toolbar td.short_selector_tool {width: 123px}
table.tabular_toolbar td.short_selector_tool .container {width: 123px; position: relative}
.ticky_pair {white-space: nowrap}
input.ticky {width: 13px !important; height: 13px !important; opacity: 0; float: none}
input.ticky + label {position: relative; display: inline-block; margin-left: -13px; padding-left: 22px; width: auto; float: none}
input.ticky + label:before {position: absolute; content: ""; display: inline-block; left: 0px; top: 0px; width: 16px; height: 16px; background-size: 16px; background-repeat: no-repeat; background-image: var(--img-icon-forms-square)}
.ticky__note {font-size: 0.8571428571rem; margin-top: 2px; margin-bottom: 8px}
input.ticky:checked + label::before {background-image: var(--img-icon-forms-check-square-green)}
input.ticky:focus + label::before {outline: var(--color-link-default) solid 1px; box-shadow: 0 0px 8px var(--color-link-default-hover)}
.ticky_item {clear: both; line-height: 26px}
.ticky_item a {color: var(--color-text)}
.ticky_item a.ticky_box {background-image: var(--img-icon-forms-square); background-size: 18px 18px; background-position: center center; background-repeat: no-repeat; border-radius: 2px; -moz-border-radius: 2px; -webkit-border-radius: 2px; width: 18px; height: 18px; margin: 3px 0; margin-right: 0.5em; display: block; float: left; text-decoration: none !important}
.ticky_item a.ticky_box:hover {background-color: transparent; border-color: #309A4B}
.ticky_item a.ticky_box:hover {background-color: transparent; border-color: #309A4B}
.ticky_item a.ticky_box_selected {background-image: var(--img-icon-forms-check-square-green); background-position: center center; background-repeat: no-repeat}
.ticky_item a.ticky_box_selected.ticky_box_disabled {filter: grayscale(100%)}
.ticky_item_small {line-height: 13px}
.ticky_item_small a.ticky_box {width: 13px; height: 13px; background-image: url(/images/small-checkbox-2.png); border: none}
.ticky_item_small a.ticky_box_selected {background-image: url(/images/small-checkbox-checked-2.png)}
.ticky_item_reversed a.ticky_box {float: right}
.ticky_item_inline a.ticky_box {float: none; padding-right: 13px; display: inline-block}
.side_select__item, .side_select__item-right, .side_select__item-left, .side_select__item-penultimate {border-top: 1px solid #bbb; border-bottom: 1px solid #bbb; background: white; padding: 5px}
.side_select__item-penultimate {border-left: 1px solid #bbb}
.side_select__item-left {border-radius: 3px 0 0 3px; border-right: 1px solid #bbb; border-left: 1px solid #bbb}
.side_select__item-right {border-radius: 0 3px 3px 0; border-left: 1px solid #bbb; border-right: 1px solid #bbb}
.side_select__item-selected {border: 1px solid #AD083E; background-color: #eeeeee}
.side_select__item-adjacentl {border-right: none}
.side_select__item-adjacentr {border-left: none}
.select_box_autocomplete {background-color: var(--color-input-background) !important; color: var(--color-text); border: 1px solid #ccc; z-index: 100}
.select_box_autocomplete ul {overflow-y: auto}
.select_box_autocomplete li {font-size: 1.1em}
.select_box_autocomplete li.selected {background-color: white !important}
.select_box_autocomplete li.selected span.short_name {background-color: var(--color-background-selected)}
.select_box_autocomplete img {width: 20px; height: 20px; vertical-align: middle}
.select_box_autocomplete span {display: block; line-height: 2em; height: 2em; overflow: hidden}
.select_box_autocomplete span.short_name {padding-left: 1.5em}
.select_box_autocomplete span.group_name {padding-left: 0.5em; font-size: 0.9em; font-weight: bold; text-transform: uppercase; color: #666}
.select_box_autocomplete_selections li {padding: 5px 0px; line-height: 40px; height: 40px; overflow: hidden}
.select_box_autocomplete_selections li .group_name {display: none}
.select_box_autocomplete_selections li strong {font-weight: normal}
.select_box_autocomplete_selections li img {width: 40px; height: 40px; border: 1px solid #999; vertical-align: middle}
.select_box_autocomplete_selections li a.delete {width: 21px; height: 18px; padding: 5px; background: url(/images/assets/ravelry/delete-tiny.svg) no-repeat; background-size: 21px 18px; vertical-align: middle; display: inline-block; cursor: pointer}
.input--search {position: relative; background-image: var(--img-icon-search-general); background-size: 16px 16px; background-repeat: no-repeat; background-position: center right 8px; padding-right: 36px !important}
.input--search_landing {height: 40px; line-height: 40px; background-image: none; border: 1px solid var(--color-border-dark)}
.submit--search_landing {height: 40px; line-height: 40px; font-size: 0; background-color: transparent !important; border: none; position: relative; width: 36px; margin-left: -36px; background-image: var(--img-icon-search-general); background-size: 16px 16px; background-repeat: no-repeat; background-position: center right 8px}
form.one_line {margin-top: 0px}
form.one_line input, form.one_line .clicker, form.one_line label {float: none; width: auto}
form.medium_form {width: 420px}
form.medium_form h2 {margin-bottom: 1em; font-size: 1.4em; border-bottom: 1px solid #cccccc}
form.medium_form fieldset {margin-bottom: 1.5em}
form.medium_form fieldset.buttons {text-align: right}
form.medium_form legend {padding: 0; margin: 0; margin-bottom: 5px; font-weight: bold; font-size: 1.2em}
form.medium_form label {width: 180px}
form.medium_form label.medium {width: 265px}
form.medium_form label.long {width: 350px}
form.medium_form input {width: 230px}
form.medium_form textarea.long, form.medium_form input.long {width: 350px}
form.medium_form select {width: 222px}
.sortable th a, .sortable .resizable_table__cell-header a {display: block; padding-right: 15px}
.sortable th a.sorted_0, .sortable .resizable_table__cell-header a.sorted_0 {background: url("/images/silk-bullet_arrow_down.png") no-repeat right}
.sortable th a.descending_0, .sortable .resizable_table__cell-header a.descending_0 {background: url("/images/silk-bullet_arrow_up.png") no-repeat right}
#cluster_navigation {width: 200px}
#cluster_navigation a {display: block; width: 180px; font-size: 1em; text-decoration: none; padding: 2px}
#cluster_navigation a.selected {background-color: #eefde8; border: 1px solid #cccccc; color: black}
#prepare_share_contents {background: url("/images/blank-panel-2.png") no-repeat scroll 0 0 white; background-color: var(--color-popover-background); margin-bottom: 5px; margin-top: 5px; padding: 10px; text-align: left; width: 235px}
#prepare_share_contents input {width: 225px; font-size: 0.85em}
#prepare_share_contents select#sharing {width: 180px}
#prepare_share_contents #share_options_links {font-size: 0.85em; padding-top: 5px; margin-right: 5px}
#prepare_share_contents #share_options_links td {height: 30px}
#popover #prepare_share_contents {background-image: none; margin: 0; padding: 0; width: 320px}
#popover #prepare_share_contents input {width: 310px; font-size: 1em}
#popover #prepare_share_contents select#sharing {width: 280px}
#popover #prepare_share_contents #share_options_links {font-size: 1em}
#skinny_navigation {width: 130px}
#skinny_navigation ul {margin-top: 1em; font-size: 1em}
#skinny_navigation ul.first {margin-top: 0}
#skinny_navigation ul strong {display: block; margin-bottom: 0.5em}
#skinny_navigation li.emphasized {margin-bottom: 0.5em}
#skinny_navigation li.emphasized span {font-style: italic}
#skinny_navigation li a {display: block; padding: 1px !important; color: black; line-height: 1.3em; height: 1.3em; overflow: hidden}
#skinny_navigation li a:visited {color: black}
#skinny_navigation li span {display: block; float: left; width: 80px}
#skinny_navigation li span.count {width: 40px; text-align: right}
#skinny_navigation #top_tags span.count {font-weight: normal}
#skinny_navigation li.selected {background-color: #c2ebb1}
form .draft_notice {background-color: #eeeeee; padding: 5px; font-size: 0.85em !important; text-align: right; padding-right: 10px; border: 1px solid #cccccc; border-top: none; margin-top: -2px}
form .draft_notice a {text-decoration: underline !important}
#draft_viewport {height: 100px; overflow-y: auto; border: 1px solid #cccccc}
#draft_viewport td {font-size: 0.95 !important}
#draft_viewport td a, #draft_viewport td a:visited {color: black}
ol.forum_poll {padding: 5px; list-style: none}
ol.forum_poll:before {content: "opinion poll"; text-align: right; width: 100%; display: block; border-bottom: 1px solid var(--color-border-dark); padding: 4px; margin-bottom: 16px; font-size: 14px}
ol.forum_poll .show_results_link, ol.forum_poll .hide_results_link, ol.forum_poll .poll_result {display: none}
ol.forum_poll .poll_result {padding-bottom: 25px; padding-left: 10px; clear: both}
ol.forum_poll .poll_result .result_bar {width: 340px; float: left}
ol.forum_poll .poll_result .result_bar .inner_bar {border: 1px solid var(--color-border-dark); background-color: var(--color-red-04); height: 12px}
ol.forum_poll .poll_result .result_votes {margin-left: 10px; width: 100px; float: left; text-align: left; clear: right}
ol.forum_poll .poll_result .result_percent {margin-right: 10px; width: 3em; float: left; text-align: right}
ol.show_poll_results .poll_result {display: block}
ol.show_poll_results .hide_results_link {display: block}
ol.hide_poll_results .show_results_link {display: block}
.sticky_note button {width: 70px; padding-right: 10px}
.sticky_note form {width: 230px !important}
.sticky_note .controls {text-align: right}
.sticky_note .cancel {font-size: 0.8em; padding-top: 15px}
#sticky_sidebar #sticky_sidebar_content {width: 240px}
#sticky_sidebar input {width: 230px}
#sticky_sidebar textarea {width: 230px; height: 100px}
#sticky_sidebar .flag_title {margin-top: 1em}
#sticky_sidebar .flag_subtitle {margin-top: 2em; font-weight: bold}
#sticky_sidebar p {padding: 5px; font-size: 0.9em}
.quick_editor {width: 350px; position: absolute; left: 20px; border: 1px solid var(--color-border)}
.quick_editor .content {background: transparent url(/images/quick-editor_top.png) no-repeat top right; padding: 15px; padding-bottom: 0}
.quick_editor .footer {background: transparent url(/images/quick-editor_bottom.png) no-repeat bottom right; height: 10px}
.quick_editor .title {font-size: 1.2em; font-weight: bold}
.inline_indicator {display: inline; padding-left: 5px; padding-right: 5px}
.inline_indicator img {vertical-align: middle}
.grid_section {padding-top: 12px; padding-bottom: 48px}
h2.section_heading, h3.section_heading {font-size: 1.4em; padding-bottom: 0.25em; margin-bottom: 0.5em}
h2.section_heading .icon_16, h3.section_heading .icon_16 {vertical-align: middle; padding-right: 2px}
h3.section_heading {font-size: 1.2em}
.bar_with_button {line-height: 3em; height: 3em; font-size: 1.2em}
.bar_with_button__title {float: left}
.bar_with_button__right {float: right}
col.slot_1, th.slot_1 {width: 60px}
col.slot_2, th.slot_2 {width: 120px}
col.slot_3, th.slot_3 {width: 180px}
col.slot_4, th.slot_4 {width: 240px}
col.slot_5, th.slot_5 {width: 300px}
col.slot_6, th.slot_6 {width: 360px}
col.slot_7, th.slot_7 {width: 440px}
col.slot_8, th.slot_8 {width: 520px}
.pageless_control {cursor: pointer; margin-top: 10px; padding: 5px; border: 1px solid #dddddd; background-color: #f6f6f6; text-align: center; color: #666666}
.pageless_control .indicator {margin: 0 !important; vertical-align: middle}
.content_viewer {margin-top: 50px; background-color: white; width: 600px; height: 600px; border: 1px solid #cccccc; font-size: 1.1em; -webkit-border-top-left-radius: 5px; -webkit-border-bottom-left-radius: 5px; -webkit-border-top-right-radius: 5px; -webkit-border-bottom-right-radius: 5px; border-radius: 5px 5px 5px 5px}
.content_viewer .title_bar {padding: 10px; padding-bottom: 5px; text-align: right}
.content_viewer .markdown {height: 550px; width: 560px; padding: 15px; padding-top: 0px; overflow: auto}
.popover_pointer {display: none}
.popover_pointer {width: 0; height: 0; border-radius: 20px; display: inline-block; position: relative; border-left: 20px solid transparent; border-right: 20px solid transparent; border-bottom: 20px solid var(--color-border-dark); top: -18px}
.popover_pointer:after {content: ""; width: 0; height: 0; position: absolute; top: 1px; border-left: 20px solid transparent; border-right: 20px solid transparent; border-bottom: 20px solid var(--color-background); right: -20px}
.popover:not(.popover_left):not(.popover_right) .popover_pointer {left: 50%; left: calc(50% - 20px)}
.popover_left .popover_pointer {right: -24px}
.popover_right .popover_pointer {left: 286px}
.popover {position: absolute; z-index: 2000; min-height: 100px; width: 352px; background-color: var(--color-background); margin: 7px; margin-top: 19px; box-shadow: 0 2px 4px rgba(0, 0, 0, 0.5)}
.popover .popover_body {padding-left: 14px; padding-right: 14px; background-color: var(--color-background); min-height: 40px}
.popover .popover_footer {height: 35px; background-color: var(--color-background); border-bottom: 1px solid var(--color-border-dark)}
.popover {background-color: var(--color-background); border-left: 1px solid var(--color-border-dark); border-right: 1px solid var(--color-border-dark); border-top: 1px solid var(--color-border-dark)}
.popover_right {background-color: var(--color-background); border-left: 1px solid var(--color-border-dark); border-right: 1px solid var(--color-border-dark); border-top: 1px solid var(--color-border-dark); top: -18px; right: -37px}
.popover_left {background-color: var(--color-background); border-left: 1px solid var(--color-border-dark); border-right: 1px solid var(--color-border-dark); border-top: 1px solid var(--color-border-dark)}
.popover--fullscreen {background-color: white}
.popover--fullscreen input, .popover--fullscreen input:focus {font-size: 16px}
form.popover_form {width: 320px}
form.popover_form label {font-weight: bold; margin-bottom: 4px}
form.popover_form label .tip {font-weight: normal; font-size: 0.8571428571rem; font-style: oblique; margin-top: 2px}
form.popover_form label, form.popover_form input {width: 310px}
form.popover_form fieldset {margin-bottom: 16px; margin-left: 0; margin-right: 0}
.popover__small_scroller {height: 150px; overflow-y: auto; overflow-x: hidden; background-image: none}
a.flagging_link {background-image: url(/images/assets/icons/flag-red.svg); background-size: 16px; background-repeat: no-repeat; text-decoration: none; color: var(--color-text); padding-left: 20px; font-size: 12px}
a.flagging_link--red {background-image: url(/images/assets/icons/flag-red.svg); background-size: 16px}
a.flagged_notebook {background-image: url(/images/silk-flag_red_dim.gif); background-repeat: no-repeat}
#flag_as_spam, .flag_control {padding-top: 1em; text-align: right; font-size: 10px; color: #666666}
#flag_as_spam img, .flag_control img {vertical-align: top}
#flag_as_spam a, #flag_as_spam a:visited, .flag_control a, .flag_control a:visited {padding: 2px; text-decoration: none}
#flag_as_spam a:active, .flag_control a:active {text-decoration: underline; color: black}
#flag_as_spam .flagged a, .flag_control .flagged a {text-decoration: underline}
#flagger_v2 .flag_control {text-align: left; font-size: 1.1em; color: black !important}
a.edit_link_inplace {text-decoration: none; display: block; color: var(--color-text); border: 1px solid transparent; border-top: 3px solid transparent; border-bottom: 3px solid transparent}
a.edit_link_inplace span.empty {color: #aaaaaa !important; font-size: 0.85em}
a.edit_link_inplace strong.highlight {background-color: var(--color-yellow-02)}
a.edit_link_inplace:hover {background-color: var(--color-background); border: 1px dotted #aaaaaa; padding-top: 2px; padding-bottom: 2px}
.hover_tool_icon, .hover_tool_icon:active, .hover_tool_icon:hover {color: black}
.language_summary ul {clear: both; margin-left: 15px}
.language_summary li {display: block; float: left; width: 110px; padding: 2px; font-size: 0.9em; overflow: hidden; height: 16px}
.language_summary li img {float: left; padding-right: 5px; padding-top: 2px}
#languages ul {padding-left: 5px}
#languages li {padding: 0.25em}
#languages li img {vertical-align: middle}
.vertical_tabs {float: left; margin: 10px}
.vertical_tabs a {display: block; text-decoration: none; font-size: 1.2em; padding: 0.25em; border: 1px solid #cccccc}
a.voting_marker {border: 1px solid #dddddd; padding: 2px; padding-right: 4px; padding-left: 4px; border-right-color: #f3f3f3; border-bottom-color: #f3f3f3; margin-left: -0.25em; color: #999999; text-decoration: none}
.editor .filter_box {font-size: 0.95em}
.filter_box .box_header {height: 35px; background: white url(/images/facets-top-3.png) no-repeat; font-weight: normal; font-size: 1.1em; line-height: 35px; padding-left: 10px}
.filter_box .box_body {background: white url(/images/facets-background-3.png) repeat-y}
.filter_box .box_footer {height: 20px; background: white url(/images/facets-bottom-3.png) no-repeat}
.filter_box ul {margin-left: 20px}
.filter_box ul a, .filter_box ul a:visited {padding: 2px; text-decoration: none; color: black; display: block; width: 200px}
.filter_box li.selected a {font-weight: bold}
.filter_box ul.counted a {position: relative}
.filter_box ul.counted span.count {position: absolute; right: 0px; top: 4px; display: block; width: 30px; font-size: 0.9em; text-align: right}
.markdown_prompt__popover_close {position: absolute; display: block; z-index: 1001; right: 10px; top: 10px}
.markdown_prompt__popover_close .o-icon--close_legacy {width: 12px !important; height: 12px !important}
#markdown_prompt_form {margin: 0 !important}
#markdown_prompt_form .instructions {font-size: 1.2em; padding-bottom: 0.5em}
#markdown_prompt_form .example {padding-bottom: 1em}
#markdown_prompt_form .buttons {display: -ms-flexbox; display: -webkit-flex; display: flex; -ms-justify-content: space-between; -webkit-justify-content: space-between; justify-content: space-between; width: 100%; margin-bottom: 4px; margin-top: 16px}
.markdown_prompt_section fieldset {margin-right: 0; margin-left: 0}
.markdown_prompt_section a.prompt_option {text-decoration: none; font-size: 1.2em; line-height: 1.2em; color: var(--color-text); padding-top: 0.25em; padding-bottom: 0.25em; display: block}
.markdown_prompt_section a.prompt_option img {vertical-align: top}
.markdown_prompt_section .instructions {font-weight: bold; font-size: 1.1em}
.markdown_prompt_section .instructions p {padding-bottom: 0.5em}
.markdown_prompt_section .example p {padding-bottom: 0.5em}
.markdown_prompt_section .buttons {text-align: right}
.markdown_prompt_section .prompt_option_content {display: none}
.selected .prompt_option_content {display: block; padding-bottom: 1em}
.selected a.prompt_option {padding-left: 0px}
.selected a.prompt_option:hover {background-color: transparent}
.confirm_photo_container, #confirm_photo_container {overflow: hidden; width: 330px}
.confirm_photo_container img.selected_photo, #confirm_photo_container img.selected_photo {max-width: 325px; border: 1px solid #666666}
#confirm_photo_container .button_bar {margin-left: 5px}
#photo_select #photo_search .thumbnail_frame {float: left; width: 100px; height: 100px; text-align: center}
#photo_select #photo_search .page_buttons {font-size: 0.85em}
#photo_select #photo_pages_container {position: relative; width: 320px; height: 200px}
#photo_select #photo_pages {position: relative; overflow: auto; width: 320px; height: 200px; position: absolute; margin-left: 15px; margin-top: 15px}
#photo_select #photo_pages a.sqt_link {border: 1px solid #cccccc; display: block}
#photo_select #photo_pages a.sqt_link:hover {margin-top: -2px; margin-left: -2px; padding: 2px; background-color: white; height: 78px; width: 78px}
#photo_select #photo_pages a.sqt_link:hover img {border: 1px solid #cccccc}
#photo_select #photo_pages ul {position: absolute}
#photo_select #photo_pages li {float: left; width: 320px; height: 300px; padding-top: 5px; overflow: hidden}
ul.choice_list {padding: 5px}
ul.choice_list li {display: none}
ul.choice_list li a {display: block; color: black}
ul.choice_list li a:visited {color: black}
ul.choice_list li.selected {display: block; font-weight: bold}
.editing_toggle .show_when_editing {display: none}
.editing_toggle .hide_when_editing {display: inline}
.editing .hide_when_editing {display: none}
.editing .show_when_editing {display: inline}
.popover_body .add_to_library {display: flex; flex-direction: column}
.popover_body .add_to_library h4 {font-weight: normal; font-size: 0.85em; padding-top: 1em; border-bottom: 1px solid #cccccc; padding-bottom: 0.25em}
.popover_body .add_to_library h4 span {font-size: 1.2em; font-weight: bold}
.popover_body .add_to_library .in_library_help {display: block; font-size: 0.85em; color: var(--color-text-understated); padding: 5px; text-decoration: none}
.popover_body .add_to_library .in_library_help:hover {text-decoration: underline; background-color: transparent}
.add_to_library__section--demoted {order: 1}
ul.library_choices {margin-top: 1em}
ul.library_choices li.library_choice {margin-bottom: 1em; display: -ms-flexbox; display: -webkit-flex; display: flex}
ul.library_choices .image {width: 100px; float: left}
ul.library_choices .image img {border: 1px solid var(--color-border-dark); box-shadow: none; width: 75px; height: 75px}
ul.library_choices .caption {width: 200px; float: left}
ul.library_choices .adder {margin-top: 0.5em}
#button_box, .multiple_button_box {margin-bottom: 15px}
#button_box .button:visited, .multiple_button_box .button:visited {color: var(--color-text)}
#button_box .button, .multiple_button_box .button {text-align: left; border: none; display: block; margin: 0; overflow: hidden; white-space: nowrap; margin-bottom: 5px; padding: 5px; height: 20px; line-height: 20px; font-size: 13px}
#button_box .button img, .multiple_button_box .button img {vertical-align: middle; padding-right: 3px; width: 20px !important; height: 20px !important}
#button_box .button img.checkmark, .multiple_button_box .button img.checkmark {display: none}
#button_box .button span.selected, .multiple_button_box .button span.selected {font-weight: bold}
.core_item_panel #button_box, .core_item_panel .multiple_button_box, .core_item_margin #button_box, .core_item_margin .multiple_button_box {margin-left: -5px; margin-right: -12px}
.core_item_panel #button_box .button, .core_item_panel .multiple_button_box .button, .core_item_margin #button_box .button, .core_item_margin .multiple_button_box .button {width: 132px}
#button_box .button, .multiple_button_box .button {width: 117px; float: left}
#button_box .button:hover, .multiple_button_box .button:hover {border-radius: 10px; -moz-border-radius: 10px; -webkit-border-radius: 10px; background-color: var(--color-link-button-hover) !important}
#button_box .button, .multiple_button_box .button {width: 125px}
.button_set--single_button .button {width: auto !important; float: right !important}
.floating_tip {border: 1px solid var(--color-tooltip-border); font-size: 11px; font-weight: normal; padding: 6px 7px 5px; line-height: 20px; margin-left: 8px; border-radius: 3px; color: var(--color-tooltip); background-color: var(--color-tooltip-background); position: relative; z-index: 500}
.floating_tip::before {content: ""; display: block; width: 0; height: 0; border: 6px solid var(--color-tooltip-border); border-color: transparent var(--color-tooltip-border) transparent transparent; position: absolute; right: 100%; margin-right: 0; top: 50%; margin-top: -6px}
.floating_tip::after {content: ""; display: block; width: 0; height: 0; border: 6px solid var(--color-tooltip-background); border-color: transparent var(--color-tooltip-background) transparent transparent; position: absolute; right: 100%; margin-right: -1px; top: 50%; margin-top: -6px}
iframe.file_chooser {border: none; width: 150px; height: 40px; overflow: hidden}
.form_submit, .field--submit {text-align: right}
.form_submit .clicker_v2--standard, .form_submit .clicker_v2--secondary, .form_submit .clicker_v2--advanced_search {margin-top: 3px}
fieldset.submit a.cancel_submit, .form_submit__cancel {display: block; text-decoration: none; float: left; line-height: 32px; color: var(--color-text-cancel)}
fieldset.submit a.cancel_submit:hover, .form_submit__cancel:hover {color: var(--color-text-cancel-hover)}
.single_field_form {margin-top: 0; position: relative}
.single_field_form input, .single_field_form select {padding: 3px; box-sizing: content-box}
.single_field_form__advanced {display: none}
.single_field_form__advanced--active {display: block}
.single_field_form__indicator {position: absolute; right: 6px; top: 4px; width: 16px; height: 16px; opacity: 0.6}
span.ticky_text__label {width: auto !important; padding: 0 !important; float: none !important; display: inline}
.fancy_form label, .vertical_form label {display: block; float: none; font-size: 1em; padding: 0.5em 0; color: var(--color-text); width: 320px}
.fancy_form input, .vertical_form input, .fancy_form textarea, .vertical_form textarea, .fancy_form .image_field, .vertical_form .image_field, .fancy_form .menu_field, .vertical_form .menu_field, .fancy_form .menu_content ul, .vertical_form .menu_content ul {color: var(--color-text); border-style: solid; border-color: #cccccc; border-width: 1px; border-bottom-width: 1px}
.fancy_form input, .vertical_form input, .fancy_form textarea, .vertical_form textarea, .fancy_form .image_field, .vertical_form .image_field, .fancy_form .menu_field, .vertical_form .menu_field {width: 320px; padding: 0.25em 0.5em 0px 0.5em; margin: 0 0 10px 0; min-height: 2em; font-size: 1rem}
.fancy_form input[type=radio], .vertical_form input[type=radio] {width: auto}
.fancy_form .fieldset__legend, .vertical_form .fieldset__legend {font-weight: bold; padding-bottom: 1em}
.fancy_form fieldset.submit, .vertical_form fieldset.submit {text-align: right; width: 340px; background-color: transparent; border-color: transparent; border-width: 0}
.fancy_form img.submit_in_progress__indicator, .vertical_form img.submit_in_progress__indicator {padding: 0.5em}
.fancy_form--input_tool {margin-left: -28px; width: 26px; text-align: center; height: 26px; display: inline-block; margin-top: 1px}
.fancy_form--input_tool img {padding-top: 6px; padding-bottom: 6px; vertical-align: middle}
.fancy_form--fullwidth, .vertical_form.fancy_form--fullwidth {margin-top: 0; overflow: hidden}
.fancy_form--fullwidth input, .fancy_form--fullwidth fieldset, .fancy_form--fullwidth label, .fancy_form--fullwidth textarea, .fancy_form--fullwidth .field input[type=text], .vertical_form.fancy_form--fullwidth input, .vertical_form.fancy_form--fullwidth fieldset, .vertical_form.fancy_form--fullwidth label, .vertical_form.fancy_form--fullwidth textarea, .vertical_form.fancy_form--fullwidth .field input[type=text] {width: 100% !important; box-sizing: border-box; margin-left: 0; margin-right: 0; margin-bottom: 0}
.fancy_form--fullwidth fieldset, .vertical_form.fancy_form--fullwidth fieldset {margin-bottom: 2em !important}
.fancy_form--fullwidth legend, .vertical_form.fancy_form--fullwidth legend {padding-bottom: 0px !important; -webkit-padding-start: 0px}
.fancy_form--fullwidth input, .vertical_form.fancy_form--fullwidth input {padding: 0 0.5em 0 0.5em}
.fancy_form--fullwidth .field, .vertical_form.fancy_form--fullwidth .field {overflow: hidden; box-sizing: border-box}
.fancy_form--fullwidth .field--1_2, .vertical_form.fancy_form--fullwidth .field--1_2 {vertical-align: top; width: 50%; display: inline-block}
.fancy_form--fullwidth .field--1_2_spaced, .vertical_form.fancy_form--fullwidth .field--1_2_spaced {vertical-align: top; display: inline-block; width: 49%}
.fancy_form--fullwidth .field--3_4, .vertical_form.fancy_form--fullwidth .field--3_4 {vertical-align: top; width: 74%; display: inline-block}
.fancy_form--fullwidth .field--1_4, .vertical_form.fancy_form--fullwidth .field--1_4 {vertical-align: top; width: 25%; display: inline-block}
.vertical_form label .notes {font-size: 0.85em; padding: 0.5em 0}
.vertical_form fieldset.bordered {border-style: solid; border-color: #ddd; border-width: 1px; border-radius: 5px; -moz-border-radius: 5px; -webkit-border-radius: 5px; -moz-box-shadow: 0px 1px 0px #f2f2f2; -webkit-box-shadow: 0px 1px 0px #f2f2f2; padding: 10px; width: 340px}
.vertical_form input, .vertical_form textarea, .vertical_form .image_field, .vertical_form .menu_field {width: 320px}
.vertical_form label.small {width: 80px}
.vertical_form label.x-small, .vertical_form input.x-small {width: 60px}
.vertical_form label.inline {display: inline-block; text-align: center}
.vertical_form input.default_value {color: #aaa}
.vertical_form .date_select {display: block; margin-left: 16px; float: left; line-height: 2.5em; height: 2.5em; text-decoration: none}
.vertical_form .date_select img {vertical-align: middle; margin-right: 4px; margin-top: -2px}
.vertical_form .menu_field {background: white; display: block; line-height: 2em; cursor: pointer; text-decoration: none}
.vertical_form .menu_field_chooser {background-image: var(--img-icon-chevron-down); background-position: right 9px center; background-size: 14px; background-color: var(--color-input-background); background-repeat: no-repeat}
.vertical_form .menu_field .definition {background: url(/images/enter-arrow.png) no-repeat; padding-left: 20px; display: block; font-size: 0.85em; color: #666; line-height: 1.5em; padding-bottom: 0.5em; display: block}
.vertical_form .menu_field.month_select {background: url(/images/assets/icons/events.svg) 305px 5px no-repeat; background-size: 24px}
.vertical_form .menu_field.deletable {position: relative}
.vertical_form .menu_field.deletable .delete {position: absolute; z-index: 1; left: 290px; background: url(/images/delete-button-transparent.gif) 0px center no-repeat; width: 40px; height: 25px; top: 3px}
.vertical_form .menu_field:hover {color: var(--color-text)}
.vertical_form .menu_field.month_select:hover {color: var(--color-text)}
.vertical_form .menu_field.deletable:hover {background-image: none}
.vertical_form .menu_content {position: relative; z-index: 2000}
.vertical_form .menu_content a, .vertical_form .menu_content a:visited {text-decoration: none; display: block; padding: 0.5em; color: var(--color-text)}
.vertical_form .menu_content ul {z-index: 100; position: absolute; background-color: #fff; background-color: var(--color-background)}
.vertical_form .menu_content ul ul {margin-left: 150px; margin-top: -15px}
.vertical_form select {width: 335px; min-height: 2em; line-height: 2em; margin: 0 0 10px 0; font-family: sans-serif; border-style: solid; border-color: #cccccc; border-width: 1px; border-bottom-width: 1px; color: var(--color-text); font-size: 1rem; -webkit-appearance: none; -moz-appearance: none; appearance: none; background-image: var(--img-icon-chevron-down); background-repeat: no-repeat; background-position: right 8px center; background-size: 14px}
.vertical_form .form_select {background-image: none}
.vertical_form select.deleteable {width: 290px}
.vertical_form .indicator {display: inline; vertical-align: middle}
.vertical_form .indicator img {padding-left: 10px}
.vertical_form .ticky_item {margin: 0 0 10px 0}
.vertical_form .ticky_item .ticky_text {color: var(--color-text)}
.vertical_form .ticky_item img.icon_16 {display: inline-block; vertical-align: middle; margin-top: -3px}
.vertical_form .ticky_item_group .ticky_item {margin: 0}
.vertical_form .image_field {height: auto; min-height: 8px; padding: 7px; padding-top: 15px; overflow: hidden; margin-bottom: 10px; position: relative; background-color: var(--color-background-input)}
.vertical_form .image_field img {display: none}
.vertical_form .image_field:not(.filled_image_field) {display: none}
.vertical_form a.image_clear {cursor: pointer; display: none; position: absolute; right: 3px; top: 5px; width: 38px; height: 18px; background: url(/images/assets/icons/delete.svg); background-repeat: no-repeat; background-position: center right}
.vertical_form .filled_image_field a.image_clear {display: block}
.vertical_form textarea.x-small {height: 4em}
.vertical_form textarea.medium {height: 12em}
.vertical_form input:focus, .vertical_form textarea:focus {background: white; background-color: var(--color-input-focus)}
.vertical_form fieldset {margin-bottom: 3em}
.vertical_form fieldset.dialog__fieldset {margin-right: 2em; padding: 0}
.vertical_form fieldset.submit {width: 340px}
.vertical_form .character_count {display: none; margin-bottom: 1em; margin-left: 2px; font-size: 0.85em; color: #666666}
.vertical_form .character_count_active {display: block; color: #333333; padding-left: 20px; background-image: url(/images/icon-textfield.png); background-repeat: no-repeat}
.vertical_form .tip {border: 1px solid var(--color-dialog-neutral-border); padding: 0.5em; font-size: 0.95em; width: 300px; line-height: 1.5em; background: var(--color-dialog-neutral-background)}
.vertical_form .tip p {margin-bottom: 1em}
.vertical_form .auto_complete ul {border: 1px solid var(--color-border)}
.vertical_form .auto_complete li {margin: 0; padding: 3px; padding-top: 5px; padding-bottom: 5px}
.vertical_form .auto_complete strong.highlight {border-bottom: 1px #999999 dotted; font-weight: normal; color: black}
.vertical_form .selectables img.selected {border-color: #AD083E; border-width: 3px; margin-left: -1px; margin-top: 1px}
.vertical_form--wide input, .vertical_form--wide textarea, .vertical_form--wide .image_field, .vertical_form--wide .menu_field {width: 400px}
.vertical_form--wide select {width: 417px}
.vertical_form--wide fieldset.submit {width: 417px}
.vertical_form--wide .menu_field_chooser {background-position: 393px center}
#popover .vertical_form input, #popover .vertical_form textarea, #popover .vertical_form .image_field, #popover .vertical_form .menu_field, #popover .vertical_form label, #popover .vertical_form fieldset {width: 300px}
.edit_frame .vertical_form input, .edit_frame .vertical_form textarea, .edit_frame .vertical_form .image_field, .edit_frame .vertical_form .menu_field, .edit_frame .vertical_form label, .edit_frame .vertical_form fieldset {width: 245px}
.edit_frame .vertical_form fieldset.submit {width: 255px}
.markdown_suggestion_container {width: 250px; z-index: 101}
.markdown_suggestion_box {margin-top: 30px; margin-left: -10px; background-color: white; background-color: var(--color-background-select); font-size: 14px; border: 1px solid var(--color-border-dark)}
.markdown_suggestion_box a {padding: 3px; text-decoration: none !important}
.markdown_suggestion_box li.selected {background-color: var(--color-teal-01); background-color: var(--color-background-select-hover)}
.markdown_suggestion_box a:hover {background-color: transparent}
#pattern_category_options, #pattern_attribute_options, #filter_menu_options, .filter_menu_options {margin-top: 32px; position: absolute}
.attribute_options_presenter ul, #pattern_category_options ul, #pattern_attribute_options ul, #filter_menu_options ul, .filter_menu_options ul {width: 200px}
.attribute_options_presenter a, #pattern_category_options a, #pattern_attribute_options a, #filter_menu_options a, .filter_menu_options a {background-repeat: no-repeat; padding-left: 30px !important}
.attribute_options_presenter a:hover, #pattern_category_options a:hover, #pattern_attribute_options a:hover, #filter_menu_options a:hover, .filter_menu_options a:hover {background-color: var(--color-background-hover)}
.attribute_options_presenter a.selected, #pattern_category_options a.selected, #pattern_attribute_options a.selected, #filter_menu_options a.selected, .filter_menu_options a.selected {font-weight: bold; color: var(--color-text)}
.attribute_options_presenter a.folder, #pattern_category_options a.folder, #pattern_attribute_options a.folder, #filter_menu_options a.folder, .filter_menu_options a.folder {background-image: url(/images/assets/icons/folder.svg); background-position: 5px 7px; background-size: 16px}
.attribute_options_presenter a.folder.disabled, #pattern_category_options a.folder.disabled, #pattern_attribute_options a.folder.disabled, #filter_menu_options a.folder.disabled, .filter_menu_options a.folder.disabled {display: none}
.attribute_options_presenter a.folder.disabled.open, #pattern_category_options a.folder.disabled.open, #pattern_attribute_options a.folder.disabled.open, #filter_menu_options a.folder.disabled.open, .filter_menu_options a.folder.disabled.open {display: none}
.attribute_options_presenter a.item, #pattern_category_options a.item, #pattern_attribute_options a.item, #filter_menu_options a.item, .filter_menu_options a.item {background-image: var(--img-icon-forms-square); background-position: 4px 8px; background-size: 16px}
.attribute_options_presenter a.item img, #pattern_category_options a.item img, #pattern_attribute_options a.item img, #filter_menu_options a.item img, .filter_menu_options a.item img {vertical-align: middle; margin-left: -5px; margin-right: 5px; margin-top: -2px}
.attribute_options_presenter a.item.selected, #pattern_category_options a.item.selected, #pattern_attribute_options a.item.selected, #filter_menu_options a.item.selected, .filter_menu_options a.item.selected {background-image: var(--img-icon-forms-check-square-green)}
.attribute_options_presenter a.item.disabled, #pattern_category_options a.item.disabled, #pattern_attribute_options a.item.disabled, #filter_menu_options a.item.disabled, .filter_menu_options a.item.disabled {display: none}
.attribute_options_presenter li.divider, #pattern_category_options li.divider, #pattern_attribute_options li.divider, #filter_menu_options li.divider, .filter_menu_options li.divider {border-bottom: 1px dotted #ccc}
#pattern_category_options, #pattern_attribute_options {width: 335px}
#pattern_category_options > li > a {width: 299px !important}
#filter_menu_options .open, .filter_menu_options .open {font-weight: bold}
.toggle_button label {display: block; float: none; width: 100%; border-radius: 4px; border: 1px solid #cccccc; background-color: #efefef}
.toggle_button label span {cursor: pointer; display: block; padding: 0.25em}
.toggle_button label input {position: absolute; top: -20px}
.toggle_button label:hover {background-color: white}
.toggle_button label.selected {background-color: #C2EBB1; color: #333}
.toggle_button_b label.selected {background-color: #DA1758; color: #eee}
.toggle_button_c label.selected {background-color: #333333; color: #eee}
.fat_table th {background-color: var(--color-table-header)}
.fat_table td, .fat_table th {font-size: 1.2em; padding: 0.3em; padding-right: 1em}
.fat_table tr:nth-of-type(odd) {background-color: var(--color-background-table-alternate)}
.fat_table tr.hover {background-color: var(--color-table-hover)}
.fat_table tr.totals td {font-size: 1.3em; background-color: var(--color-table-header)}
.fat_table tr.subheading th {font-weight: normal}
.fat_table td.numeric a {text-decoration: none; display: block; text-align: right}
.fat_table td a:hover {text-decoration: underline}
.gallery_photo .photo {overflow: hidden; position: relative; width: 210px; height: 210px; padding: 0; margin: 0}
.gallery_photo .photo img {position: relative; min-width: 210px}
.gallery_photo .full_height_photo {height: 100%; font-size: 0}
.gallery_photo .photo_frame {width: 210px; height: auto; padding: 0; margin: 0}
.gallery_photo .photo_border {border-radius: 5px; -moz-border-radius: 5px; -webkit-border-radius: 5px; border: 1px solid #999; overflow: hidden; width: 210px; height: auto; padding: 0; margin: 0; background-image: none; margin-bottom: 5px}
img.rounded_photo {border-radius: 3px; -moz-border-radius: 3px; -webkit-border-radius: 3px; border: 1px solid #ddd}
.highlight-obsolete {color: #999; font-style: italic}
.highlight-highlighted {background-color: var(--color-yellow-02); color: black}
.highlight-highlighted .highlight-delete {height: 22px; width: 22px}
.zoom_cursor {cursor: -webkit-zoom-in; cursor: zoom-in}
.bordered_photo_container {border-radius: 5px; -moz-border-radius: 5px; -webkit-border-radius: 5px; border: 1px solid #999}
.view_count {font-size: 0.8em; color: var(--color-text-understated); margin-top: 1.2em; line-height: 20px}
.minimal_tabs ul, .minimal_tabs ul li {list-style: none; margin: 0; padding: 0}
.minimal_tabs ul {padding: 0px 0 5px; text-align: left}
.minimal_tabs ul li {position: relative; display: inline; margin-left: -2px}
.minimal_tabs ul li a {font-size: 1.2em; color: #444; cursor: pointer; margin: 5px 15px 5px 0px; padding: 0.5em; text-decoration: none; white-space: nowrap}
.minimal_tabs ul li a img {vertical-align: middle}
.minimal_tabs ul li a.selected {background-color: var(--color-teal-02)}
.minimal_tabs ul .menu {padding-top: 5px; padding-bottom: 10px; position: absolute}
.minimal_tabs ul .menu li {line-height: 2em; display: block}
.minimal_tabs ul .menu li a {font-size: 1em}
.buttony_link, .buttony_link:hover {line-height: 2em; display: inline-block; padding: 0.25em 1em; text-decoration: none; border-radius: 5px; -moz-border-radius: 5px; -webkit-border-radius: 5px}
.buttony_link {background-color: #f6f6f6}
.buttony_link--icon {width: 16px; height: 16px; vertical-align: middle; padding-right: 0.5em}
.swappable_contents--show_true .swappable_contents__item_false {display: none !important}
.swappable_contents--show_false .swappable_contents__item_true {display: none !important}
a.hoverbox {text-decoration: none; padding: 0.25em; display: block; border: 1px solid #fff}
a.hoverbox.selected {background-color: #c2ebb1; border: 1px solid #ccc}
body.editing_patterns .page_bar {border-collapse: none}
body.editing_patterns .page_bar td {padding: 15px 0}
.history_navigation ul {list-style-type: none; margin: 1em 0}
.history_navigation li {display: block; float: left; padding: 0.25em}
.history_navigation a {font-size: 1.2em; margin-right: 1em}
.history_item h2 {padding-bottom: 1em; font-size: 1.2em}
.history_item .history_content {border-bottom: 1px solid #ccc}
.history_item:after {content: ""; background-image: url("/images/divider-shadow.png"); height: 13px; display: block}
.history_item .header_section .section_title {border: none}
.history_item .hide_when_expanded {display: none}
.history_item.collapsed .history_section {display: none}
.history_item.collapsed .show_when_collapsed {display: block !important}
.history_section {}
.history_section .section_title {border-left: 1px solid #ccc; border-right: 1px solid #ccc; padding: 0; padding-left: 30px; line-height: 24px; height: 26px; overflow: hidden; font-size: 12px; position: relative}
.history_section .section_title span {border: 1px solid #ccc; border-bottom-color: #fff; background: #D1D1D1; background: -o-linear-gradient(top, #fafafa 0%, #ffffff 100%); background: -ms-linear-gradient(top, #fafafa 0%, #ffffff 100%); background: -moz-linear-gradient(top, #fafafa 0%, #ffffff 100%); background: -webkit-linear-gradient(top, #fafafa 0%, #ffffff 100%); background: linear-gradient(top, #fafafa 0%, #ffffff 100%); display: inline-block; position: relative; z-index: 0; border-top-left-radius: 6px; border-top-right-radius: 6px; box-shadow: 0 3px 3px rgba(0, 0, 0, 0.4), inset 0 1px 0 #FFF; text-shadow: 0 1px #FFF; margin: 0 -5px; padding: 0 20px; width: 80px; text-align: center; color: #333}
.history_section .section_title span:before, .history_section .section_title span:after {border: 1px solid #ccc; position: absolute; bottom: 1px; width: 5px; height: 5px; content: " "}
.history_section .section_title span:before {left: -6px; border-bottom-right-radius: 3px; border-width: 0 1px 1px 0; box-shadow: 2px 2px 0 #fff}
.history_section .section_title span:after {right: -6px; border-bottom-left-radius: 3px; border-width: 0 0 1px 1px; box-shadow: -2px 2px 0 #fff}
.history_section .section_content {border-top-right-radius: 5px; border-top-left-radius: 5px; border: 1px solid #ccc; border-bottom: none; padding: 2em; margin-top: -3px}
.history_section .section_content td {padding: 0.5em}
.history_section .avatar_small {float: left; margin-right: 2em}
.history_section .people_placeholder span {font-size: 0.6em}
.edits_section h3 {display: none}
.block_row {clear: both}
.block {float: left}
.time_block {font-size: 1.2em; width: 100px; color: var(--color-text-understated)}
.details_block {width: 300px}
.details_block .note {font-size: 0.8571428571rem; margin-top: 2px}
.preview_block {width: 100px}
.preview_block img {border: 1px solid var(--color-border-dark); box-shadow: none}
.statistics_block {width: 120px}
.statistics_block .count {text-align: center}
.statistics_block .rating {margin-left: auto; margin-right: auto; height: 18px; text-align: center; width: 80px; width: 90px; padding-top: 6px}
.statistics_block .rating .inline_stars {text-align: left; margin-left: auto; margin-right: auto; padding-bottom: 4px}
.photo_timeline h2 {font-weight: normal; margin-top: 32px; margin-bottom: 16px; font-size: 1.1428571429rem}
.photo_timeline .tile {float: left; width: 188px; height: 300px}
.photo_timeline .tile .title, .photo_timeline .tile .byline {padding-bottom: 4px}
.photo_timeline .tile .reasons {padding-left: 0 !important; color: var(--color-text-understated)}
.photo_timeline .tile .title {margin-top: 8px; height: 1.4em; line-height: 1.4em; overflow: hidden}
.photo_timeline .tile .byline {font-size: 1em}
.photo_timeline .photo_border {background: none; background-color: transparent; padding-left: 0px}
.photo_timeline .photo {border: 1px solid #ccc}
.photo_timeline .photo_carousel_controls, .photo_timeline .photo_changer_next, .photo_timeline .photo_changer_next:hover, .photo_timeline .photo_changer_previous, .photo_timeline .photo_changer_previous:hover {background-image: url(/images/photo-changer-light.png) !important}
.photo_timeline .carousel_photo .photo {width: 157px}
.photo_timeline .carousel_photo .photo_frame, .photo_timeline .carousel_photo .photo_border {height: 159px}
.photo_timeline .carousel, .photo_timeline .carousel_window {height: 165px}
.photo_timeline .carousel {margin-top: 6px}
.marked_calendar a, .marked_calendar th, .marked_calendar a:hover {font-weight: normal; text-decoration: none; background-color: transparent; color: #999}
.marked_calendar th, .marked_calendar td {width: 14.28%; text-align: center}
.marked_calendar__marker {color: white; background-color: var(--color-red-04)}
.forum_post_preview {overflow: hidden; background-color: #fcfcfc; border: 1px solid #ccc; padding: 1em}
.forum_post_preview__byline {line-height: 25px; margin-bottom: 1em}
.forum_post_preview__byline img {vertical-align: middle; height: 25px; width: 25px}
.forum_post_preview__timestamp {color: var(--color-text-understated); font-size: 0.95em}
.forum_post_preview__body img {max-width: 360px}
.drag_grip {content: ".. .. .."; width: 10px; line-height: 5px; height: 24px; padding: 0px !important; padding-top: 0.3em !important; display: inline-block; overflow: hidden; white-space: normal; vertical-align: middle; margin-top: -0.7em; font-size: 12px; font-family: sans-serif; letter-spacing: 2px; color: #cccccc; text-shadow: 1px 0 1px black}
.drag_grip::after {content: ".. .. .. .."}
.confirm_delete {outline: 1px solid var(--color-red-04)}
#page_options h2 {padding-bottom: 8px; font-size: 1.1428571429rem !important}
.c-button_toggle {position: relative; border: none; margin: 0; padding: 0; text-decoration: none; font-family: inherit; font-size: 100%; background-color: transparent; -webkit-appearance: none; -moz-appearance: none; cursor: pointer; display: -ms-flexbox; display: -webkit-flex; display: flex; -ms-align-items: center; -webkit-align-items: center; align-items: center; color: var(--color-greyscale-04); transition: color 100ms ease-in-out; will-change: color}
.c-button_toggle:before {content: ""; display: inline-block; width: 52px; height: 32px; margin-right: 8px; background-color: var(--color-form-toggle-button-background); border: 1px solid var(--color-border); box-sizing: border-box; box-shadow: inset 0px 1px 4px rgba(0, 0, 0, 0.25); border-radius: 28px; transition: background-color 100ms ease-in-out; will-change: background-color}
.c-button_toggle:after {content: ""; display: inline-block; width: 28px; height: 28px; border-radius: 28px; position: absolute; left: 2px; top: 2px; background: var(--color-form-toggle-button); box-shadow: 0px 1px 4px rgba(0, 0, 0, 0.25); transition: left 100ms ease-in-out; will-change: left}
.c-button_toggle[aria-pressed=true] {color: var(--color-text)}
.c-button_toggle[aria-pressed=true]:before {background-color: var(--color-form-toggle-button-active-background)}
.c-button_toggle[aria-pressed=true]:after {left: 22px; background-image: url(/images/assets/icons/check.svg); background-repeat: no-repeat; background-position: center; background-size: 12px}
.navigation_title {display: none}
.nav_menu {top: 66px; width: 327px; position: absolute; z-index: 500}
.nav_menu .nav_menu_content {min-height: 40px; padding-top: 5px; padding-left: 5px; background: url("/images/searchlight-body-2.png") repeat-y 0px 0px}
.nav_menu .nav_menu_content ul {float: none}
.nav_menu .nav_menu_content ul li {float: none; width: 255px; overflow: hidden; height: 1.8em; text-align: left; margin-left: 0}
.nav_menu .nav_menu_content ul li a {padding-left: 20px; font-size: 12px; line-height: 22px; height: 22px; display: block; text-decoration: none; cursor: pointer}
.nav_menu .nav_menu_content ul li a:visited {color: black}
.nav_menu .nav_menu_content .content_block {margin-left: 15px; margin-right: 10px; padding-bottom: 5px}
.nav_menu .bus_invoices {margin-bottom: 5px}
.nav_menu #pn_menu {float: left; margin-right: 5px}
.nav_menu #pn_text {clear: both}
.nav_menu .nav_menu_top {background-image: url("/images/searchlight-top-2.png"); height: 46px; clear: both; position: relative}
.nav_menu .nav_menu_top a, .nav_menu .nav_menu_top a:hover {background-color: transparent; display: block; float: right; height: 25px; margin-right: 15px; margin-top: 25px; text-decoration: none; width: 30px}
.nav_menu .section {margin: 0px 15px; padding-bottom: 2px; padding-top: 5px; text-align: left; color: #777777; font-size: 0.9em}
.nav_menu .nav_menu_bottom {background: url("/images/searchlight-bottom-2.png") no-repeat; height: 15px}
.nav_menu li.uncollapse_option {display: none}
#searchlight_window {display: none}
body.with_searchlight #content, body.with_searchlight #footer {display: none}
body.with_searchlight #searchlight_window {display: block; position: absolute; top: 75px; border-top: none; left: 0; right: 0; bottom: 0; padding-top: 0px; background-color: white}
.searchlight_dialog {height: 100%; box-sizing: border-box; padding: 1.5em; padding-bottom: 2em; background-color: white}
.searchlight_dialog h2 {padding: 0 !important; margin: 0 !important; font-size: 1.3em !important}
.searchlight_dialog__form {height: 40px; position: relative}
.searchlight_dialog__progress {position: absolute; right: 8px; top: 6px}
body.with_navigation_v2 .searchlight_dialog {height: 100%; box-sizing: border-box; border-bottom: 1px solid #ccc; padding: 1.5em; padding-bottom: 2em; background-color: white; box-shadow: 0px 0px 5px 0px #999}
.searchlight_dialog__search {width: 40%; float: left; box-sizing: border-box; padding-right: 3em}
.searchlight_dialog__recently_viewed {width: 30%; box-sizing: border-box; float: right}
.searchlight_dialog__saved_searches {width: 30%; float: right; box-sizing: border-box; padding-right: 3em}
.searchlight_dialog__search_box {width: 100% !important; box-sizing: border-box}
.searchlight_dialog__result {display: none}
.searchlight_dialog__result--chunk0 {display: block}
.searchlight_dialog__result__link {text-decoration: none !important; height: 35px; margin-bottom: 5px; overflow: hidden; display: block; display: -webkit-flex; display: flex; align-items: center}
.searchlight_dialog__result__name {margin-left: 1em}
.searchlight_dialog__recently_viewed__list, .searchlight_dialog__advanced_links {margin-top: 1em}
.searchlight_dialog__advanced_links__list {width: 30%; margin-right: 3%; float: left}
.searchlight_component .searchlight_dialog__advanced_links__list {width: 90px; float: left; margin-right: 0}
#searchlight_results .results_label {display: none}
.searchlight_dialog__advanced_links__link {font-size: 1.1em; text-decoration: none; line-height: 2.2em; display: block; text-decoration: none !important}
.searchlight_dialog__saved_searches .links {margin-left: 0 !important; margin-top: 1em}
.searchlight_dialog__saved_searches__list {margin-top: 1em}
.searchlight_dialog__saved_searches__item {display: none; padding-bottom: 1em !important}
.searchlight_dialog__saved_searches__item a {font-size: 1.1em; text-decoration: none; display: block}
.searchlight_dialog__saved_searches__item a:hover {text-decoration: underline; background-color: transparent}
.searchlight_dialog__saved_searches__item .date {color: #aaa}
.searchlight_dialog__saved_searches__item--chunk0 {display: block}
.searchlight_dialog__saved_searches__empty {color: #666; font-size: 1.1em; margin-top: 1em}
.searchlight_dialog__recently_viewed__item {display: none; line-height: 30px}
.searchlight_dialog__recently_viewed__item img {margin-right: 5px}
.searchlight_dialog__recently_viewed__item a {text-decoration: none; background-color: transparent !important}
.searchlight_dialog__recently_viewed__item a.pattern_name:hover {text-decoration: underline}
.searchlight_dialog__recently_viewed__item--chunk0 {display: block}
@media screen and (min-height: 650px) {.searchlight_dialog__result--chunk1, .searchlight_dialog__saved_searches__item--chunk1, .searchlight_dialog__recently_viewed__item--chunk1 {display: block}
}
@media screen and (min-height: 800px) {.searchlight_dialog__result--chunk2, .searchlight_dialog__saved_searches__item--chunk2, .searchlight_dialog__recently_viewed__item--chunk2 {display: block}
}
@media screen and (min-height: 950px) {.searchlight_dialog__result--chunk3, .searchlight_dialog__saved_searches__item--chunk3, .searchlight_dialog__recently_viewed__item--chunk3 {display: block}
}
.navigation_v2__tab--menu ul a {font-size: 0.95em !important}
.navigation_v2__tab--menu a:hover {background-color: var(--color-background-hover)}
.navigation_v2__menu {touch-action: manipulation; background-color: var(--color-background); border: 1px solid var(--color-border-dark); border-left-color: var(--color-border-dark); width: 200px; top: 22px; left: 3px; padding-top: 7px; position: absolute; z-index: 500; font-size: 0.95em; border-top: none; margin-top: -1px; white-space: nowrap}
.navigation_v2__menu li {width: 200px; white-space: nowrap; padding-bottom: 1px; cursor: pointer; text-align: left; background-image: none !important}
.navigation_v2__menu .navigation_v2__menu__directional {-webkit-display: flex; display: flex}
.navigation_v2__menu .navigation_v2__menu__directional a {width: 100%}
.navigation_v2__menu .navigation_v2__menu__directional::before, .navigation_v2__menu .navigation_v2__menu__directional::after {content: ""; display: inline-block; width: 20px; background-position: center; background-repeat: no-repeat}
.navigation_v2__menu .navigation_v2__menu__directional--previous::before {background-image: var(--img-icon-chevron-left); background-size: 12px 12px; background-repeat: no-repeat}
.navigation_v2__menu .navigation_v2__menu__directional--next::after {background-image: var(--img-icon-chevron-right); background-size: 12px 12px; background-repeat: no-repeat; width: 40px}
.navigation_v2__menu a {padding-left: 5px; padding-top: 0; padding-bottom: 0; text-decoration: none; color: #333333 !important; font-size: 1.1em; height: 2.1em; line-height: 2.1em; display: block}
.navigation_v2__menu .notebook_menu__icon {display: inline-block; width: 16px; height: 16px; padding-right: 10px}
.navigation_v2__menu__touch_only {display: none}
.navigation_v2__tab--menu_active_touch {-webkit-tap-highlight-color: rgba(0, 0, 0, 0); -webkit-tap-highlight-color: transparent}
.navigation_v2__tab--menu_active_touch ul {padding-bottom: 5px}
.navigation_v2__tab--menu_active_touch ul, .navigation_v2__tab--menu_active_touch li {width: 250px !important}
.navigation_v2__tab--menu_active_touch ul a {font-size: 1.05em !important}
.navigation_v2__tab--menu_active_touch li, .navigation_v2__tab--menu_active_touch a {height: 2.5em !important; line-height: 2.5em !important; -webkit-tap-highlight-color: rgba(0, 0, 0, 0); -webkit-tap-highlight-color: transparent}
.navigation_v2__tab--menu_active_touch a:hover {background-color: transparent !important}
.navigation_v2__tab--menu_active_touch li:first-of-type {height: 3.25em !important}
.navigation_v2__tab--menu_active_touch li:first-of-type a {padding-top: 0.75em !important}
.navigation_v2__tab--menu_active_touch li.navigation_v2__menu__item--default {height: 3.75em !important}
.navigation_v2__tab--menu_active_touch li.navigation_v2__menu__item--default a {padding-top: 0.75em !important; padding-bottom: 0.5em !important}
.navigation_v2__tab--menu_active_touch .navigation_v2__menu {padding-top: 0}
.navigation_v2__tab--menu_active_touch .navigation_v2__menu__touch_only {display: block}
.navigation_v2__tab--menu_active_touch .navigation_v2__menu__divider {margin-top: 0px; margin-bottom: 0px}
.navigation_v2__tab--menu_active_touch > a {}
.navigation_v2__menu--text {padding-left: 0 !important}
.navigation_v2__menu__divider {background-image: none; font-size: 0; height: 0px; border-bottom: 1px solid var(--color-border-dark); padding-bottom: 0px !important}
.navigation_v2__menu__subtitle {font-weight: bold; font-size: 1.2em; line-height: 2em; height: 2em; padding-right: 0.5em !important}
.navigation_v2__menu__section {background-image: none !important; font-size: 0.85em; height: 2.75em; line-height: 2.5em; padding-left: 0.5em; color: #666}
.navigation_v2__menu__section img {width: 16px !important; height: 16px !important}
.navigation_v2__menu__section.hover {background-color: transparent !important}
.navigation_v2__menu__item form {margin-top: -5px; margin-left: 5px}
.navigation_v2__menu__item select {width: 150px !important}
.navigation_v2__menu__item--in_section a {padding-left: 1em}
.navigation_v2__menu__item--with_instructions {height: 3em; display: block}
.navigation_v2__menu__item--with_instructions a {height: auto; line-height: auto; display: block}
.navigation_v2__menu__item--with_instructions span {line-height: 1.5em; width: auto; display: block}
.navigation_v2__menu__item__instructions {color: #777 !important; font-size: 0.85em !important}
.c-navigation_dropdown {display: none; position: absolute; z-index: 10000; padding: 20px; padding-top: 0; margin-left: -20px}
.c-navigation_dropdown--reversed {margin-left: 0px; margin-right: -20px}
.c-navigation_dropdown--rightalign {margin-right: 0px; padding-right: 0px}
.navigation_v2__tab--pro .c-navigation_dropdown__title {font-weight: normal}
.c-navigation_dropdown__link {color: var(--color-link-default) !important}
.c-navigation_dropdown__content {background-color: var(--color-background); background-color: var(--color-background-navigation-dropdown); border: 1px solid var(--color-border-dark); font-size: 12px; display: -ms-flexbox; display: -webkit-flex; display: flex}
.c-navigation_dropdown__content li {display: block; font-size: 0.8571428571rem}
.c-navigation_dropdown__content a, .c-navigation_dropdown__content .c-navigation_dropdown__unlinked {display: -ms-flexbox; display: -webkit-flex; display: flex; -ms-align-items: center; -webkit-align-items: center; align-items: center; padding: 12px; text-decoration: none; color: var(--color-text)}
.c-navigation_dropdown__content a:visited {color: var(--color-text)}
.c-navigation_dropdown__content a:hover, .c-navigation_dropdown__content .c-navigation_dropdown__unlinked:hover {background-color: var(--color-teal-01); background-color: var(--color-navigation-hover)}
.c-navigation_dropdown__content .c-navigation_dropdown__unlinked {cursor: default}
.c-navigation_dropdown__content_wrapper {background-color: var(--color-background-navigation-dropdown); border: 1px solid var(--color-border-dark)}
.c-navigation_dropdown__content_wrapper .c-navigation_dropdown__content {border: none}
.c-navigation_dropdown__section {padding: 12px; font-weight: bold}
.c-navigation_dropdown__section img {padding-right: 4px; vertical-align: middle}
#pro_menu_business {margin-left: 12px}
#pro_menu_business #change_business a {text-align: right; display: block}
.c-navigation_dropdown--notebook .c-navigation_dropdown__content {background-color: var(--color-navigation-notebook-dropdown-background)}
.c-navigation_dropdown--notebook .c-navigation_dropdown__content a:hover {background-color: var(--color-navigation-notebook-dropdown-hover)}
.c-navigation_dropdown--notebook .c-navigation_dropdown__content .c-navigation_dropdown__name {color: var(--color-navigation-notebook-dropdown); opacity: 0.9}
.c-navigation_dropdown__name {line-height: 20px; width: 220px}
.c-navigation_dropdown__divider {border-bottom: 1px solid var(--color-border-dark); width: 100%}
.c-navigation_dropdown--search .c-navigation_dropdown__name {width: 120px}
.c-navigation_dropdown--search .c-navigation_dropdown__title {font-weight: normal}
.c-navigation_dropdown--forums .c-navigation_dropdown__title {font-weight: normal}
.c-navigation_dropdown__title {font-weight: 600}
.c-navigation_dropdown__icon {width: auto !important; height: 28px !important; margin-right: 8px}
.c-navigation_dropdown--forums .c-navigation_dropdown__icon {height: 20px !important}
.c-navigation_dropdown.is-active {display: block}
.c-navigation_dropdown__sublinks {display: -ms-flexbox; display: -webkit-flex; display: flex}
.c-navigation_dropdown__sublinks a {padding: 0; margin-top: -20px; margin-left: 16px; padding-bottom: 4px; padding-left: 4px; padding-right: 4px; -ms-align-self: flex-end; -webkit-align-self: flex-end; align-self: flex-end; cursor: pointer}
body.without_motion .c-navigation_indicator__snake {transition-duration: 0s !important}
@media (prefers-reduced-motion: reduce) {.c-navigation_indicator__snake {transition-duration: 0s !important}
}
body.swatch_navhover .navigation_v2 .c-navigation_indicator, body.swatch_navhover .navigation_v2 .c-navigation_indicator__snake {pointer-events: none}
body.swatch_navhover .navigation_v2--active .c-navigation_indicator, body.swatch_navhover .navigation_v2--active .c-navigation_indicator__snake {pointer-events: auto}
body.swatch_navhover .navigation_v2__tab--open .c-navigation_indicator__snake, body.swatch_navhover .navigation_v2__tab:hover .c-navigation_indicator__snake {transform: scaleX(0)}
body.swatch_navhover .navigation_v2__tab--open > a, body.swatch_navhover .navigation_v2__tab > a:hover, body.swatch_navhover .navigation_v2__notification > a:hover {height: 40px !important; position: relative}
body.swatch_navhover .navigation_v2__tab--open > a .c-navigation_indicator__snake, body.swatch_navhover .navigation_v2__tab > a:hover .c-navigation_indicator__snake, body.swatch_navhover .navigation_v2__notification > a:hover .c-navigation_indicator__snake {transform: scaleX(1) !important}
body.swatch_navhover .navigation_v2__avatar__link:hover {position: static !important}
body.swatch_navhover .navigation_v2__tab--open .navigation_v2__avatar__link {position: static !important}
.c-navigation_indicator {position: absolute; width: 100%; overflow: hidden; left: 0; bottom: 0px; display: -ms-flexbox; display: -webkit-flex; display: flex; -ms-justify-content: center; -webkit-justify-content: center; justify-content: center}
.tabs--subnavigation li .c-navigation_indicator {bottom: -2px}
.tabs--subnavigation li .c-navigation_indicator__snake {border-bottom-width: 4px; border-color: var(--color-navigation-snake)}
.tabs--tabset_notebook li .c-navigation_indicator__snake {border-color: var(--color-navigation-snake-notebook)}
.c-navigation_indicator__snake {border-bottom: 5px solid var(--color-navigation-indicator-snake); width: 200px; transition: transform 0s; transform: scaleX(0); will-change: transform}
.navigation_v2__tab--open, .navigation_v2__tab:hover, .navigation_v2__notification:hover {position: relative}
.navigation_v2__tab--open .c-navigation_indicator__snake, .navigation_v2__tab:hover .c-navigation_indicator__snake, .navigation_v2__notification:hover .c-navigation_indicator__snake {transform: scaleX(1); transition: transform 0.3s linear}
.navigation_v2--advanced_search .c-navigation_indicator__snake {border-bottom-color: var(--color-navigation-snake-search); margin-top: 0 !important}
.navigation_v2__tab--active {position: relative}
.navigation_v2__tab--active .c-navigation_indicator__snake {transform: scaleX(1) !important}
.advanced_search__navigation__option .c-navigation_indicator__snake {width: calc(100% - 10px)}
.advanced_search__navigation__option--selected, .advanced_search__navigation__option:hover {position: relative}
.advanced_search__navigation__option--selected .c-navigation_indicator__snake, .advanced_search__navigation__option:hover .c-navigation_indicator__snake {transform: scaleX(1); transition: transform 0.3s linear}
.tabs--subnavigation li span .c-navigation_indicator__snake {width: calc(100% - 10px)}
.tabs--subnavigation li#current span, .tabs--subnavigation li:hover span {position: relative}
.tabs--subnavigation li#current span .c-navigation_indicator__snake, .tabs--subnavigation li:hover span .c-navigation_indicator__snake {transform: scaleX(1); transition: transform 0.3s linear}
.tabs--subnavigation.tabs--dark {position: relative}
.tabs--subnavigation.tabs--dark .c-navigation_indicator__snake {border-bottom-color: var(--color-secondary-navigation-reverse-indicator)}
#group_breadcrumb_menu, .breadcrumbs__menu {padding: 10px; padding-top: 0px; position: absolute; top: 0px; left: -10px; z-index: 10}
#group_breadcrumb_menu > ul, .breadcrumbs__menu > ul {background-color: var(--color-background); border: 1px solid var(--color-border-dark)}
#group_breadcrumb_menu a, #group_breadcrumb_menu a:visited, .breadcrumbs__menu a, .breadcrumbs__menu a:visited {padding: 3px; padding-left: 10px; display: block; height: 1.5em; text-decoration: none !important; color: black}
#group_breadcrumb_menu li, .breadcrumbs__menu li {font-size: 1em}
#group_breadcrumb_menu li.group_title, .breadcrumbs__menu li.group_title {font-size: 1.2em; position: relative}
#group_breadcrumb_menu li.group_title a, .breadcrumbs__menu li.group_title a {padding-left: 3px; padding-top: 0}
.subnavigation_only {display: none !important}
.tabs__sections--subnavigation {display: none; justify-content: center !important}
.tabs__overflow_tool, .tabs__overflow_label {display: none}
.tabs__priority_tab--overflow_tool {display: none !important}
@media print, screen and (min-width: 1101px) {body.with_subnavigation.wide_core_item .tabs__sections {min-width: 1100px}
}
@media print, screen and (min-width: 1051px) {body.with_subnavigation.discussions_navigation {}
body.with_subnavigation.discussions_navigation .tabs__sections {min-width: 960px}
}
h2.breadcrumbs {font-weight: normal}
.breadcrumbs__tools {background-color: var(--color-teal-01); background-color: var(--color-breadcrumbs-tools)}
.breadcrumbs__tools a, .breadcrumbs__tools a:visited {color: var(--color-text); filter: none}
.breadcrumbs__tool a {font-size: 13px; text-decoration: none}
body.with_subnavigation .subnavigation_hidden {display: none}
body.with_subnavigation .subnavigation_only {display: block !important}
body.with_subnavigation img.subnavigation_only, body.with_subnavigation span.subnavigation_only {display: inline !important}
body.with_subnavigation--all {}
body.with_subnavigation--all #content {padding-top: 69px; margin-top: 50px}
body.with_subnavigation--all #content .heading {margin-top: 0}
body.with_subnavigation--all.with_touch #content {margin-top: 53px}
body.with_subnavigation--all .breadcrumbs--subnavigation {}
body.with_subnavigation.notebook .breadcrumbs__crumb--active {font-weight: normal}
body.with_subnavigation--tabs .tabs--secondary_navigation.tabs--subnavigation {top: 0px !important}
body.with_subnavigation--all.notebook .tabs--subnavigation {}
body.with_subnavigation--all.notebook .notebook_page {padding-top: 0px}
body.with_subnavigation--all.notebook .breadcrumbs--subnavigation {top: 37px !important}
body.with_subnavigation--all.notebook .tabs__sections, body.with_subnavigation--all.notebook .tabs--subnavigation > ul {padding-right: 0px !important; padding-left: 0px !important}
body.with_subnavigation--breadcrumbs.notebook .notebook_page {padding-top: 4px}
body.with_subnavigation--breadcrumbs.notebook .breadcrumbs--subnavigation {top: 37px !important}
body.with_subnavigation:not(.notebook) .tabs__sections {min-width: 100%; width: auto !important; flex-grow: 0; -webkit-flex-grow: 0}
body.with_subnavigation:not(.notebook) .tabs__shim {-webkit-flex-grow: 1; flex-grow: 1}
body.with_subnavigation:not(.notebook) .tabs--with_title .tabs__shim, body.with_subnavigation:not(.notebook) .tabs--with_page_type .tabs__shim {display: none}
body.with_subnavigation:not(.notebook) .tabs--with_title .tabs__sections, body.with_subnavigation:not(.notebook) .tabs--with_page_type .tabs__sections {width: 100% !important}
body.with_subnavigation.discussions_navigation .breadcrumbs__spacer {width: 100%}
body.with_subnavigation.discussions_navigation .breadcrumbs__tools {-webkit-flex-shrink: 0; flex-shrink: 0; font-size: 0.85em}
body.with_subnavigation .tabs--with_page_type .tabs__sections__default, body.with_subnavigation--all.notebook .tabs--with_page_type .tabs__sections__default, body.with_subnavigation.discussions_navigation .tabs--with_page_type .tabs__sections__default {-ms-justify-content: flex-end; -webkit-justify-content: flex-end; justify-content: flex-end}
body.with_subnavigation .tabs--with_page_type #ellipsis_tab, body.with_subnavigation--all.notebook .tabs--with_page_type #ellipsis_tab, body.with_subnavigation.discussions_navigation .tabs--with_page_type #ellipsis_tab {padding-right: 0}
body.with_subnavigation .tabs--subnavigation, body.with_subnavigation--all.notebook .tabs--subnavigation, body.with_subnavigation.discussions_navigation .tabs--subnavigation {display: -webkit-flex; display: flex}
body.with_subnavigation .tabs--subnavigation .tabs__sections, body.with_subnavigation--all.notebook .tabs--subnavigation .tabs__sections, body.with_subnavigation.discussions_navigation .tabs--subnavigation .tabs__sections {padding-right: 0px !important; padding-left: 0px !important}
body.with_subnavigation .tabs--subnavigation ul, body.with_subnavigation--all.notebook .tabs--subnavigation ul, body.with_subnavigation.discussions_navigation .tabs--subnavigation ul {-webkit-flex-wrap: wrap; flex-wrap: wrap; height: 39px; overflow: hidden; width: 100%}
body.with_subnavigation .tabs--subnavigation ul.tabs__sections__title, body.with_subnavigation .tabs--subnavigation ul.tabs__sections__page_type, body.with_subnavigation--all.notebook .tabs--subnavigation ul.tabs__sections__title, body.with_subnavigation--all.notebook .tabs--subnavigation ul.tabs__sections__page_type, body.with_subnavigation.discussions_navigation .tabs--subnavigation ul.tabs__sections__title, body.with_subnavigation.discussions_navigation .tabs--subnavigation ul.tabs__sections__page_type {margin-right: 40px; justify-content: left; align-items: center; font-weight: bold; -ms-flex-shrink: 0; -webkit-flex-shrink: 0; flex-shrink: 0; -ms-flex-grow: 1; -webkit-flex-grow: 1; flex-grow: 1; width: auto}
body.with_subnavigation .tabs--subnavigation ul.tabs__sections__title li, body.with_subnavigation .tabs--subnavigation ul.tabs__sections__page_type li, body.with_subnavigation--all.notebook .tabs--subnavigation ul.tabs__sections__title li, body.with_subnavigation--all.notebook .tabs--subnavigation ul.tabs__sections__page_type li, body.with_subnavigation.discussions_navigation .tabs--subnavigation ul.tabs__sections__title li, body.with_subnavigation.discussions_navigation .tabs--subnavigation ul.tabs__sections__page_type li {white-space: nowrap}
body.with_subnavigation .tabs--subnavigation ul.tabs__sections__title, body.with_subnavigation--all.notebook .tabs--subnavigation ul.tabs__sections__title, body.with_subnavigation.discussions_navigation .tabs--subnavigation ul.tabs__sections__title {font-size: 18px; margin-right: 30px}
body.with_subnavigation .tabs--subnavigation ul.tabs__sections__title a, body.with_subnavigation--all.notebook .tabs--subnavigation ul.tabs__sections__title a, body.with_subnavigation.discussions_navigation .tabs--subnavigation ul.tabs__sections__title a {padding-right: 0}
body.with_subnavigation .tabs--subnavigation ul.tabs__sections__title .breadcrumb_avatar__image, body.with_subnavigation--all.notebook .tabs--subnavigation ul.tabs__sections__title .breadcrumb_avatar__image, body.with_subnavigation.discussions_navigation .tabs--subnavigation ul.tabs__sections__title .breadcrumb_avatar__image {margin-right: 0; border-radius: 5px; border: 1px solid var(--color-border-dark); width: 20px; height: 20px}
body.with_subnavigation .tabs--subnavigation ul.tabs__sections__default, body.with_subnavigation--all.notebook .tabs--subnavigation ul.tabs__sections__default, body.with_subnavigation.discussions_navigation .tabs--subnavigation ul.tabs__sections__default {width: auto}
body.with_subnavigation .tabs--subnavigation ul.tabs__sections__default .tabs__priority_tab, body.with_subnavigation--all.notebook .tabs--subnavigation ul.tabs__sections__default .tabs__priority_tab, body.with_subnavigation.discussions_navigation .tabs--subnavigation ul.tabs__sections__default .tabs__priority_tab {display: none}
body.with_subnavigation .tabs--subnavigation.tabs--tabset_group_navigation ul.tabs__sections__default, body.with_subnavigation .tabs--subnavigation.tabs--tabset_pattern ul.tabs__sections__default, body.with_subnavigation .tabs--subnavigation.tabs--tabset_yarn ul.tabs__sections__default, body.with_subnavigation .tabs--subnavigation.tabs--tabset_minimart ul.tabs__sections__default, body.with_subnavigation--all.notebook .tabs--subnavigation.tabs--tabset_group_navigation ul.tabs__sections__default, body.with_subnavigation--all.notebook .tabs--subnavigation.tabs--tabset_pattern ul.tabs__sections__default, body.with_subnavigation--all.notebook .tabs--subnavigation.tabs--tabset_yarn ul.tabs__sections__default, body.with_subnavigation--all.notebook .tabs--subnavigation.tabs--tabset_minimart ul.tabs__sections__default, body.with_subnavigation.discussions_navigation .tabs--subnavigation.tabs--tabset_group_navigation ul.tabs__sections__default, body.with_subnavigation.discussions_navigation .tabs--subnavigation.tabs--tabset_pattern ul.tabs__sections__default, body.with_subnavigation.discussions_navigation .tabs--subnavigation.tabs--tabset_yarn ul.tabs__sections__default, body.with_subnavigation.discussions_navigation .tabs--subnavigation.tabs--tabset_minimart ul.tabs__sections__default {-ms-flex-wrap: nowrap; -webkit-flex-wrap: nowrap; flex-wrap: nowrap}
body.with_subnavigation .tabs--subnavigation ul.tabs__sections__priority, body.with_subnavigation--all.notebook .tabs--subnavigation ul.tabs__sections__priority, body.with_subnavigation.discussions_navigation .tabs--subnavigation ul.tabs__sections__priority {-webkit-flex-wrap: nowrap; flex-wrap: nowrap; min-width: auto}
body.with_subnavigation .tabs--reveal_overflow, body.with_subnavigation--all.notebook .tabs--reveal_overflow, body.with_subnavigation.discussions_navigation .tabs--reveal_overflow {margin-bottom: 0; padding-bottom: 0; border-bottom: none; z-index: 1001; background: -webkit-linear-gradient(top, #000 0%, transparent 4%) 0 -2px; background: linear-gradient(top, #000 0%, transparent 4%) 0 -2px; background: linear-gradient(to top, var(--color-border) 0%, transparent 4%) 0 -2px; background-size: 100% 39px; height: auto}
body.with_subnavigation .tabs--reveal_overflow .tabs__priority_tab--overflow_tool, body.with_subnavigation--all.notebook .tabs--reveal_overflow .tabs__priority_tab--overflow_tool, body.with_subnavigation.discussions_navigation .tabs--reveal_overflow .tabs__priority_tab--overflow_tool {display: block !important}
body.with_subnavigation .tabs--reveal_overflow .tabs__overflow_tool, body.with_subnavigation--all.notebook .tabs--reveal_overflow .tabs__overflow_tool, body.with_subnavigation.discussions_navigation .tabs--reveal_overflow .tabs__overflow_tool {display: none !important; margin-top: 7px; margin-right: 5px; display: block}
body.with_subnavigation .tabs--reveal_overflow .tabs__overflow_tool span, body.with_subnavigation--all.notebook .tabs--reveal_overflow .tabs__overflow_tool span, body.with_subnavigation.discussions_navigation .tabs--reveal_overflow .tabs__overflow_tool span {display: none}
body.with_subnavigation .tabs--reveal_overflow .tabs__overflow_tool img, body.with_subnavigation--all.notebook .tabs--reveal_overflow .tabs__overflow_tool img, body.with_subnavigation.discussions_navigation .tabs--reveal_overflow .tabs__overflow_tool img {padding-right: 0}
body.with_subnavigation .tabs--reveal_overflow ul.tabs__sections__default, body.with_subnavigation--all.notebook .tabs--reveal_overflow ul.tabs__sections__default, body.with_subnavigation.discussions_navigation .tabs--reveal_overflow ul.tabs__sections__default {-webkit-flex-wrap: wrap; flex-wrap: wrap; height: auto; -webkit-justify-content: flex-start; justify-content: flex-start}
body.with_subnavigation .tabs--reveal_overflow ul.tabs__sections__default .tabs__priority_tab, body.with_subnavigation--all.notebook .tabs--reveal_overflow ul.tabs__sections__default .tabs__priority_tab, body.with_subnavigation.discussions_navigation .tabs--reveal_overflow ul.tabs__sections__default .tabs__priority_tab {display: block; order: 10}
body.with_subnavigation .tabs--reveal_overflow ul.tabs__sections__priority, body.with_subnavigation--all.notebook .tabs--reveal_overflow ul.tabs__sections__priority, body.with_subnavigation.discussions_navigation .tabs--reveal_overflow ul.tabs__sections__priority {display: none; margin-right: 1em}
body.with_subnavigation .tabs--reveal_overflow ul.tabs__sections__priority li#current, body.with_subnavigation--all.notebook .tabs--reveal_overflow ul.tabs__sections__priority li#current, body.with_subnavigation.discussions_navigation .tabs--reveal_overflow ul.tabs__sections__priority li#current {display: none !important}
body.with_subnavigation .tabs--reveal_overflow ul.tabs__sections__priority li, body.with_subnavigation--all.notebook .tabs--reveal_overflow ul.tabs__sections__priority li, body.with_subnavigation.discussions_navigation .tabs--reveal_overflow ul.tabs__sections__priority li {padding-left: 0; padding-right: 0}
body.with_subnavigation .tabs--reveal_overflow ul.tabs__sections__priority li span > a, body.with_subnavigation--all.notebook .tabs--reveal_overflow ul.tabs__sections__priority li span > a, body.with_subnavigation.discussions_navigation .tabs--reveal_overflow ul.tabs__sections__priority li span > a {padding-left: 0; padding-right: 0}
body.with_subnavigation .tabs--reveal_overflow ul.tabs__sections__priority li img, body.with_subnavigation--all.notebook .tabs--reveal_overflow ul.tabs__sections__priority li img, body.with_subnavigation.discussions_navigation .tabs--reveal_overflow ul.tabs__sections__priority li img {vertical-align: middle !important}
body.with_subnavigation .tabs--reveal_overflow .tabs__overflow_indicator, body.with_subnavigation--all.notebook .tabs--reveal_overflow .tabs__overflow_indicator, body.with_subnavigation.discussions_navigation .tabs--reveal_overflow .tabs__overflow_indicator {font-size: 0; transform: rotate(180deg); display: -ms-flexbox; display: -webkit-flex; display: flex; display: flex !important; -ms-align-items: flex-end; -webkit-align-items: flex-end; align-items: flex-end; margin-right: 12px; align-items: center; margin-top: 1px}
body.with_subnavigation .tabs--edit_overflow, body.with_subnavigation--all.notebook .tabs--edit_overflow, body.with_subnavigation.discussions_navigation .tabs--edit_overflow {-webkit-flex-wrap: wrap; flex-wrap: wrap}
body.with_subnavigation .tabs--edit_overflow .tabs__priority_tab--overflow_tool, body.with_subnavigation--all.notebook .tabs--edit_overflow .tabs__priority_tab--overflow_tool, body.with_subnavigation.discussions_navigation .tabs--edit_overflow .tabs__priority_tab--overflow_tool {display: none !important}
body.with_subnavigation .tabs--edit_overflow .tabs__overflow_label, body.with_subnavigation--all.notebook .tabs--edit_overflow .tabs__overflow_label, body.with_subnavigation.discussions_navigation .tabs--edit_overflow .tabs__overflow_label {display: block; min-width: 100%; height: 38px; display: -webkit-flex; display: flex; -webkit-order: 1; order: 1}
body.with_subnavigation .tabs--edit_overflow .tabs__overflow_label > span, body.with_subnavigation--all.notebook .tabs--edit_overflow .tabs__overflow_label > span, body.with_subnavigation.discussions_navigation .tabs--edit_overflow .tabs__overflow_label > span {line-height: 38px}
body.with_subnavigation .tabs--edit_overflow .tabs__overflow_label > span img, body.with_subnavigation--all.notebook .tabs--edit_overflow .tabs__overflow_label > span img, body.with_subnavigation.discussions_navigation .tabs--edit_overflow .tabs__overflow_label > span img {vertical-align: middle; width: 12px !important; height: 12px !important; padding: 0 5px}
body.with_subnavigation .tabs--edit_overflow .tabs__overflow_label__instructions, body.with_subnavigation--all.notebook .tabs--edit_overflow .tabs__overflow_label__instructions, body.with_subnavigation.discussions_navigation .tabs--edit_overflow .tabs__overflow_label__instructions {font-size: 0.8571428571rem; -webkit-flex-grow: 1; flex-grow: 1; padding-right: 1em; text-align: right}
body.with_subnavigation .tabs--edit_overflow .tabs__overflow_tool, body.with_subnavigation--all.notebook .tabs--edit_overflow .tabs__overflow_tool, body.with_subnavigation.discussions_navigation .tabs--edit_overflow .tabs__overflow_tool {display: none}
body.with_subnavigation .tabs--edit_overflow li[data-tab-identifier] > span > a::before, body.with_subnavigation--all.notebook .tabs--edit_overflow li[data-tab-identifier] > span > a::before, body.with_subnavigation.discussions_navigation .tabs--edit_overflow li[data-tab-identifier] > span > a::before {content: ""; display: inline-block; background-image: url(/images/assets/icons/star.svg?v=2); background-size: 16px; background-position: center; background-repeat: no-repeat; filter: grayscale(100%); height: 18px; width: 18px; background-size: cover; vertical-align: text-bottom; margin-right: 5px}
body.with_subnavigation .tabs--edit_overflow li.tabs__preferred_tab > span > a::before, body.with_subnavigation--all.notebook .tabs--edit_overflow li.tabs__preferred_tab > span > a::before, body.with_subnavigation.discussions_navigation .tabs--edit_overflow li.tabs__preferred_tab > span > a::before {background-image: url(/images/assets/icons/star.svg?v=2); background-size: 16px; background-position: center; background-repeat: no-repeat; filter: grayscale(0%)}
body.with_subnavigation .tabs--edit_overflow li > span.hover, body.with_subnavigation .tabs--edit_overflow li#current > span, body.with_subnavigation--all.notebook .tabs--edit_overflow li > span.hover, body.with_subnavigation--all.notebook .tabs--edit_overflow li#current > span, body.with_subnavigation.discussions_navigation .tabs--edit_overflow li > span.hover, body.with_subnavigation.discussions_navigation .tabs--edit_overflow li#current > span {border-color: transparent !important}
body.with_subnavigation .tabs__overflow_indicator, body.with_subnavigation--all.notebook .tabs__overflow_indicator, body.with_subnavigation.discussions_navigation .tabs__overflow_indicator {display: none !important; line-height: 30px; height: 30px; width: 22px; white-space: nowrap; cursor: pointer; border-radius: 14px; display: block; padding: 3px 6px; margin-top: 4px; text-align: center; text-decoration: none; flex-shrink: 0; -webkit-flex-shrink: 0}
body.with_subnavigation .tabs__overflow_indicator--active, body.with_subnavigation--all.notebook .tabs__overflow_indicator--active, body.with_subnavigation.discussions_navigation .tabs__overflow_indicator--active {display: block !important}
body.with_subnavigation .tabs__overflow_indicator:hover, body.with_subnavigation--all.notebook .tabs__overflow_indicator:hover, body.with_subnavigation.discussions_navigation .tabs__overflow_indicator:hover {filter: var(--color-link-default-hover-filter); color: white}
body.with_secondary_navigation #secondary_content {padding-top: 30px; max-width: calc(100% - 64px); margin-left: auto; margin-right: auto}
body.with_subnavigation.notebook #content {min-width: 1080px}
body.with_subnavigation.notebook .breadcrumbs--subnavigation {display: none}
body.with_subnavigation.notebook .tabs--subnavigation, body.with_subnavigation.with_secondary_navigation .tabs--subnavigation {margin-bottom: 60px !important; z-index: 1}
body.with_subnavigation.notebook .heading, body.with_subnavigation.with_secondary_navigation .heading {margin-left: 0; margin-right: 0}
body.with_subnavigation.notebook #content, body.with_subnavigation.with_secondary_navigation #content {padding-top: 0; margin-top: 50px}
body.with_subnavigation.notebook .breadcrumbs--subnavigation, body.with_subnavigation.with_secondary_navigation .breadcrumbs--subnavigation {top: 37px !important}
body.with_subnavigation--tabs .tabs--subnavigation {position: relative !important; width: 100%; margin-top: 0 !important}
body.with_subnavigation--breadcrumbs #content {padding-top: 69px; margin-top: 50px}
body.with_subnavigation--breadcrumbs.with_touch #content {margin-top: 53px}
body.with_subnavigation:not(.with_static_header):not(.supports_headroom) .breadcrumbs--subnavigation__sticky {position: fixed !important; top: 50px !important; z-index: 1001; background-color: var(--color-background)}
body.with_subnavigation:not(.with_static_header):not(.supports_headroom).with_touch .breadcrumbs--subnavigation__sticky {top: 53px !important}
body.with_subnavigation--all.with_static_header.notebook #content, body.with_subnavigation--breadcrumbs.with_static_header.notebook #content {margin-top: 0 !important}
body.with_subnavigation--all.with_static_header:not(.notebook) .breadcrumbs--subnavigation, body.with_subnavigation--breadcrumbs.with_static_header:not(.notebook) .breadcrumbs--subnavigation {top: 51px}
body.with_subnavigation--all.with_static_header:not(.notebook).with_touch .breadcrumbs--subnavigation, body.with_subnavigation--breadcrumbs.with_static_header:not(.notebook).with_touch .breadcrumbs--subnavigation {top: 52px}
body.with_subnavigation--all .navigation_v2__tab--active, body.with_subnavigation--breadcrumbs .navigation_v2__tab--active {border-left: 1px solid var(--color-navigation-background); border-right: 1px solid var(--color-navigation-background)}
body.with_subnavigation {}
body.with_subnavigation ul.tabs__legacy {display: none !important}
body.with_subnavigation .heading {margin-bottom: 0}
body.with_subnavigation .editor {margin-top: 0; padding-top: 0}
body.with_subnavigation .show, body.with_subnavigation .photo_gallery, body.with_subnavigation .core_item_sidebar {margin-top: 0}
body.with_subnavigation .discussions_content {padding-top: 10px}
body.with_subnavigation .breadcrumbs__crumb__menu a {text-decoration: none !important}
body.with_subnavigation .breadcrumbs__crumb__menu a span {text-decoration: underline}
body.with_subnavigation #group_breadcrumb_menu, body.with_subnavigation .breadcrumbs__menu {padding: 0; left: -3px; top: 12px}
body.with_subnavigation #group_breadcrumb_menu a, body.with_subnavigation .breadcrumbs__menu a {line-height: 1.5em; cursor: pointer}
body.with_subnavigation #group_breadcrumb_menu a:hover, body.with_subnavigation .breadcrumbs__menu a:hover {background-color: var(--color-background-hover)}
body.with_subnavigation #group_breadcrumb_menu ul, body.with_subnavigation .breadcrumbs__menu ul {padding-bottom: 1em; padding-left: 2px; width: auto; min-width: 170px; background-color: var(--color-secondary-navigation-menu-background); box-shadow: 0 2px 4px rgba(0, 0, 0, 0.5)}
body.with_subnavigation #group_breadcrumb_menu li, body.with_subnavigation .breadcrumbs__menu li {white-space: nowrap; width: auto; min-width: 170px}
body.with_subnavigation .breadcrumbs__menu {font-size: 1rem}
body.with_subnavigation .breadcrumbs__menu .navigation_v2__menu a {color: var(--color-text) !important}
body.with_subnavigation .navigation_v2__menu img {max-height: 20px; max-width: 20px}
body.with_subnavigation #topic_details .badge_link {margin-top: 0 !important}
body.with_subnavigation #message_box_indicator {position: absolute; z-index: 1}
body.with_subnavigation .static_tab--none a {color: #bbb}
body.with_subnavigation #forum_search_form {right: 0; top: 3px; background-color: var(--color-background); margin-bottom: 16px}
body.with_subnavigation #forum_search_form select {width: 100%}
body.with_subnavigation #forum_search_form .form_select {margin-top: 8px; margin-bottom: 16px}
body.with_subnavigation #reply_status {padding-top: 0; position: relative; min-height: 3em; display: -webkit-flex; -webkit-flex-wrap: wrap; flex-wrap: wrap}
body.with_subnavigation #reply_status .message, body.with_subnavigation #reply_status .search_form_container {margin-top: 0; width: 50%; float: none}
body.with_subnavigation #reply_details_menu {width: 100%}
body.with_subnavigation #reply_details_menu table {width: calc(100% - 10px)}
body.with_subnavigation .panel--notebook {margin-left: 0 !important; margin-top: 0 !important; min-width: 820px; padding-left: 36px; padding-right: 36px}
body.with_subnavigation .panel--notebook#new_library_panel, body.with_subnavigation .panel--notebook#library_imports_panel, body.with_subnavigation .panel--notebook#library_lists_panel {padding-left: 2px}
body.with_subnavigation .notebook_page {display: -webkit-flex; display: flex; padding-left: 0}
body.with_subnavigation .notebook_sidebar {width: 195px; margin-left: -5px; z-index: 1}
body.with_subnavigation .notebook_sidebar .zone_notebook_vertical {margin-left: 10px}
body.with_subnavigation .notebook_sidebar .chiclet ul {border-top: none; border-top-left-radius: 0; border-top-right-radius: 0; width: 170px; padding-bottom: 5px; background-color: #fbfbfb}
body.with_subnavigation .notebook_sidebar .chiclet ul #current, body.with_subnavigation .notebook_sidebar .chiclet ul li.hover {position: relative; background-color: transparent}
body.with_subnavigation .notebook_sidebar .chiclet ul #current span, body.with_subnavigation .notebook_sidebar .chiclet ul li.hover span {margin-left: 8px; margin-right: 4px; padding-left: 2px; background-color: white; border: 1px solid #ddd; border-radius: 3px}
body.with_subnavigation .notebook_sidebar .chiclet ul li.hover {background-color: transparent}
body.with_subnavigation .notebook_sidebar .chiclet ul li.hover span {border: none}
body.with_subnavigation .notebook_sidebar .chiclet ul a {font-size: 13px; line-height: 16px}
body.with_subnavigation .notebook_sidebar .chiclet ul li.notebook_navigation__items__projects {border-top: none !important; padding-top: 5px}
body.with_subnavigation .notebook_sidebar .chiclet ul li {height: 22px; line-height: 22px; border-bottom: none; border-top: none}
body.with_subnavigation .notebook_sidebar .chiclet ul li span {padding-left: 10px; padding-top: 3px}
body.with_subnavigation .breadcrumbs--subnavigation {font-size: 12px; display: -webkit-flex; display: flex; min-width: 970px; position: absolute; top: 0; margin: 0; left: 0; right: 0; padding-top: 2px; padding-bottom: 2px; padding-left: 14px}
body.with_subnavigation .breadcrumbs--subnavigation strong {font-weight: normal}
body.with_subnavigation .breadcrumbs--subnavigation .breadcrumbs__divider {display: inline-block; padding: 0px; height: 26px; line-height: 26px; font-size: 0; padding-top: 4px; padding-bottom: 4px}
body.with_subnavigation .breadcrumbs--subnavigation .breadcrumbs__divider::after {display: inline-block; vertical-align: middle; content: ""; font-size: 14px; padding: 0; background-image: var(--img-icon-chevron-right); background-repeat: no-repeat; background-size: 12px; background-position: 7px 0px; width: 23px; height: 11px}
body.with_subnavigation .breadcrumbs__indicator {width: 16px; height: 13px; vertical-align: middle}
body.with_subnavigation .breadcrumbs__thumbnail {max-height: 20px; vertical-align: middle; border-radius: 1px}
body.with_subnavigation .breadcrumbs__crumbs {display: -webkit-flex; display: flex; position: relative; -webkit-flex-shrink: 0; flex-shrink: 0}
body.with_subnavigation .breadcrumbs__crumb {white-space: nowrap; color: var(--color-text); height: 26px; line-height: 26px; padding-left: 8px; padding-right: 8px; padding-top: 4px; padding-bottom: 4px; display: inline-block; position: relative; font-weight: normal}
body.with_subnavigation .breadcrumbs__crumb a {color: var(--color-link-default); text-decoration: underline}
body.with_subnavigation .breadcrumbs__crumb img {vertical-align: middle !important}
body.with_subnavigation .breadcrumbs__crumb__note {font-size: 0.9em}
body.with_subnavigation .breadcrumb_avatar {margin-left: 0}
body.with_subnavigation .breadcrumbs__tools {margin-left: 0.5em; padding-top: 4px}
body.with_subnavigation .breadcrumbs__tools--plain {line-height: 24px; margin-right: 1em}
body.with_subnavigation .breadcrumbs__tools--plain a {font-weight: normal !important}
body.with_subnavigation .breadcrumbs__tools:not(.breadcrumbs__tools--plain) {}
body.with_subnavigation .breadcrumbs__tools:not(.breadcrumbs__tools--plain) a {height: 24px; line-height: 24px; display: inline-block; position: relative; font-size: 12px; margin-right: 8px; text-decoration: none !important; white-space: nowrap; font-weight: normal !important; text-transform: capitalize; padding: 0 16px}
body.with_subnavigation .breadcrumbs__tools:not(.breadcrumbs__tools--plain) a img {vertical-align: middle}
body.with_subnavigation .breadcrumbs__tools:not(.breadcrumbs__tools--plain) a.clicker_v2--breadcrumb {margin-right: 0; height: 15px !important; line-height: 15px !important; margin-top: 4px !important}
body.with_subnavigation .breadcrumbs__tools:not(.breadcrumbs__tools--plain) a:not(.clicker_v2--breadcrumb) {border-radius: 5px; margin-left: 0em; display: inline-block; font-weight: normal !important}
body.with_subnavigation .breadcrumbs__tools:not(.breadcrumbs__tools--plain) a.quick_selector::after {background-image: var(--img-icon-chevron-down); background-size: 16px; background-repeat: no-repeat; background-position: center -2px; width: 20px; height: 10px; content: ""; display: inline-block}
body.with_subnavigation .breadcrumbs__tools:not(.breadcrumbs__tools--plain) a.quick_selector img {display: none}
body.with_subnavigation .breadcrumbs__tool__spacer {display: none}
body.with_subnavigation .breadcrumbs__tool--clicker {background-color: var(--color-background); display: inline-block; margin-top: -4px; padding-top: 4px; height: 30px}
body.with_subnavigation .breadcrumbs__crumb:hover {text-decoration: none; cursor: pointer}
body.with_subnavigation .breadcrumbs__crumb--active, body.with_subnavigation .breadcrumbs__crumb--active a, body.with_subnavigation .breadcrumbs__crumb--active a:hover {text-decoration: none; cursor: default !important}
body.with_subnavigation .tabs--subnavigation_needles {width: 1005px !important}
body.with_subnavigation .tabs--subnavigation {margin-top: 0; padding-top: 0; top: 1px; margin-bottom: 32px !important; border: none; background-color: var(--color-background); border-bottom: 1px solid var(--color-border-dark); width: 100%; height: 37px}
body.with_subnavigation .tabs--subnavigation .tabs__spacer {flex-grow: 1; -webkit-flex-grow: 1}
body.with_subnavigation .tabs--subnavigation .tabs__sections {display: -webkit-flex; display: flex; -webkit-justify-content: flex-end; justify-content: flex-end; width: 100%; padding: 0 2em}
body.with_subnavigation .tabs--subnavigation ul {display: -webkit-flex; display: flex; -ms-justify-content: center; -webkit-justify-content: center; justify-content: center; padding-bottom: 0 !important}
body.with_subnavigation .tabs--subnavigation ul.tabs__sections__priority {-webkit-justify-content: flex-start; justify-content: flex-start; -webkit-flex-grow: 0; flex-grow: 0; -webkit-flex-shrink: 0; flex-shrink: 0; width: auto}
body.with_subnavigation .tabs--subnavigation ul.tabs__sections__priority li#current:not(.tabs__priority_tab) {display: none !important}
body.with_subnavigation .tabs--subnavigation li[data-tab-identifier] {-webkit-order: 2; order: 2}
body.with_subnavigation .tabs--subnavigation li.tabs__preferred_tab {-webkit-order: 1; order: 1}
body.with_subnavigation .tabs--subnavigation li {touch-action: manipulation; margin-left: 2px; margin-right: 2px; position: relative}
body.with_subnavigation .tabs--subnavigation li img {vertical-align: text-bottom !important; margin-bottom: 0}
body.with_subnavigation .tabs--subnavigation li a strong {background-size: green; border-radius: 10px}
body.with_subnavigation .tabs--subnavigation li > span, body.with_subnavigation .tabs--subnavigation li a {background-image: none; text-decoration: none !important; color: var(--color-text)}
body.with_subnavigation .tabs--subnavigation li > span {text-align: center; padding: 0 0.5em; border-bottom: 3px solid transparent; height: 32px; line-height: 32px; display: block; margin-bottom: 1px; padding-top: 3px; font-size: 1rem}
body.with_subnavigation .tabs--subnavigation ul a:visited {color: var(--color-text)}
body.with_subnavigation .tabs--dark {background-color: var(--color-secondary-navigation-reverse-background); border-bottom-color: var(--color-secondary-navigation-reverse-border)}
body.with_subnavigation .tabs--dark ul a {color: var(--color-secondary-navigation-reverse-text) !important}
body.with_subnavigation .tabs--dark ul a:visited, body.with_subnavigation .tabs--dark ul a:hover {color: var(--color-secondary-navigation-reverse-text) !important}
body.with_subnavigation .tabs--tabset_notebook li a {font-size: 0.8571428571rem}
body.with_subnavigation .tabs--notebook {text-transform: capitalize; background-color: var(--color-secondary-navigation-notebook-background); border-bottom-color: var(--color-border-dark)}
body.with_subnavigation .tabs--notebook ul a {color: var(--color-secondary-navigation-notebook-text) !important}
body.with_subnavigation .tabs--notebook ul a:visited, body.with_subnavigation .tabs--notebook ul a:hover {color: var(--color-secondary-navigation-notebook-text) !important}
body.with_subnavigation .tabs--current_is_overflowed ul.tabs__sections__priority li#current {display: block !important}
body.with_subnavigation .tabs--current_is_overflowed ul.tabs__sections__priority li#current.rsp_only {display: none !important}
#content {margin-top: 110px}
body.with_navigation_v2 {background-image: none !important}
body.with_navigation_v2 #page_header {height: 50px; background: var(--color-sage-01); background: var(--color-navigation-background); transition: background 1s ease-in-out; min-width: 840px; border-bottom: 1px solid var(--color-navigation-bottom-border); position: fixed; top: 0px; left: 0px; right: 0px; z-index: 10000}
body.naked_navigation #page_header {background-color: white !important; background-image: none !important}
body.with_navigation_v2 .comment_anchor, body.with_navigation_v2 .generic_anchor {margin-top: -60px; padding-top: 60px; visibility: hidden}
body.with_navigation_v2 .forum_post_anchor {visibility: hidden}
body.with_navigation_v2.with_searchlight .navigation_v2__tab--searchlight.navigation_v2__tab--active {background-color: white; padding-bottom: 11px; border-bottom: none}
body.with_rack_bug #rack_bug {display: block; height: 10px}
body.with_rack_bug #rack_bug .panel_content {top: 60px !important}
body.with_rack_bug #rack_bug_toolbar, body.with_rack_bug #rack_bug .panels {width: 100%}
body.with_rack_bug #rack_bug_toolbar {left: 0; position: absolute; top: 0; z-index: 20000; background-color: transparent}
body.with_static_header #page_header {position: static}
body.with_static_header #content {margin-top: 60px !important}
body.with_static_header.with_subnavigation--breadcrumbs #content {padding-top: 8px}
body.with_static_header.with_subnavigation--all #content {padding-top: 8px}
body.with_static_header.with_subnavigation--all.notebook #content {padding-top: 0px; margin-top: -1px !important}
body.with_headroom:not(.with_static_header) #page_header {will-change: transform; transition: transform 200ms linear}
body.with_headroom:not(.with_static_header) #page.page_header--pinned #page_header {transform: translateY(0%)}
body.with_headroom:not(.with_static_header) #page.page_header--unpinned #page_header {transform: translateY(-100%)}
body.with_navigation_v2 #searchlight_window {z-index: 9999 !important; top: 50px}
body.with_navigation_v2 #searchlight, body.with_navigation_v2 #pro_menu {z-index: 10001 !important}
body.with_navigation_v2 #RB_redbox {z-index: 10002}
body.with_navigation_v2:not(.with_static_header) #draft_guide {top: 0px}
.navigation_v2 {display: -webkit-flex; display: flex; height: 100%}
.navigation_v2:before {content: ""; position: absolute; width: 100%; left: 0; bottom: 0; height: 8px}
body.swatch_navhover .navigation_v2__tab > a {padding-bottom: 0px}
body.swatch_navhover .navigation_v2__tab--active .navigation_v2__avatar__link, body.swatch_navhover .navigation_v2__tab--open .navigation_v2__avatar__link {padding-bottom: 5px}
.navigation_v2__tab {touch-action: manipulation; font-size: 14px; font-size: 14px}
.navigation_v2__tab > a:not(.navigation_v2__avatar__link) {line-height: 30px; padding-top: 10px; padding-bottom: 10px; padding-left: 16px; padding-right: 16px; height: 30px; display: block; white-space: nowrap}
.navigation_v2__tab .o-icon {vertical-align: middle; height: 22px !important; width: 22px !important}
.navigation_v2__tab > .o-icon {height: 22px}
.navigation_v2__tab, .navigation_v2__tab:visited {color: var(--color-text); text-decoration: none}
.navigation_v2__avatar {margin-left: 12px}
.navigation_v2__tab--notebook {margin-left: 4px}
.navigation_v2__tab--icon > a img {height: 35px; width: 35px}
.navigation_v2__tab--menu {position: relative; touch-action: manipulation; border-left: 1px solid transparent; border-right: 1px solid transparent}
.navigation_v2__tab--menu > a {line-height: 30px; height: 30px}
.navigation_v2__tab--menu > a, .navigation_v2__tab--menu > a:visited, .navigation_v2__tab--menu > a:hover {color: #111 !important; text-decoration: none; display: block; background-color: transparent}
.navigation_v2__tab--dropdown {-webkit-tap-highlight-color: transparent; position: relative}
.navigation_v2__tab--dropdown > a {-webkit-tap-highlight-color: rgba(0, 0, 0, 0); -webkit-tap-highlight-color: transparent}
.navigation_v2__tab--dropdown > a, .navigation_v2__tab--dropdown > a:visited, .navigation_v2__tab--dropdown > a:hover {color: var(--color-text); text-decoration: none}
.navigation_v2__tab--guestlogin {background-color: transparent !important}
.navigation_v2__tab--guestlogin strong {padding-right: 0.5em}
.navigation_v2__tab--guestlogin a, .navigation_v2__tab--guestlogin a:visited {color: var(--color-text); text-decoration: underline; display: inline-block !important}
.navigation_v2__tab--textmenu {white-space: nowrap; line-height: 50px; height: 50px; padding: 0 !important}
.navigation_v2__tab--textmenu a {touch-action: manipulation}
.navigation_v2__tab--textmenu > a {padding-top: 10px; padding-bottom: 10px; padding-left: 11px; padding-right: 11px}
.navigation_v2__tab--searchlight {white-space: nowrap}
.navigation_v2__tab__indicator--lit {color: white; background-color: #81d65f; border-radius: 50%; display: inline-block; width: 5px; height: 5px; text-align: center}
.navigation_v2__tab--active, .navigation_v2__tab--active:visited {color: var(--color-text) !important; background-color: var(--color-navigation-background)}
.navigation_v2__tab:hover {background-color: var(--color-navigation-background); text-decoration: none; cursor: pointer}
.navigation_v2__tab__notification_dot {margin-top: -31px; margin-left: -4px; margin-right: -2px; display: inline-block; vertical-align: middle; height: 16px !important; width: 16px !important; color: white; text-align: center}
.navigation_v2__tab--advanced_search .navigation_v2__tab__notification_dot, .navigation_v2__tab--pro .navigation_v2__tab__notification_dot {margin-top: -2px; margin-left: 0; margin-right: 0}
.navigation_v2__dropdown__notification_dot {display: inline-block; vertical-align: middle; height: 16px !important; width: 16px !important}
.navigation_v2__notification {font-size: 0.8571428571rem}
.navigation_v2__tab__notification_bubble {margin-top: 1px; display: inline-block; width: 14px; height: 14px; line-height: 14px; background-color: green; border-radius: 50%; font-size: 10px; color: white; text-align: center; margin-left: 4px; background-color: var(--color-darkgreen-01)}
.navigation_v2__tab__notification_bubble--critical {background-color: red}
.navigation_v2__logo {height: 50px; overflow: hidden; text-decoration: none; padding-right: 30px; padding-left: 30px}
.navigation_v2__logo__icon {height: 35px; padding-top: 8px; padding-left: 13px}
.navigation_v2__logo__icon--mobile {border: 1px solid #9bdf7f; border-radius: 5px}
.navigation_v2__logo:hover {text-decoration: none; cursor: pointer}
.navigation_v2__logo__icon {overflow: hidden}
.navigation_v2__logo__text {height: 32px; vertical-align: top; padding-top: 9px; padding-left: 0px; width: 104px}
.navigation_v2__spacer {flex-grow: 1; -webkit-flex-grow: 1}
.navigation_v2__indicator_spacer {width: 20px}
.navigation_v2__pillarbox {display: none}
.navigation_v2__tab__shim {display: none; position: absolute; bottom: 0px; height: 48px; left: -14px; width: 28px}
.navigation_v2__tab--open .navigation_v2__tab__shim {display: block}
.navigation_v2__avatar {cursor: pointer}
.navigation_v2__avatar .c-navigation_dropdown__name {position: relative; -ms-flex-grow: 1; -webkit-flex-grow: 1; flex-grow: 1}
.navigation_v2__avatar .navigation_v2__notification_dot {position: absolute; top: 0; top: -1px; right: 4px}
.navigation_v2__avatar .navigation_v2__dropdown__notification_dot {position: absolute; right: 0px; margin-top: 1em}
.navigation_v2__avatar .navigation_v2__avatar__link {margin-right: 10px; margin-left: 10px; padding-top: 5px; padding-bottom: 15px; display: block}
.navigation_v2__avatar .navigation_v2__avatar__image {border: none; height: 38px; width: 38px; vertical-align: middle; border-radius: 5px; border: 1px solid var(--color-border-dark); transition: border-radius 0.5s}
.navigation_v2__avatar__selector {padding: 3px; width: auto !important; height: 16px !important}
.navigation_v2__avatar:hover .navigation_v2__avatar__image {filter: brightness(115%)}
.c-navigation_dropdown__content_wrapper {max-height: calc(100vh - 50px - 10px); overflow: hidden; overflow-y: auto; border-bottom: 1px solid var(--color-border-dark)}
body.with_navigation_v2 #footer {margin-top: 0px; min-height: 40px; height: auto; line-height: 40px; background-image: none; background-color: var(--color-background-dark)}
body.with_navigation_v2 #footer a {white-space: nowrap}
body.with_navigation_v2 #footer img {vertical-align: inherit !important}
body.with_navigation_v2 #footer .linkbar {text-align: center; float: none}
body.with_navigation_v2 #footer a, body.with_navigation_v2 #footer a:visited {color: var(--color-background-dark-link)}
body.with_navigation_v2 .topics_show #footer {padding-bottom: 30px}
body.with_touch #page_header {height: 52px}
body.with_touch #searchlight_window {top: 52px}
body.with_touch .navigation_v2__logo {height: 52px}
body.with_touch .navigation_v2__logo__icon {padding-top: 9px}
body.with_touch .navigation_v2__logo__text {padding-top: 12px}
body.with_touch .navigation_v2__notification {padding-top: 5px; height: 45px; width: 60px}
body.with_touch .navigation_v2__notification .count {margin-bottom: 6px; padding: 2px}
@media screen and (max-width: 1050px) {body .navigation_v2__tab--advanced_search span.rsp_optional {display: none}
}
@media screen and (max-width: 950px) {body .navigation_v2__logo__text {display: none}
body .navigation_v2__skip_link:focus {left: -70px}
body .navigation_v2__logo__secondary {display: inline-block !important; width: 32px; height: 32px; margin-top: 9px}
}
@media screen and (max-width: 920px) {body .navigation_v2__tab > a:not(.navigation_v2__avatar__link) {padding-left: 10px; padding-right: 10px}
body .navigation_v2__tab--advanced_search > a {font-size: 0}
}
.navigation_v2__avatar .c-navigation_dropdown--loading .c-navigation_dropdown__column {visibility: hidden}
.navigation_v2__avatar .c-navigation_dropdown__column {display: -ms-flexbox; display: -webkit-flex; display: flex; -ms-flex-wrap: wrap; -webkit-flex-wrap: wrap; flex-wrap: wrap; -ms-flex-direction: column; -webkit-flex-direction: column; flex-direction: column; max-height: calc(100vh - 50px - 20px); height: calc(100vh - 50px - 20px)}
.navigation_v2__avatar .c-navigation_dropdown__column li {width: 275px; -ms-flex-shrink: 0; -webkit-flex-shrink: 0; flex-shrink: 0; -ms-flex-grow: 0; -webkit-flex-grow: 0; flex-grow: 0}
.navigation_v2__avatar .c-navigation_dropdown__divider {display: none}
.navigation_v2__avatar .c-navigation_dropdown[data-navigation-dropdown-columns="1"] .c-navigation_dropdown__column {height: auto}
.navigation_v2__avatar .c-navigation_dropdown[data-navigation-dropdown-columns="1"] .c-navigation_dropdown__divider {display: block}
.navigation_v2__avatar .c-navigation_dropdown[data-navigation-dropdown-columns="2"] {width: 552px; max-height: 28em}
.navigation_v2__avatar .c-navigation_dropdown[data-navigation-dropdown-columns="2"] .c-navigation_dropdown__column {max-height: 28em}
.navigation_v2__avatar .c-navigation_dropdown[data-navigation-dropdown-columns="3"] {width: 829px}
.navigation_v2__avatar .c-navigation_dropdown[data-navigation-dropdown-columns="4"] {width: 1106px}
.navigation_v2__avatar .c-navigation_dropdown[data-navigation-dropdown-columns="5"] {width: 1383px}
.navigation_v2__avatar .c-navigation_dropdown[data-navigation-dropdown-columns="6"] {max-width: 100vw; width: 100vw; overflow: scroll}
body.with_touch.with_extra_squinty_device .navigation_v2__logo__text, body.with_touch.with_squinty_device .navigation_v2__logo__text {display: none}
body.with_touch.with_extra_squinty_device .navigation_v2__logo__secondary, body.with_touch.with_squinty_device .navigation_v2__logo__secondary {display: inline-block !important; width: 32px; height: 32px; margin-top: 9px}
body.with_touch.with_extra_squinty_device .navigation_v2__tab--advanced_search > a, body.with_touch.with_squinty_device .navigation_v2__tab--advanced_search > a {font-size: 0}
body.with_touch.with_extra_squinty_device .navigation_v2__logo__icon {padding-left: 5px}
body.with_touch.with_extra_squinty_device .navigation_v2__tab {font-size: 18px}
body.with_touch.with_extra_squinty_device .navigation_v2__tab .rsp_optional {display: none}
@media screen and (min-width: 2000px) {.navigation_v2__pillarbox--last, .navigation_v2__pillarbox--first {display: block; -ms-flex-shrink: 0; -webkit-flex-shrink: 0; flex-shrink: 0; -ms-flex-grow: 0; -webkit-flex-grow: 0; flex-grow: 0; width: calc(194px - (998px - 40%))}
}
@media screen and (min-width: 2491px) {.navigation_v2__pillarbox--last {width: 194px; min-width: 194px}
.navigation_v2__pillarbox--first {width: 194px; min-width: 194px}
}
.navigation_v2__notification, .navigation_v2__notification__wrapper {display: -webkit-flex; display: flex; flex-direction: column; -webkit-flex-direction: column; align-items: center; -webkit-align-items: center}
.navigation_v2__notification--with_wrapper {display: block}
.navigation_v2__notification__wrapper {height: auto}
.c-navigation_dropdown__content_wrapper {height: auto}
.navigation_v2__notification {width: 50px; padding-top: 3px; height: 37px; padding-top: 8px; height: 42px; position: relative}
.navigation_v2__notification .count {color: var(--color-navigation-notification); background-color: var(--color-navigation-notification-background); border-radius: 6px; padding: 1px 2px 1px 2px; margin-bottom: 2px; font-size: 0.8571428571rem; text-align: center; text-decoration: none; min-width: 1em}
.navigation_v2__notification .count--empty {background-color: transparent}
.navigation_v2__notification__indicator {width: 18px}
.navigation_v2__notification__indicator--nomail {display: none}
.navigation_v2__notification--nomail {padding-top: 0px; height: 50px}
.navigation_v2__notification--nomail .navigation_v2__notification__indicator--nomail {display: block !important}
.navigation_v2__notification--nomail .navigation_v2__notification__indicator--mail {display: none !important}
.navigation_v2__notification--nomail .navigation_v2__notification__indicator {margin-top: 12px !important; padding-bottom: 16px; width: 30px; height: 30px}
.navigation_v2__notification--nomail .count {display: none}
.navigation_v2__notification__notifier {width: 40px; left: 0px; margin-top: 10px; margin-left: auto}
.navigation_v2__notification, .navigation_v2__notification:visited, .navigation_v2__notification:hover {color: black; text-decoration: none; cursor: pointer}
.navigation_dropdown--doorbell img {border-color: transparent}
.c-navigation__theme_automatic {display: inline-block !important; text-decoration: underline !important; color: var(--color-link-default) !important; padding: 0 0 0 0.25em !important}
.c-navigation_dropdown--search form {margin: 12px}
.c-navigation_dropdown--search form label {font-size: 12px; font-weight: bold}
.c-navigation_dropdown--search form input {line-height: 24px; padding: 4px 8px}
.c-navigation_dropdown--search #advanced_links, .c-navigation_dropdown--search .searchlight_dialog__advanced_links__list {display: none}
.c-navigation_dropdown--search #searchlight_dialog_progress {width: 16px !important; height: 16px !important; top: 0}
.c-navigation_dropdown--search #searchlight_dialog_results {margin-top: 48px; margin-left: 12px; margin-right: 12px; margin-bottom: 8px}
@media print, screen and (min-width: 951px) and (max-width: 1200px) {.c-navigation_dropdown--search {left: calc(100vw - 1200px) !important}
}
@media print, screen and (min-width: 1px) and (max-width: 950px) {.c-navigation_dropdown--search {left: calc(100vw - 1130px) !important}
}
#main {visibility: hidden; font-size: 0; height: 0px; width: 0px}
body:not(.with_static_header) #main {top: -66px; position: absolute}
.navigation_v2__skip_link_tab {width: 1px; position: relative; -ms-flex-grow: 0; -webkit-flex-grow: 0; flex-grow: 0}
.navigation_v2__skip_link {border: 0; clip: rect(0 0 0 0); height: 1px; margin: -1px; overflow: hidden; padding: 0; position: absolute; width: 1px; white-space: nowrap}
.navigation_v2__skip_link:focus {clip: auto; display: inline-block; text-align: center; text-decoration: underline; padding: 10px; line-height: 30px; height: 31px; width: 100px; position: relative; left: -140px; top: 0px; background-color: var(--color-darkgreen-04); color: var(--color-teal-04); z-index: 101}
.navigation_v2__skip_link:visited {color: var(--color-teal-04) !important}
h2.welcome_headline {font-weight: normal}
body.welcome .control_option_picker__pick_list {margin-top: -3px}
body.welcome .new_look_callouts .information--well + .information--well {margin-top: 20px}
body.welcome .new_look_callouts .information--well:last-of-type {margin-bottom: 60px}
body.welcome .information--well {position: relative; width: 591px; font-size: 1rem}
body.welcome .information--well a {color: var(--color-darkgreen-03)}
body.welcome .information--with_icon {width: 555px}
h2.welcome_headline {font-size: 1.4285714286rem; font-weight: 900; width: 400px; float: left; display: inline}
body.welcome .content {overflow: hidden; float: left; display: inline; width: 698px}
body.welcome .sidebar {overflow: hidden; float: left; display: inline-block; width: 262px}
.welcome .online {width: 14em; line-height: 1.5em; text-align: center; width: 245px; margin-bottom: 30px}
.welcome .online a {text-decoration: none; color: var(--color-text)}
.welcome .online img {vertical-align: middle}
.welcome #guides a {text-decoration: none}
.welcome #guides img {vertical-align: bottom}
.welcome .buzz li {padding-bottom: 5px; margin-left: 20px; height: 30px; line-height: 30px}
.welcome h1 {font-size: 1.5em; font-weight: normal; margin-bottom: 1em}
.welcome h3 {font-size: 1em}
.welcome .quicksearch fieldset {padding: 4px; margin-bottom: 12px}
.welcome .sidebar button {width: 98px}
.welcome .sidebar .clicker {margin-right: 0px; padding-right: 0px}
.welcome #content form {margin: 0px}
.welcome #query {margin-right: 3px; width: 100%; height: 30px; line-height: 30px; padding-left: 8px; box-sizing: border-box; padding-right: 30px}
.welcome .quicksearch input[type=submit] {font-size: 0; background-color: transparent; border: none; position: relative; width: 30px; height: 30px; margin-left: -33px; background-image: var(--img-icon-search-general); background-size: 14px; background-repeat: no-repeat; background-position: center right 12px}
.welcome .control_option_picker > img {width: 20px; height: 20px; padding-right: 4px; padding-left: 4px}
.welcome .quicksearch .form_select {height: 30px; line-height: 30px; background-size: 14px; background-position: right 8px center}
.welcome .quicksearch label {display: block; width: 100%; font-size: 0.8571428571rem; font-weight: bold; margin-bottom: 4px}
.welcome .quicksearch .box_contents {padding-left: 0; padding-right: 0}
.welcome .quicksearch select {height: 1.55em; margin-top: 5px; width: 100%; box-sizing: content-box}
.welcome .marketplace_preview {text-align: center}
body.with_static_header.about_index #content {margin-top: 0px !important}
body.about_index {--img-about-ball-1: url(/images/assets/features/about/ball-1.svg?v=1); --img-about-ball-2: url(/images/assets/features/about/ball-2.svg?v=1); --img-about-ball-3: url(/images/assets/features/about/ball-3.svg?v=1); --img-about-avatar-ball-1c: url(/images/assets/features/about/avatar-ball-1c.svg?v=1); --img-about-avatar-ball-2c: url(/images/assets/features/about/avatar-ball-2c.svg?v=1); --img-about-avatar-ball-3c: url(/images/assets/features/about/avatar-ball-3c.svg?v=1); --img-about-avatar-ball-4c: url(/images/assets/features/about/avatar-ball-4c.svg?v=1); --img-about-avatar-ball-5c: url(/images/assets/features/about/avatar-ball-5c.svg?v=1); --img-about-avatar-ball-6c: url(/images/assets/features/about/avatar-ball-6c.svg?v=1); --color-about-background: white; --color-about-footer: var(--color-sage-01)}
body.about_index #content {margin-right: 0; margin-left: 0; background-color: var(--color-about-background)}
body.about_index #tabset {margin-bottom: 0 !important}
body.about_index #prefooter {display: none}
body.about_index #footer {margin-top: -60px}
body.about_index figure {margin: 0; padding: 0}
body.about_index figcaption {text-align: center; font-style: italic; margin-top: 8px}
body.about_index h3 {font-size: 1.4285714286rem}
body.about_index .text_block {line-height: var(--line-height-base)}
.about_us__banner {width: 100%; height: auto}
.about_us__intro {padding-top: 70px; max-width: 600px; margin-left: auto; margin-right: auto}
.about_us__intro h1, .about_us__intro h2 {font-weight: 900; text-align: center}
.about_us__intro h1 {font-size: 2.8571428571rem}
.about_us__intro h2 {font-size: 2.1428571429rem; margin-bottom: 12px}
.about_us__ball:nth-child(2) {color: var(--color-text-reverse)}
.about_us__christina {display: -ms-flexbox; display: -webkit-flex; display: flex; -ms-align-items: center; -webkit-align-items: center; align-items: center; -ms-justify-content: center; -webkit-justify-content: center; justify-content: center; margin-top: 90px; margin-bottom: 30px; max-width: calc(100% - 48px) !important; margin-left: auto; margin-right: auto}
.about_us__christina img {margin-right: 30px; border-radius: 100%; box-shadow: 5px 5px black}
.about_us__christina__message {line-height: var(--line-height-base)}
.about_us__avatar__container {width: 60%; height: 60%; border-radius: 100%; overflow: hidden; box-shadow: 5px 5px black; border: 1px solid var(--color-border-dark)}
.about_us__avatar__container img {width: 100%; height: auto}
.about_us__person__art {max-width: 438px; position: relative}
.about_us__person__art:after {content: ""; display: block; padding-bottom: 100%}
.about_us__avatar_ball {width: 100%; height: auto; position: absolute}
.about_us__person h4 {margin-bottom: 12px}
body.theme_hebridean.about_index {--img-about-ball-1: url(/images/assets/features/about/ball-1-dark.svg?v=1); --img-about-ball-2: url(/images/assets/features/about/ball-2-dark.svg?v=1); --img-about-ball-3: url(/images/assets/features/about/ball-3-dark.svg?v=1); --img-about-avatar-ball-1c: url(/images/assets/features/about/avatar-ball-1c-dark.svg?v=1); --img-about-avatar-ball-2c: url(/images/assets/features/about/avatar-ball-2c-dark.svg?v=1); --img-about-avatar-ball-3c: url(/images/assets/features/about/avatar-ball-3c-dark.svg?v=1); --img-about-avatar-ball-4c: url(/images/assets/features/about/avatar-ball-4c-dark.svg?v=1); --img-about-avatar-ball-5c: url(/images/assets/features/about/avatar-ball-5c-dark.svg?v=1); --img-about-avatar-ball-6c: url(/images/assets/features/about/avatar-ball-6c-dark.svg?v=1); --color-about-footer: var(--color-darkmode-04)}
body.theme_hebridean.about_index #content {--color-about-background: var(--color-background)}
.about_us__team {position: relative; overflow: hidden}
.about_us__lump {position: absolute; width: 50vw}
.about_us__lump:nth-child(1) {right: -23vw; top: 0}
.about_us__lump:nth-child(2) {left: -33vw; top: 30%}
.about_us__lump:nth-child(3) {right: -38vw; top: 70%}
.about_us__balls {max-width: 1000px; margin-left: auto; margin-right: auto; position: relative}
.about_us__ball {width: 30%; padding: 90px; position: relative; z-index: 0}
.about_us__ball h3 {text-align: center; margin-bottom: 24px}
.about_us__ball img.ball {position: absolute; z-index: -1; top: 0; left: 0; right: 0; bottom: 0}
.about_us__ball:nth-child(1) {float: left; margin-top: 20px; right: -30px; padding-left: 70px}
.about_us__ball:nth-child(2) {float: right; margin-top: 200px; left: -30px}
.about_us__ball:nth-child(3) {float: left; clear: both; margin-top: -60px; right: -130px; padding-left: 120px}
.about_us__icons {text-align: center; margin-top: 24px}
.about_us__icons img {padding-left: 6px; padding-right: 6px}
.about_us__team {margin-top: 24px}
.about_us__team .about_us__intro {text-align: center}
.about_us__people {display: -ms-flexbox; display: -webkit-flex; display: flex; -ms-flex-wrap: wrap; -webkit-flex-wrap: wrap; flex-wrap: wrap; -ms-justify-content: center; -webkit-justify-content: center; justify-content: center; overflow: hidden; margin-top: 24px; max-width: 1600px; margin-left: auto; margin-right: auto}
.about_us__people__container {width: 34%; -ms-flex: none; -webkit-flex: none; flex: none}
.about_us__person {position: relative}
.about_us__person .text_block {width: 340px}
.about_us__people__container .text_block {position: absolute}
.about_us__avatar__container {position: absolute}
.about_us__people__container:nth-child(1) .text_block {margin-top: -13%; right: 10%}
.about_us__people__container:nth-child(1) .about_us__avatar__container {right: 0; bottom: 21%}
.about_us__people__container:nth-child(2) .text_block {left: 62%; top: 53%}
.about_us__people__container:nth-child(2) .about_us__person {margin-top: 40%}
.about_us__people__container:nth-child(2) .about_us__avatar__container {left: 14%; top: -3%}
.about_us__people__container:nth-child(3) {margin-top: 10%; margin-left: 30%}
.about_us__people__container:nth-child(3) .text_block {top: 0; left: -42%}
.about_us__people__container:nth-child(3) .about_us__avatar__container {top: -15%; right: -12%}
.about_us__people__container:nth-child(4) .about_us__avatar__container {right: 2%; bottom: 23%}
.about_us__people__container:nth-child(5) {margin-top: 14%; margin-right: 10%}
.about_us__people__container:nth-child(5) .text_block {left: 68%; top: 48%}
.about_us__people__container:nth-child(5) .about_us__avatar__container {left: 15%; top: -9%}
.about_us__people__container:nth-child(6) {margin-top: -2%; margin-left: 10%}
.about_us__people__container:nth-child(6) .text_block {margin-top: -13%; left: 13%}
.about_us__people__container:nth-child(6) .about_us__avatar__container {right: -2%; top: -15%}
.about_us__people__container:nth-child(7) {margin-top: 14%; margin-left: 40%}
.about_us__people__container:nth-child(7) .text_block {top: 0; left: -42%}
.about_us__people__container:nth-child(7) .about_us__avatar__container {right: -12%; top: -15%}
.about_us__footer_wrapper {margin-top: 100px; padding-top: 100px; overflow: hidden}
.about_us__footer {height: 450px; background-color: var(--color-about-footer); display: -ms-flexbox; display: -webkit-flex; display: flex; -ms-align-items: center; -webkit-align-items: center; align-items: center; -ms-justify-content: center; -webkit-justify-content: center; justify-content: center}
.about_us__footer__illustration {align-self: flex-start; margin-top: -100px; max-width: 400px}
.about_us__footer__illustration img {width: 100%; height: auto}
.about_us__footer__message {max-width: 600px; font-size: 1.4285714286rem; font-weight: 900; line-height: 1.5}
body.account_reset .selected, body.account_remind .selected, body.account_forgot .selected {border: 1px solid var(--color-border-dark); box-shadow: var(--global-box-shadow-size) var(--global-box-shadow-size) 0 0 var(--color-border-dark); margin-top: 0.5em}
body.account_reset .forgot_section, body.account_remind .forgot_section, body.account_forgot .forgot_section {margin-bottom: 1em; padding: 1em}
body.account_reset .forgot_section.selected, body.account_remind .forgot_section.selected, body.account_forgot .forgot_section.selected {background-color: var(--color-infobox-content)}
body.account_reset .forgot_link, body.account_remind .forgot_link, body.account_forgot .forgot_link {font-weight: bold; color: var(--color-text); font-size: 1.4285714286rem}
body.account_reset .selected .forgot_link a, body.account_remind .selected .forgot_link a, body.account_forgot .selected .forgot_link a {color: var(--color-text); text-decoration: none}
body.account_reset .instructions, body.account_remind .instructions, body.account_forgot .instructions {padding-top: 1em; padding-left: 1em}
body.account_reset label, body.account_reset .information, body.account_reset fieldset.submit, body.account_remind label, body.account_remind .information, body.account_remind fieldset.submit, body.account_forgot label, body.account_forgot .information, body.account_forgot fieldset.submit {width: 100% !important}
body.account_reset .notes, body.account_remind .notes, body.account_forgot .notes {display: inline}
body.account_reset .information, body.account_remind .information, body.account_forgot .information {font-size: 1rem; box-sizing: border-box; margin-top: 9px}
body.account_reset input, body.account_reset input[type=text], body.account_remind input, body.account_remind input[type=text], body.account_forgot input, body.account_forgot input[type=text] {line-height: 32px; width: 100% !important; box-sizing: border-box}
body.account_reset .error, body.account_remind .error, body.account_forgot .error {color: var(--color-text); font-weight: bold}
body.account_reset .selected, body.account_remind .selected, body.account_forgot .selected {width: 370px}
body.account_reset .instructions, body.account_remind .instructions, body.account_forgot .instructions {width: 350px}
body.account_reset .selected, body.account_remind .selected, body.account_forgot .selected {width: 370px}
body.account_reset .instructions, body.account_remind .instructions, body.account_forgot .instructions {width: 350px}
body.news_item .news_item {margin-left: auto; margin-right: auto}
body.welcome.with_flair .news_item {position: relative}
body.welcome .avatar_small {position: relative}
.news_item__content {line-height: 1.7em}
.news_item__content h3.news_item__heading {margin-top: 60px !important; font-size: 1.4285714286rem}
.news_item__content video {width: 100%; border: 1px solid var(--color-border-dark)}
.news_item__content img[width="25"] {display: inline}
.news_item__content--category_4.news_item__content--koenig h3 {font-size: 1.5em; line-height: 1.4em; font-family: Helvetica, sans-serif; margin-top: 2em}
.news_item__content--category_4:not(.news_item__content--koenig) h2 {font-size: 2em; line-height: 1.1em; margin-top: 2em}
.news_item__content--category_4:not(.news_item__content--koenig) h2:first-of-type, .news_item__content--category_4:not(.news_item__content--koenig) h3:first-of-type {margin-top: 0}
.news_item__content blockquote {background: #f9f9f9; border-left: 2px solid #ccc; border-radius: 3px; margin: 1.5em 0 1.5em 1em; padding: 0.5em 1em; font-size: 1em}
.news_item__content blockquote p:first-of-type {margin-top: 0}
.news_item__content br {display: none}
.news_item__content p {margin: 0; margin-top: 24px; font-size: 1.1428571429rem}
.news_item__content ol li {list-style-type: decimal}
.news_item__content ul, .news_item__content ol {margin: 1em; font-size: 1.1428571429rem}
.news_item__content li {margin-left: 1em; list-style-type: disc; margin-bottom: 1em}
.news_item__content figure {margin: 0}
figure.kg-card-isstandalone {margin: 48px 0}
figure.kg-card-ispreceded {margin: 24px 0 48px 0}
.news_item__content figcaption {text-align: center; margin-top: 12px}
.news_item__content--superlatives {display: webkit-flex; display: flex; -webkit-flex-wrap: wrap; flex-wrap: wrap}
.news_item__superlative {float: left; padding: 2em; padding-bottom: 4em; box-sizing: border-box}
.news_item__superlative br {display: inline}
.news_item__content--koenig blockquote {margin-bottom: 0; padding-bottom: 1em; margin-top: 0; font-size: 1.1428571429rem; font-style: italic; border-radius: 0}
.news_item__content--koenig p + blockquote {margin-top: 2em}
.news_item__content--koenig blockquote + p {margin-top: 2em}
.news_item__content--item_464 hr {margin: 3em 0; border-top-color: #da1858; border-top-width: 2px; border-top-style: dotted}
.news_item__content--item_521 .kg-image-card img, .news_item__content--item_522 .kg-image-card img {border: 1px solid var(--color-border-dark)}
.news_item__content--item_523 .kg-image-card img {border: 1px solid var(--color-border-understated)}
.news_item__content--item_521 .kg-image-card img, .news_item__content--item_522 .kg-image-card img, .news_item__content--item_523 .kg-image-card img {max-width: 630px !important}
.news_item__content .kg-gallery-container {margin-top: 3em; margin-bottom: 3em}
.kg-card-hascaption .kg-gallery-container {margin-bottom: 0}
.kg-card-hascaption .kg-gallery-container figcaption {margin-bottom: 2em}
.news_item__content .kg-embed-card {margin-top: 3em; margin-bottom: 3em; display: -ms-flexbox; display: -webkit-flex; display: flex; -ms-justify-content: center; -webkit-justify-content: center; justify-content: center}
.news_item__content .kg-embed-card iframe {max-width: 100%}
.news_item__content--item_520 .kg-embed-card {-ms-flex-direction: column; -webkit-flex-direction: column; flex-direction: column; -ms-align-items: center; -webkit-align-items: center; align-items: center}
.news_item__content--item_520 .kg-embed-card iframe {width: 540px; height: 300px; max-width: 100%; max-height: calc((100vw) / (16/9)); margin-left: auto; margin-right: auto}
body.news_item_show #content {margin-left: 50px}
.news_item__dateline {width: 150px; float: left; display: inline; text-align: right; margin-right: 10px}
.news_item__dateline .avatar_small {display: inline-block}
.news_item__byline {width: 215px; float: left; display: block}
.news_item__byline .avatar_small {float: right}
body .news_item {width: 615px; padding-bottom: 120px; border-bottom: 1px solid var(--color-border-dark); margin-bottom: 120px}
.news_item__content {width: 620px}
.news_item__content .kg-image-card {text-align: center; margin: 30px 0}
.news_item__content .kg-image-card img {max-width: 540px; height: auto}
.news_item__content .kg-image-card figcaption {padding-top: 8px; padding-bottom: 30px}
.news_item__content .kg-gallery-row {display: flex; align-items: center; overflow: hidden; margin-left: 3%}
.news_item__content .kg-gallery-image {margin-right: 3%}
.news_item__content .kg-gallery-image img {max-width: 100%; height: auto}
.news_item__content--item_463 .kg-gallery-row {height: 167px}
.news_item__content--item_463 .kg-gallery-image {width: 30%}
.news_item__superlative {width: 50%}
.news_item__content--item_507 .kg-image-card img {max-width: 100%}
#margin_nav {margin-left: -4px; float: left; width: 250px; background: transparent url(/images/margin-nav-foot.png) no-repeat scroll bottom left; padding-bottom: 10px}
#margin_nav ul.main {background-image: url(/images/margin-nav-body.png); background-repeat: repeat-y; margin-bottom: 5px}
#margin_nav ul li {padding-left: 5px}
#margin_nav ul li a {width: 202px; text-decoration: none; padding: 3px; padding-left: 13px; display: block; border-top: 1px solid transparent; border-bottom: 1px solid transparent}
#margin_nav ul li a:hover {background-color: white; border-top: 1px solid #cccccc; border-bottom: 1px solid #eeeeee}
#margin_nav ul li a.active {background-color: #eaf5e7; border-bottom: 1px solid #e5e5e5; border-top: 1px solid #e5e5e5}
#margin_nav ul li.group {font-weight: bold; padding-top: 7px; padding-bottom: 2px; margin-left: 7px}
#margin_content {float: left; width: 705px}
.manage_store__product__title {max-height: 2.8em; overflow: hidden}
#store_admin #preview .markdown {margin-top: 1em; font-size: 1em; width: 600px; margin-left: 1px; padding: 12px; border: 1px solid var(--color-dialog-neutral-border); background-color: var(--color-dialog-neutral-background)}
#product_catalog .product {display: -ms-flexbox; display: -webkit-flex; display: flex; margin-bottom: 48px}
#product_catalog .product .description {padding-top: 5px; float: left; width: 450px; -ms-flex-grow: 1; -webkit-flex-grow: 1; flex-grow: 1}
#product_catalog .product .description .name {float: left; width: 300px}
#product_catalog .product .description .price {text-align: right; font-weight: bold; float: right; width: 100px}
#product_catalog .product .description .price a {text-decoration: none}
#product_catalog .product .description .type {padding-top: 0.5em}
#product_catalog .product .description .excerpt {padding-top: 1em; height: 110px; overflow: hidden}
#product_catalog .product .description .library_link {font-weight: normal; text-decoration: none}
#product_catalog .product .pdf_thumbnail, #product_catalog .product .framed_photo {float: left; margin-right: 32px}
#product_catalog .product .framed_photo {margin-top: 4px; background: none; width: 173px; padding: 0px; cursor: pointer}
#product_catalog .product .photo_frame {padding: 0; margin-top: 0; margin-left: 0}
table.chart td .block {float: left; padding: 0.25em; text-align: center; cursor: pointer}
ul.store_top_navigation {list-style: none; border-bottom: 1px solid var(--color-border-dark); width: 100%; display: flex; align-items: center; padding-bottom: 0px}
ul.store_top_navigation li {float: left; border: none; text-align: center; white-space: nowrap}
ul.store_top_navigation a {padding: 16px !important; display: inline-block; color: black; text-decoration: none}
ul.store_top_navigation a:hover {background-color: var(--color-teal-02)}
ul.store_top_navigation a:visited {color: black}
ul.store_top_navigation a.active {background-color: var(--color-teal-03); padding: 5px 10px}
ul.store_top_navigation li.group {padding: 0 8px; line-height: 50px}
ul.store_top_navigation form {display: inline-block; margin-top: 0 !important; padding: 12px}
ul.store_top_navigation .auto_complete {width: 350px; background: white}
ul.store_top_navigation .auto_complete ul {border: 1px solid #cccccc; float: none; margin: 0; padding: 0; width: 100%}
ul.store_top_navigation .auto_complete ul li {float: none; margin: 0; padding: 0px; padding-left: 5px; width: 100%; text-align: left}
ul.store_top_navigation .auto_complete ul li.selected {background-color: #ffffbb}
body.stores table#purchases td {vertical-align: top}
body.stores #store_admin, body.promotions #store_admin {margin-top: 10px}
body.promotions h1 {margin-top: 20px; margin-bottom: 12px}
body.stores h1 {margin-top: 0.5em; margin-bottom: 0.5em}
body.stores #margin_content .product {width: 400px; margin-left: 0; margin-right: 0}
body.stores .products .product {width: 600px; margin: 20px; float: left}
body.stores .products .product .pdf_thumbnail {float: left}
body.stores .products .product ul {float: left; width: 220px; margin-top: 12px; margin-left: 24px}
body.stores_show h2 {margin-bottom: 32px}
body.newsletters_twir_issue #issue {width: 650px; margin-top: 2em}
body.newsletters_twir_issue #issue img.banner {width: 650px; height: 100px}
body.newsletters_twir_issue #issue .dateline {text-align: right; display: block; margin-top: 0.5em; border-top: 1px solid #cccccc; padding: 0.25em; margin-bottom: 0.5em}
body.newsletters_twir_issue #issue .column {width: 300px; float: left; padding-right: 10px; padding-bottom: 15px}
body.newsletters_twir_issue #issue .column .heading h2 {font-size: 1.2em}
body.newsletters_twir_issue #issue .column .heading .section_title {margin: 4px 0 16px 0}
body.newsletters_twir_issue #issue .column .blurb {padding-left: 10px; font-size: 1.2em}
body.newsletters_twir_issue #issue .column .blurb img {border: 1px solid #333333; float: left; margin-right: 0.25em; margin-bottom: 0.25em}
body.newsletters_twir_issue #issue .column .links {padding-left: 10px; padding-top: 10px; font-size: 0.9em}
body.newsletters_twir_article .article_header .avatar_small {float: left; margin-right: 5px}
body.newsletters_twir_article .column_5 {width: 650px}
body.newsletters_twir_article .column_5 hr {margin-top: 3em; margin-bottom: 1em; color: white; background-color: white; border-top: 2px solid #ea0064}
body.newsletters_twir_article .article_body {margin-top: 1em}
body.newsletters_twir_article .article_body p {line-height: 1.5em}
body.newsletters_twir_article .article_body img {border: none; float: left; margin-right: 0.5em; margin-bottom: 0.5em}
body.newsletters_twir_article .article_body h1, body.newsletters_twir_article .article_body h2 {font-size: 1.2em; font-weight: bold; border-bottom: 1px solid #aaaaaa; padding-bottom: 0.25em; margin-top: 2em; clear: both}
body.newsletters_twir_article .article_body ul {clear: both}
body.newsletters_twir_article .article_body blockquote {margin-left: 20px; margin-bottom: 1.5em}
body.newsletters_twir_article .column_16 {width: 650px}
body.newsletters_twir_article .column_16 img {float: none !important; display: block; padding: 2px; border: 1px solid #999999 !important; margin: 1em}
body.newsletters_twir_article .column_16 hr {margin-top: 3em; margin-bottom: 1em; color: white; background-color: white; border-top: 2px solid #ea0064}
body.newsletters_twir_article #more_articles h2 {margin-top: 3em; margin-bottom: 1em}
body.newsletters_twir_article #more_articles .highlighted {background-color: #f4f6f3; border: 1px solid #999999; text-decoration: none}
body.newsletters_twir_article #more_articles .article {width: 470px; height: 7em; float: left}
body.newsletters_twir_article #more_articles .article img {border: none !important; margin: 0; padding: 0; float: left !important}
body.newsletters_twir_article #more_articles .article .avatar_small {float: left; margin-right: 5px}
body.newsletters_twir_article #more_articles .article .details {margin-right: 10px; width: 250px; float: left}
body.newsletters_twir_article #more_articles .article .details .section {font-weight: bold; font-size: 0.9em}
#activities .activity {margin-bottom: 32px; height: 105px; padding-top: 10px}
#activities .activity img.square_thumbnail, #activities .activity .avatar_medium {float: left; border: 1px solid #666666; margin-right: 10px}
#activities .activity img.square_thumbnail .avatar__image, #activities .activity .avatar_medium .avatar__image {border: none}
#activities .activity .activity_icon {vertical-align: middle; margin-right: 4px}
#activities .activity .date {float: left; padding-top: 25px; width: 80px; color: var(--color-text-understated); height: 55px; font-size: 1.1em; text-align: center}
#activities .activity .summary {float: left; width: 640px}
#activities .activity .summary a {text-decoration: underline}
#activities .activity .summary .heading {margin: 0; padding-bottom: 1em}
#activities .activity .summary .heading .title {width: 500px}
#activities .activity .summary .notes {font-size: 0.95em; width: 640px}
body.grecaptcha_pending iframe {display: none !important}
.grecaptcha-badge {display: none !important}
body.ads .dialog .box_contents {border-top-style: solid; border-top-width: 1px}
body.ads form.ad_form .example, body.ads form.ad_form .character_count {margin-bottom: 1em; margin-left: 200px; margin-top: 0.5em; font-size: 0.85em; color: #666666}
body.ads form.ad_form a.about_this {margin: 5px; font-size: 0.9em}
body.ads form.ad_form .character_count_active {color: #333333; padding-left: 20px; background-image: url("/images/icon-textfield.png"); background-repeat: no-repeat}
body.ads_prepare h2 {margin-bottom: 0.5em}
body.ads_prepare table.zones {width: 800px; margin-top: 1em}
body.ads_prepare td {padding: 5px; border-color: #ccc; font-size: 1em}
body.ads_prepare td.thumbnail {width: 130px; text-align: center}
body.ads_prepare td.zone_name {width: 15em}
body.ads_prepare td.rate_description {width: 13em; text-align: center}
body.ads_prepare td.availability span.available {display: block; padding: 2px; color: var(--color-text-dark); background-color: var(--color-pro-highlight); margin-right: 1em}
body.ads_prepare td.availability tr.closed {color: #999}
body.ads_prepare td.availability tr.hover {background-color: transparent}
body.ads_prepare td.availability tr.reservable.hover td.start_date {text-decoration: underline}
body.ads_prepare td.availability td {height: 2.25em}
body.ads_prepare td.availability td.start_date {width: 85px}
body.ads_prepare td.availability td, body.ads_prepare td.availability tbody {border: none !important; padding: 0}
body.ads_prepare td.selection {text-align: center}
body.ads_prepare td.selection a.ticky_box {float: none; margin-left: auto; margin-right: auto}
body.ads_prepare .controls {text-align: right; margin-top: 1em}
body.ads_suggestions .search_types {font-size: 1.2em; margin-top: 1em}
body.ads_suggestions .search_types a {text-decoration: none; display: block; float: left; padding: 3px; margin: 0 7px; color: black}
body.ads_suggestions .search_types a span {text-decoration: underline}
body.ads_suggestions .search_types a img {vertical-align: middle}
body.ads_suggestions .search_types a.selected {background-color: #c2ebb1}
body.ads_suggestions .search_types a.selected span {text-decoration: none}
body.ads_suggestions form {clear: both; margin-top: 20px}
body.ads_show #viewport {min-width: 1024px}
body.ads_show .stat_block {font-size: 1.25em; text-align: center; margin: 0 1em 2em 1em; display: inline-block; vertical-align: top}
body.ads_show .stat_block span {display: block; font-size: 0.8em; margin-bottom: 1em}
.advertisers_suggestions .group_result .stat, .advertisers_review_suggestions .group_result .stat {padding-left: 1em}
.advertisers_suggestions .group_result .stat img, .advertisers_review_suggestions .group_result .stat img {vertical-align: top}
.advertisers_suggestions .group_result .description, .advertisers_review_suggestions .group_result .description {margin-bottom: 1em}
.advertisers_suggestions .group_result .suggestion_info, .advertisers_review_suggestions .group_result .suggestion_info {font-size: 1.2em; text-align: right; float: left; width: 150px}
.advertisers_suggestions .group_result .ticky_container, .advertisers_review_suggestions .group_result .ticky_container {text-align: right; float: left; width: 80px; margin-left: 40px; text-align: left}
.designers_show #content .pattern {text-align: center; display: block; overflow: hidden; height: 3em; width: 172px; padding: 8px; padding-top: 16px}
body.designers_show:not(.with_broken_line_clamp) #content .pattern {display: -webkit-box; -webkit-line-clamp: 3; -webkit-box-orient: vertical; overflow: hidden; text-overflow: ellipsis; -webkit-hyphens: auto; -moz-hyphens: auto; hyphens: auto; overflow-wrap: break-word; word-break: break-word}
.designers_show #content .thumbnail {float: left; width: 190px; margin-bottom: 40px; height: 280px; text-align: center}
.designers_show .thumbnail .indicator {line-height: 16px; padding-right: 12px}
.designers_show .thumbnail .indicator img {vertical-align: text-bottom}
.designers_show #content .thumbnail .indicators {padding-left: 5px}
.designers_show #content .pattern_project_count {max-width: 6.5em; overflow: hidden; display: block}
.designers_show #design_teams {margin-top: 40px}
.designers_show .photo {cursor: pointer}
.designers .book .rating img {border: none}
.designers .person {margin-bottom: 20px}
.designers .fields {width: 500px}
.designers .profile .avatar {float: left; width: 100px; margin-right: 20px}
.designers .profile .avatar img {border: 1px solid #999999}
.designers .profile label {width: 7em}
.designers .profile .fields {float: left}
.designers__booklist__book {text-align: center; height: 170px; margin-right: 10px; margin-bottom: 10px; float: left}
.designers__booklist__book img {float: none; margin-top: 15px; border: 1px solid var(--color-border-dark)}
.designers .patterns {float: left; margin-right: 200px}
.designers .patterns .heading {margin-top: 0px}
.designers .patterns.full {margin-right: 0px}
.designers .patterns .heading {position: relative}
.designers .patterns .heading h2 {display: inline}
.patterns_feature {font-size: 1.1428571429rem; line-height: 1.62}
.patterns_feature__patterns {display: -ms-flexbox; display: -webkit-flex; display: flex; -ms-flex-wrap: wrap; -webkit-flex-wrap: wrap; flex-wrap: wrap}
.patterns_feature__pattern {width: 320px; margin-bottom: 58px}
.patterns_feature__pattern .grid_photo {padding: 0; margin-bottom: 1rem; font-size: 0; display: block}
.patterns_feature__pattern li {font-size: 1.1428571429rem; margin: 4px 0}
.patterns_feature__patterns {-ms-justify-content: space-between; -webkit-justify-content: space-between; justify-content: space-between}
.patterns_feature {width: 100%}
.patterns_feature__pattern, .patterns_feature_pattern .patterns_feature__stub {max-width: calc((100vw - 200px)/3); min-width: 260px}
.patterns_feature__pattern .grid_photo--320 {box-sizing: border-box}
.patterns_feature__pattern .grid_photo--320, .patterns_feature__pattern .grid_photo__frame {min-width: 260px; min-height: 260px; max-width: calc((100vw - 200px)/3); max-height: calc((100vw - 200px)/3)}
.patterns_feature__introduction {max-width: 650px; margin-bottom: 96px; display: -ms-flexbox; display: -webkit-flex; display: flex; -ms-flex-direction: column; -webkit-flex-direction: column; flex-direction: column}
.patterns_feature__introduction h1 {margin-bottom: 0}
.patterns_feature__introduction__title, .patterns_feature__introduction__advanced_search {-ms-flex-grow: 0; -webkit-flex-grow: 0; flex-grow: 0; -ms-flex-shrink: 0; -webkit-flex-shrink: 0; flex-shrink: 0}
.patterns_feature__introduction__description, .patterns_feature__introduction__advanced_search {margin-top: 24px}
.patterns_feature__introduction__description .clicker_v2, .patterns_feature__introduction__advanced_search .clicker_v2 {margin-top: var(--global-box-shadow-size)}
.patterns_feature__footer {text-align: center}
.patterns_feature__footer span {margin-right: 12px}
.patterns_feature__stub {width: 320px; height: 1px}
.patterns_feature__pattern__title {display: -ms-flexbox; display: -webkit-flex; display: flex}
.patterns_feature__pattern__title a {-ms-flex-grow: 1; -webkit-flex-grow: 1; flex-grow: 1; display: -webkit-box; -webkit-line-clamp: 1; -webkit-box-orient: vertical; overflow: hidden; text-overflow: ellipsis; -webkit-hyphens: auto; -moz-hyphens: auto; hyphens: auto; overflow-wrap: break-word; word-break: break-word}
.patterns_feature__pattern__title .notebook_indicator {padding: 0; -ms-flex-grow: 0; -webkit-flex-grow: 0; flex-grow: 0; -ms-flex-shrink: 0; -webkit-flex-shrink: 0; flex-shrink: 0; width: 24px !important; margin-right: -10px !important}
.patterns_feature__pattern__title img {-webkit-filter: none}
.patterns_feature__pattern__title img.o-icon--free {-ms-flex: 0; -webkit-flex: 0; flex: 0; -ms-align-self: center; -webkit-align-self: center; align-self: center; margin-right: 4px}
body.designers_newcomers .content__inner {margin-left: 20px; margin-right: 20px}
body.designers_newcomers #content {margin-left: auto !important; margin-right: auto !important; overflow: hidden}
body.designers_newcomers #content:before {content: ""; display: block; height: 520px; width: 520px; background-image: url(/images/assets/ravelry/newbie-simplified.svg); background-repeat: no-repeat; background-size: 620px; background-position: 0px -100px; z-index: -1; position: absolute; top: 0; right: 0}
.swatch_heartbundles .popover_list ul.tag_section {margin-top: 0.25em}
.swatch_heartbundles .list_hovers {display: none; position: absolute; left: 0px}
.swatch_heartbundles .hover .list_hovers {display: block}
.swatch_heartbundles .list_hovers li {height: 2em}
.swatch_heartbundles .list_hovers li a {margin: 0; line-height: 2em; height: 2em}
.swatch_heartbundles .list_hovers li span {width: 115px; padding: 0 10px}
.bookmarks p {margin: 10px}
.bookmarks .bookmark {margin: 10px; float: left; vertical-align: top; clear: both}
#combined_bookmarks .bookmark {margin-bottom: 20px}
#favorites_panel .page_links .pagination {line-height: 1.6em}
#favorites_panel .page_bar {margin-bottom: 30px !important}
#favorites_panel .filter_menu__option {background-image: none !important; padding-left: 8px !important}
.notebook_index__content--favorites {display: -ms-flexbox; display: -webkit-flex; display: flex}
#favorites_panel form.short {margin-top: 0px; margin-bottom: 5px}
#mobile_favorites_sidebar, #favorites_sidebar {display: none}
#favorites_panel .page_bar {margin-top: 1em}
#favorites_panel .bookmarks_view_grid {margin-left: 0px !important}
#favorites_panel #combined_bookmarks form {width: 100%}
#favorites_panel #combined_bookmarks .auto_complete {z-index: 1000; background-color: white}
.swatch_heartbundles .informal {display: inline !important}
#favorites_panel #combined_bookmarks .auto_complete li {font-size: 1em; line-height: 1.5em}
#favorites_panel #search_summary_bar {height: 1.1em; margin-bottom: 2em}
#favorites_panel.swatch_heartbundles #search_summary_bar {margin-left: 5px; margin-top: 1em; margin-bottom: 1em; height: 4em}
#favorites_panel #combined_bookmarks .bookmark .title a {text-decoration: underline}
#favorites_panel .bookmarks_designers .images, #favorites_panel .bookmarks_patterns .images {width: 100px !important}
#favorites_panel .bookmarks_designers .details, #favorites_panel .bookmarks_patterns .details {margin-left: 100px !important}
#favorites_panel #combined_bookmarks .page_links {margin-top: 5px}
#favorites_panel #combined_bookmarks.page_links {width: 580px}
#favorites_panel #combined_bookmarks .page_links .pagination {width: 300px}
#favorites_panel #combined_bookmarks .avatar_medium {position: relative; margin-right: 0}
#favorites_panel #combined_bookmarks .images {width: 80px; margin-top: 5px}
#favorites_panel .bookmarks_shops .images {width: 0px !important}
#favorites_panel #combined_bookmarks .details {width: 360px; margin-left: 15px !important; float: left; clear: right}
#favorites_panel #combined_bookmarks .bookmark_view_thumbs .images {width: 165px !important; height: auto !important; min-height: 170px}
#favorites_panel li.tag {white-space: nowrap}
#favorites_panel #combined_bookmarks .bookmark_view_thumbs .details {width: 325px}
#favorites_panel #combined_bookmarks .bookmark_view_thumbs .photo_border {margin-top: 0}
#favorites_panel form.short .clicker {margin-top: -4px}
#favorites_panel #combined_bookmarks .forum_post {width: 570px}
#favorites_panel .bookmarks .bookmark .caption {width: 73px; text-align: center; display: block; position: absolute; top: 65px; left: -1px; border: 1px solid #ccc; background-color: white; font-size: 0.9em; padding: 1px; overflow: hidden}
#favorites_panel .forum_post img {max-width: 500px}
#favorites_panel .forum_post .highlight {background-color: yellow; font-weight: normal}
#favorites_panel .bundle_square .nameplate {display: block; position: absolute; border-radius: 0 2px; background-color: var(--color-nameplate-background); padding: 5px 3px 5px 7px; overflow: hidden}
#favorites_panel .bundle_square--wishlist .nameplate {top: 1px; height: 199px}
#favorites_panel .bundle_square--wishlist .nameplate img {padding-bottom: 3px}
#favorites_panel .hover_tools_active .nameplate {opacity: 0.3}
#favorites_panel .captioned_media_square li.title {padding-top: 0.5em; margin-top: 0}
body:not(.with_broken_line_clamp) #favorites_panel .captioned_media_square li.title {display: -webkit-box; -webkit-line-clamp: 1; -webkit-box-orient: vertical; overflow: hidden; text-overflow: ellipsis; -webkit-hyphens: auto; -moz-hyphens: auto; hyphens: auto; overflow-wrap: break-word; word-break: break-word}
#favorites_panel .captioned_media_square li.title a {text-decoration: underline}
.bookmarks .bookmark .date {font-size: 0.9em}
.bookmarks .bookmark .date img {vertical-align: middle; padding-right: 4px}
.bookmarks .bookmarked_clipping .date {text-align: left}
.bookmarks .bookmark .tags {margin-top: 1em}
.bookmarks .bookmark li.edit {background-color: transparent; margin-right: 0}
.bookmarks .bookmark li.edit a {padding: 2px; font-size: 0.95em; text-decoration: underline}
.bookmarks .bookmark input {width: 220px; padding: 1px}
.bookmarks .bookmark input[type=submit] {width: 35px; padding: 0px; margin-left: 3px}
.bookmarks .bookmark .images {float: left; width: 190px; height: 75px}
.bookmarks .bookmarked_pattern_author .images {width: 100px}
.bookmarks .bookmarked_pattern .images {width: 95px}
.bookmarks .bookmark a.featured, .bookmarks .bookmark .avatar_medium {float: left; display: block; border: 1px solid #999999; margin-right: 15px; line-height: 0}
.bookmarks .bookmark a.featured img {height: 75px; width: 75px}
.bookmarks .bookmark .details {margin-left: 200px}
.bookmarks .bookmarked_clipping .details {float: none}
.bookmarks .bookmarked_clipping div {margin-bottom: 0.5em}
.bookmarks .bookmarked_clipping .tags {display: none}
.bookmarks .bookmark .title {font-size: 1.1em; margin-bottom: 5px}
.bookmark_view_thumblist .images img {max-width: 75px}
#bookmark_status #tags {margin-top: 15px}
#bookmark_status input {width: 180px}
#bookmark_status input[type=submit] {width: 70px; font-size: 1em; padding: 0px; margin: 0px}
#favorites_panel .bookmarked_yarn_company .details {width: 200px}
#favorites_panel .bookmarked_yarn_company .logo {margin-left: 10px; float: left}
#favorites_panel .forum_post {margin-bottom: 1em; padding: 10px}
#favorites_panel .forum_post .who {width: 80px; float: left; text-align: center; margin-right: 5px; margin-bottom: 5px; font-size: 1em}
#favorites_panel .forum_post .what {font-weight: bold; text-decoration: underline}
#favorites_panel .forum_post_thumbnail {overflow: hidden; display: block; width: 75px; height: 75px; font-size: 0.5em; color: #666666}
#favorites_panel .search_buttons {padding-top: 3px; padding-left: 10px; float: left}
#favorites_panel select#in_field {height: auto; padding-top: 0px}
#favorites_panel .filter_box {padding-left: 10px; float: left; cursor: pointer; height: 22px; background-color: var(--color-teal-01); border: 1px solid var(--color-border-dark); border-radius: 12px; color: var(--color-darkgreen-02)}
#favorites_panel .filter_box .filter {padding-top: 2px; padding-right: 10px; white-space: nowrap}
#favorites_panel .filter_box .filter__close img {height: 8px !important; width: 8px !important; padding: 4px; filter: var(--color-link-default-filter)}
#favorites_panel .filter_box .filter__close:hover img {filter: var(--color-link-default-hover-filter)}
#favorites_panel .photo_placeholder {font-size: 1.2em}
.bundle_autocomplete .bundled_item {padding-bottom: 0.5em}
.swatch_heartbundles .captioned_media_square li.byline img {height: 16px; width: 16px}
.minimal_tabs__item--favorites > a:after {content: ""; display: inline-block; width: 10px; height: 10px; background-size: contain; background-image: var(--img-icon-chevron-down); background-size: 14px; background-position: 0px center; margin-left: 0.25em; background-repeat: no-repeat; transition: 0.1s ease-in-out}
body.with_touch #favorites_panel .ellipsis_menu {position: absolute; right: 10px; top: 220px}
body.with_touch #favorites_panel .ellipsis_menu--expanded {width: 120px}
body.with_touch #favorites_panel .ellipsis_menu--expanded li {height: auto}
body.with_touch #favorites_panel .bookmark_caption, body.with_touch .bundle_square__caption {width: 195px; overflow: hidden; white-space: nowrap}
.photo_gallery__background {overflow: hidden; position: relative; width: 210px; height: 210px; padding: 0; margin: 0}
#favorites_panel.with_tag_sidebar .bookmarks_view_grid {margin-left: 30px !important}
#favorites_panel.with_tag_sidebar #favorites_sidebar {display: block}
.tag_section li a {display: -ms-flexbox; display: -webkit-flex; display: flex}
#favorites_sidebar li {font-size: 0.8571428571rem}
#favorites_panel {min-width: 780px}
#favorites_panel .toolbar_v2 h1 {margin-top: 0.2em !important}
#favorites_panel .toolbar_builder__tool--option_picker .control_option_picker__icon {display: none !important}
#favorites_panel.with_tag_sidebar {min-width: 930px}
#favorites_panel #combined_bookmarks {margin: 10px; margin-top: 0; margin-right: 0; float: left; width: 750px}
#favorites_panel #combined_bookmarks form {margin-bottom: 30px; margin-top: 0px}
#favorites_panel .bookmarks_view_grid {left: 0; width: 100% !important; min-width: 700px; margin-right: 30px !important; float: none !important; padding-bottom: 200px}
.bookmark_results--grid {display: grid; grid-template-columns: repeat(auto-fill, 220px); grid-gap: 8px; justify-content: space-between}
.favorites__query {width: 440px}
#favorites_panel .bundle_square .nameplate {top: 156px; left: 2px; width: 198px; height: 44px}
#favorites_panel .bundle_square .square_thumbnail {height: 44px; width: 44px; border-radius: 2px; margin-right: 2px}
.bookmark_brief {display: -ms-flexbox; display: -webkit-flex; display: flex; -ms-align-items: center; -webkit-align-items: center; align-items: center}
.bookmark_brief__thumbnail {width: 100px; -ms-flex: none; -webkit-flex: none; flex: none}
.bookmark_brief__thumbnail img {box-shadow: none}
.favorites_modal__advanced_search {padding: 2em; display: flex; flex-direction: column; align-items: center}
.favorites_modal__advanced_search .clicker_v2 {width: 12em; margin-bottom: 1em; display: flex; align-items: center; white-space: nowrap}
.favorites_modal__advanced_search .clicker_v2::after {content: "→"; text-align: right; display: block; width: 100%; flex-grow: 1}
body.patterns_show .core_item_inner {float: none}
body.patterns_index h2 {font-size: 20px; line-height: 32px}
body.patterns_index h2::first-letter {text-transform: capitalize}
body.patterns_index h2 .o-icon {width: 32px !important; height: 32px !important; vertical-align: top; margin-left: 8px}
body.patterns_index .photo_gallery__background {transition: filter 0.1s}
body.patterns_index .tag_set {padding-right: 4px}
body.patterns_index .grid .grid {margin-bottom: 60px}
body.patterns_index #suggestion_anchor {background: white url(/images/filter-tip.png) no-repeat}
.pattern__search__field {display: -ms-flexbox; display: -webkit-flex; display: flex; margin-top: 1em}
.pattern__search__field #query {width: auto; margin-bottom: 1px; padding-left: 8px; -ms-flex-grow: 1; -webkit-flex-grow: 1; flex-grow: 1}
.pattern__search__field .clicker_v2 {line-height: normal !important; margin-left: 16px; font-size: 0.8571428571rem}
.pattern__search__field #inline_label {height: 16px; margin: 0; line-height: 16px; font-size: 0.95em}
body:not(.with_navigation_v2) .pattern__search__field #query {width: 270px}
#category_cloud li {float: left; white-space: nowrap; padding: 2px; margin-bottom: 5px; margin-right: 10px; height: 1.1em; text-decoration: none}
body.patterns_eu .shop_result {padding-bottom: 18px}
body.patterns_recent .recent {display: -ms-flexbox; display: -webkit-flex; display: flex; -ms-flex-wrap: wrap; -webkit-flex-wrap: wrap; flex-wrap: wrap}
body.patterns_popular .clicker_v2--advanced_search, body.patterns_recent .clicker_v2--advanced_search {margin-left: 5px}
body.patterns_popular .categories ul, body.patterns_recent .categories ul {margin-bottom: 1em}
body.patterns_popular .categories ul a, body.patterns_recent .categories ul a {text-decoration: none; display: block; padding: 2px 1px 2px 1px}
body.patterns_popular .categories ul a.selected, body.patterns_recent .categories ul a.selected {background-color: var(--color-background-selected)}
body.patterns_popular .categories ul ul, body.patterns_recent .categories ul ul {padding-left: 1em}
body.patterns_popular .categories ul ul li, body.patterns_recent .categories ul ul li {padding: 1px}
body.patterns_popular .categories ul ul ul, body.patterns_recent .categories ul ul ul {font-size: 1em}
body.patterns_popular .page_bar_2, body.patterns_recent .page_bar_2 {height: 30px; margin-top: 20px}
body.patterns_popular .categories > ul, body.patterns_attributes .categories > ul, body.patterns_recent .categories > ul {padding-right: 32px}
body.patterns_popular .rank, body.patterns_attributes .rank {float: left; width: 2em; font-size: 1.4285714286rem}
body.patterns_popular .search_result, body.patterns_attributes .search_result {float: left; clear: none; width: 600px; margin-top: 0px; margin-bottom: 1em}
body.patterns_popular .search_result .pattern_name, body.patterns_attributes .search_result .pattern_name {display: flex; align-items: center}
body.patterns_popular .search_result .pattern_name .o-icon, body.patterns_attributes .search_result .pattern_name .o-icon {order: -1}
body.patterns_popular .search_result .details, body.patterns_attributes .search_result .details {line-height: var(--line-height-base)}
body.pattern_search_index .page_links {padding-left: 12em; padding-right: 12em}
body.pattern_search_index .page_links .previous_page {margin-left: -10em; float: left}
body.pattern_search_index .page_links .next_page {margin-right: -10em; float: right}
body.pattern_search_index .page_links .pagination {width: 100%}
body.pattern_search_index h2 {font-weight: normal}
body.pattern_search_index .pattern {width: 190px; float: left}
body.pattern_search_index a.button {width: 90px; cursor: pointer; display: block; float: left; color: #666666; background-color: #f3f3f3}
body.pattern_search_index a.active_button {color: black; background-color: white}
body.pattern_search_index form#search_form {padding-left: 250px}
body.pattern_search_index #content {width: 100%}
body.pattern_search_index #pattern_search {margin-left: 20px}
body.pattern_search_index #search_results {float: left; padding-left: 20px; padding-right: 20px}
body.pattern_search_index #search_filters .filter_box {background: transparent url(/images/accordion-filter-left.png); height: 29px; padding-left: 10px; float: left; cursor: pointer}
body.pattern_search_index #search_filters .filter_box .filter {background: transparent url(/images/accordion-filter-right.png) top right; height: 29px; padding-top: 5px; padding-right: 6px}
body.pattern_search_index #search_filters .negated_box {background: transparent url(/images/accordion-filter-left-negated.png)}
body.pattern_search_index #search_filters .negated_box .filter {background: transparent url(/images/accordion-filter-right-negated.png) top right}
body.pattern_search_index #pattern_search_menu {width: 250px; float: left; margin-left: -250px}
body.pattern_search_index #pattern_search_menu .accordion_toggle {margin-top: 0px; display: block; cursor: pointer; background: white url(/images/accordion-heading.png) no-repeat; height: 16px; padding: 4px; padding-left: 10px; width: 230px; font-size: 1.1em; font-weight: normal}
body.pattern_search_index #pattern_search_menu .accordion_toggle img.add {cursor: pointer}
body.pattern_search_index #pattern_search_menu .accordion_toggle .title {float: left}
body.pattern_search_index #pattern_search_menu .accordion_toggle .shortcut {float: right; padding-right: 10px; padding-top: 2px; color: #aaaaaa; font-family: monospace}
body.pattern_search_index #pattern_search_menu .last {height: 25px}
body.pattern_search_index #pattern_search_menu .accordion_top {background: white url(/images/accordion-top.png) no-repeat scroll -1px -5px; height: 5px}
body.pattern_search_index #pattern_search_menu .accordion_content {overflow: hidden; background: white url(/images/accordion-content.png) repeat-y scroll -1px 0px}
body.pattern_search_index #pattern_search_menu .accordion_bottom {background: white url(/images/accordion-bottom.png) no-repeat scroll -1px -1px; height: 5px}
body.pattern_search_index #pattern_search_menu table {margin-left: 10px}
body.pattern_search_index #pattern_search_menu td.attribute {width: 90px; overflow: hidden}
body.pattern_search_index #pattern_search_menu input.single {width: 110px}
body.pattern_search_index #pattern_search_menu input.range {width: 45px}
body.pattern_search_index #pattern_search_menu select {width: 112px}
body.pattern_search_index #pattern_search_menu select.range {width: 47px}
body.patterns #pattern_source select {width: 246px}
body.patterns .chooser {text-decoration: none; font-size: 0.8571428571rem; padding-top: 8px; display: inline-block}
body.patterns .chooser img {vertical-align: top !important}
body.patterns .main_form fieldset {margin-bottom: 1.2em}
body.patterns .field .selector {width: 300px; float: left; line-height: 1.4em}
body.patterns ul.tag_set .more_tags {background-color: transparent; display: block; width: 100%; font-size: 1rem; margin-top: 8px}
body.patterns ul.tag_set img {padding: 0}
body.patterns form ul.tag_set a {padding: 0px !important}
body.patterns form ul.tag_set a.attribute_name {padding-right: 5px !important}
body.patterns_queues h3 {margin-top: 10px; margin-bottom: 0.5em}
body.patterns_queues p {margin-bottom: 0.5em}
body.patterns_queues .recent {margin-bottom: 16px; width: 100px; text-align: center; height: 150px; margin-right: 20px; float: left}
body.patterns_queues .recent .avatar {margin-bottom: 5px}
.source_group_bibliography {margin-top: 30px; display: -ms-flexbox; display: -webkit-flex; display: flex; -ms-flex-wrap: wrap; -webkit-flex-wrap: wrap; flex-wrap: wrap}
.bibliography__item_cover {width: 23%; width: calc(25% - 12px); margin-right: 12px; height: 200px; float: left; text-align: center; margin-bottom: 2em}
.bibliography__item_cover img {box-shadow: none; border: 1px solid var(--color-border-dark); margin-bottom: 5px}
.bibliography__item_title {width: 155px; margin-left: auto; margin-right: auto}
h2.bibliography__header {margin-bottom: 40px; margin-top: 12px; -ms-flex-shrink: 0; -webkit-flex-shrink: 0; flex-shrink: 0; width: 100%}
.patterns__landing__debut {display: -ms-flexbox; display: -webkit-flex; display: flex; -ms-flex-wrap: wrap; -webkit-flex-wrap: wrap; flex-wrap: wrap}
.patterns_landing__new h3 {margin-top: 32px; margin-bottom: 8px}
.patterns_landing__new .media_square--mobile {margin-bottom: 24px; padding-bottom: 0}
.patterns_landing__new .media_square_scroller_wrapper--small .media_square {margin-right: 24px}
.patterns_landing__new .media_square_scroller_wrapper--small .photo_frame {margin: 0 !important}
.patterns_landing__new .media_square_scroller_wrapper--small .photo_border {border: 1px solid var(--color-border-dark)}
.patterns__landing__debut__pattern {display: -ms-flexbox; display: -webkit-flex; display: flex; margin-bottom: 24px; width: 100%}
.patterns__landing__debut__pattern .grid_photo {padding: 0; margin-right: 12px}
.patterns__landing__debut__pattern li {line-height: 1.666; overflow-wrap: break-word; word-wrap: break-word; -ms-word-break: break-all; word-break: break-word; -ms-hyphens: auto; -moz-hyphens: auto; -webkit-hyphens: auto; hyphens: auto}
.patterns__landing__debut__pattern {width: 50%}
.project_spotlight_section {width: 100vw; margin-left: 50%; transform: translateX(-50%); background-color: var(--color-teal-01); background-color: var(--color-background-sidebar); margin-bottom: 50px}
.project_spotlight_section__wrapper {padding-left: calc(50vw - 484px); padding-right: calc(50vw - 484px)}
.project_spotlight_section__wrapper h2 {display: block; text-align: center; padding: 24px; text-transform: capitalize}
.project_spotlight_projects {display: -ms-flexbox; display: -webkit-flex; display: flex; -ms-justify-content: space-evenly; -webkit-justify-content: space-evenly; justify-content: space-evenly}
.project_spotlight--1x3 {margin-right: 50px}
.project_spotlight--3x3 {margin-left: 50px}
.project_spotlight__title {height: 1.3em; margin-bottom: 0; display: block !important; margin-bottom: 12px; font-size: 1rem}
.project_spotlight__description {font-weight: normal; font-size: 0.65em; letter-spacing: normal; padding-left: 0.25em}
body.patterns .projects_search_form {position: relative; margin: 2em 0}
body.patterns_posts #search {width: 380px}
.pattern_posts__form {margin-top: 0 !important; margin-bottom: 32px !important}
body.patterns_index div.auto_complete {z-index: 101; width: 349px !important; margin-top: 0px}
body.patterns_show .core_item_content__text_block--notes {max-width: 500px; overflow: hidden}
body.patterns_people #projects_form {margin-bottom: 32px}
body.patterns_index .grid_7 .grid_7 {width: 390px}
body.patterns_index #content > .grid_7 {margin-right: 20px; margin-left: 0px}
body.patterns_index #content > .grid_9 {margin-right: 0px; margin-left: 20px}
.patterns_landing__search {overflow: visible}
.patterns_landing__search form {width: 351px}
.patterns__landing__highlights__photos {display: -ms-flexbox; display: -webkit-flex; display: flex; -ms-flex-wrap: wrap; -webkit-flex-wrap: wrap; flex-wrap: wrap}
.patterns__landing__highlights__photos .media_square {padding-bottom: 0px; margin-right: 8px; margin-bottom: 24px}
.patterns__landing__highlights__photos .media_square li.byline {max-height: auto; height: auto}
body.source_groups_show .toolbar_v2 {padding: 1em 1em 2em 0em}
.patterns .show .downloadable {margin-top: 15px}
.patterns .show .downloadable {margin-top: 15px}
.price_note--local_price {font-weight: normal; font-size: 0.8em; padding-top: 2px}
.patterns .footer_tools {width: 650px}
body.recommended_patterns .grid_photo {background-image: none; margin-left: -9px}
body.pattern_history .toolbar_builder {margin-bottom: 2em}
.gift #duplicate_warning {padding: 3px; text-align: center; background-color: var(--color-dialog-warning-background); border: 1px solid var(--color-dialog-warning-border)}
#timeline_preferences h2 {font-size: 1rem}
body.pattern_sources_patterns #content {min-width: 970px}
.pattern_source__patterns--medium .media_square_group {display: -ms-flexbox; display: -webkit-flex; display: flex; -ms-flex-wrap: wrap; -webkit-flex-wrap: wrap; flex-wrap: wrap}
.pattern_source__overview__section--notes, .pattern_source__overview__section--buy {margin-top: 32px}
body.pattern_sources_projects .page_bar {margin-top: 32px; margin-bottom: 16px}
.pattern_source__designer .avatar {border: 1px solid var(--color-border-dark)}
.pattern_source__designer img {border: none}
.pattern_source_sidebar {float: left; width: 280px}
.destash_results {margin-top: 1em}
.destash_results .page_bar_1 {margin-bottom: 2em}
.destash_listing {margin-bottom: 3em}
.destash_listing__user {float: left; width: 200px; text-align: center; font-size: 1em}
.destash_listing__user .avatar_medium {margin-left: auto; margin-right: auto; margin-bottom: 1em}
.destash_listing__updated {margin-bottom: 1em}
.destash_listing__asking img {float: left; margin-right: 1em; margin-top: 0.5em}
.destash_listing__asking__option {min-width: 100px; float: left; display: inline-block; padding: 4px; text-align: center; margin-right: 1em; text-decoration: none; border: 1px solid var(--color-border-dark)}
.destash_listing__asking__option__blank {color: #aaa}
.destash_listing__asking__option--for_sale {background-color: var(--color-teal-01)}
.destash_listing__asking__option--for_trade {background-color: var(--color-yellow-01)}
.destash_listing__details {float: left}
.destash_listing__notes {font-size: 1.2em; margin-top: 1em; max-width: 600px}
.destash_listing__notes--empty {color: #aaa}
.pattern_source__groups {display: -ms-flexbox; display: -webkit-flex; display: flex; -ms-flex-wrap: wrap; -webkit-flex-wrap: wrap; flex-wrap: wrap}
body.pattern_sources .patterns_tab {display: -ms-flexbox; display: -webkit-flex; display: flex}
body.pattern_sources .patterns_tab .media_square_200 {width: 207px; margin-right: 12px}
body.pattern_sources .patterns_tab .media_square_200--last {margin-right: 0px}
#source_tools {margin: 1em 0 2em 0; width: 680px}
.pattern_source__overview__photo img {border-radius: 3px; border: 1px solid #ddd; max-width: 240px}
.pattern_source__overview__photo--placeholder {border: none}
.pattern_source__overview__photo--placeholder .ravelry_downloads_banner {margin: 8px 0; display: inline-block; margin-left: auto; margin-right: auto}
.pattern_source__overview__photo--placeholder img {border: none}
.pattern_source__overview__notes {text-align: left}
.pattern_source__overview__notes h3 {margin-top: 3em}
.pattern_source__overview .form_select {margin-left: 11px}
.pattern_source__overview__section--language {padding: 5px; padding-bottom: 10px}
.pattern_source__overview__section--language ul {margin-left: 0}
.pattern_source__overview__section--buy {margin-left: -3px}
.pattern_source__overview__section--worldcat {margin: 2em 0; text-align: center}
.pattern_sources .sidebar .overview {float: left; margin-top: 0; width: 270px; margin-right: 45px}
.pattern_sources .sidebar .particulars {text-align: center}
.pattern_source__overview__photo {text-align: center}
.pattern_sources_patterns .page_links {margin-top: 1em}
.pattern_sources_patterns .page_links .pagination {width: 330px}
.pattern_sources_projects form.short {margin: 10px; height: 2.5em}
.pattern_sources .patterns {width: 680px; float: left}
.pattern_sources .overview .featured_image, .pattern_sources .overview .site {border: 1px solid #999999}
.pattern_sources_edit label {width: 120px}
.pattern_sources_edit fieldset {width: 430px; margin-bottom: 1em}
.pattern_sources_edit input, .pattern_sources_edit select {width: 300px}
.pattern_sources_edit .form_select {width: 301px}
.pattern_sources_edit #date_publication_date_month {width: 215px}
.pattern_sources_edit #date_publication_date_year {width: 80px}
.pattern_sources_edit span.clicker {float: right}
.pattern_sources .sidebar .title {margin-top: 10px; font-size: 1.1em}
.pattern_sources_show .binding {font-size: 0.95em}
.pattern_sources_show .author {margin-bottom: 10px}
.pattern_sources_discussions .page_links .pagination {width: 400px}
.pattern_sources_discussions table {margin-bottom: 1em}
.pattern_sources_show #features, .pattern_sources #discussions {float: left; width: 645px}
.pattern_sources #discussions {padding-top: 1em}
.pattern_sources_show .feature .more {float: right; margin-top: -2.5em}
.pattern_sources_show .avatar {float: none; margin-left: auto; margin-right: auto; margin-bottom: 0.5em}
.pattern_sources_show .designer {text-align: center; width: 150px; height: 180px; float: left}
.pattern_sources_show .feature ul {margin-top: 1em; margin-left: 10px}
.pattern_sources_show li.additional_designer {float: left; width: 200px; padding: 2px}
.pattern_sources #groups .group {width: 150px; text-align: center; float: left; margin-bottom: 10px; margin-right: 10px}
.pattern_sources_show #features h3, #subsections h3 {font-weight: normal; margin-top: 1em; margin-bottom: 0.5em; padding-bottom: 0.5em}
.pattern_sources_show #features h3 {margin-top: 32px}
.pattern_sources_show #features #fos a img {border: 1px solid var(--color-border-dark); box-shadow: none}
.pattern_sources_show #features .feature {padding-bottom: 32px}
.pattern_sources_show #favorited_projects_large_screen a {margin: 5px; display: inline-block}
.pattern_sources_show #features .featured_pattern .name {display: block}
.pattern_sources_show #features .featured_pattern .framed_photo {margin-left: auto; margin-right: auto}
.pattern_sources_show #features #featured_projects .favorite {width: 90px; text-align: center; float: left}
.pattern_sources_show #features #featured_projects .favorite img {border: 1px solid var(--color-border-dark); box-shadow: none; margin-bottom: 5px}
.pattern_sources_show #features .featured_pattern .stats {margin-top: 0.5em}
.pattern_sources_show #features #threads table {margin-top: -0.75em}
.pattern_sources_show #features #threads h3 {border: none}
.pattern_sources_show #features h3 img {vertical-align: bottom; padding-top: 2px}
.pattern_sources_show #features .featured_pattern {width: 215px; text-align: center; float: left}
.pattern_sources #edit_panel {margin-top: 10px}
.pattern_sources input#association {width: 220px}
.pattern_sources #edit_panel form.edit_form {width: 600px; float: left}
.pattern_sources #edit_panel #source_overview {width: 300px; float: left}
.pattern_source__out_of_print {padding: 5px; text-align: center; margin: 1em; background-color: var(--color-dialog-warning-background); border: 1px solid var(--color-dialog-warning-border)}
@keyframes cart_ellipsis_1 {0% {opacity: 0}
25% {opacity: 1}
}
@keyframes cart_ellipsis_2 {0% {opacity: 0}
50% {opacity: 1}
}
@keyframes cart_ellipsis_3 {0% {opacity: 0}
75% {opacity: 1}
}
body.carts .ellipsis_1 {animation: cart_ellipsis_1 2s step-end infinite}
body.carts .ellipsis_2 {animation: cart_ellipsis_2 2s step-end infinite}
body.carts .ellipsis_3 {animation: cart_ellipsis_3 2s step-end infinite}
body.carts .checkout__animation {width: 200px; height: 200px}
body.carts .checkout__animation--animated {display: block}
body.carts .checkout__animation--static {display: none}
body.carts .with_reduced_motion .checkout__animation--animated {display: none}
body.carts .with_reduced_motion .checkout__animation--static {display: block}
@media (prefers-reduced-motion: reduce) {body.carts .checkout__animation--animated {display: none}
body.carts .checkout__animation--static {display: block}
}
body.carts_redeem #content {margin-top: 50px; margin-left: 0; margin-right: 0; width: 100%; padding-top: 0; padding-left: 0; padding-right: 0}
.checkout__yarn_wave {display: -ms-flexbox; display: -webkit-flex; display: flex; -ms-align-items: flex-end; -webkit-align-items: flex-end; align-items: flex-end}
.checkout__loading__wave {width: 500px; overflow: hidden; z-index: -1}
.checkout__loading__wave #loading_wave {animation: checkout_loading_wave 8s linear infinite}
@keyframes checkout_loading_wave {0% {transform: translate3d(0, 0, 0); stroke-dashoffset: 0}
100% {transform: translate3d(-500px, 0, 0)}
}
body.carts_index .cart {margin-bottom: 80px}
.cart_content .o-icon--coupon_code {width: 24px !important; height: 24px !important}
.cart_content table {margin-top: 20px; margin-bottom: 20px}
.cart_content .buttons {margin-top: 20px}
.cart_content #coupon_form {display: block; margin-bottom: 16px; padding-right: 0 !important}
.cart_content__delete {float: left}
.cart_content__coupon {max-width: 500px; display: inline-block; margin-right: 4px}
.cart__heading {display: -ms-flexbox; display: -webkit-flex; display: flex}
.cart__heading__title {width: 100%}
.cart__heading__title h2 {margin-bottom: 16px}
body.redeem_action {background-color: white}
body.redeem_action #redeem_wrapper {background-image: url(/images/assets/ravelry/redeem-background.png); background-image: var(--img-ravelry-redeem-background); background-size: 1000px; background-color: var(--color-teal-02); background-color: var(--color-redeem-background); height: 100%; height: 100vh; background-repeat: repeat}
body.redeem_action #redeem {background-color: white; margin-left: auto; margin-right: auto; border: 1px solid var(--color-border-dark); box-shadow: var(--global-box-shadow-size) var(--global-box-shadow-size) 0 0 var(--color-border-dark); top: 80px}
body.redeem_action #redeem h1 {text-align: center; font-size: 2.1428571429rem; text-transform: capitalize}
body.redeem_action #redeem form {margin-top: 32px}
body.redeem_action #redeem form .errors {margin: 2em 0}
body.redeem_action #redeem form fieldset {margin: 0; margin-bottom: 32px}
body.redeem_action #redeem form fieldset.redeem__submit {text-align: center; margin-bottom: 0}
body.redeem_action #redeem form label {font-weight: bold; padding-right: 10px}
body.redeem_action #redeem form input {font-size: 20px; padding: 4px; margin-top: 4px; box-sizing: border-box}
#cart_dialog {border: 1px solid var(--color-border-dark); box-shadow: 0 2px 4px rgba(0, 0, 0, 0.5)}
body.redeem_action #redeem {padding-top: 80px; max-width: 300px; padding: 48px}
body.redeem_action #redeem input {width: 100%}
#gift_popup_body .avatar_medium {float: left}
#gift_popup_body .gift_message {width: 270px; float: left; padding-left: 10px; margin-bottom: 16px}
#gift_popup_body .gift_message .markdown {height: 120px; width: 270px; padding: 5px; border: 1px solid #cccccc; overflow: scroll; overflow-x: hidden}
#gift_popup_body .gift_message_no_avatar {width: 350px}
#gift_popup_body .gift_message_no_avatar .markdown {width: 350px}
#gift_popup_body big {margin-right: 16px}
#cart_dialog {width: 650px; background-color: var(--color-modal-background); margin-left: auto; margin-right: auto}
#cart_dialog .heading h2 {float: left}
#cart_dialog .heading .close {float: right; display: inline-block}
#cart_dialog .heading .close a {padding: 16px; position: absolute; right: 0; top: 0}
#cart_dialog .heading .close img {vertical-align: middle}
#cart_dialog .cart {margin-bottom: 4em}
body.external #cart_dialog {width: auto; border-width: 0px; border-style: none; box-shadow: none}
body.external #cart_dialog .heading .close {display: none}
form.cart .items td, form.cart .items th {padding: 8px}
form.cart .items .square_thumbnail {margin: 4px}
form.cart td {font-size: 1em}
form.cart .avatar_small {float: left; margin-right: 20px; margin-bottom: 5px}
form.cart .indicator {display: inline}
form.cart .clicker button {width: 160px}
form.cart .address {margin-top: 1em; width: 500px}
form.cart .address legend {font-size: 1.1em; margin-bottom: 1em; padding: 0}
form.cart .address label {width: 150px}
form.cart .address input, form.cart .address select {width: 250px}
body.with_frontend_v1_2 #store_marquee {float: left; height: auto; position: relative; margin-right: 40px}
body.with_frontend_v1_2 #store_marquee h2 {position: absolute; bottom: 30px; left: 0; right: 0; text-align: center; color: #000}
body.with_frontend_v1_2 #ravelry_store_header {display: -ms-flexbox; display: -webkit-flex; display: flex; margin-bottom: 40px}
body.with_frontend_v1_2 #store_logo {width: 230px; height: auto}
body.with_frontend_v1_2 .ravelry_store_header__navigation {width: 100%}
body.with_frontend_v1_2 .ravelry_store_header__navigation__copy {max-width: 60ch; margin-left: auto; margin-right: auto; line-height: var(--line-height-base)}
#ravelry_store_header #store_logo {float: left}
#ravelry_store_header #ravelry_cart {width: 400px; float: right; text-align: right; font-size: 1em; padding-right: 5px; padding-top: 8px}
#ravelry_store_header #tabset {margin-top: -20px; margin-bottom: 15px}
.ravelry_store #inventory .family_product_0 td {border-top: 2px solid #cccccc}
.ravelry_store #feature {margin-right: 50px; margin-left: 20px; width: 290px}
.ravelry_store #product_column {width: 280px; margin-right: 20px}
.ravelry_store #product_column h4 {margin-top: 3px; text-align: center}
.ravelry_store #other_column {width: 300px}
.ravelry_store .welcome_column {float: left; margin-bottom: 20px}
.ravelry_store .welcome_column img {border: 1px solid #cccccc; padding: 1px; background-color: #eeeeee}
.ravelry_store .welcome_column h3 {font-weight: normal; margin-bottom: 1em}
.ravelry_store .welcome_column h4 {font-size: 1em; margin-bottom: 10px; margin-top: 10px}
.ravelry_store .product_grid .product {margin-bottom: 3px; width: 140px; height: 140px; float: left}
.ravelry_store .product_list .square_thumbnail {float: left; margin-right: 10px}
.ravelry_store .product_list .product {margin-bottom: 7px}
.ravelry_store .product_list ul {float: left; width: 200px; height: 50px; margin-top: 10px; overflow: hidden}
.ravelry_store .product_list ul .price {font-size: 1.2em; padding: 10px}
.ravelry_store .forum_glance h2 {float: none}
.ravelry_store .forum_glance form {width: 960px}
.ravelry_store .forum_glance form #q {width: 400px}
.ravelry_store .forum_glance .controls {width: 960px; float: none; text-align: right; margin-bottom: 1em; margin-top: -2em}
.ravelry_store table.topics {width: 960px}
.ravelry_store table.topics .title, .ravelry_store table.topics .title_heading {width: 500px}
#pricing ul.sizes li {width: 70px; height: 50px; float: left; display: block; font-size: 1.4em; text-align: center}
#pricing ul.sizes a {background: transparent url(/images/store-button-2.png) no-repeat; display: block; text-align: center; text-decoration: none; margin: 5px; margin-bottom: 0px; line-height: 45px}
#pricing ul.sizes .clicker_icon a {background: none}
#pricing ul.sizes .sold_out a {background: transparent url(/images/store-button-2-dim.png) no-repeat}
#product_page {margin-top: 15px}
#product_page .gallery .zoomable_photo {display: inline-block; padding-right: 16px}
#product_page .square_thumbnail {border: 1px solid var(--color-border-dark); box-shadow: none}
#product_page .similar_item img {border: 1px solid var(--color-border-dark) !important; box-shadow: none}
#product_page h3 {font-size: 1.2em; font-weight: normal; padding-bottom: 4px; margin-bottom: 0.25em; margin-top: 1em}
#product_page h3 img {vertical-align: bottom}
#product_photo_album .tabs {margin-top: 20px}
body.carts h1.progress {line-height: 37px; font-size: 1.2em; letter-spacing: 0px}
body.carts h1.progress span.dim {color: #cccccc}
body.carts h1.progress span.arrow {padding-left: 5px; padding-right: 5px}
#price_editor_content {background-image: none; background-color: var(--color-background); box-shadow: var(--global-box-shadow-size) var(--global-box-shadow-size) 0 0 var(--color-border-dark)}
#price_editor_content .title {margin-bottom: 2em}
#price_editor_content .field {height: 2em}
.receipt__footer {border-top: 1px dotted #cccccc; margin-top: 8em; padding-top: 1em}
.confirm_cart__heading, .confirm_cart__subheading {font-size: 1.5em}
.confirm_cart__subheading {font-weight: normal}
.confirm_cart__table {margin-top: 3em}
.confirm_cart__row--total {border-top: 1px solid #ccc}
.confirm_cart__row--actions .confirm_cart__label, .confirm_cart__row--actions .confirm_cart__value {padding-top: 2em; line-height: normal !important}
.confirm_cart__label, .confirm_cart__value {padding: 0.5em 0.25em 0.5em 0.25em; font-size: 1.2em}
.confirm_cart__value {text-align: right}
.confirm_cart__table {width: 400px}
body.help h2 {margin-top: 1em; clear: both}
body.help h3 {font-size: 1.5em; margin: 0.5em 0}
body.help p {margin-bottom: 1em}
body.help .help__guides {display: -ms-flexbox; display: -webkit-flex; display: flex}
body.help .guide__image {display: block; height: 200px; display: -ms-flexbox; display: -webkit-flex; display: flex; -ms-align-items: center; -webkit-align-items: center; align-items: center; -ms-justify-content: space-around; -webkit-justify-content: space-around; justify-content: space-around}
body.help .guide__image img {height: 75%; width: auto}
body.help .guide__image img.o-illustration--sheep {height: auto; width: 100%}
body.help .guide {width: 18%; margin: 1em 1.3em 3em 0; float: left}
body.help .guide .title {text-align: center; font-size: 1.4em}
body.help .guide img {padding-left: 15px}
body.help .guide a {text-decoration: none; color: var(--color-text)}
body.help .guide a:visited {color: var(--color-text)}
body.help .guide a:hover {background: none}
body.help .search {clear: both; width: 90%}
body.help .tagline {margin-top: 1em; margin-bottom: 1em; font-style: italic}
body.help .faqs li {list-style-type: disc; margin-left: 2em; line-height: 32px}
body.help .faqs a {text-decoration: none}
body.help .faqs_link, body.help .news_items_link {margin-top: 0.5em}
body.help .news_items li {list-style-type: disc; margin-left: 2em; line-height: 32px}
body.help .news_items a {text-decoration: none}
body.help .tips li {list-style-type: disc; margin-left: 2em; line-height: 32px}
body.help .tips a {text-decoration: none}
body.help .help_videos li {float: left; width: 400px; margin: 0 1em 1em 0}
body.help .contact_links {margin-bottom: 1em}
body.help ul.ch_results {margin-right: 2em; margin-top: 1em}
body.help li.ch_result {margin-bottom: 2em}
body.help .ch_name {font-size: 1.3em; display: block; font-weight: bold; margin-bottom: 0.25em}
body.help .ch_excerpt {font-size: 1.1em; line-height: 1.55em; width: 860px}
body.help .match {background-color: var(--color-background-highlighted)}
body.help_index h2 {margin-top: 0; padding-top: 2em}
body.help_index h2:first-of-type {padding-top: 0}
body.faqs_index h2, body.faq_categories h2 {margin-bottom: 8px}
body.faqs_index li, body.faq_categories li {font-size: 1rem}
body.faqs_show #wiki_content li {margin-bottom: 8px}
body.faqs_show #wiki_footer .clicker {margin-top: 16px}
body.faqs .faq_content {float: left; width: 60%; margin-right: 2em}
body.faqs .more_faqs {float: left; width: 30%}
body.help_helpers p {margin-bottom: 1em}
body.help_helpers h2 {margin-bottom: 0.5em}
body.help_helpers .people {margin-top: 1em; margin-bottom: 2em}
body.help_search .page_links {margin-top: 1em}
body.help_search .column {margin-bottom: 30px}
body.help_search .column h2 {font-size: 1em; background: #f9f9f9 url(/images/table-header.png) repeat-x 5px; font-weight: normal; border: 1px solid #cccccc; padding: 3px}
body.help_search .column .result {width: 210px; float: left; height: 250px; padding: 5px; margin: 5px; border: 1px solid #cccccc}
body.help_search .column .result .title {font-size: 1em; margin-bottom: 0.5em; height: 2.5em; overflow: hidden}
body.help_search .column .result .when {color: #555555; margin-top: 0.5em; font-size: 0.95em}
body.help_search .column .result .excerpt {height: 155px; overflow: hidden}
body.help_search .column .result .thumb {width: 50px; height: 50px; overflow: hidden; border: 1px solid #999999; float: left; margin: 5px}
body.help_search .column .result .thumb img {width: 50px}
#help_dialog_content {height: 500px; overflow: auto; overflow-x: hidden; margin-bottom: 1em; width: 465px}
#help_dialog_content img {max-width: 451px}
#help_dialog_content h1 {font-weight: bold; font-size: 1.4em}
#help_dialog_content h2 {font-weight: bold; font-size: 1.2em; width: auto; margin-top: 0; text-align: left; padding-left: 0; border-bottom: 1px solid #cccccc; padding-top: 1em; margin-bottom: 1em; padding-bottom: 0.25em}
body.news_item .summary {margin-left: 5px; margin-bottom: 2em}
body.news_item .dateline {font-size: 0.9em; margin-top: 5px; margin-bottom: 5px}
body.fullscreen #organizer {position: absolute; top: 0; left: 0; bottom: 0; right: 0; height: 98%; height: 98vh}
body.fullscreen #organizer #collections, body.fullscreen #organizer #items {height: 90%; height: 90vh}
body.fullscreen #footer, body.fullscreen .sidebar {display: none}
.organizer__content {border: 1px solid var(--color-border-dark); border-top: none}
#organizer {background-color: var(--color-background); z-index: 1}
#organizer td select {margin-top: 0}
#organizer span.tag_word {cursor: pointer}
#organizer #chooser {width: 275px; padding: 10px; position: absolute; z-index: 100}
#organizer #chooser li {display: block; width: 110px; float: left; margin: 2px; border: 1px solid #cccccc; text-align: center; overflow: hidden}
#organizer #chooser li a {padding: 3px; display: block; width: 110px; height: 20px; color: var(--color-text); line-height: 20px}
#organizer #chooser li a:hover {background-color: var(--color-background-hover)}
#organizer #chooser .selected {background-color: var(--color-background-selected)}
#organizer #chooser .selected a {background-color: var(--color-background)}
#organizer #prepare_collection_contents {font-weight: normal; background-color: var(--color-infobox-sidebar-background); border-bottom: 1px solid var(--color-border-understated)}
#organizer #prepare_collection_contents .caption {font-size: 1em; padding: 4px; font-weight: bold}
#organizer #prepare_collection_contents form {padding: 5px}
#organizer #prepare_collection_contents label {display: block; margin-top: 0.5em; margin-bottom: 0.25em}
#organizer #prepare_collection_contents input {width: 150px}
#organizer #toolbar {border-bottom: 1px solid var(--color-border-dark); padding: 3px; padding-bottom: 12px}
#organizer #toolbar .page_links {height: auto; margin-top: 5px; width: 300px; width: calc(100% - 215px)}
#organizer #toolbar #buttons {float: left; width: 210px; margin-left: -5px}
#organizer #collections {float: left; width: 190px; border-right: 1px solid #cccccc; height: 500px; height: calc(100vh - 300px); overflow-y: auto; overflow-x: hidden}
#organizer #collections .title {color: #666666; font-size: 1.2em; padding: 5px}
#organizer #collections ul {margin-top: 5px}
#organizer #collections ul li {border-bottom: 1px solid var(--color-border-understated)}
#organizer #collections ul li a {padding: 4px; color: var(--color-text); display: block}
#organizer #collections ul li a:hover {background-color: var(--color-background-hover)}
#organizer #collections ul li fieldset a {display: inline}
#organizer #collections ul li span.folder {background-image: url("/images/assets/icons/folder.svg"); background-size: 16px; background-repeat: no-repeat; padding-left: 20px; display: block; float: left; overflow: hidden; width: 120px}
#organizer #collections ul li span.master_folder {background-image: url("/images/assets/icons/folder.svg"); background-size: 16px}
#organizer #collections ul li span#folder_1 {background-image: url("/images/assets/icons/queue.svg"); background-size: 16px 16px; background-position: 0px center}
#organizer #collections ul li span.tag {background-repeat: no-repeat; padding-left: 20px; display: block; float: left; overflow: hidden; width: 120px; background-image: url("/images/assets/icons/tag.svg"); background-size: 16px; background-position: -1px center}
#organizer #collections ul li span.count {display: block; padding: 1px; float: right; width: 20px; text-align: center}
#organizer #collections ul li img.edit {display: none; float: right; width: 16px}
#organizer #collections ul ul {display: none}
#organizer #collections li.selected {font-weight: bold; background-color: var(--color-background-selected)}
#organizer #collections li.selected .count {display: none}
#organizer #collections li.selected img.edit {display: block}
#organizer #collections li.selected ul {display: block; margin-left: 20px; padding: 3px; padding-top: 0}
#organizer #collections li.selected ul li {border-bottom: none; font-weight: normal}
#organizer #collections li.selected ul li a {padding: 0; display: inline}
#organizer #collections li.selected ul li.tagged {padding-bottom: 0.5em}
#organizer #collections li.selected ul img {vertical-align: bottom}
#organizer #items {height: 500px; height: calc(100vh - 300px); overflow-y: auto}
#organizer #items form {margin: 0}
#organizer #items form textarea {width: 100%; font-size: 1em; height: 4em}
#organizer #items table {margin-bottom: 0; border-top: none}
#organizer #items .square_thumbnail {width: 50px; height: 50px; font-size: 0.9em; line-height: var(--line-height-base)}
#organizer #items .controls {float: left}
#organizer #items a {text-decoration: underline}
#organizer #items a.selector {margin: 0 !important}
#organizer #items span.tag_word a {text-decoration: none}
#organizer #items span.collection_tag_word {background-color: var(--color-greyscale-01)}
#organizer #items span.collection_tag_word a {padding-left: 25px; background: white url(/images/silk-folder.png) no-repeat 5px center; background-image: url("/images/assets/icons/folder.svg"); background-size: 16px}
#organizer #items td {font-size: 1em}
#friends_panel #organizer td.edit_sets_cell {border-right-width: 0px}
#friends_panel #organizer td.edit_sets_tags {border-left-width: 0px}
#friends_panel #organizer span.collection_tag_word {border: none; clear: both}
#friends_panel #organizer span.collection_tag_word a {background-position: 5px 2px}
#friends_panel #organizer .edit_sets_link a {text-decoration: none}
#friends_panel #organizer a.edit_sets {background-repeat: no-repeat; padding: 2px 5px; padding-left: 5px; display: block; float: left; overflow: hidden; width: 66px; text-decoration: none; color: black; border: 1px solid #cccccc; background-image: url("/images/selector.gif"); background-position: 60px 3px}
#friends_panel #organizer a.ticky_text {color: black; text-decoration: none}
a.selector {display: block; width: 20px; float: left; margin-right: 5px; margin-top: 1px; text-decoration: none !important; color: black; padding: 1px; border: 1px solid var(--color-border-dark); background: var(--color-input-background) url(/images/assets/icons/arrow-chevron-down.svg) no-repeat scroll; background-image: var(--img-icon-chevron-down); background-size: 12px; background-position: center center}
body.reported_posts h1 {margin-bottom: 1em}
body.reported_posts h2 {margin-bottom: 0.5em; font-size: 1.2em}
body.reported_posts #details {float: left; width: 450px}
body.reported_posts #details table {margin-bottom: 20px}
body.reported_posts #details table tr.break td {padding-top: 1em}
body.reported_posts #details table td.label {width: 100px}
body.reported_posts #details #reported_forum_post {margin-top: 20px; border: 1px solid #cccccc; background-color: var(--color-background-card); padding: 1em; overflow: hidden}
body.reported_posts #details #reported_forum_post .avatar {float: left; text-align: center}
body.reported_posts #details #reported_forum_post .marker {font-size: 0.95em}
body.reported_posts #comments {float: left; width: 450px; margin-left: 40px}
body.reported_posts #comments #comment_list {margin-top: 2em}
.marketplace_preview {min-height: 310px; width: 244px}
.marketplace__vendor {margin-bottom: 1em}
.marketplace_preview .enabler_image img {border: 1px solid var(--color-border-dark); font-size: 0; width: 210px; height: 100px; border-radius: 2px; -moz-border-radius: 2px; -webkit-border-radius: 2px}
.marketplace_preview .enabler_image:hover {background-color: transparent; filter: contrast(120%); -webkit-filter: contrast(120%); -moz-filter: contrast(120%); -o-filter: contrast(120%); -ms-filter: contrast(120%)}
.marketplace_preview .enabler_image:hover img {border-color: #999 !important}
.marketplace__company {text-align: center; width: 210px; margin-top: 0.5em; display: inline-block}
.marketplace__company__avatar {width: 24px; height: 24px; margin-left: 1px; margin-right: 2px; vertical-align: middle; float: left}
.marketplace_company__name, .marketplace_company__location {height: 24px; overflow: hidden}
.marketplace__vendor .marketplace__company__info {overflow: hidden; white-space: nowrap}
.marketplace__company__info {display: block; text-align: center}
.marketplace__company__info a {text-decoration: none; font-size: 0.95em; color: var(--color-text-understated); line-height: 24px}
.marketplace__company__info--with_avatar {float: left; width: 180px}
.marketplace__more {margin-bottom: 2em; font-size: 1em}
.marketplace__more a {text-decoration: underline; font-size: 1em; color: var(--color-link-default)}
.marketplace__more a:visited {color: var(--color-link-default)}
.marketplace__category__country {margin-left: 1em}
.marketplace__flag {vertical-align: middle}
body.marketplace .page_bar_1 {margin-bottom: 2em}
body.marketplace #categories a, body.marketplace #categories a:visited {padding: 0.25em 2px 0.25em 2px; color: var(--color-text); display: block; width: 120px; height: 1.35em; text-decoration: none}
body.marketplace #categories a > img {vertical-align: middle; padding-right: 4px}
body.marketplace #categories .selected > a, body.marketplace #categories a.selected {background-color: var(--color-background-selected); font-weight: bold}
body.marketplace .card {width: 212px; height: 190px; float: left; margin-right: 38px; margin-bottom: 38px; background-color: var(--color-background-card)}
body.marketplace .card .asset_container {border: 1px solid #ccc; background-color: transparent; font-size: 0}
body.marketplace .card img.asset {width: 210px; height: 100px}
body.marketplace .local_card {height: 225px}
body.marketplace .vendor img.small_avatar_image {width: 50px; height: 50px; border: 1px solid #cccccc; float: left; margin-top: 13px; margin-left: 9px}
body.marketplace .vendor .info {margin-top: 10px; float: left; font-size: 1.1em; color: #333333; width: 210px; overflow: hidden; text-align: center}
body.marketplace .vendor .info .domain a {font-size: 0.9em; color: var(--color-text-understated); text-decoration: none}
body.marketplace .vendor .info .company {margin-top: 10px; height: 35px; overflow: hidden}
body.marketplace .vendor .info .company a {text-decoration: none}
body.marketplace .raveler_vendor .info {width: 150px}
body.marketplace_overview .card {margin-top: 0; margin-bottom: 0; float: none}
body.marketplace_overview .card img.asset {margin-left: -3px}
body.marketplace_overview .product {margin-bottom: 10px}
body.marketplace_overview .column {float: left; text-align: center}
body.marketplace_overview .column .subtitle {font-size: 1.1em; height: 2em; margin-top: 0.5em}
body.marketplace_overview .column .more {padding-top: 1em; text-align: right}
body.marketplace_overview #pattern_store_column {width: 200px; margin-right: 10px}
body.marketplace_overview #pattern_store_column .more {padding-right: 35px}
body.marketplace_overview #marketplace_column {width: 240px; margin-right: 30px}
body.marketplace_overview #marketplace_column .more {padding-right: 20px}
body.marketplace_overview #minimart_column {width: 320px; margin-right: 40px}
body.marketplace_overview #minimart_column .more {padding-right: 20px}
body.marketplace_overview #minimart_column a:hover {background-color: none}
.notebook__before_search {display: -ms-flexbox; display: -webkit-flex; display: flex; margin-bottom: 30px; margin-top: 40px}
.notebook__before_search > * {-ms-flex-grow: 1; -webkit-flex-grow: 1; flex-grow: 1; text-align: center}
.notebook__before_search .clicker + .clicker {margin-left: 4px}
.notebook_subnavigation {font-size: 20px; border-bottom: 1px solid black; background-color: var(--color-secondary-navigation-notebook-background)}
.notebook_subnavigation a {display: block; line-height: 70px; height: 70px; text-align: center; text-decoration: none; color: var(--color-text-reverse); font-weight: bold}
.notebook_subnavigation a:after {content: ""; display: inline-block; background-image: var(--img-secondary-navigation-notebook-chevron); background-size: 16px; width: 16px; height: 16px; background-position: center; background-repeat: no-repeat; vertical-align: middle; margin-left: 12px; transition: transform 0.1s linear}
.notebook_subnavigation img {width: 24px; height: 24px; vertical-align: middle; margin-right: 6px}
.content__inner .notebook_subnavigation {margin-left: -24px; margin-right: -24px}
body.with_action_sheet--notebook_action_sheet .notebook_subnavigation a:after {transform: rotate(180deg)}
.notebook_subnavigation--dark {background-color: var(--color-secondary-navigation-reverse-background)}
.notebook_subnavigation--dark a {color: var(--color-greyscale-01); font-weight: bold}
.notebook_subnavigation--dark a:after {background-image: var(--img-icon-chevron-down)}
.notebook_index {display: -ms-flexbox; display: -webkit-flex; display: flex; width: 100%}
.notebook_index__sidebar {-ms-flex: none; -webkit-flex: none; flex: none}
.notebook_index__sidebar .clicker_v2 {display: block; line-height: 30px !important; text-align: center; margin-bottom: 15px}
.notebook_index__sidebar .enabler_image img {margin-left: 3px}
.notebook_index__sidebar .zone_notebook_vertical .clipper_options {display: -ms-flexbox; display: -webkit-flex; display: flex}
.notebook_index__sidebar .zone_notebook_vertical .clipper_options a {margin: 0}
.notebook_index__sidebar .zone_notebook_vertical .clipper_options > * {width: 33%; font-size: 0; align-self: center; padding-top: 4px}
.notebook_index__sidebar .zone_notebook_vertical .clipper_country {vertical-align: top}
.notebook_index__content {width: 100%}
.notebook_index__content form {margin-top: 0}
.notebook_index__content a:not(.link--u), .notebook_index__content a:not(.link--u):visited {color: var(--color-text)}
.notebook_tools .toolbar_builder {margin-bottom: 20px}
#notebook_header .tabs {margin-top: 0}
#notebook_header .tabs--subnavigation strong {font-weight: initial}
.tabs--tabset_notebook .static_tab li a:hover {color: var(--color-teal-04) !important}
.notebook_thumbnail__quantity {text-align: center; cursor: pointer}
.notebook_thumbnail__quantity span {background-color: var(--color-background); color: var(--color-text); padding: 4px; font-size: 0.8571428571rem; border-radius: 10px; padding: 0 10px; display: inline-block; line-height: 22px; transition-delay: 0.1s; transition: padding-right 0.1s}
.notebook_thumbnail__quantity:hover span {padding-right: 24px; background-image: url(/images/assets/icons/arrow-right.svg); background-repeat: no-repeat; background-position: right 4px center}
.notebook_thumbnail__quantity--handspun {top: 189px !important}
.notebook_search {position: relative}
.notebook_search .menu_content {position: absolute; top: -9px}
.notebook_index__sidebar__content {margin-right: 20px; width: 150px; margin-top: 22px}
.notebook_thumbnails {display: grid; grid-gap: 12px; justify-content: space-between}
.notebook_thumbnails--thumbnail {grid-template-columns: repeat(auto-fill, 190px)}
.notebook_thumbnails--medium_photo {grid-template-columns: repeat(auto-fill, 214px)}
.notebook_thumbnails--large {grid-template-columns: repeat(auto-fill, 220px)}
.notebook_thumbnails--large .media_square_200 ul {margin-top: 8px}
.notebook_search .menu_content {left: -2px}
.notebook_search #filter_menu_options {width: 203px}
.notebook_search #search {width: 100px}
body.notebook a.breadcrumb_avatar {margin-left: 15px}
body.notebook #quicknav {width: 176px}
body.notebook .guest_notebook_page {padding-left: 40px}
.notebook_tools__search__input {width: 120px}
.notebook_navigation__header, .notebook_navigation__footer {display: none}
.notebook_sidebar {margin-left: -190px; width: 180px; float: left}
.notebook_sidebar .notification {margin-left: 5px; margin-top: 15px; width: 150px; font-size: 0.95em; color: #333333}
.notebook .thumbnail, .notebook_thumbnail {float: left; width: 190px}
.notebook .thumbnail .indicators, .notebook_thumbnail__indicators {padding-top: 5px; height: 2.5em; padding-left: 12px; font-size: 0.95em; margin-right: 4px}
.notebook .spinning_project_thumbnail .indicators {padding-top: 0}
.notebook_thumbnail__quantity {width: 168px; position: absolute; border: none; height: 22px; line-height: 22px; right: 12px; top: 195px}
.thumbnail .indicator {float: left; display: block; padding-right: 7px; text-decoration: none; display: -ms-flexbox; display: -webkit-flex; display: flex; -ms-align-items: center; -webkit-align-items: center; align-items: center}
.thumbnail .indicator img {margin-right: 4px}
.thumbnail .indicator img {vertical-align: middle}
.notebook .thumbnail .title, .notebook_thumbnail__title_container {text-align: center; height: 3em; position: relative}
.notebook .thumbnail .title a, .notebook_thumbnail__title {font-size: 1em; display: block; width: 168px; position: absolute; bottom: -5px; left: 15px; color: var(--color-text)}
.notebook .thumbnail .title a:visited, .notebook_thumbnail__title:visited {color: var(--color-text)}
.notebook .photo_border, .notebook_thumbnail .grid_photo {margin-top: 6px; margin-bottom: 5px}
.notebook .bookmarks .photo_border {margin-top: 0px; margin-left: 0px; margin-bottom: 0px}
.notebook_thumbnail .grid_photo {margin-bottom: 0px}
.notebook_panel {width: 960px; margin-top: -1px}
.notebook_page {padding-left: 210px; padding-right: 0px}
.notebook .panel {float: left; border: none; width: 100%; margin-left: -20px}
.notebook_thumbnail__indicators a {height: 16px; line-height: 16px}
.notebook_thumbnail__indicators img {vertical-align: middle}
.notebook_thumbnail__indicators__extra {text-align: right; float: right; margin-right: 2px}
.notebook_thumbnail__indicators__extra--completed {display: none}
.notebook_thumbnail__indicators__extra img {vertical-align: middle}
.notebook_thumbnail__indicators__extra a.percentage {border-bottom: 1px dotted}
.notebook_inventory {display: -webkit-flex; display: flex; margin-top: -2em; -webkit-flex-wrap: wrap; flex-wrap: wrap}
.inventory_block {border: 2em solid transparent}
.inventory_block__size--3 {max-width: 300px}
.inventory_block__title {font-size: 1.3em; font-weight: bold !important; margin-bottom: 1em}
.inventory_block__item {width: 100%}
.inventory_block__item a {display: -webkit-flex; display: flex; -webkit-align-items: center; align-items: center; width: 100%; color: var(--color-text); font-size: 1.2em; line-height: 1.5em; padding: 0.1em}
.inventory_block__item__label {-webkit-flex-grow: 1; flex-grow: 1; padding-right: 1em}
.inventory_block__item__label--with_thumbnail {display: -webkit-flex; display: flex; -webkit-align-items: center; align-items: center; height: 60px; overflow: hidden}
.inventory_block__item__label--with_thumbnail .square_thumbnail {margin-right: 1em; width: 50px; height: 50px; border: 1px solid var(--color-border-dark); box-shadow: none}
.inventory_block__item--hidden {display: none}
.inventory_block__item--hidden .inventory_block__item__count {font-weight: normal}
.inventory_block__note a {text-decoration: underline !important}
.inventory_block__note--toggled .inventory_block__note__label--toggled {display: block !important}
.inventory_block__note--toggled .inventory_block__note__label {display: none !important}
.inventory_block__item--visible {display: block}
.inventory_block__item--with_avatar a {line-height: 30px; height: 30px}
.inventory_block__item--with_avatar img {vertical-align: middle}
.inventory_block__item__count {-webkit-flex-grow: 0; flex-grow: 0; font-weight: bold}
.inventory_block--tree ul {margin-left: 20px}
.inventory_block--tree li {position: relative}
.inventory_block--tree li:before {position: absolute; left: -15px; top: 0px; content: ""; display: block; border-left: 1px solid #bbb; height: 1em; border-bottom: 1px solid #bbb; width: 10px}
.inventory_block--tree li:after {position: absolute; left: -15px; bottom: -7px; content: ""; display: block; border-left: 1px solid #bbb; height: 100%}
.inventory_block--tree li:last-child:after {display: none}
.tabs--tabset_messages {background-color: var(--color-background-secondary-navbar) !important}
.messages__checked_tool {visibility: hidden}
body.with_messages_checked .messages__checked_tool {visibility: visible}
.user_messages_container .resizable_table__cell a, .user_messages_container .resizable_table__cell-header a {text-decoration: none}
.message_contents__unread .u-line {display: block}
.message_contents__unread input.ticky + label {display: flex; font-size: 12px; font-size: 0.8571428571rem; text-align: left; width: 54px; line-height: 12px; padding-left: 0; margin-left: -1px; width: 60px; padding-left: 30px}
.message_contents__unread input.ticky + label::before {height: 100%; width: 20px; height: 20px; background-size: 20px; flex-shrink: 0; background-position: 0 center}
.message_contents__unread--replying {margin-top: 20px}
.user_messages_container {max-width: 1060px; margin-left: auto; margin-right: auto}
.user_messages_container #search_menu, .user_messages_container #compose_menu {margin-top: 32px !important; margin-bottom: 32px; border: none}
.user_messages_container #message_list {margin-top: 16px}
.user_messages_container #message_settings .form_select {display: inline-block; vertical-align: middle; margin-left: 8px}
#message_container {left: calc(50% - 350px); box-shadow: 0 2px 4px rgba(0, 0, 0, 0.5)}
#message_container {z-index: 15; position: absolute; width: 700px; padding: 16px; background-color: var(--color-background-window); left: calc(50% - 350px); left: calc(50vw - 350px); top: 220px; border: 1px solid var(--color-border-dark); padding-top: 0}
#message_container .inline_photo {float: left; margin-right: 10px; border: 1px solid #666666}
#message_container .approval_result {margin-top: 10px; display: block}
#message_container .compose_message .avatars {float: left; margin-left: 5px; margin-right: 10px; margin-bottom: 20px; width: 120px}
.compose_message__away_message_container {text-align: left; padding: 5px; margin-bottom: 1em; border: 1px solid var(--color-border-dark); border-color: var(--color-dialog-neutral-border); background-color: var(--color-dialog-neutral-background); margin-top: 26px; margin-bottom: 12px}
#message_container #away_message a {text-decoration: underline; font-weight: bold}
#message_container .compose_message form {float: left; width: 554px}
#message_container .compose_message form .clicker button {width: 100px}
#message_container .compose_message form .clicker {float: right}
#message_container .top {text-align: right; min-height: 16px; padding-top: 10px; cursor: move}
#message_container .top .closer {position: absolute; right: 8px}
#message_container .reply_top {padding: 0; padding-top: 12px; padding-bottom: 16px}
#current_message .closer {float: right; margin-bottom: 10px}
#current_message .body a {text-decoration: underline}
#current_message .body a.clicker {text-decoration: none}
#current_message .reply_to {font-size: 0.8571428571rem; margin-top: 10px}
#reply_errors {color: red}
.user_messages_container #search {width: 350px}
.user_messages_container .welcome {height: 16px}
.user_messages_container .reply .clicker span {width: 50px; text-align: center}
.user_messages_container .reply .clicker_container span {width: 30px; text-align: right}
.user_messages_container .compose textarea {width: 100%; box-sizing: border-box; height: 250px; font-size: 1em}
.message_contents .compose textarea {width: 100%; box-sizing: border-box}
.user_messages_container #notifications_enabled a {text-decoration: underline}
.user_messages_container td.message_checkbox input, .user_messages_container input#toggler {border: none; width: 1em}
.user_messages_container .compose {margin-top: 0px}
.user_messages_container .compose label {font-weight: bold}
.user_messages_container .compose input.subject {width: 318px; display: inline-block; float: none; font-size: 1em}
.user_messages_container h3, .user_messages_container .indicator {float: left; margin-right: 10px}
.user_messages_container th.reply_column {width: 20px}
.user_messages_container tr.container td {background-color: #fffff}
.user_messages_container td.date, .user_messages_container td.fromto {width: 11em}
.user_messages_container td.time {width: 6em}
.user_messages_container td.reply_status {padding: 2px 4px}
.user_messages_container #messaging_menu {float: left}
.user_messages_container .header {height: 30px}
.user_messages_container #message_list td, .user_messages_container #message_list td a {font-size: 1em; color: var(--color-text) !important}
.user_messages_container form.message_pages {float: right; margin-top: 0px}
.user_messages_container table {margin-bottom: 10px}
.user_messages_container .page_bar {margin-top: 24px}
.user_messages_container .summary {float: left; width: 200px}
.user_messages_container .body {float: left; width: 400px}
.user_messages_container .reply {float: right; width: 70px}
.user_messages_container .reply .clicker {min-width: 50px; width: 60px; text-align: center}
.user_messages_container .reply .clicker + .clicker {margin-top: 8px}
.user_messages_container #reply_status .replied {font-size: 0.9em; margin-top: 5px}
.user_messages_container #reply_status .replied strong {border: 1px solid #cccccc; background-color: var(--color-yellow-02); margin-top: 8px; text-align: center; display: block; padding: 1px}
.user_messages_container .error {color: red}
.user_messages_container .avatar {float: none; margin-top: 10px}
.user_messages_container #compose_menu {width: 350px; margin-top: 10px}
.user_messages_container #compose_menu .clicker {margin-top: -5px}
.user_messages_container #compose_menu .clicker button {width: 30px}
.user_messages_container #compose_menu input {width: 150px; margin-right: 8px}
.message_composer__submit {float: right; margin-top: 16px; margin-bottom: 16px; width: 100%; text-align: right; min-height: 32px}
.message_contents {margin: 0px; padding: 6px; background-color: #fff; background-color: var(--color-background-window); padding-top: 0}
.message_contents .sent {color: var(--color-text-understated); margin-bottom: 24px}
.message_contents .message_link {margin-bottom: 1em}
.message_contents .subject {font-size: 1.2em}
.message__content img {max-width: 100%; height: auto}
.message__content--instagram_photo img {max-width: 150px; height: auto}
.user_messages_container #message_settings .section {margin-bottom: 4em}
.user_messages_container #message_settings h2 {margin-bottom: 1em}
.user_messages_container #message_settings input {float: none; width: 200px}
.user_messages_container #message_settings table {border: none}
.user_messages_container #message_settings table td {padding-right: 2em}
.message_row {cursor: pointer}
.message_row a, .message_row a:visited, .message_row a:hover {color: var(--color-text); background-color: transparent}
.message_row.hover {background-color: var(--color-background-table-hover)}
.message_row--unread {font-weight: bold}
.message_row--unread a {color: var(--color-message-unread)}
.message_contents__unread {margin: 3em 7px; text-align: center; width: 60px; font-size: 1rem; margin-left: 0; margin-top: 20px}
.message_contents__unread--replying {margin: 0}
#current_message #message_footer {margin: 1em 0; font-size: 0.9em}
.user_messages_container .resizable_table__cell, .user_messages_container .resizable_table__cell-header {border-left: none; border-right: none}
.user_messages_container .resizable_table__row-stripe {background-color: var(--color-background-table)}
.user_messages_container .resizable_table__row-stripe.hover {background-color: var(--color-background-table-hover)}
.message_row, .message_row__reply_status {line-height: 1.6em}
.message_row__checkbox .ticky_pair {position: relative; width: 16px}
.message_row__checkbox input {position: absolute}
.message_row__checkbox label {position: static !important; margin-left: 0 !important; padding-left: 0 !important; padding-right: 4px}
.message_row__checkbox label:before {position: relative !important}
#message_list_body .message_row__checkbox label:before {top: 3px !important}
.message_row__checkbox input[type=checkbox] {height: 1.6em}
.message_row__reply_status img {vertical-align: middle}
.message_row--unread {color: var(--color-message-unread); background-color: var(--color-message-unread-background)}
.message_links_footer .forum_post_preview {width: 370px}
#forum_post_save_draft {float: left; line-height: 28px; padding-left: 6px}
.forum_post_draft_list {margin-top: 2em !important; max-width: 870px; margin-left: auto; margin-right: auto}
.forum_post_drafts__post__topic {margin-bottom: 1em}
.forum_post_drafts__title {margin-bottom: 32px}
.forum_post_drafts__post {padding-bottom: 5px; transition: height 1s; transition-duration: var(--transition-duration-10); padding: 1em; position: relative; background-color: var(--color-background-forum-draft); margin-bottom: 32px; border: 1px solid var(--color-border-dark); box-shadow: var(--global-box-shadow-size) var(--global-box-shadow-size) 0 0 var(--color-border-dark)}
.forum_post_drafts__post #depth_1 {margin-top: 1em}
.forum_post_drafts__post .clicker_icon img {z-index: 0}
.forum_post_drafts__post__body {margin-top: 1em; transition: height 1s; transition-duration: var(--transition-duration-10); height: auto; margin-right: 20px}
.forum_post_drafts__post__body .body {min-height: 0 !important}
.forum_post_drafts__post__expander {position: absolute; right: 0; top: 0}
.forum_post_drafts__post__expander .indicator {display: inline-block; float: none}
.forum_post_drafts__post__expander a {margin: 8px; display: inline-block; background-color: transparent}
.forum_post_drafts__post__expander img {transform: scaleY(-1); width: 16px}
.forum_post_drafts__post__controls {float: right; margin-top: 16px}
.forum_post_drafts__post__more, .forum_post_drafts__post__expander {display: none}
.forum_post_drafts__post--collapsed .forum_post_drafts__post__less {display: none}
.forum_post_drafts__post--collapsed .forum_post_drafts__post__body {transition: height 1s; transition-duration: var(--transition-duration-10); height: 4.5em !important; overflow: hidden; position: relative}
.forum_post_drafts__post--collapsed .forum_post_drafts__post__expander img {transform: scaleY(1)}
.forum_post_drafts__post--overflowing .forum_post_drafts__post__expander {display: block !important}
.forum_post_drafts__post--collapsed.forum_post_drafts__post--overflowing .forum_post_drafts__post__more, .forum_post_drafts__post--collapsed.forum_post_drafts__post--overflowing .forum_post_drafts__post__expander {display: block !important}
.forum_post_drafts__post__reply_to, .forum_post_drafts__post__timestamp {color: var(--color-text-understated)}
body.forum_post_drafts_index .forum_post_drafts__post__less {display: none}
img.o-icon--disagree {width: 14px !important; height: 14px !important; padding: 1px}
.reaction_button--educational {background-image: url(/images/assets/icons/reaction-educational.svg)}
.reaction_button--interesting {background-image: url(/images/assets/icons/reaction-interesting.svg); filter: grayscale(100%) brightness(100%) !important}
.reaction_button--interesting:hover {filter: grayscale(50%) brightness(100%) !important}
.reaction_button--funny {background-image: url(/images/assets/icons/reaction-funny.svg)}
.reaction_button--agree {background-image: url(/images/assets/icons/reaction-agree.svg)}
.reaction_button--disagree {background-image: url(/images/assets/icons/reaction-disagree.svg)}
.reaction_button--love {background-image: url(/images/assets/icons/reaction-love.svg)}
@supports not (touch-action: none) {.reaction_button {-webkit-transform: translateZ(0); -webkit-perspective: 1000; -webkit-backface-visibility: hidden}
}
.reaction_button {display: inline-block; position: relative; -ms-flex: none; -webkit-flex: none; flex: none; background-repeat: no-repeat; background-position: center left; background-size: 16px; transition: filter 0.2s; font-size: 11px; height: 18px; line-height: 18px; text-decoration: none; padding-left: 18px; padding-right: 12px; margin-left: -1px; text-align: center; white-space: nowrap; color: var(--color-forum-reaction); filter: grayscale(100%) brightness(120%); top: 0px}
.reaction_button:visited {color: var(--color-text)}
.reaction_button:hover {filter: grayscale(50%)}
.reaction_button.marked {filter: grayscale(0%) brightness(100%) !important; color: var(--color-forum-reaction-marked) !important}
.forum_post__tags {margin-top: 1em}
.topics .forum_posts .reply .buttons {margin-top: 7px; margin-top: var(--misc-forum-box-shadow-allowance)}
.reaction_button {font-size: 0.8571428571rem}
.discussions_content {padding-left: 32px; padding-right: 32px}
body.topics_show .wmd_frame > img.wmd_frame {margin-right: 12px !important}
@media print, screen and (min-width: 1051px) {body.discussions_index:not(.offer_rsp) #content {width: 95%; max-width: 1200px}
}
.forum_post__favorite_marker {filter: grayscale(100%) brightness(130%)}
.forum_post__favorite_marker img {width: 20px !important; height: 20px !important}
.forum_post__favorite_marker--selected {filter: grayscale(0%) brightness(100%)}
.forum_post__tracking__content {margin: 8px; margin-bottom: 16px; background-color: var(--color-sage-01); padding: 8px}
.forum_post__moderator__note {min-height: 0px !important; margin: 8px !important; margin-bottom: 16px !important; background-color: var(--color-sage-01); padding: 8px !important}
.forum_post__moderator__note p:first-of-type {margin-bottom: 0 !important; display: inline}
.reorder_forum_overlay {position: absolute; z-index: 1001; background-color: #fff; background-color: rgba(255, 255, 255, 0.9)}
body.with_forum_reorder .tabs--subnavigation ul {overflow: visible}
.reorder_forum_outline {outline: 2px solid var(--color-red-04); display: inline-block !important; margin-right: 4px !important}
.reorder_forum_overlay__dialog {margin: 30px; padding: 2em; border: 1px solid #666; text-align: center; -webkit-box-shadow: 11px 11px 5px -8px rgba(0, 0, 0, 0.22); -moz-box-shadow: 11px 11px 5px -8px rgba(0, 0, 0, 0.22); box-shadow: 11px 11px 5px -8px rgba(0, 0, 0, 0.22); box-sizing: border-box; background-color: white}
.reorder_forum_overlay__select {text-align: center; -webkit-display: flex; -moz-display: flex; display: flex; -webkit-align-items: center; -moz-align-items: center; align-items: center; -webkit-justify-content: center; -moz-justify-content: center; justify-content: center; height: 90%}
.forum_post_anchor {visibility: hidden; height: 15px; min-width: 15px; font-size: 0}
.forum_post_anchor--empty {margin-top: 0 !important; padding-top: 0 !important}
#reply_form_indicator {display: inline-block; vertical-align: middle; float: none}
.forum_post_listing {background-color: transparent; background-color: var(--color-background-forum-posts); width: 845px !important}
.forum_post_listing .forum_post_header {text-align: right; border: 1px solid var(--color-border-forum-thread-header); padding: 12px}
.forum_post_listing .forum_post_header .read_count:empty + .pipe {display: none}
.forum_post_listing .forum_post_header .icon_16 {vertical-align: text-bottom !important}
.forum_post_listing .forum_post_header a {text-decoration: none}
.forum_post_listing .forum_post_notation {border-bottom: none; color: var(--color-text-understated); line-height: 4em; text-align: center}
.forum_post_listing .forum_post_row {border: 1px solid var(--color-border-forum-thread); border-top: none}
.forum_post_listing .forum_post_row .empty_post, .forum_post_listing .forum_post_row .forum_post_user, .forum_post_listing .forum_post_row .forum_post_guts {padding-top: 5px}
.forum_post_listing .forum_post_row .empty_post {width: 845px}
.forum_post_listing .forum_post_row .forum_post_user {width: 145px; overflow: hidden; float: left}
.forum_post_listing .forum_post_row .forum_post_guts {width: 675px; border-left: 1px solid var(--color-border-forum-thread); float: left}
.forum_post_listing .forum_post_row .forum_post_guts p {margin-bottom: 1.25em}
.forum_post_listing .forum_post_row .forum_post_guts p.with_jumbomoji {line-height: 40px}
.forum_post_listing .forum_post_row .forum_post_guts p.with_jumbomoji img.emo {width: 32px !important; height: 32px !important}
.forum_post_listing .forum_post_row div.forum_post_body {overflow: hidden}
.forum_post_listing .forum_post_row textarea.forum_post_body {overflow-y: scroll}
.forum_post_guts table.borderless {border: none}
.forum_post_guts table.borderless td {vertical-align: middle !important; border: none !important}
.forum_post_guts .question_box {margin: 1em; padding: 1em; border: 1px solid #ddd; border-radius: 5px; position: relative}
.forum_post_guts .question_box p {padding-bottom: 0.5em}
.forum_post_guts a.closer {position: absolute; right: 10px}
.forum_post_guts .edit_questions .question_box {border: none}
.forum_post_guts .edit_questions a.closer {display: none}
body.forum_activity .tab_content {margin-top: 10px}
body.forum_activity #quicknav {font-size: 1.05em; width: 210px; padding-left: 5px}
.forum_activity_preferences h2.breadcrumbs {margin-bottom: 1em}
.forum_activity_preferences h3 {font-size: 1.3em; margin: 0.5em 0}
.forum_activity_preferences ul.hidden {margin-bottom: 1em}
.forum_activity_preferences ul.hidden li {font-size: 1.1em; padding-bottom: 0.5em}
.forum_activity h2 {font-size: 1.3em}
.forum_activity h2 a {font-weight: normal}
.forum_activity .collapsed_reason {display: none}
.forum_activity .post_body {display: block}
.forum_activity .post_body img {max-width: 600px}
.forum_activity .collapsed {padding-top: 1em !important; padding-bottom: 1em !important; background-color: var(--color-greyscale-02)}
.forum_activity .collapsed .topic_title, .forum_activity .collapsed .post_number {font-size: 1em}
.forum_activity .collapsed .collapsed_reason {display: block; line-height: 3em}
.forum_activity .collapsed .collapsed_reason span {color: #666; font-style: italic}
.forum_activity .collapsed .time, .forum_activity .collapsed .username, .forum_activity .collapsed .post_body, .forum_activity .collapsed .reply_to {display: none}
.forum_activity .collapsed .avatar {margin-left: 20px}
.forum_activity .collapsed .avatar, .forum_activity .collapsed .avatar a img {width: 60px; height: 60px}
.forum_activity .page_bar {margin: 20px 0px; width: 840px}
.forum_activity .forum_post {padding: 1em; padding-top: 2em; padding-bottom: 2em; width: 850px; border-radius: 10px}
.forum_activity .hover .forum_post {border: 1px dashed #999; cursor: pointer}
.forum_activity .poster {width: 100px; float: left}
.forum_activity .content {width: 700px; float: left; margin-left: 2em}
.forum_activity .username {width: 100px; display: block; font-size: 1em; text-align: center; padding: 1em 0em}
.forum_activity .badge_link {display: block; float: left; width: 50px; height: 30px; margin-right: 1em; margin-top: 3px}
.forum_activity .badge_link img {width: 50px; height: 30px}
.forum_activity .topic_title, .forum_activity .post_number {font-size: 1.2em}
.forum_activity .post_date {color: #ccc}
.forum_activity .markdown {font-size: 1.05em; line-height: 1.45em; margin-top: 1.5em}
.forum_activity .post_link {text-align: right; display: block; float: right; width: 130px}
.forum_activity .activity_description {text-decoration: none; display: block; float: right; width: 130px; line-height: 24px; height: 24px; cursor: pointer; color: var(--color-text); background-image: var(--img-icon-more-vertical); background-repeat: no-repeat; background-size: 20px 20px; background-position: right 0px center}
.forum_activity .activity_description span {display: block; width: 100px; line-height: 24px; height: 24px; font-size: 0.9em; text-align: left; padding-left: 5px}
.forum_activity .activity_description img {vertical-align: middle}
.forum_activity .hidden_post {padding-top: 0; padding-bottom: 1em}
.forum_activity .hidden_post .content {margin-left: 0; width: 820px}
.forum_activity .hidden_post {display: none}
.forum_activity .hidden_post .title {display: inline; color: #aaa}
.forum_photo__tooltip {position: absolute; top: 0px; left: 0px; right: 0px; z-index: 1; background-color: var(--color-background); padding: 0.5em; opacity: 0.9; overflow: hidden; transition: top 0.75s; transition-duration: var(--transition-duration-7)}
.forum_photo__tooltip--hidden {top: -100px; transition: top 0.75s}
.forum_photo__avatar {float: left; margin-right: 16px; width: 25px; height: 25px}
.forum_photo__title {font-weight: normal; font-size: 1.1em; color: var(--color-text); line-height: 25px}
body.with_forum_photo_zoom #RB_window {width: 95% !important}
body.with_forum_photo_zoom .clean_dialog--transparent_overlay {text-align: center}
body.with_forum_photo_zoom .forum_photo__zoom {max-width: 100%; padding: 14px; padding-top: 5px; box-sizing: border-box}
.forum_posts__reply_inside {display: none}
.forum_posts__reply_inside #in_reply_to, .forum_posts__reply_inside .quick_tips, .forum_posts__reply_inside .tip {display: none}
.forum_posts__reply_inside #forum_post_body {width: 100%; font-size: 1.1em; height: 150px}
.forum_posts__reply_inside .forum_post_row:first-of-type {margin-top: 4em; border-top: 1px solid var(--color-border-dark)}
.forum_posts__reply_inside .reply_container {margin-bottom: 5em}
.forum_posts > div:last-of-type.forum_posts__reply_inside {border-bottom: none}
.forum_posts > div:last-of-type.forum_posts__reply_inside .forum_post_row:first-of-type {margin-top: 0; border-top: none}
.forum_posts__reply_inside--active {display: block; border-bottom: 1px solid var(--color-border-dark)}
.forum_posts__reply_inside--replied {display: block}
.forum_post__button--bare {white-space: nowrap; line-height: 32px; height: 32px; margin: 0 16px; text-decoration: none}
.forum_post__button--bare:visited {color: var(--color-link-default)}
.forum_post__moderator_tools {display: -ms-flexbox; display: -webkit-flex; display: flex; -ms-justify-content: flex-end; -webkit-justify-content: flex-end; justify-content: flex-end; height: 60px; line-height: 60px; padding: 10px; margin-top: 10px; background-color: var(--color-background-dark)}
.forum_post__moderator_tools .clicker span {color: var(--color-text-reverse) !important}
.forum_post__moderator_tools > * {margin-left: 12px}
h1.topic_heading img.emo {width: 20px; height: 20px}
body.topics_show #prepare_flag_contents fieldset {margin-bottom: 1em}
.forum_post_row .ignored_post {min-height: 38px; text-align: center; margin-left: -150px}
.forum_post_anchor {margin-top: -50px; padding-top: 50px}
.topics .forum_post_row .clicker {padding-top: 0 !important}
.topics .forum_post_row .forum_post__reply_tools .clicker_v2 {margin-bottom: 0 !important; padding-bottom: 0 !important}
.topics .forum_post_row .forum_post__reply_tools .clicker_v2:active {top: 2px; left: 2px}
.topics .forum_post_row .clicker_v2--more_menu {padding-right: 0 !important}
.topics .forum_post_row .clicker_v2--more_menu img {padding-right: 0}
.forum_post__jump {padding: 16px; background-color: var(--color-background-highlighted)}
.forum_post__warnings {margin-bottom: 12px}
.forum_post_listing .forum_post_row .forum_post_user {padding-top: 20px}
.forum_post__edit__submit {margin-top: 16px; min-height: 42px}
.forum_post__edit__submit .clicker_v2 {float: right}
.forum_post__edit__submit .loading_animation {float: right; margin-right: 8px}
.topics .forum_posts .editable .reply .buttons {display: -ms-flexbox; display: -webkit-flex; display: flex; -ms-justify-content: right; -webkit-justify-content: right; justify-content: right; width: auto}
.forum_post__reply_tools {display: -ms-flexbox; display: -webkit-flex; display: flex; -ms-align-items: center; -webkit-align-items: center; align-items: center; width: 100%; min-height: 42px}
.forum_post__reply_tools__reactions {display: -ms-flexbox; display: -webkit-flex; display: flex; width: 100%; padding-left: 8px}
.forum_post__reply_tools__reaction_divider {width: 1px; max-width: 24px; -ms-flex-grow: 1; -webkit-flex-grow: 1; flex-grow: 1}
.forum_post_header #read_count:empty {display: none}
.forum_post_header #read_count:empty + .pipe {display: none}
.forum_post_header .pipe {font-size: 0; width: 32px; display: inline-block}
.forum_post_header button {margin-left: 8px}
.forum_post_header input#q {width: 180px !important}
.forum_post_body {line-height: var(--line-height-base) !important; margin-top: 8px; min-height: 100px !important}
.forum_post_row--badged .forum_post_body {min-height: 122px !important}
.forum_post_body p {margin-bottom: var(--line-height-base-rem)}
.forum_post_body .forum_post_linked_photo {display: block !important; margin-top: 24px; margin-bottom: 24px}
.forum_post_body .forum_post_linked_photo img {border: 1px solid var(--color-border-dark)}
.forum_post_body .forum_post_linked_photo + .forum_linked_photo {margin-bottom: 0}
.forum_post_user .people_placeholder {width: 100px !important; margin-left: auto; margin-right: auto}
table.reply_list td {font-size: 1em; padding: 4px}
.forum_glance table tr.stripe {background-color: white}
.forum_glance table td {border-left: 0; border-right: 0; padding: 5px; font-size: 1em}
.forum_glance table td.age, .forum_glance table td.unread_posts {padding-right: 7px}
.forum_glance table .quick_selector img {vertical-align: bottom}
.discussions_content .forums {-webkit-display: flex; -moz-display: flex; display: flex; -webkit-flex-wrap: wrap; -moz-flex-wrap: wrap; flex-wrap: wrap}
.discussions_content .forum_glance .forum_glance__header {display: -ms-flexbox; display: -webkit-flex; display: flex}
.discussions_content .forum_glance .forum_glance__header .controls {-ms-flex-grow: 0; -webkit-flex-grow: 0; flex-grow: 0; -ms-flex-shrink: 0; -webkit-flex-shrink: 0; flex-shrink: 0}
.discussions_content .forum_glance td {height: 1.3em; max-height: 1.3em; line-height: 1.3em}
.discussions_content .forum_glance h2 {display: inline-block; overflow: hidden; height: 1.25em; max-height: 1.25em; white-space: nowrap; font-size: 1rem; width: 100% !important; text-overflow: ellipsis}
.discussions_content .forum_glance h2 a, .discussions_content .forum_glance h2 a:visited {color: var(--color-text); text-decoration: none}
.discussions_content #forum_glance_3 h2 {width: 190px}
.discussions_content #forum_glance_3 .controls {width: 270px}
.post_form__cancel {padding-right: 1em; padding-left: 1em}
.post_form__cancel--editing {float: left; line-height: 26px}
.post_form__moderator_announcement {line-height: 26px}
.moderator_announcement {margin: 10px 0; line-height: 24px}
.moderator_announcement .o-icon {width: 24px; height: 24px}
.clicker.post_form__submit--editing, .clicker_v2.post_form__submit--editing {margin-right: 1em}
#topic_tools .box_title {background-color: var(--color-infobox-sidebar-background); border-bottom: none}
#topic_tools a {text-decoration: none}
#topic_tools .box_title, #topic_tools .box_contents {padding-left: 16px !important}
#topic_tools td, #topic_tools li {padding: 4px 0}
.topic_status__more {float: right; display: block; line-height: 32px}
.topic_status__more img {width: 24px !important; height: 24px !important; vertical-align: top; margin-top: -2px; margin-left: 12px; margin-right: 12px}
body.with_flair .profile__avatars--justified {overflow: visible}
body.with_flair .flair_image {z-index: 9 !important}
.group_index__user_groups {margin-bottom: 10px}
.groups__hot_threads__item {clear: both; padding-bottom: 2em}
.groups__hot_threads__item img.group_badge {float: left}
.group_index__find_groups {margin-bottom: 2em}
.group_index__find_groups h3 {font-weight: normal; margin-top: 15px; margin-bottom: 10px}
.group_index__find_groups h3 img {vertical-align: middle}
.group_index__find_groups li a {padding: 3px}
.group_index__find_groups li {padding-bottom: 16px}
body.groups_new .group_form {float: left; width: 500px}
body.groups_new #group_tips {margin-top: 1em; width: 300px; float: left}
body.groups_new #group_tips p, body.groups_new #group_tips img {margin: 0.5em}
.group_posts__title {overflow: hidden}
body.groups_show #inplace_tab_editor .form_select, body.groups_show #inplace_tab_editor input {margin-top: 4px}
body.groups_show #inplace_tab_editor select {width: 100%}
body.groups_show #inplace_tab_editor input[type=text] {width: 100%; padding: 3px; box-sizing: border-box}
body.groups_show #inplace_tab_editor .forum_boxes--bordered {border: 1px solid var(--color-border-dark)}
body.groups_show #inplace_tab_editor #forum_boxes {margin: 20px 0}
body.groups_show #inplace_tab_editor #forum_boxes .forum {padding: 8px; padding-left: 30px; background-image: url(/images/assets/icons/move.svg); background-repeat: no-repeat; background-position: left 4px center; cursor: move}
body.groups_show #group_status {margin-bottom: 32px; text-align: center}
body.groups_show #group_status_menu {border-color: var(--color-border-dark)}
body.groups_show #group_status_menu form {display: -ms-flexbox; display: -webkit-flex; display: flex; -ms-justify-content: space-between; -webkit-justify-content: space-between; justify-content: space-between; -ms-align-items: center; -webkit-align-items: center; align-items: center; margin-top: 12px; margin-bottom: 12px}
body.groups_show .box_contents .more {display: block; margin-bottom: 8px}
body.groups_show #summaries .item {width: 50%; float: left; text-align: center; height: 115px}
body.groups_show #recent_projects .box_contents, body.groups_show #recent_stash .box_contents {padding-top: 32px}
body.groups_show .recent_project, body.groups_show .recent_yarn {display: block; margin-left: auto; margin-right: auto; width: 77px}
body.groups_show .recent_project img, body.groups_show .recent_yarn img {display: block; box-shadow: none; border: 1px solid var(--color-border-dark)}
form.group_form {margin-top: 0}
form.group_form #banner_image .image_field {width: 490px}
form.group_form h3 {margin-bottom: 5px; margin-top: 10px}
form.group_form .form_select {border: none; height: auto; margin: 0; padding: 0; background-color: transparent}
form.group_form .form_select select {background-color: var(--color-background-input)}
body.groups_index .grid_8 {margin-right: 0; margin-left: 20px}
body.groups_index .grid_8.group_index {margin-right: 20px; margin-left: 0}
.group_index__section h2 {margin-bottom: 16px}
.group_index__section h2:first-letter {text-transform: capitalize}
.groups__hot_threads__title {font-size: 1.1em; padding-bottom: 0.25em}
.groups__hot_threads__item img.group_badge {height: 30px; width: 50px; margin-right: 2em}
.group_index__user_groups a.badge_link {margin-right: 10px; margin-bottom: 10px; display: block; float: left}
body.editing form #tag_field, body.editing form #q_field {width: 200px}
body.editing form select {width: 125px}
body.editing #sort_bar {margin-bottom: 1.5em; margin-top: 0.5em; padding: 2px}
body.editing #sort_bar a.sorted {font-weight: bold; text-decoration: none}
body.editing #tag_browser {top: 0px; width: 200px; float: left}
body.editing #tag_browser ul ul {padding: 5px}
body.editing #tag_browser ul ul li .count {float: right; font-size: 0.85em}
body.editing #tag_browser ul ul a {display: block; padding: 1px; width: 165px; text-decoration: none; color: var(--color-text)}
body.editing #tag_browser ul ul a.selected {text-decoration: none; background-color: var(--color-background-selected)}
body.editing #tag_browser ul ul a.negated {text-decoration: none; border: 1px solid #cccccc; background-color: #ff9da9}
body.editing #tag_matches {top: 0px; margin-left: 200px}
body.editing #tag_matches form.short {margin-top: 5px}
body.editing #tag_matches .match {margin-bottom: 2em}
body.editing #tag_matches h3 a {text-decoration: none; color: black}
body.editing #tag_matches .editing_tags {height: 3em; clear: right; margin-bottom: 10px}
body.editing #tag_matches .editing_tags h3 {display: none}
body.editing #tag_matches .editing_tags .editing_tag_list {padding: 15px; padding-top: 10px; padding-bottom: 0}
body.editing #tag_matches .editing_tags .editing_tag_list a.more {font-size: 0.9em}
body.editing #tag_matches ul.stickies {padding-left: 15px; padding-right: 15px}
body.editing #tag_matches ul.stickies li {padding-bottom: 0.5em}
body.editing #tag_matches ul.stickies li .date {color: #666666; font-size: 0.85em}
body.people_show .profile_page {padding-top: 30px}
body.people_show .profile__about {margin-top: -40px}
body.people_show .profile__username {padding-bottom: 4px}
body.people_show .nameplate {margin-top: 16px; margin-bottom: 16px}
body.people_show .profile__tools {margin-top: 16px; margin-bottom: 16px}
body.people_index .tabs--secondary_navigation {position: absolute; left: 0; right: 0}
body.people_index #secondary_content {padding-top: 100px !important; max-width: 100% !important}
.profile__avatars {margin-top: 16px}
.profile__about {text-align: center; width: 175px; float: left; margin-top: 0.5em}
.profile__about #friend_status {margin: 0.5em 0}
.profile__about #edit_profile {margin-bottom: 0.5em}
.profile__about .badge_link, .profile__about .badgeless, .profile__about .avatar {margin-bottom: 10px; margin-left: auto; margin-right: auto; float: none !important; display: block}
.profile__about h4 {padding-top: 10px; margin-bottom: 10px; font-weight: normal; font-size: 1.2em}
.profile__about_me #date_birth_month {width: 152px}
.profile__about_me #date_birth_day {width: 40px}
.profile__about_me #user_city {width: 197px}
#user_sites .field {display: -ms-flexbox; display: -webkit-flex; display: flex; -ms-align-items: center; -webkit-align-items: center; align-items: center}
#user_sites .field img.inline {margin-top: -2px}
.profile__about_me {float: left; width: 510px}
.profile__about_me__section {margin-bottom: 3em}
.profile__about_me--show {margin-top: 14px}
.profile__about_me--show label {clear: both; font-size: 1rem}
.profile__about_me--show .field {border-bottom: 1px solid var(--color-border-tabular-data)}
.profile__about_me--editing {}
.profile__about_me--editing h2 {margin-top: 0 !important}
.profile__about_me--editing h2 img {vertical-align: middle}
.profile__about_me--editing #metric_preference {width: 294px}
.profile__about_me--editing label {color: var(--color-text) !important; width: 180px !important}
.profile__about_me--editing textarea {width: 480px}
.profile__about_me--editing .profile__custom_question {width: 160px}
.profile__about_me--editing .profile__custom_title {padding-bottom: 1em}
.profile__about_me--editing #location_fields input, .profile__about_me--editing #location_fields select {width: 200px}
.profile__tools {clear: both; margin-top: 0.75em}
.profile__summary--mobile {display: none}
.people .showcase {float: right; text-align: center}
.people .showcase .notebook_options li, .people .showcase .notebook_options li a {height: 32px !important; line-height: 32px}
.people .showcase .notebook_options li img, .people .showcase .notebook_options li a img {width: 20px; height: 20px; vertical-align: middle}
.people .showcase .notebook_options li:hover, .people .showcase .notebook_options li a:hover {background-color: var(--color-background-hover)}
.people .showcase .more {margin-top: 5px; margin-right: 5px; text-align: right; font-size: 1.1em}
.people .showcase .project_count {font-size: 1.2em}
.profile__post {clear: both; line-height: 2em; height: 2em; overflow: hidden}
.social_site__favicon {padding-left: 50px}
.social_site__username {width: 220px}
.people #add_avatar_menu {width: 480px}
.friend_adder__unfriend a {display: block; margin-top: 16px}
.profile__about .clicker_v2 {width: 100px; text-align: center; text-decoration: none !important; width: 100px; margin-right: 0}
.profile__about_me__instagram_username {margin-right: 1em}
.profile__custom_title {padding-top: 2em; color: var(--color-text-understated)}
.profile__summary li {background: none !important}
.profile__summary li a {padding-left: 8px !important; display: -ms-flexbox; display: -webkit-flex; display: flex}
.profile__summary .notebook_image_tag {display: inline-block; -ms-flex-shrink: 0; -webkit-flex-shrink: 0; flex-shrink: 0; -ms-flex-grow: 0; -webkit-flex-grow: 0; flex-grow: 0; width: 24px}
.profile__summary img {border: none !important}
.profile__blurb h2 {font-size: 1.2em; font-weight: bold}
.profile__about_me .field {font-size: 1em; min-height: 1.2em; padding: 5px 0px; display: -ms-flexbox; display: -webkit-flex; display: flex; -ms-align-items: center; -webkit-align-items: center; align-items: center; overflow-wrap: break-word; overflow: hidden}
.profile__about_me .field img {vertical-align: middle}
.profile__about_me label {width: 150px; padding-right: 5px; color: #666666; color: var(--color-core-item-label); font-weight: normal; -ms-flex-shrink: 0; -webkit-flex-shrink: 0; flex-shrink: 0}
.profile_page #collections_container {margin: 0 4px}
.profile_page #collections_container .ticky_item {display: flex}
.profile_page #collections_container .ticky_box {min-width: 20px}
.profile_page h2 {padding-top: 10px}
.profile__about_me .curse {font-style: normal}
#RB_window #people_selector {width: 345px}
.g-recaptcha div {margin: 2em auto}
.profile__section {margin-top: 20px}
.help_bubble {width: 200px; position: relative}
.help_bubble--tr, .help_bubble--tl {margin-top: 20px}
.help_bubble__container {background: var(--color-bubble-background); border: 1px solid var(--color-border-dark); box-shadow: 0 2px 4px rgba(0, 0, 0, 0.5); margin: 0 auto 40px; padding: 8px; position: relative}
.help_bubble__container__arrow {position: absolute}
.help_bubble__container__arrow::before {content: ""; position: absolute}
.help_bubble__container__arrow::after {content: ""; position: absolute}
.help_bubble--br .help_bubble__container__arrow {border-left: 21px solid transparent; bottom: -25px; right: 15px}
.help_bubble--br .help_bubble__container__arrow::before {border-left: 23px solid transparent; border-top: 23px solid var(--color-border-dark); bottom: 2px; right: 5px}
.help_bubble--br .help_bubble__container__arrow::after {border-left: 21px solid transparent; border-top: 21px solid var(--color-bubble-background); bottom: 4px; right: 6px}
.help_bubble--bl .help_bubble__container__arrow {border-right: 21px solid transparent; bottom: -25px; left: 15px}
.help_bubble--bl .help_bubble__container__arrow::before {border-right: 23px solid transparent; border-top: 23px solid var(--color-border-dark); bottom: 2px; left: 4px}
.help_bubble--bl .help_bubble__container__arrow::after {border-right: 21px solid transparent; border-top: 21px solid var(--color-bubble-background); bottom: 4px; left: 5px}
.help_bubble--tl .help_bubble__container__arrow {border-right: 21px solid transparent; top: -25px; left: 15px}
.help_bubble--tl .help_bubble__container__arrow::before {border-right: 23px solid transparent; border-bottom: 23px solid var(--color-border-dark); top: 2px; left: 5px}
.help_bubble--tl .help_bubble__container__arrow::after {border-right: 21px solid transparent; border-bottom: 21px solid var(--color-bubble-background); top: 4px; left: 6px}
.help_bubble--tr .help_bubble__container__arrow {border-left: 21px solid transparent; top: -25px; right: 15px}
.help_bubble--tr .help_bubble__container__arrow::before {border-left: 23px solid transparent; border-bottom: 23px solid var(--color-border-dark); top: 2px; right: 5px}
.help_bubble--tr .help_bubble__container__arrow::after {border-left: 21px solid transparent; border-bottom: 21px solid var(--color-bubble-background); top: 4px; right: 6px}
.help_bubble__content {overflow: hidden}
.people_bubble__title {font-size: 1.2em}
.people_bubble {padding-bottom: 1em}
.people_bubble .wip {margin-top: 7px}
.people_bubble .wip img {float: left; width: 50px; border: 1px solid #333333; margin-right: 5px}
.people_bubble .wip .name {float: left; width: 100px}
.people_bubble .brief {margin-top: 3px; margin-bottom: 1em}
.people_bubble .name {font-size: 1.1em}
.people_bubble .location {margin-top: 1em}
body.people_show .nameplates {margin-top: -0.5em; margin-bottom: 1em}
body.people_show .nameplates img {vertical-align: text-top !important}
body.people_show .nameplate {text-align: center; text-decoration: none; color: var(--color-text)}
.profile__about_me a.password_change {font-size: 0.9em; padding-top: 0.5em; display: block}
.people .avatar {float: left; text-align: center}
body.people_edit .avatar, body.people_show .avatar {position: relative}
body.people_edit .avatar a, body.people_show .avatar a {position: absolute; right: 0; bottom: 0}
.people #add_avatar {margin-top: 10px; margin-bottom: 5px}
.people #add_avatar a {text-decoration: none}
.people #add_avatar_menu form input {width: auto; float: left; border-color: #999999; height: 22px}
.people #add_avatar_menu .clicker_v2 {line-height: 20px !important; margin-left: 8px}
.people #sortable_avatars .avatar {cursor: move}
.people #sortable_avatars .people_link {cursor: move}
.people #sortable_avatars .drag {position: absolute; left: -21px; top: 4px; padding: 2px; border: none; cursor: move; border: 1px solid var(--color-border-dark); padding: 3px}
.people #sortable_avatars .delete {position: absolute; right: 2px; bottom: 2px; padding: 2px; border: none; background-color: var(--color-background); border: 1px solid var(--color-border-dark); padding: 4px}
.people .avatar_link {border: solid 1px #cccccc}
.people_locations .about {width: 150px; margin-top: 0em; text-align: left}
#friend_indicator {display: inline}
#friend_indicator img {vertical-align: middle}
.notebook_options a, .notebook_options a:visited {color: var(--color-text)}
.people #rankings .avatar {margin-right: 10px}
.people #website_thumbnail .box_contents {padding-left: 0; padding-right: 0}
.people #website_thumbnail .box_contents a {display: block; text-align: center}
.people .box--imagegrid img {width: 66px; height: 66px; margin: 3px; border: 1px solid var(--color-border-dark)}
.people .clicker img {border: none}
.people #add_avatar_menu {margin-top: 2em; padding: 1em}
.people_edit h2 {margin-bottom: 1em}
.people_edit .indicator {float: left; margin-right: 10px}
.people_edit #change_feed {font-size: 0.8em}
.people_edit fieldset .clicker button {width: 90px}
.people_edit a.password_change:hover {background-color: transparent}
.people_edit fieldset .clicker {float: right; margin-right: 10px}
.profile__about_me h2 {clear: both; margin-top: 10px; margin-bottom: 10px; padding-top: 5px; font-size: 1.2em}
.profile__about_me .field#about_me {font-size: 1.2em; padding-top: 10px}
.profile__about_me .about_me img {max-width: 500px}
.profile input[type=submit] {float: right; margin-right: 10px; width: 140px}
.profile__about_me input.checkbox {width: auto}
.profile_page .form_submit {margin-right: 8px}
.profile_page ul.in_field {float: left; font-size: 1rem}
.people_preferences .profile_page .ticky_field {line-height: 24px}
.people_preferences .profile_page ul.in_field {-ms-flex-grow: 1; -webkit-flex-grow: 1; flex-grow: 1; line-height: 24px}
.people_preferences .profile_page .field {padding-top: 1em; display: -ms-flexbox; display: -webkit-flex; display: flex}
.people_preferences fieldset {margin-left: 0; margin-bottom: 30px}
.people_preferences .ticky_item {display: -ms-flexbox; display: -webkit-flex; display: flex; -webkit-text-size-adjust: 100%}
.people_preferences .ticky_item .ticky_box {-ms-flex-shrink: 0; -webkit-flex-shrink: 0; flex-shrink: 0; -ms-flex-grow: 0; -webkit-flex-grow: 0; flex-grow: 0}
.people_preferences .profile_page label {width: 210px; -ms-flex-grow: 0; -webkit-flex-grow: 0; flex-grow: 0; -ms-flex-shrink: 0; -webkit-flex-shrink: 0; flex-shrink: 0}
.profile_page textarea {float: none; height: 180px; margin-top: 5px; font-size: 1em}
.profile_page input {width: 300px}
.profile__blurb img {max-width: 100%; height: auto}
body.people_edit .profile_page input {width: 294px; padding: 3px; padding-right: 0; max-width: 100%}
.form_select.small_400_with_icon img {top: 3px}
#light_theme_select_container {display: -ms-flexbox; display: -webkit-flex; display: flex; -ms-align-content: center; -webkit-align-content: center; align-content: center; margin-top: 8px}
#light_theme_select_container legend, #light_theme_select_container label {width: auto; margin-right: 24px; line-height: 24px}
.control_option_picker__pick_list--with_thumbnails .control_option_picker__pick_list_link {height: 80px !important; padding: 24px !important; display: flex !important; box-sizing: content-box !important; display: -ms-flexbox; display: -webkit-flex; display: flex; -ms-align-items: center; -webkit-align-items: center; align-items: center}
.control_option_picker__pick_list--with_thumbnails .control_option_picker__pick_list_link__title {font-weight: bold}
.control_option_picker__pick_list--with_thumbnails .control_option_picker__pick_list_link__text {white-space: normal}
.control_option_picker__pick_list--with_thumbnails .control_option_picker__pick_list_link__description {line-height: var(--line-height-base)}
.control_option_picker__pick_list--with_thumbnails .control_option_picker__pick_list_link__thumbnail {padding-right: 24px}
.control_option_picker__pick_list--with_thumbnails .control_option_picker__pick_list_link__thumbnail img {height: 80px; width: 120px}
.control_option_picker__pick_list--with_thumbnails .control_option_picker__pick_list_link__icon {display: none}
.profile_page p {font-size: 1em}
.profile__post__date {display: block; float: left; width: 135px; color: var(--color-text-understated)}
.friend_adder #collections_container {border: 1px solid var(--color-border-light); margin: 5px; padding: 5px; position: relative; text-align: left; background-color: var(--color-background-highlighted)}
.friend_adder .collections a {text-decoration: none !important; color: black}
.popover .collections_closer {text-align: right}
.friend_adder .collections_closer {text-align: right}
.social_site__favicon {width: 20px}
.social_site__favicon img {vertical-align: text-bottom}
.social_site__name {width: 130px}
body.people_confirm_delete .notebook_options {width: 300px}
body.people_confirm_delete .notebook_options li {width: 150px; background: none !important; line-height: 2em; height: 2em !important}
body.people_confirm_delete .notebook_options .notebook_image_tag {width: 28px; display: inline-block; vertical-align: middle}
body.people .dashboard__activity .activity_icon {display: none}
.friend_activity_square a {text-decoration: none}
.friend_activity_square li.title {padding-top: 0.5em}
.friend_activity_square li {height: auto}
body.people .dashboard__activity__item--small .touched {display: none !important}
.dashboard__activity .friend_activity_square a {text-decoration: none !important}
.dashboard__activity .friend_activity_square .photo_border {border-radius: 0}
.dashboard__activity .friend_activity_square .captioned_media_square {margin-bottom: auto}
.dashboard__activity .friend_activity_square .touched, .dashboard__activity .friend_activity_square .activity_action {display: none}
.dashboard__activity .friend_activity_square .byline {line-height: 25px; max-height: none}
.dashboard__activity .friend_activity_square .byline a {background-color: transparent !important}
body.people_export h2 {margin-bottom: 8px}
body.people_export h2 img {padding-bottom: 4px}
body.people_export .clicker_v2 {width: 90px !important; text-align: center}
.pride_selector {padding: 30px}
.pride_selector__flags {display: -ms-flexbox; display: -webkit-flex; display: flex; -ms-flex-wrap: wrap; -webkit-flex-wrap: wrap; flex-wrap: wrap; -ms-justify-conetnt: space-between; -webkit-justify-conetnt: space-between; justify-conetnt: space-between}
.pride_selector__flag {display: -ms-flexbox; display: -webkit-flex; display: flex; -ms-flex-direction: column; -webkit-flex-direction: column; flex-direction: column; -ms-flex-grow: 1; -webkit-flex-grow: 1; flex-grow: 1; display: block; float: none; width: auto; padding: 20px; margin: 20px; justify-content: center; text-align: center}
.pride_flag_image {border: 1px solid #000; width: 200px; height: auto}
.pride_flag_image--3 {margin: 10px 0px}
.pride_selector__flag__title {text-align: center; margin-top: 8px}
.pride_selector__flag__save {text-align: center; margin-top: 20px}
.pride_selector__flag__save input {width: auto; float: none}
.pride_selector__flag__save .clicker {width: 188px}
body.people_show #avatars_selector {background-color: var(--color-modal-background)}
.flair__content {display: -ms-flexbox; display: -webkit-flex; display: flex}
.flair__margin {display: -ms-flexbox; display: -webkit-flex; display: flex; -ms-flex-wrap: wrap; -webkit-flex-wrap: wrap; flex-wrap: wrap; -ms-justify-content: flex-start; -webkit-justify-content: flex-start; justify-content: flex-start}
.flair__piece {margin: 1px}
.flair__piece img {cursor: grab}
.onscreen_selector .flair_image {cursor: grab !important}
.flair__intro {padding: 16px}
.flair__avatar {text-align: center; margin: 30px 0}
.flair__avatar .avatar_with_flair {border: 1px solid var(--color-border-dark)}
.flair__submit {margin-top: 30px; text-align: right}
.flair__dragging {padding: 8px; text-align: center; font-weight: bold}
.flair__piece {margin: 8px}
.flair__margin {width: 200px}
.flair__avatar {width: 200px}
.flair__content {-ms-align-items: flex-start; -webkit-align-items: flex-start; align-items: flex-start}
body.friends .media_square_200 .touch_gallery_container {max-width: 212px; overflow: hidden}
.friend_activity__results {display: grid; grid-gap: 4px; justify-content: space-between}
.friend_activity__results--large {grid-template-columns: repeat(auto-fill, 212px)}
body.friends #secondary_content {max-width: calc(100% - 64px); margin-left: auto; margin-right: auto}
body.friends_blogs #secondary_content {max-width: 880px !important}
body.with_frontend_v1_2.ravelympics_finished #events td {padding: 4px; border: none !important; background-color: transparent !important}
body.with_frontend_v1_2.ravelympics_teams tr.stripe {background-color: var(--color-table-background); border-bottom: var(--color-border-dark)}
body.with_frontend_v1_2.ravelympics_teams tr {background-color: var(--color-table-background); border-bottom: var(--color-border-dark)}
body.with_frontend_v1_2.ravelympics_teams tr td {padding-bottom: 40px}
body.ravelympics_teams form {margin-bottom: 15px}
body.ravelympics_teams .team h3 {font-size: 1.2em; font-weight: bold; padding-bottom: 10px}
body.ravelympics_teams .team .captains {margin-bottom: 10px}
body.ravelympics_teams .team .captains img {vertical-align: middle}
body.ravelympics_teams tr.stripe {background-color: #fefefe; border-bottom: 1px solid #eeeeee}
body.ravelympics_teams tr {background-color: #f9f9f9; border-bottom: 1px solid #eeeeee}
body.ravelympics_events table.events td {padding: 2px}
body.ravelympics_events table.events td abbr {border-bottom: 1px dotted black}
body.ravelympics_events table.events .progress {margin-right: 5px; background-color: #dddddd; width: 200px; line-height: 20px}
body.radar_action {overflow: hidden; height: 100%}
body.radar_action #footer {display: none}
body.radar_action #webcam_popup {z-index: 50}
body.radar_action a.user {display: block; float: right; margin-left: 15px; margin-right: 10px}
body.radar_action .login {font-size: 1em}
body.radar_action .avatar {width: 50px; height: 50px}
body.radar_action #radar_viewport {overflow: hidden; position: absolute; top: 75px; bottom: 0px; left: 0px; right: 0px}
body.radar_action #radar_viewport img, body.radar_action #radar_viewport a.slide {position: absolute; border-style: solid; border-width: 1px; border-color: var(--color-border-dark); cursor: pointer}
body.radar_action #radar_viewport img img, body.radar_action #radar_viewport a.slide img {position: relative; border: none}
body.radar_action #radar_info {position: absolute; top: 80px; left: 0px; right: 0px; height: 85px}
body.radar_action #radar_info h2.breadcrumbs {margin-left: 20px; position: absolute !important; top: 0 !important}
body.radar_action #radar_info .title_container {position: absolute; top: 0px; right: 10px; height: 80px; overflow: hidden; width: 450px; text-align: right}
body.radar_action #radar_info h1 {font-size: 1.2em; font-weight: normal}
body.radar_action #radar_info .login {text-decoration: none}
body.radar_action #radar_info .user img {border: 1px solid var(--color-border-dark)}
body.discussions_radar {overflow: scroll !important; overflow-x: hidden !important}
.shop_details__section {margin-bottom: 32px}
.shop_details__section h3 {border-bottom: none !important; margin-bottom: 0 !important}
.shop_details__section h3 img.icon_16 {vertical-align: middle}
.shop_contact_information .address {font-size: 1.1em}
.shop_contact_information .address .link {margin-top: 18px}
.shop_contact_information .address .external_link {line-height: 1.7em}
body.shops_show .field {border: none}
body.shops_map #map_div {margin-top: 10px; border: 1px solid #cccccc}
body.shops #employee_summary .box_contents {padding-left: 10px}
body.shops #employee_summary input {height: 22px; width: 220px}
body.shops #employee_summary .clicker_v2 {margin-top: 8px}
body.shops #tabset {margin-top: 0}
body.shops legend {margin: 0; padding: 0; font-size: 1.1em; font-weight: bold; padding-bottom: 0.5em}
body.shops select.boolean_select {width: 50px !important}
body.shops #shop_details {margin: 0 10px; overflow: hidden; float: left; display: inline; width: 520px}
body.shops ul#employees {padding-top: 1em}
body.shops ul#employees li {height: 30px}
body.shops #shop_staff .avatar_with_login {float: left !important; height: 160px}
body.shops #shop_hours label {width: 100px !important}
body.shops #shop_hours select {width: 90px !important}
body.shops #shop_hours .copy {height: 30px}
body.shops #shop_sidebar {margin: 0 10px; overflow: hidden; float: left; display: inline; width: 400px}
body.shops #shop_sidebar .sqt_link {margin: 5px; display: block; float: left; width: 52px; height: 52px}
body.shops #shop_sidebar .sqt_link img {border: 1px solid var(--color-border-dark); width: 50px; height: 50px}
body.shops #shop_sidebar .shop_sidebar__photos {margin-bottom: 32px}
body.shops .shop_sidebar__featured_photo img {border: 1px solid var(--color-border-dark); box-shadow: none}
body.shops #map_div {border-radius: 3px; -moz-border-radius: 3px; -webkit-border-radius: 3px}
body.shops #search form.short {margin-top: 1em}
body.shops #search p {margin-top: 0.5em; margin-bottom: 0.5em}
body.shops #search input#q {width: 280px}
body.shops #search button {width: 80px}
body.shops h3.search_summary {font-size: 1em; font-weight: normal; margin-top: 1em; margin-bottom: 1em}
body.shops .page_links {margin-top: 10px}
body.shops #show_panel {margin: 1em}
body.shops #show_panel h2 {margin-bottom: 1em}
body.shops #show_panel #shop_sidebar #map_div {border: 1px solid #666666}
body.shops #show_panel h3 .more {font-weight: normal; font-size: 0.9em}
body.shops #show_panel .section {margin-bottom: 36px}
body.shops #show_panel .full_width_section {margin-left: 10px; margin-right: 10px}
body.shops #show_panel .group_section {margin: 0 10px; overflow: hidden; float: left; display: inline; width: 220px; margin-bottom: 36px}
body.shops #show_panel .patrons_with_groups {margin: 0 10px; overflow: hidden; float: left; display: inline; width: 700px; margin-bottom: 36px}
body.shops #show_panel .section h3 {border-bottom: 1px solid #cccccc; margin-bottom: 1em; margin-top: 1em; padding-bottom: 0.5em}
body.shops #show_panel .avatar {float: none}
body.shops #show_panel .avatar .login {font-size: 1.2em; padding-top: 0.25em}
body.shops #show_panel .avatar_medium {height: 75px; width: 75px; border: 1px solid #666666; margin: auto; margin-bottom: 1em; float: none}
body.shops #show_panel .patron {margin: 0 10px; overflow: hidden; float: left; display: inline; width: 100px; text-align: center}
body.shops #show_panel .badge_container {margin: 0 10px; overflow: hidden; float: left; display: inline; width: 160px; text-align: center}
body.shops #show_panel .badge_container .badge_link {margin-bottom: 18px}
body.shops #show_panel .badge_container a {display: block}
body.shops #show_panel p {margin-bottom: 1em}
body.shops #show_panel .patron .location {font-size: 0.9em; padding: 3px}
body.shops .stashed {float: left; width: 237px; text-align: center}
body.shops .stashed .stash_details {width: 197px; height: 72px}
body.shops .stashed .photo {cursor: pointer}
body.shops .stashed:last-child {width: 190px}
body.shops .amenities img {vertical-align: middle}
body.shops #show_panel ul {margin-top: 1em}
body.shops #show_panel ul li {margin: 0 10px; overflow: hidden; float: left; display: inline; width: 160px; display: block; text-align: center; color: var(--color-text-understated); height: 54px; margin-bottom: 36px}
body.shops #shop_form {margin: 0 10px; overflow: hidden; float: left; display: inline; width: 580px; margin-top: 18px}
body.shops #shop_form label {width: 200px}
body.shops #shop_form #save {text-align: right; margin-right: 5px}
body.shops #shop_form .change {margin-top: 18px; margin-bottom: 9px}
body.shops #shop_form #shop_change_comment {width: 500px}
body.shops #shop_form input, body.shops #shop_form .form_select {width: 300px}
body.shops #shop_form select {width: 302px}
body.shops #shop_form span.to {padding-right: 1em; padding-left: 1em}
body.shops #shop_form #shop_amenities .form_select, body.shops #shop_form #shop_amenities select {width: 50px}
body.shops #shop_form .closing_time span.to {line-height: 22px}
body.shops #shop_form .closing_time .form_select {float: right}
body.shops #shop_form #shop_hours .form_select, body.shops #shop_form #shop_hours select {width: 120px !important}
body.shops #shop_form input {line-height: 1.65em; height: 1.65em; padding-left: 3px}
body.shops #shop_overview {margin: 0 10px; overflow: hidden; float: left; display: inline; width: 340px; margin-top: 18px}
body.shops #shop_overview #group_summary, body.shops #shop_overview #employee_summary {float: right}
body.shops #shop_overview #association {width: 220px}
body.shops textarea {font-size: 1em}
.shop_result {padding-bottom: 18px; padding-top: 18px; border-bottom: 1px solid #eeeeee}
.shop_result--compact {padding-bottom: 0}
.shop_result .name {margin-bottom: 8px}
.shop_result .details, .shop_result .site {margin: 0 10px; overflow: hidden; float: left; display: inline; width: 280px}
.shop_result a.logo {width: 88px; height: 31px; display: block; margin-top: 18px}
.shop_result .distance {margin: 0 10px; overflow: hidden; float: left; display: inline; width: 100px; text-align: center}
.shop_result .distance .value {font-weight: bold; display: block}
.shop_result__logo {float: left; width: 100px; text-align: right}
.shop_result {min-height: 90px}
body.road_trip form fieldset {margin-left: 0; margin-right: 0}
body.yarns_buy .popover_content h5 {color: #666; padding-bottom: 4px; font-weight: normal; font-size: 0.8571428571rem; color: var(--color-text-understated)}
body.yarns_index .tag {font-size: 0.8571428571rem; padding-bottom: 2px !important; padding-right: 8px !important}
.yarns_landing__section p {margin-bottom: 1em}
.yarns_landing__section p:last-child {margin-bottom: 0}
body.yarns_index .search__field {display: -ms-flexbox; display: -webkit-flex; display: flex; -ms-flex-grow: 1; -webkit-flex-grow: 1; flex-grow: 1}
body.yarns_index form .form__flex {margin: 0; display: -ms-flexbox; display: -webkit-flex; display: flex}
body.yarns:not(.yarns_show) .tabs__sections__page_type {display: none !important}
body.yarns_index .input--search {width: 100% !important}
body.yarns_index h2 {margin-top: 60px !important}
body.yarns_index h2 img {vertical-align: middle; margin-left: 4px}
body.yarns_index .search__field {margin-right: 8px}
body.yarns_index .yarns_landing__chart h2, body.yarns_index .yarns_landing__search h2 {margin-top: 0px !important}
body.yarns_index .landing__search #query {width: 100%}
body.yarns_index .landing__search fieldset {display: -ms-flexbox; display: -webkit-flex; display: flex}
body.yarns_index .input--search {height: 40px !important; box-sizing: border-box; padding: 0 8px; border: 1px solid var(--color-border-dark)}
body.yarns_index .clicker_v2[type=submit] {line-height: 15px !important}
.small_photo_stash_entry {float: left; margin-left: 10px; margin-right: 10px; margin-bottom: 20px; text-align: center; font-size: 0.9em; width: 190px; position: relative}
.small_photo_stash_entry__stash_status {height: 1.4em}
.small_photo_stash_entry__stash_status a {text-decoration: none; font-size: 0.9em}
.small_photo_stash_entry__stash_status a span {text-decoration: underline}
.small_photo_stash_entry__stash_status img {vertical-align: middle}
.stash_colorways__footer, .recently_stashed__footer {text-align: right; font-size: 0.95em}
body.yarns .core_item_content {width: 400px}
body.yarns_new .core_item_content, body.yarns_edit .core_item_content {width: auto}
.yarns_projects #project_search_results {margin-top: 30px}
.yarn_people .colorways {display: grid; grid-gap: 4px; justify-content: space-between; grid-template-columns: repeat(auto-fill, 265px)}
.yarn_buying_options__stores {width: 450px; float: left; margin-right: 30px}
.yarn_buying_options__stores--first {margin-right: 30px}
.yarn_buying_options___search__comment {margin-bottom: 2em}
.yarns_index__road_trip_planner {margin-top: 70px}
.yarns_index__road_trip_planner h2 {padding-bottom: 0}
.yarns_index__road_trip_planner p {margin-top: 8px}
body.yarns .pattern_recommendation {margin-bottom: 64px}
body.yarns .pattern_recommendation .pattern_name {margin: 18px; font-size: 1.2em}
body.yarns .pattern_recommendation .statistics {width: 200px; text-align: center}
body.yarns .pattern_recommendation .statistics .inline_stars {margin-left: auto; margin-right: auto}
body.yarns .pattern_recommendation .notebook_status {width: 200px; margin-top: 1em; text-align: center}
body.yarns .pattern_recommendation .notebook_status img {vertical-align: middle}
body.yarns .pattern_recommendation .notebook_status .button_set {margin-left: 2em; margin-right: 2em}
body.yarns .pattern_recommendation .notebook_status .button {text-align: center; float: none; width: 100%; margin-bottom: 0}
body.yarns .pattern_recommendation .notebook_status .button_false {display: none}
body.yarns .pattern_recommendation .pattern {margin: 0 10px; overflow: hidden; float: left; display: inline; width: 220px}
body.yarns .pattern_recommendation .projects {margin: 0 10px; overflow: hidden; float: left; display: inline; width: 700px; margin-top: 5px}
body.yarns .pattern_recommendation .project {margin: 0 10px; overflow: hidden; float: left; display: inline; width: 280px; height: 123px}
body.yarns .pattern_recommendation .project .images {width: 100px; float: left}
body.yarns .pattern_recommendation .project .project_name {font-weight: bold}
body.yarns .pattern_recommendation ul.details {width: 180px; float: left}
body.yarns .pattern_recommendation .more {height: 18px}
body.yarns .pattern_recommendation .indicators {padding-top: 1em}
body.yarns .pattern_recommendation .indicators .stat_box {font-size: 0.9em}
body.yarns .pattern_recommendation .indicators .stat_box img {vertical-align: top}
body.yarns_patterns form {margin-top: 18px; margin-bottom: 36px}
body.yarns_patterns .skein_selector {height: 25px; width: 25px; text-align: center; float: left; background: transparent url("/images/skein_selector.png") no-repeat -3px 0px; cursor: pointer; line-height: 25px}
body.yarns_patterns .skein_selected {background: transparent url("/images/skein_selector-filled.png") no-repeat -3px 0px; color: white}
body.yarns_patterns td#skein_selector .hover {background: transparent url("/images/skein_selector-lit.png") no-repeat -3px 0px; color: white}
body.yarns_patterns .editor {font-size: 1em !important}
body.yarns_availability .availability__title {font-size: 1.1428571429rem}
body.yarns_availability .shop {margin-bottom: 20px; width: auto !important}
body.yarns_availability h2 {font-weight: bold; margin-top: 2em}
body.yarns_availability .filter_block {text-decoration: none; display: block; cursor: pointer; border: 1px solid #999; text-align: center; width: 150px; height: 100px; padding: 2em; background-color: #fefefe; color: #333}
body.yarns_availability .filter_block p {margin-bottom: 1em; height: 4em}
body.yarns_availability .filter_block span.count {font-size: 2em}
body.yarns_availability .filter_block:hover {border: 1px solid var(--color-teal-04); text-decoration: none; background-color: #fff; color: #000}
body.yarns_availability .filter_block.selected {border: 3px solid var(--color-teal-05); background-color: var(--color-background); color: var(--color-text)}
body.yarns_availability .link_with_dropdown__options {left: 118px; margin-top: -1px}
.yarn_attributes__attribute {line-height: var(--line-height-base)}
.yarn_attributes__attribute_label {color: var(--color-text-understated)}
.yarn__colorways__form .auto_complete {z-index: 100}
body.yarn_companies .media_square .heading {height: 1.25em; margin-top: 10px; margin-bottom: 10px}
body.yarn_companies .media_square .indicators {padding-bottom: 2em; margin-top: 12px}
body.yarn_companies .page_bar {margin-top: 32px; margin-bottom: 32px}
body.yarn_companies #project_search_results {margin-top: 30px}
body.yarn_companies_edit legend {margin-left: 0; font-size: 1.2em}
body.yarn_companies_edit #edit_panel form {margin-top: 0; width: 500px; float: left}
body.yarn_companies_edit .image_field {overflow-x: scroll}
body.about_goodies h2.breadcrumbs {margin-bottom: 0}
body.about_goodies #sections {width: 850px}
body.about_goodies #sections h2 {font-size: 1.4em; border-bottom: 1px solid #cccccc}
body.about_goodies .section {margin-top: 10px; margin-bottom: 30px; margin-left: 20px}
body.about_goodies .section h3 {font-weight: normal}
body.about_goodies .section .info {margin: 10px; margin-bottom: 20px; width: 600px}
body.about_goodies .section .info img {width: 100px; height: 50px; border: 1px solid #cccccc; margin-right: 20px; vertical-align: top; float: left}
#topic_show h2.breadcrumbs {position: relative}
#topic_details .information {margin-bottom: 20px}
body.topics_index #forum_search_form, body.groups #forum_search_form {width: 100%; margin-right: 0 !important; padding-bottom: 0.5em}
body.topics_index #forum_search_form input#q, body.topics_index #forum_search_form select, body.groups #forum_search_form input#q, body.groups #forum_search_form select {height: auto; margin-top: auto; width: 100% !important; box-sizing: border-box}
body.groups #forum_search_form {padding-bottom: 2em}
.topic_option .ticky_text {display: -ms-flexbox; display: -webkit-flex; display: flex}
.topic_option .ticky_text .ticky_option__icon {width: 24px; text-align: center}
.topic_option .ticky_text .ticky_option__icon img {padding-right: 2px; max-height: 16px; vertical-align: middle}
.topic_option .ticky_text .topic_option__title {width: 90px}
.topic_option .ticky_text .topic_option__description {color: var(--color-text-understated); margin-left: 4px}
.topic__statistic {margin-right: 24px}
.topic__statistic a {text-decoration: none}
.topic__statistic img {vertical-align: middle; width: 20px !important; height: 20px !important; margin-right: 8px}
.topic_update_post {z-index: 1; position: relative}
.library_update_button {text-decoration: none}
.in_library_badge a {font-size: 0.8571428571rem !important; display: inline-block; text-decoration: none !important}
.in_library_badge img {vertical-align: middle; padding-right: 4px}
.library_update_button {background-color: var(--color-dialog-neutral-background); border: 1px solid var(--color-border-dark); border-color: var(--color-dialog-neutral-border); box-shadow: 0 2px 4px rgba(0, 0, 0, 0.5); display: block; padding: 4px; text-align: center; white-space: nowrap; display: inline-block; padding: 4px 16px; line-height: 26px; height: 26px}
.library_update_button a {text-decoration: none !important}
.library_update_button img {vertical-align: middle}
#shelved_books {margin-top: -20px}
#shelves {overflow: hidden}
#shelves .library_update_button {width: 64px; margin-left: auto; margin-right: auto; margin-top: 16px; display: block; text-decoration: none !important}
#shelves .library_update_button__optional {display: none}
body.notebook .new_library_prepare_add_panel #library_search form {visibility: hidden}
body.notebook #prepare_add a {text-decoration: underline}
body.notebook #new_library .mover {display: none}
body.notebook #new_library h4.search_summary {font-size: 1.2em; margin-bottom: 2em; font-weight: normal}
body.notebook #new_library h4.search_summary span {font-weight: bold}
body.notebook #new_library h4.search_summary a {font-size: 0.8em; text-decoration: underline}
body.notebook #new_library #volumes_header {height: 45px}
body.notebook #new_library #volumes_header .ticky_item {clear: none; line-height: 26px; float: right; margin-top: 5px; margin-right: 10px; display: -ms-flexbox; display: -webkit-flex; display: flex; -ms-align-items: center; -webkit-align-items: center; align-items: center}
body.notebook #new_library #export {padding: 10px}
body.notebook #new_library #export a {font-size: 0.9em; text-decoration: underline}
body.notebook #new_library .library_content_container {width: 100%}
body.notebook #new_library #patterns_count {color: var(--color-text-understated)}
body.notebook #new_library .library_label {text-align: center}
body.notebook #new_library .library_label .clicker_v2 {display: inline-block; line-height: 18px !important; text-align: center; margin-bottom: 15px; width: 14em}
body.notebook #new_library .library_label h3 {padding-bottom: 0; font-weight: normal; text-align: center; font-size: 18px; font-weight: bold; color: var(--color-text); padding-top: 16px; padding-bottom: 24px}
body.notebook #new_library .library_label--with_advanced_link {height: 112px}
body.notebook #new_library #library_controls {position: relative}
body.notebook #new_library #library_controls h2 {font-size: 1.2em; font-weight: normal; line-height: 40px; padding-left: 1em; color: #666666}
body.notebook #new_library #library_controls h2 a.filter {color: var(--color-text)}
.cover_popover {text-align: center; height: 250px; padding-top: 10px}
.cover_popover img {border: 1px solid #666666}
#library_content #short_import_form h2 {margin-bottom: 1em}
#library_content #import_form {margin-left: 10px}
#library_content #import_form .section {margin-bottom: 20px}
#library_content #import_form h2 {font-size: 1.2em; font-weight: bold; margin-bottom: 1em}
#library_content #import_form p {margin-bottom: 1em}
#library_content #import_form ul {margin-top: 1em; margin-left: 1em; list-style: disc inside none}
#library_content #import_form .buttons {width: 510px; margin-top: 10px; text-align: right}
#library_lists_panel .divider {margin-left: -13px; height: 16px}
#library_lists_panel .library_list_item {margin-bottom: 2em; margin-top: 1em}
#library_lists_panel .library_list_item .title {font-size: 1.1em; margin-bottom: 2em; text-decoration: underline}
#library_lists_panel .library_list_item .image_container {float: left; width: 250px; text-align: center; overflow: hidden; margin-right: 10px}
#library_lists_panel .library_list_item ul.used_by_thumbnails {float: left; width: 300px}
#library_lists_panel .library_list_item .used_by_label {font-size: 0.85em}
#library_lists_panel .library_list_item ul.used_by {margin-top: 1em}
#library_lists_panel .library_list_item ul.used_by li {padding-bottom: 2em}
#library_lists_panel .library_list_item .used_by_details {float: left; width: 200px}
#library_lists_panel .library_list_item .used_by_details .project {padding-bottom: 1em; font-size: 1.1em; text-decoration: underline}
#library_lists_panel .library_list_item img.square_thumbnail {float: left; margin-right: 10px}
form.custom_library_form .field {clear: none}
form.custom_library_form label, form.custom_library_form input {display: block; float: none; width: 300px !important}
form.custom_library_form label {margin-bottom: 0.5em}
form.custom_library_form input {margin-bottom: 1em}
form.custom_library_form fieldset {padding-top: 1em}
form.custom_library_form select {margin-left: 0}
#library_imports_panel .selection_image {border: 1px solid #666666; float: left; height: 50px; overflow: hidden; width: 75px; margin: 5px; margin-left: 10px; border: 1px solid #666666}
#library_imports_panel #library_search form {visibility: hidden}
#library_imports_panel .divider {height: 13px; line-height: 13px; margin-left: -13px}
#library_imports_panel .library_import_item {padding-top: 5px; padding-bottom: 20px}
#library_imports_panel .library_import_item a {text-decoration: underline}
#library_imports_panel .library_import_item .best_match_title {margin-bottom: 1em}
#library_imports_panel .library_import_item .best_match_title .title {font-size: 1.2em; font-weight: bold; text-decoration: none; color: var(--color-text)}
#library_imports_panel .library_import_item .best_match_title .type {font-size: 0.9em; color: #999999}
#library_imports_panel .library_import_item .match_result {position: relative; padding-top: 10px}
#library_imports_panel .library_import_item .matches {margin-top: 2em}
#library_imports_panel .library_import_item .match_options {border: 1px solid #cccccc; width: 350px; margin-bottom: 16px}
#library_imports_panel .library_import_item .match_options li a {padding: 4px; display: block; height: 20px; line-height: 20px; color: var(--color-text); overflow: hidden; cursor: pointer; background-position: 330px 4px; background-repeat: no-repeat; text-decoration: none}
#library_imports_panel .library_import_item .match_options li a:hover {background-color: var(--color-background-hover)}
#library_imports_panel .library_import_item .match_options li.show_instructions a {background-image: var(--img-icon-chevron-down); background-size: 10px; background-position: right 6px center; background-color: var(--color-background-input)}
#library_imports_panel .library_import_item .match_options li.show_instructions a:hover {background-color: transparent}
#library_imports_panel .library_import_item .match_options li.hide_instructions, #library_imports_panel .library_import_item .match_options li.other_match {display: none}
#library_imports_panel .library_import_item .match_options li.hide_instructions a:hover {background-color: transparent}
#library_imports_panel .library_import_item .expanded_match_options li.show_instructions {display: none}
#library_imports_panel .library_import_item .expanded_match_options li.hide_instructions, #library_imports_panel .library_import_item .expanded_match_options li.other_match {display: block}
#library_imports_panel .library_import_item .expanded_match_options span.author {font-size: 0.9em; color: #999999}
#library_imports_panel .library_import_item .expanded_match_options li.hide_instructions a {font-size: 0.85em; height: 20px; background-image: var(--img-icon-close); background-size: 12px; padding-top: 0px; margin-top: 4px}
#library_imports_panel .library_import_item h3 {margin-top: 0.5em; height: 1.5em; line-height: 1.5em; overflow: hidden}
#library_imports_panel .library_import_item .change_search {margin-bottom: 10px; font-size: 0.85em}
#library_imports_panel .library_import_item .change_search img {vertical-align: top}
#library_imports_panel .library_import_item .change_search a {text-decoration: underline}
#library_imports_panel .library_import_item .change_search a.icon_link {text-decoration: none}
#library_imports_panel .library_import_item p.instructions {margin-bottom: 0.5em; font-size: 1em; padding-bottom: 0.5em; padding-top: 1em}
#library_imports_panel .library_import_item li.selected_match {font-weight: bold; font-size: 1.2em; display: none}
#library_imports_panel .library_import_item li.selected_match span.title {padding-left: 15px; background: url(/images/farmfresh-bullet_go.png) no-repeat -3px 5px}
#library_imports_panel .library_import_item li.selected_match span.author {padding-left: 15px}
#library_imports_panel .library_import_item li.selected_in_library span.title {padding-left: 110px; background: url(/images/in-library-badge.png) no-repeat 0px -1px}
#library_imports_panel .library_import_item li.selected_in_library span.author {padding-left: 110px}
#library_imports_panel .library_import_item li.change_search {display: none; height: 1.75em; line-height: 1.75em}
#library_imports_panel .library_import_item li.change_search a {height: 1.75em; line-height: 1.75em}
#library_imports_panel .library_import_item li.change_search form a {display: inline}
#library_imports_panel .batch_import .matches {margin-left: 275px; top: 50px; margin-top: 0}
#library_imports_panel .batch_import .selected_match {display: block}
#library_imports_panel .batch_import p.instructions {font-size: 0.85em; padding-bottom: 0; padding-top: 0}
#library_imports_panel .selection .selection_status {padding-top: 10px; width: 125px; float: left; height: 50px; width: 125px; float: left; text-align: center}
#library_imports_panel .no_matches {margin-top: 1em}
#library_imports_panel .import_image {margin-top: 20px; margin-left: 20px; margin-left: 20px; margin-top: 20px; overflow: hidden; width: 225px}
#library_imports_panel .import_image img {border: 1px solid #666666; max-width: 223px}
#library_imports_panel .pattern_sources_window table {border: none}
#library_imports_panel .pattern_sources_window td {padding: 5px; vertical-align: middle}
#library_imports_panel .pattern_sources_window td.cover_image {width: 80px}
#library_imports_panel .pattern_sources_window td.adder {width: 120px}
#library_imports_panel .add_bar {margin-left: 17px}
#library_imports_panel .when_not_in_library {display: block}
#library_imports_panel .when_in_library {display: none}
#library_imports_panel .in_library .when_not_in_library {display: none}
#library_imports_panel .in_library .when_in_library {display: block}
#library_imports_panel .in_library .cover_image {opacity: 0.5; filter: alpha(opacity=50); -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=50)"}
#library_imports_panel .pattern_source {margin: 10px}
#library_imports_panel .pattern_source .icon_16 {vertical-align: middle}
#library_imports_panel .pattern_source .cover_image a {height: 50px; border: 1px solid #666666; width: 75px; padding-left: 0; padding-right: 0; cursor: -moz-zoom-in; cursor: -webkit-zoom-in; display: block; overflow: hidden; width: 75px}
#library_imports_panel .adder {text-align: center; width: 125px}
#library_imports_panel .adder a.clicker {position: relative}
#library_imports_panel .in_library .adder a {font-size: 0.9em; text-decoration: underline}
#library_imports_panel h4 {font-size: 1.1em; font-weight: normal; padding: 5px; padding-left: 0}
#library_imports_panel h4 .quotes {font-family: Georgia, Times, "Times New Roman", serif}
#library_imports_panel h4 .change_search a {text-decoration: underline}
#library_imports_panel h4 .matched, #library_imports_panel h4 .library_status {font-size: 0.8em}
#library_imports_panel h4 .library_status {display: none}
#library_imports_panel h4 .entry {display: block; width: 16px; margin-right: 10px; float: left; text-decoration: none}
#library_imports_panel .source_group_thumbnail, #library_imports_panel .pattern_source_thumbnail {border: 1px solid #666666}
#library_imports_panel .source_group_thumbnail {background-color: black; width: 225px}
#library_imports_panel .source_group_thumbnail img {width: 75px}
#library_imports_panel .correction a {color: #2200c1; font-weight: bold; text-decoration: underline}
#new_library_panel {padding-right: 16px}
#new_library_panel ul.sort_control {float: left; margin-top: 6px; border: none; padding-top: 1px; margin-right: 13px; overflow: hidden; height: 26px; font-size: 0.8571428571rem}
#new_library_panel ul.sort_control a.sorted {background: transparent var(--img-sort-time-ascending) 10px 3px no-repeat; font-weight: bold; padding-left: 34px; color: var(--color-text)}
#new_library_panel ul.sort_control a.descending {background: transparent var(--img-sort-time-descending) 10px 3px no-repeat}
#new_library_panel ul.sort_control li.alpha a.sorted {padding-left: 30px; background: transparent var(--img-sort-alpha-ascending) 10px 5px no-repeat}
#new_library_panel ul.sort_control li.alpha a.descending {padding-left: 30px; background: transparent var(--img-sort-alpha-descending) 10px 3px no-repeat}
#new_library_panel ul.sort_control li.custom a.sorted {padding-left: 10px; background: none}
#new_library_panel ul.sort_control li.edit_custom a {padding-left: 25px; background: transparent url(/images/assets/icons/maximize.svg) 8px center no-repeat; background-size: 12px}
#new_library_panel ul.sort_control li.edit_custom a span {text-decoration: underline; padding: 0}
#new_library_panel ul.sort_control li.edit_custom a:hover {background-color: transparent}
#new_library_panel ul.sort_control li.label {color: var(--color-text-understated)}
#new_library_panel ul.sort_control li {display: block; float: left; text-align: center; cursor: pointer}
#new_library_panel ul.sort_control li a, #new_library_panel ul.sort_control li span {padding: 0 1em; height: 26px; line-height: 26px; display: block}
#new_library_panel ul.sort_control li a:hover {border-radius: 8px; -moz-border-radius: 8px; -webkit-border-radius: 8px; background-color: var(--color-link-button-hover) !important; color: var(--color-text)}
#new_library_panel .sortable #shelves .volume a {cursor: move}
#pdf_shelves .pdf_volume {margin-bottom: 2em}
#pdf_shelves .pdf_volume .framed_photo {float: left}
#pdf_shelves .pdf_volume .cover {float: left; padding: 10px; background: white url(/images/pdf-stack.png) no-repeat; margin-right: 20px}
#pdf_shelves .pdf_volume .pdf_details {padding-top: 10px}
body.theme_hebridean #new_library_panel #shelves:after, body.theme_hebridean #shelves .volume:before {background-image: url(/images/assets/illustrations/color/png/shelves_long_color_left_darkmode.png), url(/images/assets/illustrations/color/png/shelves_long_color_right_darkmode.png)}
#new_library_panel #shelves:after, #shelves .volume:before {content: ""; position: absolute; left: 0; right: 0; margin-top: -68px; margin-left: 12px; background-image: url(/images/assets/illustrations/color/png/shelves_long_color_left.png), url(/images/assets/illustrations/color/png/shelves_long_color_right.png); background-position: left -20px center, right -38px center; background-repeat: no-repeat, no-repeat; background-size: auto 70px, auto 70px; height: 50px}
#new_library_panel #shelves {position: relative; height: 100%; margin-left: -13px}
#new_library_panel #shelves .update_button {display: block; width: 128px; height: 31px; position: absolute; left: -12px; bottom: -7px; z-index: 1}
#new_library_panel #shelves .update_button img {width: 128px; height: 31px}
#new_library_panel #shelves .update_button:hover {left: -5px; bottom: -9px; background-color: transparent}
#new_library_panel #shelves #library_panel .quick_selector img {vertical-align: top}
#new_library_panel #shelves #shelved_books {overflow: hidden; position: relative; padding-top: 0px; display: -ms-flexbox; display: -webkit-flex; display: flex; -ms-flex-wrap: wrap; -webkit-flex-wrap: wrap; flex-wrap: wrap; -ms-align-items: flex-start; -webkit-align-items: flex-start; align-items: flex-start; padding-bottom: 50px}
#new_library_panel #shelves .shelf_label {position: absolute; height: 15px; line-height: 15px; background-color: var(--color-background); font-size: 0.8571428571rem; color: var(--color-text-understated); margin-left: 56px; margin-top: -43px}
#new_library_panel #shelves .volume {margin-left: 12px; margin-right: 12px; margin-top: 40px; margin-bottom: 40px}
#new_library_panel #shelves .volume .shelved_volume__cover {margin-bottom: 5px}
#new_library_panel #shelves .volume a {text-decoration: underline}
#new_library_panel #shelves .volume .cover {vertical-align: bottom; display: block; border: 1px solid #cccccc; border-bottom-color: #666666; float: right}
#new_library_panel #shelves .volume div.cover {overflow: hidden}
#new_library_panel #shelves .volume .title {display: block; padding-left: 30px; padding-right: 10px; padding-top: 20px; font-family: "Bergamo Std", "Baskerville", "Hoefler Text", "Palatino", "Georgia", "Times New Roman", serif; color: #444444; font-size: 1.1em}
#new_library_panel #shelves .volume .square_image_cover {border: 1px solid var(--color-border-dark); border-color: var(--color-greyscale-03); height: 150px; width: 100px; background-color: white; margin-top: 30px; overflow: hidden}
#new_library_panel #shelves .volume .square_image_cover .caption {margin-top: 5px; text-align: center; padding: 5px; color: var(--color-text)}
#new_library_panel #shelves .volume .square_image_cover img.square_image_inset {margin-top: 10px; margin-left: 12px; border: 1px solid var(--color-border-dark); box-shadow: none}
#new_library_panel #shelves .volume .shelf {bottom: 3px}
#new_library_panel #shelves .volume .shelf .mover {cursor: move; font-size: 1.2em; float: left; width: 80px; color: #333333; cursor: move; line-height: 16px; font-family: serif}
#new_library_panel #shelves .volume .volume_position {display: block; font-size: 0.95em; padding: 2px; width: 37px; height: 24px; line-height: 20px; position: absolute; text-align: center; background-color: var(--color-background); border: 1px solid var(--color-border-dark); top: 133px; left: 6px; cursor: pointer !important}
#new_library_panel #shelves .volume .volume_position form {margin: 0}
#new_library_panel #shelves .volume .volume_position input {border: none; width: 36px; background-color: yellow; height: 20px; text-align: center; font-weight: bold; font-size: 1.1em}
#new_library_panel:not(.new_library_index_panel) #library_controls, #library_imports_panel #library_controls, #library_lists_panel #library_controls {display: none}
#new_library_panel:not(.new_library_index_panel) .library_content_container, #library_imports_panel .library_content_container, #library_lists_panel .library_content_container {margin-top: 0 !important}
#new_library_panel:not(.new_library_index_panel) #library_content h2, #library_imports_panel #library_content h2, #library_lists_panel #library_content h2 {margin: 16px 0}
#import_titles_auto_complete {z-index: 1000}
#volume_collection_editor {margin-top: 1em}
#volume_collection_editor li {clear: both; display: block; height: 2.25em}
#volume_collection_editor li a {color: var(--color-text); display: block; float: left; height: 2em; line-height: 2em}
#volume_collection_editor li a.delete_link {margin-right: 5px; margin-top: 2px}
#volume_collection_editor li a.delete_link:hover {background-color: transparent}
#volume_collection_editor li a.collection_title {padding-left: 10px; width: 200px}
#volume_collection_editor li a.collection_title:hover {background-image: url(/images/silk-pencil.png); background-position: 5px 5px; background-repeat: no-repeat; padding-left: 25px}
#volume_collection_editor li a.cancel {margin: 0; display: inline; float: none; text-decoration: underline}
#volume_collection_editor li input.title {margin-left: 10px}
ul.library_auto_complete {overflow: hidden}
ul.library_auto_complete .instructions {color: #666666; font-size: 0.9em; padding-top: 0.5em; padding-bottom: 1em; display: block}
ul.library_auto_complete li {width: 500px; padding: 20px}
ul.library_auto_complete li a {text-decoration: none !important}
ul.library_auto_complete li a:hover {background: transparent}
ul.library_auto_complete li img {float: left; margin-right: 10px; height: 25px !important; width: 25px !important; border: 1px solid #cccccc; vertical-align: middle}
ul.library_auto_complete li .details {display: block; float: left; width: 450px}
ul.library_auto_complete li .title {display: block; color: var(--color-text)}
ul.library_auto_complete li .author {color: #666666 !important; font-size: 0.9em; padding-top: 0.25em; display: block; padding-bottom: 1em}
#library_content table.page_bar {margin-top: 42px; margin-bottom: 42px; border: none}
.pattern_library_peek {min-width: 400px}
.pattern_library_peek__volume {width: 600px; height: 175px}
.pattern_library_peek__volume__details {float: left; width: 400px}
.pattern_library_peek__volume__thumbnail {float: left}
#tabset.tabs--notebook_new_library, #tabset.tabs--notebook_library_lists, #tabset.tabs--notebook_library_imports {margin-bottom: 0 !important}
#new_library {padding-left: 280px; margin-top: 2px; background: linear-gradient(90deg, var(--color-teal-01) 100%, var(--color-background) 0%); background: linear-gradient(90deg, var(--color-background-sidebar) 100%, var(--color-background) 0%); background-size: 268px; background-repeat: repeat-y}
#new_library .search_tool .clicker_v2 {line-height: 20px !important}
#library_content {margin-right: 22px; margin-left: 26px}
#library_content .information {margin-bottom: 32px}
#library_content .volume_thumbnails {margin-top: 32px}
.library_content_container {min-height: 1000px; float: left; margin-top: 172px}
#library_controls {position: absolute !important; margin-bottom: 32px; margin-left: 26px}
#library_search {margin-right: 20px}
#library_search form {margin-top: 0; position: relative; height: 60px; padding-top: 60px}
#library_search .input_tool input {width: 300px}
#library_navigation {padding-left: 30px; padding-right: 30px; width: 212px; padding-top: 40px; margin-left: -280px; min-height: 700px; float: left}
#library_navigation li {font-size: 1em; padding: 5px}
#library_navigation li li {padding: 0; border: none}
#library_navigation li a {padding: 4px; display: block; background-repeat: no-repeat; color: var(--color-text); font-size: 1rem; height: 24px; line-height: 24px; background-position: 2px center; overflow: hidden; position: relative}
#library_navigation li a span.count {position: absolute; right: 5px; top: 1px; font-size: 0.85em; text-align: right; line-height: 28px; height: 28px}
#library_navigation li a:hover {background-color: var(--color-background-sidebar-selected)}
#library_navigation li a:hover span.count {background-color: var(--color-background-sidebar-selected)}
#library_navigation li a.selected {background: white url(/images/library-selected.png) no-repeat; margin-left: -15px; height: 19px; padding-top: 6px; padding-left: 15px; width: 185px}
#library_navigation li a.selected span.count {top: 4px; background-color: white}
#library_navigation li.selected a {background-color: var(--color-background-sidebar-selected)}
#library_navigation li.selected span.count {background: var(--color-background-sidebar-selected)}
#library_navigation li#type_all, #library_navigation li#type_pdf {padding-top: 0; padding-bottom: 0}
#library_navigation li#type_pdf a {padding-left: 27px}
#library_navigation .linked a {padding-left: 27px}
#library_navigation .linked .heading {margin: 0; text-transform: capitalize; padding-top: 32px; color: var(--color-text); font-size: 0.8571428571rem; font-weight: bold; display: block; margin-bottom: 8px}
#library_navigation #type_book a {background-image: url(/images/assets/icons/books.svg); background-size: 20px 20px}
#library_navigation #type_pdf a {background-image: url(/images/assets/icons/pdf.svg); background-size: 20px 20px; background-position: 5px 5px}
#library_navigation #type_magazine a {background-image: url(/images/assets/icons/magazines.svg); background-size: 20px 20px}
#library_navigation #type_dvd a {color: #bbbbbb; background-image: url(/images/silk-dvd-gray.png)}
#library_navigation #type_booklet a {background-image: url(/images/assets/icons/booklets.svg); background-size: 20px 20px}
#library_navigation #type_pattern a {background-image: url(/images/assets/icons/pdf.svg); background-size: 20px 20px}
#library_navigation .set_links li a {background-image: url(/images/assets/icons/folder.svg); background-size: 20px 20px}
#library_navigation #set_recent a {background-image: url(/images/assets/icons/hourglass.svg); background-size: 20px 20px}
#library_navigation #set_purchased a {background-image: url(/images/assets/icons/credit-card.svg); background-size: 20px 20px}
#library_navigation #set_gifts a {background-image: url(/images/assets/icons/gift.svg); background-size: 20px 20px}
#library_navigation #set_subscriptions a {color: #bbbbbb; background-image: url(/images/fugue-calendar-day-gray.png)}
#library_navigation #set_trade a {background-image: url(/images/assets/icons/will-trade-or-sell.svg); background-size: 20px 20px}
#library_navigation .pattern_category a {background-image: url(/images/assets/icons/folder.svg); background-size: 20px 20px}
#library_navigation .all_patterns a {background-image: url(/images/assets/icons/patterns.svg); background-size: 20px 20px}
#library_navigation #wishlist_queue a {background-image: url(/images/assets/icons/queue.svg); background-size: 20px 20px}
#library_navigation #wishlist_projects a {background-image: url(/images/assets/icons/projects.svg); background-size: 20px 20px}
#library_navigation #set_new a, #library_navigation #wishlist_new a {font-size: 0.9em; margin-top: 5px; padding-left: 25px; background-image: url(/images/assets/icons/plus-circle.svg); background-size: 20px 20px}
#library_navigation #wishlist_new a {color: #bbbbbb; background-image: url(/images/silk-add_small-gray.png)}
#library_navigation #updates_available a {display: block; color: var(--color-text); padding: 0px; margin-top: 3px; margin-left: 3px; height: 30px; line-height: 25px; font-size: 0.9em; text-align: center; text-decoration: none}
.library--personal .library_navigation__items {padding-top: 40px}
.pattern_library_peek__volume__details {margin-left: 1em; margin-top: 10px}
.pattern_library_peek__volume {margin-bottom: 10px}
.library_list__filters {font-size: 1rem; padding-left: 1em; font-weight: normal}
#volumes.sortable .volume:before {display: none}
h1.ravelry_extras_banner {font-size: 2em}
h1.ravelry_extras_banner span {color: #BF4A40}
body.ravelry_extras .extra {padding-top: 2em; font-size: 1.1em}
body.ravelry_extras .extra h2 {font-size: 1.6em; background-image: url("/images/assets/icons/photo.svg"); background-size: 48px; background-position: 32px center; background-repeat: no-repeat; height: 60px; line-height: 60px; display: block; padding-left: 95px}
body.ravelry_extras .extra h4 {padding-bottom: 1em}
body.ravelry_extras .extra ul {list-style: disc inside}
body.ravelry_extras .extra .extra_description {width: 600px}
body.ravelry_extras .extra .alternatives {padding-top: 1em}
body.ravelry_extras .extra .pricing {width: 200px; text-align: center}
body.ravelry_extras .extra .price {font-size: 4em}
body.ravelry_extras .extra .buy_now {margin-top: 1em}
body.ravelry_extras .extra p {margin-bottom: 1em}
.patterns_simple_dialog {width: 900px; height: 500px; margin: auto; border: 1px solid #cccccc; border-color: var(--color-border-light); background-color: var(--color-modal-background)}
.patterns_simple_dialog .title {text-align: right}
.patterns_simple_dialog .title a {padding: 8px; display: inline-block}
.patterns_simple_dialog .contents {margin: 5px}
.patterns_simple_dialog .buttons {text-align: right; padding: 10px}
.patterns_simple_dialog .sublist--0 {margin-left: 12px; border-left: 1px solid var(--color-border-light) !important}
.patterns_simple_dialog .sublist {width: 205px; float: left; padding: 5px; border: 1px solid var(--color-border-light); border-left: none; height: 400px; overflow: auto; overflow-x: hidden}
.patterns_simple_dialog .sublist li a {display: block; width: 190px; padding: 2px; text-decoration: none; color: var(--color-text); padding-left: 20px}
.patterns_simple_dialog .suggested_attributes li {padding-left: 0}
.patterns_simple_dialog .suggested_attributes li a {display: inline; width: auto}
.patterns_simple_dialog li.attribute a {background: var(--color-background) url("/images/assets/icons/tag.svg") no-repeat; background-color: var(--color-background-modal); background-size: 16px 16px; background-position: 0px center}
.patterns_simple_dialog li.category_leaf a {background: var(--color-background) url("/images/assets/icons/radio-empty.svg?v=2") no-repeat; background-color: var(--color-background-modal); background-size: 16px 16px; background-position: 0px center}
.patterns_simple_dialog li.selected {font-weight: bold}
.patterns_simple_dialog li.selected a {background: var(--color-background) url("/images/assets/icons/check-circle.svg?v=2") no-repeat; background-color: var(--color-background-modal); background-size: 16px 16px; background-position: 0px center}
.patterns_simple_dialog #suggestion_auto_complete li.selected {background-image: none; background-color: #ffffbb; font-weight: normal}
.patterns_simple_dialog li.folder {background: var(--color-background) url("/images/assets/icons/folder.svg") no-repeat; background-color: var(--color-background-modal); background-size: 16px 16px; background-position: left center; overflow: hidden}
.patterns_simple_dialog li.folder span {float: left; display: block; overflow: hidden}
.patterns_simple_dialog li.folder span.group_name {width: 155px}
.patterns_simple_dialog li.folder span.category_name {width: 155px}
.patterns_simple_dialog li.folder span.selection_count {width: 20px; font-size: 0.9em; text-align: right; padding-right: 2px}
.patterns_simple_dialog li.folder span.selection_count_0 {display: none}
.patterns_simple_dialog #sublist_1 {border-left: 1px solid #cccccc; border-left-color: var(--color-border-light)}
.guided_tip {width: 390px}
.guided_tip .tip_header {height: 28px; background: transparent url(/images/tip-bubble.png) 0px 0px no-repeat}
.guided_tip .tip_content {background: transparent url(/images/tip-bubble.png) -408px 0px repeat-y; padding-left: 15px; padding-right: 30px}
.guided_tip .tip_footer {height: 28px; background: transparent url(/images/tip-bubble.png) 0px 0px no-repeat}
.top_right_guided_tip .tip_header {background-position: 0px -286px}
.top_right_guided_tip .tip_content {background-position: -821px 0px}
.top_right_guided_tip .tip_footer {background-position: 0px -400px; height: 10px}
.top_left_guided_tip .tip_header {background-position: 0px -14px}
.top_left_guided_tip .tip_footer {background-position: 0px -128px; height: 10px}
.bottom_right_guided_tip .tip_header {background-position: 0px -420px; height: 10px}
.bottom_right_guided_tip .tip_content {background-position: -821px 0px}
.bottom_right_guided_tip .tip_footer {background-position: 0px -518px}
.bottom_left_guided_tip .tip_header {background-position: 0px -146px; height: 10px}
.bottom_left_guided_tip .tip_footer {background-position: 0px -244px}
input.guided_tip_input {border: 3px solid #16e22f}
.guided_tip {z-index: 11000}
.guided_tip h4 {margin: 0 !important; margin-bottom: 1em !important; font-size: 1.2em !important}
.guided_tip p {margin-bottom: 1em}
.guided_tip .tip_button {background: transparent}
.guided_tip .tip_button button {float: right; cursor: pointer}
.guided_tip .tip_cancel {float: left; width: 200px}
.guided_tip .tip_content {position: relative}
.guided_tip ul {list-style: disc inside none}
a.guided_hover {background-color: #c2ebb1}
#tip_overlay {position: absolute; z-index: 100; width: 100%; height: 100%; top: 0; left: 0; right: 0; bottom: 0; min-height: 100%}
body.bookmarklets_index {background-color: #eeeeee}
body.bookmarklets_index #navbar {padding-top: 5px; background-color: #c2ebb1; height: 27px; border-bottom: 1px solid #cccccc; -moz-box-shadow: 5px 1px 3px rgba(0, 0, 0, 0.1); -webkit-box-shadow: 5px 1px 3px rgba(0, 0, 0, 0.1); box-shadow: 5px 1px 3px rgba(0, 0, 0, 0.1)}
.site_content .markdown {width: 700px; font-size: 1rem}
.site_content .markdown ol ol {list-style-type: lower-alpha !important}
.site_content .markdown ol ul {list-style-type: lower-roman !important}
.site_content .markdown h1 {line-height: 1.3em}
.site_content .markdown h2 {font-size: 1.2em; font-weight: bold; padding-bottom: 1em; border: none}
.site_content .markdown h3 {font-size: 1em; font-weight: bold; padding-bottom: 1em; border: none}
.site_content__signature_field {float: none; width: 200px; font-size: 1.2em}
body.groups .media_square_200 .photoless img {min-width: 136px; margin-top: 90px}
body.designers .captioned_media_square li.title {text-align: center; margin-bottom: 8px}
body.designers .designer_bundles .media_square_200 .photoless img {min-width: 136px; margin-top: 90px}
.bundle_catalog .bundle {margin-bottom: 20px}
.bundle_catalog .bundle .description {padding-top: 8px; padding-left: 16px; float: left; width: 550px}
.bundle_catalog .bundle .description .edit_link {float: left; margin-right: 7px}
.bundle_catalog .bundle .description .name {font-size: 1.2em; float: left; width: 300px}
.bundle_catalog .bundle .description .num_items {text-align: right; font-size: 1.2em; float: left; width: 100px; margin-right: 16px}
.bundle_catalog .bundle .description .excerpt {padding-top: 1em; height: 167px; overflow: hidden}
.bundle__header, .bundle__tools {display: -ms-flexbox; display: -webkit-flex; display: flex; -ms-align-items: center; -webkit-align-items: center; align-items: center}
.bundle__tools {float: left; width: 100px}
.bundle__editable_indicator {margin-left: 8px}
#shelved_bundles {margin: 2em 0}
#shelved_bundles .media_square {float: none}
#shelved_bundles .bundle {float: left; position: relative; margin-bottom: 2em}
#shelved_bundles .bundle .zoomable_photo {cursor: move}
#shelved_bundles .bundle .caption {text-align: center; color: var(--color-text); font-size: 1em; padding-left: 20px; margin-top: 8px}
#shelved_bundles .bundle .bundle_position {display: block; font-size: 1em; padding: 2px; width: 37px; height: 24px; line-height: 20px; position: absolute; left: 3px; text-align: center; background-color: #f3f3f3; border: 1px solid #999; border-top: none; border-radius: 0 0 3px 3px; cursor: pointer !important; bottom: -5px; color: var(--color-text); border-color: var(--color-input-reposition-border); background-color: var(--color-input-reposition-background)}
#shelved_bundles .bundle .bundle_position form {margin: 0}
#shelved_bundles .bundle .bundle_position input {border: none; width: 38px; height: 26px; text-align: center; font-weight: bold; font-size: 1.1em; background-color: var(--color-yellow-02)}
#inplace_bundle_editor #bundles {margin-top: 1em; max-height: 400px; overflow-y: scroll}
#inplace_bundle_editor .bundle {margin-bottom: 1em}
#inplace_bundle_editor .ticky_item {font-weight: bold}
.bundle_summary {text-align: left}
.bundle_summary .bundle {margin-bottom: 5px; clear: both}
.bundle_summary .bundle .details {width: 130px; position: relative; float: left; margin-left: 10px}
.bundle_summary .bundle .thumbnail {float: left}
.bundle_summary .bundle .thumbnail span {display: block; padding-top: 20px; color: #999999; font-size: 0.9em}
.bundle_summary .bundle .name {margin-top: 25px}
ul.bundles_list li.b_list_item {font-size: 1.1em; margin-top: 0.5em}
ul.bundles_list li.b_list_item img {vertical-align: middle}
ul.bundles_list li.b_list_item .photoless {display: inline-block}
.bundle_media_square_group {height: 180px; margin-top: 32px}
.bundle_media_square_group .media_squares {display: -ms-flexbox; display: -webkit-flex; display: flex; -ms-flex-wrap: wrap; -webkit-flex-wrap: wrap; flex-wrap: wrap; -ms-justify-content: space-between; -webkit-justify-content: space-between; justify-content: space-between}
.bundle_media_square_group .media_square:empty {height: 0; padding-bottom: 0}
#upload_cover_form {float: left}
#current_cover .framed_photo {border: 3px solid #AF033E}
.cover_instructions {margin: 2em 0; font-size: 1.2em}
.cover_photo {float: left; margin-right: 5px; position: relative}
.cover_photo .rb_overlay {height: 157px; width: 157px; position: absolute; z-index: 10}
.cover_clicker {margin-left: 30px; margin-top: 60px; display: block}
#select_bundle .selectable__option {display: table}
#select_bundle .selectable__option__image {display: table-cell; width: 50px}
#select_bundle .selectable__option__label {display: table-cell; width: 100%; vertical-align: middle}
#queue_panel .page_bar {margin-bottom: 20px}
#queue_panel #queue_order_overlay {z-index: 1001; height: 80px; position: fixed; bottom: 0px; right: 0px; left: 0px; border-top: 1px solid var(--color-border-dark); background-color: var(--color-background-sidebar); width: 100vw; display: -ms-flexbox; display: -webkit-flex; display: flex; -ms-justify-content: flex-end; -webkit-justify-content: flex-end; justify-content: flex-end}
#queue_panel #queue_order_overlay .container {line-height: 80px; width: 400px; float: right; text-align: right; padding-right: 30px}
#queue_panel .tabs {margin-bottom: -4px}
#queue_panel .tabs li {line-height: 21px}
.queued_project__position .sort_field {margin-top: 6px; text-align: right}
.queued_project__position .sort_field, .queued_project__position .queued_project__sort_order {font-size: 1.3em; font-weight: bold; padding: 3px}
.queue_anchor {margin-top: -100px; padding-bottom: 100px; visibility: hidden}
.queued_project {min-height: 165px; padding-bottom: 30px}
.queued_project a {color: var(--color-text)}
.queued_project__title {padding-bottom: 1em; font-weight: bold; font-size: 1rem}
.queued_project__title .ellipsis_menu {font-weight: normal}
.queued_project__date {font-size: 0.95em; margin-top: 5px; color: var(--color-text-understated)}
.queued_project_contents {-webkit-display: flex; display: flex}
.queued_project__image .photo_border {background-image: none; float: left; overflow: hidden; padding: 0px; background-image: none; border: 1px var(--color-border-dark) solid; box-shadow: none; margin-bottom: 12px}
.queued_project__image .photo_frame, .queued_project__image .photo {padding: 0 !important; border: none; box-shadow: none; margin-top: 0; margin-left: 0}
.queued_project__image .photo {font-size: 1.2em; margin: 0 !important; background-size: cover}
.queued_project__image .photo_frame .noclick {cursor: default}
.queue_confirmation {padding: 20px; background-color: var(--color-dialog-neutral-background); border: 1px solid var(--color-dialog-neutral-border); max-width: 625px}
.queue_confirmation h2 {font-weight: normal; margin-bottom: 2em; text-align: center; font-size: 1rem}
.queue_confirmation .block {width: 50%; float: left; text-align: center}
.queued_project__controls {-webkit-display: flex; display: flex; -webkit-flex-direction: column; flex-direction: column}
.queued_project__controls a {white-space: nowrap; padding: 6px; text-decoration: none !important}
.queued_project__controls a:hover {border-radius: 10px; -moz-border-radius: 10px; -webkit-border-radius: 10px; background-color: var(--color-link-button-hover) !important}
.queued_project__controls img {width: 16px; height: 16px; vertical-align: middle}
.queued_project__controls__delete {margin-top: 1.5em}
.queued_project__particulars {margin-left: 10px; margin-top: 0.25em; -webkit-flex-grow: 1; flex-grow: 1}
.queued_project__particulars td {line-height: 1.5em}
.queued_project__particulars .notes {padding-top: 10px; padding-bottom: 20px}
.queued_project__particulars .notes p {font-size: 1em}
.queued_project__particulars table {margin-bottom: 0; border: none}
.queued_project__particulars td.label {font-weight: bold; width: 6em; vertical-align: top}
.queued_project__particulars .byline {font-weight: normal}
#queue_editor img.clean_dialog__closer {width: 12px !important; height: 12px !important}
#queue_editor #stash_selector_results {margin-top: 8px; margin-bottom: 32px}
#queue_editor #stash_selector_results .resizable_table, #queue_editor #stash_selector_results .resizable_table__row-header, #queue_editor #stash_selector_results .resizable_table__body {border: 1px solid var(--color-border-dark)}
.queued_project__expand_possible_stash {text-decoration: underline; display: none}
.queued_project__particulars--assigned_stash .queued_project__expand_possible_stash {display: block}
.queued_project__particulars--assigned_stash .queued_project__possible_stash {display: none}
.queued_project__particulars--assigned_stash .queued_project__possible_stash--expanded {display: block}
.queued_project__possible_stash_list {margin-left: 1em}
#queue_panel .sorting {width: 30px; float: left; margin-right: 10px}
#queue_panel #tabset ul {padding-bottom: 1px}
#queue_panel .top {width: 1em; font-size: 1em; text-align: center}
#queue_panel input.sort_field {float: none}
#queue_panel .top img {margin-top: 20px}
#queue_panel .handle {margin-left: 40px; padding-top: 10px; height: 15px; display: block; text-align: center}
#queue_panel .handle, #queue_panel .handle span, #queue_panel .handle a, #queue_panel .handle a:hover {cursor: move; background-color: transparent}
#queue_panel .handle.launch_queue_arranger {cursor: pointer}
#queue_editor fieldset.submit {margin-top: -1em}
.queue_arranger {padding-bottom: 4em}
.queue_arranger .scriptaculous--ghost {background-color: white; border: 1px solid #ccc; padding: 5px; opacity: 1; z-index: 10001}
.queue_arranger__item {-webkit-display: flex; display: flex; padding-bottom: 2em}
.queue_arranger__image {height: 50px; width: 50px; border: 1px solid var(--color-border-dark) !important; display: block; -webkit-flex-shrink: 0; flex-shrink: 0}
.queue_arranger__handle {-webkit-flex-shrink: 0; flex-shrink: 0; -webkit-flex-grow: 0; flex-grow: 0; width: 16px; background-image: var(--img-icon-move); background-repeat: no-repeat; background-size: 20px; margin-top: 12px; cursor: grab; cursor: -moz-grab; cursor: -webkit-grab; margin-left: 1em}
.queue_arranger__image--placeholder {background-color: var(--color-placeholder-gray)}
.queue_arranger__sort_order {-webkit-align-items: center; align-items: center; -webkit-justify-content: center; justify-content: center; -webkit-display: flex; display: flex; -webkit-flex-direction: column; flex-direction: column; -webkit-flex-shrink: 0; flex-shrink: 0; font-size: 1.5em; min-width: 2.5em; height: 2.5em; margin-right: 0.5em; border-radius: 100%; border-style: solid; border-color: var(--color-placeholder-gray); border-width: 2px; cursor: pointer; text-decoration: none}
.queue_arranger__sort_order del {display: block; color: #999; font-size: 0.8em; font-weight: normal}
.queue_arranger__sort_order--highlighted {background-color: var(--color-red-04); background-color: var(--color-background-organizer-selected); border-color: transparent}
.queue_arranger__item--drop {position: relative}
.queue_arranger__details {-webkit-display: flex; display: flex; -webkit-flex-direction: column; flex-direction: column; width: 100%}
.queue_arranger__title {margin-left: 1rem; overflow: hidden}
.queue_arranger__tip {padding: 1em; box-shadow: -1px -1px 10px 0px rgba(0, 0, 0, 0.1); background-color: var(--color-background); border: 1px solid var(--color-border-light); border-left: none; border-right: none; z-index: 1000; right: 0; left: 0; bottom: 0; text-align: center; position: fixed; margin-top: -12px; border-top: none}
.queue_arranger__tip__indicator .indicator {margin-left: 1em}
.queue_arranger__tip__preview {margin-top: 1em; padding-bottom: 0}
.queue_arranger__tip__preview .queue_arranger__handle {display: none}
.queue_arranger__tip__preview .queue_arranger__sort_order {background-color: var(--color-background); border-radius: 0; border: none}
.queue_arranger__date {margin-left: 1rem; margin-top: 0.5em; color: var(--text-less-understated)}
.queue_arranger__title--placeholder {background-color: var(--color-placeholder-gray)}
#queue_panel .header {height: auto; margin-bottom: 32px}
#queue_panel .page_bar_1 {margin-top: 1em}
body.without_flexbox .queued_project__contents, body.without_flexbox .queued_project__position, body.without_flexbox .queued_project__image, body.without_flexbox .queued_project__particulars, body.without_flexbox .queued_project__controls {float: left}
body.without_flexbox .queued_project__contents {width: 800px}
body.without_flexbox .queued_project__particulars {width: 500px}
body.without_flexbox .queued_project__controls {width: 120px}
body.without_flexbox .queued_project__controls a {display: block}
body.with_queue_arranger {scroll-behavior: smooth}
body.with_queue_arranger #queue_panel {display: none}
body.with_queue_arranger .notebook_sidebar {display: none}
body.with_static_header .queue_arranger__tip {position: fixed}
body.with_static_header #queue_arranger_list {margin-top: 35px}
body.with_static_header .breadcrumbs--subnavigation__sticky {display: none !important}
#queue_arranger_list {margin-top: 0px}
.queue_arranger__sort_order:hover {text-decoration: none}
.queue_arranger__item {border: 2px solid transparent; padding-top: 1em; padding-bottom: 1em; margin-top: 0.5em; margin-bottom: 0.5em}
.queue_arranger__tip {bottom: auto; min-height: 65px; padding-top: 0.5em; padding-bottom: 0.5em; -webkit-display: flex; display: flex; -webkit-align-items: center; align-items: center}
.queue_arranger__tip .queue_arranger__item {padding: 0}
.queue_arranger__tip__moving, .queue_arranger__tip__before_move {width: 100%}
.queue_arranger__tip__button .clicker_v2 {line-height: 20px !important}
.queue_arranger__tip__before_move {line-height: 32px}
.queue_arranger__tip__label {text-align: left; font-size: 1.1em}
.queue_arranger__tip__label img {height: 22px; vertical-align: middle}
.queue_arranger__details {text-align: left}
.queue_arranger__tip__moving {-webkit-display: flex; display: flex; -webkit-align-items: center; align-items: center}
.queue_arranger__tip__moving .queue_arranger__tip__label {-webkit-order: 1; order: 1}
.queue_arranger__tip__example {border-radius: 50%; border: 2px solid #ccc; width: 12px; height: 12px; display: inline-block; vertical-align: middle}
.queue_arranger__tip__save {margin-left: 1em}
.queue_arranger__tip__preview {margin-top: 0}
.queued_project__position {width: 70px; float: left; margin-right: 8px}
.queued_project__position .sort_field {width: 40px; font-size: 1.3em; font-weight: bold; padding: 3px; text-align: right; border: 1px solid var(--color-border-dark)}
.queue_arranger__item--drop {background-color: var(--color-teal-03)}
.queue_arranger__item--drop .queue_arranger__handle {border: 5px solid var(--color-teal-03)}
.queued_project__particulars {max-width: 550px}
#queue_panel .page_bar {max-width: 1050px}
.queued_project__date {text-align: center}
.queued_project__date--due {color: var(--color-text)}
.queued_project__image {width: 190px}
.queued_project__image .photo_border {height: 125px}
.queued_project__image .photo_frame, .queued_project__image .photo {width: 175px}
.queued_project__image .photo {height: 125px; line-height: 125px}
.queue_arranger__list {-webkit-display: flex; display: flex; -webkit-flex-wrap: wrap; flex-wrap: wrap}
.queue_arranger__item {-webkit-flex-grow: 0; flex-grow: 0; -webkit-flex-shrink: 0; flex-shrink: 0; width: 350px; box-sizing: border-box; padding-right: 2em}
#in_page_queue_arranger {max-width: 100vw; overflow: hidden}
#in_page_queue_arranger .clean_dialog {border: none; padding: 0; background-color: var(--color-background)}
#queue_editor .stash_linked .resizable_table__row, #queue_editor .stash_linked .resizable_table__row-header, #queue_editor .stash_linked .resizable_table__row-stripe, #queue_editor .stash_linked .resizable_table__row--dim {background-color: transparent}
#queue_editor .stash_linked, #queue_editor .stash_not_linked, #queue_editor .pattern_linked, #queue_editor .pattern_not_linked, #queue_editor .pattern_photo_linked {display: none}
#queue_editor.stash_linked--true .stash_linked, #queue_editor.stash_linked--false .stash_not_linked {display: block}
#queue_editor.pattern_linked--true .pattern_linked, #queue_editor.pattern_linked--false .pattern_not_linked {display: block}
#queue_editor .fancy_form--fullwidth {overflow: visible}
#queue_editor .fieldset__legend {margin-bottom: 1em}
#queue_editor .resizable_table__row, #queue_editor .resizable_table__row-header, #queue_editor .resizable_table__row-stripe, #queue_editor .resizable_table__row--dim {background-color: var(--color-modal-background)}
#queue_editor #stash_selector .page_bar_1 {margin-bottom: 1em}
#queue_editor #date_picker {margin-top: 1em; margin-left: auto; margin-right: auto; max-width: 450px}
#queue_editor #stash_selector select {border: 0 !important; padding-right: 24px !important}
#queue_editor .toolbar_v2 select {min-height: 0}
#queue_editor.pattern_photo_linked--true .pattern_photo_linked {margin: 0 10px; overflow: hidden; display: inline}
#queue_editor.pattern_photo_linked--true .pattern_photo_linked img {margin-top: 3px; max-width: 100px}
#queue_editor .queued_item {cursor: move; background-color: var(--color-modal-background); padding: 4px; margin-top: 16px; margin-bottom: 16px}
#queue_editor {width: 520px}
#queue_editor .resizable_table__cell--square_thumbnail {width: 108px; padding-left: 22px}
#queue_editor .pattern_fields {margin: 0 10px; margin-left: 0; overflow: hidden; float: left; display: inline; width: 520px}
#queue_editor.pattern_photo_linked--true .pattern_photo_linked {float: left}
#queue_editor .pattern_fields {margin: 0 10px; margin-left: 0; overflow: hidden; float: left; display: inline}
#queue_editor.pattern_photo_linked--true .pattern_fields {width: 390px}
#queue_editor .item_details {float: left; width: 400px; overflow: hidden}
#queue_editor .item_details .title {height: 1.3em; overflow: hidden}
#queue_editor .toolbar_v2 {height: 40px}
#queue_editor .pattern_photo_linked {width: 100px}
.about_apps h2 {padding-bottom: 16px}
.about_apps p {margin-bottom: 2em}
.about_apps .section {margin-bottom: 60px}
.about_apps .ravelry_screenshot {margin: 5px; border: 1px solid #ccc; width: 305px; height: 725px}
.about_apps .app_listing {margin-bottom: 60px}
.about_apps .app_listing__byline {text-align: center; width: 100px}
.about_apps .app_listing__byline .avatar_medium {margin-left: auto; margin-right: auto}
.app_listing__info {width: 400px}
.app_listing__screenshot {width: 260px; float: left}
.app_listing__info {float: left}
.app_listing__byline {margin-left: 30px; float: left}
body.stash form .field ul {overflow: hidden}
#stash_panel #stash_results {margin-top: 20px}
#stash_panel #stash_results .media_square li.title {height: 2.5em}
.wide_stash .status img {vertical-align: middle !important}
#stash_summary .pack {border-bottom: none !important}
#stash_summary .personal_weight_field {margin-top: 2em}
body.stash_show .core_item_content {display: -ms-flexbox; display: -webkit-flex; display: flex}
body.stash_show .core_item_inner legend {margin-left: 0}
body.stash .linked_pack {margin-bottom: 1em}
body.stash .linked_pack__quantity {display: block}
#stash_adjustment {padding-right: 0; padding-left: 0; margin-top: 0.25em; border-bottom: 1px solid var(--color-border-tabular-data); margin-top: -1px; background-color: var(--color-background); padding-top: 12px}
.stash_calculator {padding: 1em 1em 2em 1em; border: 1px solid #ccc; box-shadow: 1px 2px 2px #aaa; margin-bottom: 1em}
.stash_calculator h3, .stash_calculator p {margin-bottom: 1em}
table.stash_adjustment {width: 100%}
table.stash_adjustment td {font-size: 1.05em; height: 2em}
table.stash_adjustment td span {max-width: 225px; display: inline-block; white-space: nowrap; overflow: hidden}
input.stash_adjustment__input {width: 6em}
input.stash_adjustment__input--disabled {background-color: #eee; color: #444}
td.stash_adjustment__operator {font-size: 1.4em !important; font-weight: bold; padding-right: 0.5em}
tr.stash_adjustment__total {border-top: 2px solid #777}
.confirm_stash_adjustment__value, .confirm_stash_adjustment__description {padding: 0.5em 1em}
.confirm_stash_adjustment__value input, .confirm_stash_adjustment__value label, .confirm_stash_adjustment__description input, .confirm_stash_adjustment__description label {width: 100% !important}
.confirm_stash_adjustment__label {font-weight: bold; margin-top: 1em}
.linked_pack--editor .project_pack__delete {background-color: transparent}
.linked_pack--editor .project_pack__quantity {margin: 0.5em 0 0 2.5em}
body.notebook .quick_edit_card select, body.notebook .quick_edit_card .form_select, body.notebook .quick_edit_card fieldset {width: 236px !important}
body.notebook .quick_edit_card input {box-sizing: border-box; width: 240px !important}
body.notebook .quick_edit_card fieldset {padding-top: 20px}
#stash_selector_results {margin-top: 20px}
#stash_selector .clean_dialog__closer, #stash_selector .clean_dialog__title_bar {display: none}
#stash_selector .resizable_table__cell, #stash_selector .resizable_table__cell-header {padding: 8px 4px}
#stash_panel {min-width: 890px}
#stash_search_form {margin-bottom: 5px; position: relative; z-index: 100}
body.wiki .revision_notice {background-color: #fffff3; padding: 3px; margin-bottom: 1em; border: 1px solid #cccccc}
body.wiki_show ins {background-color: #fffff3; text-decoration: none; display: block}
body.wiki_show del {background-color: #ffc0cb; text-decoration: none}
form.wiki_editor #summary, form.wiki_editor label {float: none}
form.wiki_editor label {width: 150px}
form.wiki_editor #summary {width: 250px}
body.wiki #wiki_content {width: 690px; float: left}
body.wiki #wiki_content img {max-width: 680px; height: auto}
body.wiki #wiki_tools {width: 250px; float: left; padding-left: 20px}
body.wiki #wiki_footer {clear: both; padding-top: 20px}
#wiki_content a.broken {background-color: var(--color-yellow-02)}
#wiki_content ul#html2toc {list-style-type: decimal; border: 1px solid var(--color-border-light); padding: 5px; margin-left: 0; margin-right: 0; background-color: var(--color-background-inset-content); width: 30em; font-size: 1em}
#wiki_content ul#html2toc a {text-decoration: none}
#wiki_content ul#html2toc li {margin-top: 0.25em; margin-bottom: 0.25em}
#wiki_content ul#html2toc ul {list-style-type: lower-alpha; margin-left: 1.75em; margin-top: 0em; margin-bottom: 0em}
#wiki_content p.check_links {color: #d21753; font-size: 1.2em}
body.wiki .navigation small {font-size: 0.9em}
body.wiki_new textarea, body.wiki_edit textarea {width: 600px; height: 400px; font-size: 1.1em}
body.wiki_new form, body.wiki_edit form {float: left; width: 600px}
body.wiki .markup_help {float: left; width: 275px; margin-left: 20px; margin-top: 1em}
body.wiki .markup_help h3 {font-size: 1.1em; margin-bottom: 0.5em}
body.wiki .markup_help h3 a {font-weight: normal; font-size: 0.8em}
body.wiki .markup_help table {border: 1px dotted #cccccc; width: 275px; margin-bottom: 15px}
body.wiki .markup_help table td {border-bottom: 1px dotted #cccccc; padding: 2px}
body.wiki .markup_help table td.arrow {width: 40px}
#wiki_content h1 {margin-bottom: 0.5em; padding-bottom: 0.5em; font-size: 1.8em; font-weight: normal; border-bottom: 1px solid #aaa; display: block}
#wiki_content h2 {padding-top: 2em; margin-bottom: 0.5em; padding-bottom: 0.5em; font-size: 1.5em; font-weight: normal; border-bottom: 1px solid #ccc}
#wiki_content h3 {padding-top: 1em; padding-bottom: 0.5em; font-weight: bold; font-size: 1.3em}
#wiki_content ul {margin-bottom: 1em}
body.wiki .category_navigation {float: right; display: block; width: 240px}
body.wiki p, .wiki_content p, body.wiki .box_contents p {margin-bottom: 1em; line-height: var(--line-height-base); margin: 1em 0pt 0.5em}
body.wiki .box p {margin: 0}
body.wiki .wiki_links {margin-bottom: 1em}
body.wiki #categories {margin-bottom: 1em; padding-bottom: 1em}
body.wiki .page_content {font-size: 1em}
body.wiki_list .page_list em {margin: 1em; display: block}
.wiki_content h2, .wiki_content h3 {margin-bottom: 0.5em}
.wiki_content h3 {font-size: 1.1em}
.wiki_content ul, .wiki_content td {font-size: 1em}
body.wiki .page_list ul, .wiki_content ul {list-style-position: inside; list-style-type: disc; margin: 1em}
.wiki_content ul {line-height: var(--line-height-base)}
.wiki_content ul p {display: inline}
body.wiki .page_content .box {font-size: 1.1em}
body.wiki .page_content .box ul {list-style-type: none; margin: 0.25em; font-size: 1em}
.wiki_content table {margin: 1em}
.wiki_content td {border: 1px solid #cccccc; padding: 2px}
body.wiki .byline {border-top: 1px dotted #cccccc; padding-top: 1em; margin-top: 1em}
body.wiki_locked .avatar {margin: 10px; border: 1px solid #333333}
body.wiki .page_list {float: left; width: 280px; margin-right: 30px}
body.wiki .page_content .property {display: none}
body.wiki_file input {width: 200px}
#wiki_search_results, #wiki_search_results .page {width: 700px; margin-left: auto; margin-right: auto}
#wiki_search_results h3 {font-weight: normal; font-size: 1.1em}
#wiki_search_results h4 {margin-top: 0.5em; font-weight: normal}
#wiki_search_results .excerpt {margin: 2em; margin-top: 1em}
#wiki_search_results .match {font-weight: bold}
body.events #date_picker {position: absolute; width: 420px; padding: 17px}
body.events .markdown {font-size: 1.1em; line-height: 1.55em}
body.events .page_date_sidebar {margin-top: 64px}
body.events #tool_buttons {margin-bottom: 32px}
body.events_browse .page_links {height: 2em; margin-top: 2em}
.event_form {max-width: 600px; margin-left: auto; margin-right: auto; position: relative}
.event_form option[value=""][disabled] {display: none}
.event_form input {background-image: none}
.event_form__field, .event_form__fieldset {display: none}
.event_form--medium_1 .event_form__field--in_person, .event_form--medium_1 .event_form__fieldset--in_person {display: block}
.event_form--medium_2 .event_form__field--online, .event_form--medium_2 .event_form__fieldset--online {display: block}
#event_list {margin-top: 32px}
#event_list .month {margin-bottom: 1em; margin-top: 1em; padding: 4px; font-weight: bold; font-size: 1.1em; background-color: var(--color-table-header)}
#event_list .event .date {float: left; width: 90px; -ms-flex-shrink: 0; -webkit-flex-shrink: 0; flex-shrink: 0; text-align: center}
#event_list .event .date .day {font-weight: bold; font-size: 1.4em}
#event_list .event .date .dow {font-size: 0.95em}
#event_list .event .event_photo {float: left; width: 75px; height: 75px; margin-right: 15px}
#event_list .event .details {float: left; width: 300px}
#event_list .event .details_2 {float: left; width: 200px; margin-left: 15px}
#event_list .event a.title {font-size: 1.1em}
#event_list .event span.popular {font-weight: bold}
#event_list .event .attending, #event_list .event .attendance_indicator {margin-top: 1em; padding: 3px; text-align: center; border: 1px dotted #999999; background-color: var(--color-red-04); width: 9em; color: white}
#event_list .event .interested {background-color: #cccccc; color: black}
#event_list .child_events {margin-top: 2em; margin-bottom: 3em}
#event_list .child_event {margin-left: 75px}
#event_list .child_event .date .day {font-size: 1.2em}
#event_list .child_event a.title {font-size: 1em}
#user_groups_panel #event_list .attending {display: none}
body.events a.sqt_link {display: block}
body.events #smart_tag_container {width: 300px; float: right; text-align: right; margin-top: -26px}
body.events #smart_tag_container .smart_tag {margin-top: -10px; display: inline-block; text-align: left; padding-left: 30px; height: 30px; padding-top: 7px; font-size: 14px; padding-right: 0px; cursor: pointer; background-image: url(/images/assets/icons/tag.svg); background-repeat: no-repeat; background-size: 24px; background-position: 0px center}
body.events #smart_tag_container .smart_tag img {margin-top: -7px; vertical-align: top; background-color: white}
body.events .event__header__summary h1 {font-size: 1.4em}
body.events .event__dates, body.events .event__hashtag {font-size: 1.1em; margin-bottom: 16px}
body.events #picker_months li {padding: 1px}
body.events #venue_summary .venue_name {font-size: 1.2em; margin-bottom: 0.25em}
body.events #attendance_box {text-align: center}
body.events #attendance_box a.my_vote {margin-left: auto; margin-right: auto; float: none; color: white; background-color: var(--color-red-04)}
body.events a.event_clicker {display: block; color: black; text-decoration: none; margin-top: 5px; margin-right: 3px; margin-left: 4px; float: left; font-size: 18px; line-height: 20px; padding-top: 5px; text-align: center; width: 110px; height: 58px; margin-bottom: 12px}
body.events a.event_clicker small {font-size: 0.6em}
body.events a.event_clicker:visited {color: black}
body.events a.event_clicker:hover span {text-decoration: underline}
body.events a.event_clicker_lit {background: url(/images/event-button-lit.png) no-repeat; color: white}
.event__groups {margin: 16px 0}
.event__timezone {font-weight: bold; margin-bottom: 8px}
.events__nearby {margin-left: 1em; margin-right: 1em; margin-top: 32px}
.events__nearby p {margin-bottom: 1em}
.event__search_result {margin-bottom: 32px}
.event__search_result__type {margin-top: 8px}
.event__search_result__attendance {margin-top: 16px}
.event__type {margin-bottom: 16px; font-size: 1.1em}
body.events_show #content {max-width: 960px}
.event__detail {display: -ms-flexbox; display: -webkit-flex; display: flex; margin-top: 16px}
.event__detail__content {width: 640px; float: left; margin-right: 32px; -ms-flex-grow: 1; -webkit-flex-grow: 1; flex-grow: 1}
.event__detail__sidebar {width: 240px; float: left}
.event__header__summary {margin-bottom: 32px}
.event__header__tools {width: 260px; float: left}
body.events .resizable_photo_gallery {width: 240px}
body.events .resizable_photo_gallery .copyright, body.events .resizable_photo_gallery .photo_gallery__caption {width: 210px}
body.events .resizable_photo_gallery .section {width: 240px; padding-bottom: 15px}
body.events .resizable_photo_gallery .photo {overflow: hidden; position: relative; width: 210px; height: 210px; padding: 0; margin: 0}
body.events .resizable_photo_gallery .photo img {position: relative; min-width: 210px}
body.events .resizable_photo_gallery .full_height_photo {height: 100%; font-size: 0}
body.events .resizable_photo_gallery .full_height_photo img.height_lock {max-width: 100%; left: 0px !important}
body.events .resizable_photo_gallery .photo_frame {width: 210px; height: auto; padding: 0; margin: 0}
body.events .resizable_photo_gallery .photo_border {margin: 0; border-radius: 5px; -moz-border-radius: 5px; -webkit-border-radius: 5px; border: 1px solid #999; overflow: hidden; margin-bottom: 5px; width: 210px; height: auto; padding: 0; background-image: none}
body.events .resizable_photo_gallery .photo_manager_launcher {width: 210px}
.challenge__goal {margin-bottom: 60px}
.challenge__goal_text {margin-bottom: 4px}
.challenge__goal_aside {font-color: #eee; text-decoration: underline}
.challenge__section {margin-top: 2em}
.challenge__section h2 {margin-bottom: 1em; font-size: 1.1428571429rem}
.challenge__notes {margin-bottom: 1em}
.challenge__thumbnail {float: left; width: 90px; background-color: transparent !important}
.challenge__thumbnail img {border: 1px solid var(--color-border-dark); box-shadow: none}
.challenge__thumbnail--empty img {max-width: 75px}
.challenge__project_list {min-height: 75px; position: relative; margin-top: 1em; margin-bottom: 3em}
.challenge__project_list a {text-decoration: underline !important}
.challenge__project__text > div {line-height: 1.5em}
.challenge__name {margin-bottom: 1em}
.road_trip__map {height: 400px}
.road_trip__map {width: 330px}
.saved_search__pin {width: 16px; height: 16px; vertical-align: text-bottom; padding: 0 0.25em}
.saved_search__pin--pinned {display: none}
a.ticky_text_selected .saved_search__pin--empty {display: none}
a.ticky_text_selected .saved_search__pin--pinned {display: inline}
.saved_search__details {display: -webkit-flex; display: flex; -webkit-align-items: center; align-items: center}
.saved_search__byline {width: 30em}
.saved_search__subscribe {margin-right: 2em}
.invitations p {padding-top: 1em; padding-bottom: 1em; line-height: var(--line-height-base)}
.invitations__index__body {margin-top: 10px}
.invitations__index__body h1 {font-size: 2.1428571429rem; margin-bottom: 32px}
.invitations__index__body h2 {margin-bottom: 8px; font-size: 20px}
.invitations__index__welcome img {margin-top: 40px; width: 100%; height: auto}
.invitations__index__welcome h2 {font-size: 1.4em; margin-top: 0.5em}
.invitations__index__welcome img {margin-top: 4.5rem; margin-left: 20px}
.invitation__form .field {color: #333333}
.invitation__form .ticky_item {margin-bottom: 0.25em}
.invitation__form__explanation {margin-top: 1em; width: 340px; color: black}
.invitation__form__explanation p {width: 100%}
.invitation__form__explanation .markdown {padding: 1em; border-radius: 3px; background-color: #f3f3f3}
#usability_tester_label {text-decoration: none; color: #333333}
.invitation__usability {max-width: 345px}
.invitations__index {display: -ms-flexbox; display: -webkit-flex; display: flex}
.invitations__index__body {width: 375px; margin-right: 32px; -ms-flex-grow: 0; -webkit-flex-grow: 0; flex-grow: 0}
body.invitations_index figure {margin: 0; padding: 0; border: 0}
body.invitations_index figcaption {font-size: 0.8571428571rem; margin-top: 4px}
body.invitations_index #invite_body label {font-weight: bold}
body.invitations_index #invite_body #email {width: 300px; border-color: var(--color-border-dark); padding: 6px}
body.invitations_index #invite_body fieldset {width: 318px}
body.invitations_index #invite_body fieldset.submit {margin-top: 10px; margin-left: 0}
body.invitations_index #invite_body fieldset.submit button {margin-left: 0}
body.invitations_index #invite_body .g-recaptcha {float: left}
body.invitations_index #welcome_image {max-width: 800px; text-align: center}
body.feedback_show--introduction {background-color: var(--color-background)}
.feedback_form {background-color: var(--color-background); display: flex; min-height: 100%; min-height: 100vh}
.feedback_form figure, .feedback_form form {margin: 0; padding: 0; border: 0; vertical-align: baseline}
.feedback_form input, .feedback_form label {float: none; width: auto}
.feedback_form__navigation {position: absolute; top: 20px; display: flex; left: -56px; right: -56px}
.feedback_form__navigation a {text-decoration: none; color: var(--color-text); font-size: 0.8571428571rem; line-height: 16px; -ms-flex-grow: 1; -webkit-flex-grow: 1; flex-grow: 1}
.feedback_form__navigation a:first-child {text-align: left}
.feedback_form__navigation a:last-child {text-align: right}
.feedback_form__navigation img {vertical-align: middle}
.feedback_form__content {position: relative; -ms-flex-grow: 1; -webkit-flex-grow: 1; flex-grow: 1; margin-left: 80px; background-color: var(--color-background); display: -ms-flexbox; display: -webkit-flex; display: flex}
.feedback_form--1 .feedback_form__banner, .feedback_form--1 .feedback_form__content, .feedback_form--13 .feedback_form__banner, .feedback_form--13 .feedback_form__content {width: 50%}
.feedback_form--1 .feedback_form__question, .feedback_form--13 .feedback_form__question {width: auto}
.feedback_form--1 .feedback_form__banner, .feedback_form--13 .feedback_form__banner {overflow: hidden}
.feedback_form--1 .feedback_form__banner #splash_balloon_bob, .feedback_form--1 .feedback_form__banner #splash_balloon_sheep, .feedback_form--13 .feedback_form__banner #splash_balloon_bob, .feedback_form--13 .feedback_form__banner #splash_balloon_sheep {display: block; position: absolute}
.feedback_form--1 .feedback_form__banner #splash_balloon_bob, .feedback_form--13 .feedback_form__banner #splash_balloon_bob {width: 40%; top: 14%; left: 5%}
.feedback_form--1 .feedback_form__banner #splash_balloon_sheep, .feedback_form--13 .feedback_form__banner #splash_balloon_sheep {width: 32%; bottom: 5%; right: 10%}
.feedback_form__banner {-ms-flex-grow: 0; -webkit-flex-grow: 0; flex-grow: 0; position: relative; width: 400px; background-image: url(/images/assets/splash/splash_background.png); background-size: 1600px}
.feedback_form__banner img {position: relative}
.feedback_form__banner #splash_cloud_1 {position: absolute; width: 50%; height: auto; top: 149px; left: -20%; z-index: 0}
.feedback_form__banner #splash_cloud_2 {position: absolute; width: 70%; height: auto; top: 55%; right: -45%; z-index: 0}
.feedback_form__banner #splash_cloud_3 {position: absolute; width: 70%; height: auto; bottom: -2%; left: -35%; z-index: 0}
.feedback_form__banner #splash_balloon_alpaca, .feedback_form__banner #splash_balloon_bob, .feedback_form__banner #splash_balloon_sheep {display: none; width: 55%; height: auto; margin-left: auto; margin-right: auto; margin-top: 48px; z-index: 1}
.feedback_form__banner #splash_balloon_alpaca, .feedback_form__banner #splash_balloon_sheep {margin-top: 80px}
.feedback_form__banner #splash_logo {margin-top: 48px; margin-left: auto; margin-right: auto; display: block; position: relative; width: 200px; max-width: 80%; z-index: 2}
.feedback_form--2 .feedback_form__banner #splash_balloon_bob, .feedback_form--3 .feedback_form__banner #splash_balloon_bob, .feedback_form--4 .feedback_form__banner #splash_balloon_bob, .feedback_form--9 .feedback_form__banner #splash_balloon_bob, .feedback_form--10 .feedback_form__banner #splash_balloon_bob {display: block}
.feedback_form--5 .feedback_form__banner #splash_balloon_sheep, .feedback_form--6 .feedback_form__banner #splash_balloon_sheep, .feedback_form--11 .feedback_form__banner #splash_balloon_sheep {display: block}
.feedback_form--11 .feedback_form__question__comment {display: none}
.feedback_form--11 .with_radio_disability_field_1 .feedback_form__question__comment {display: block}
.feedback_form--7 .feedback_form__banner #splash_balloon_alpaca, .feedback_form--8 .feedback_form__banner #splash_balloon_alpaca, .feedback_form--12 .feedback_form__banner #splash_balloon_alpaca {display: block}
.feedback_form__question__title {text-align: center; font-weight: bold; margin-top: 188px; margin-bottom: 32px; -ms-flex: none; -webkit-flex: none; flex: none}
.feedback_form__question__form {-ms-flex-grow: 1; -webkit-flex-grow: 1; flex-grow: 1}
figure.feedback_form__question__figure {margin-bottom: 32px; display: block}
figure.feedback_form__question__figure img {max-width: 484px; height: auto; margin-left: auto; margin-right: auto; display: block}
figure.feedback_form__question__figure.feedback_form__question__figure--bordered {border: 1px solid var(--color-border-dark)}
.feedback_form__progress {width: 80px; height: 100%; height: 100vh; display: -ms-flexbox; display: -webkit-flex; display: flex; -ms-flex: none; -webkit-flex: none; flex: none; -ms-align-items: center; -webkit-align-items: center; align-items: center; -ms-justify-content: center; -webkit-justify-content: center; justify-content: center}
.feedback_form__progress:hover {background-color: white}
.feedback_form__progress:hover .feedback_form__progress__marker__label {opacity: 1; width: 12em}
.feedback_form__progress__markers {margin-top: -70px}
.feedback_form__progress__markers a {text-align: center; display: block; padding: 10px}
.feedback_form__progress__markers a:hover .feedback_form__progress__marker__label {color: var(--color-text)}
.feedback_form__progress__marker {position: relative}
.feedback_form__progress__marker.feedback_form__progress__marker--current {color: var(--color-text); opacity: 1}
.feedback_form__progress__marker__label {opacity: 0; width: 0; overflow: hidden; transition: opacity 0.3s linear; height: 28px; position: absolute; font-size: 0.8571428571rem; color: var(--color-text-understated); background-color: var(--color-background); right: 32px; white-space: nowrap; text-align: right; top: 6px}
.feedback_form--4 .feedback_form__question, .feedback_form--6 .feedback_form__question, .feedback_form--8 .feedback_form__question, .feedback_form--10 .feedback_form__question, .feedback_form--12 .feedback_form__question, .feedback_form--13 .feedback_form__question {width: 600px}
.feedback_form__question {position: relative; box-sizing: border-box; width: 500px; max-width: 90vw; margin-left: auto; margin-right: auto; min-height: 100%; display: -ms-flexbox; display: -webkit-flex; display: flex; -ms-flex-direction: column; -webkit-flex-direction: column; flex-direction: column}
.feedback_form__question textarea {margin-top: 16px; width: 100%; border: 1px solid var(--color-border-dark); height: 200px; font-size: 1rem; padding: 4px; box-sizing: border-box}
.feedback_form__tools {margin-bottom: 110px; margin-top: 60px; text-align: center; -ms-flex: none; -webkit-flex: none; flex: none}
.feedback_form__question__body {-ms-flex-grow: 1; -webkit-flex-grow: 1; flex-grow: 1}
.feedback_form__question__body h1 {font-weight: 900; font-size: 2.1428571429rem}
.feedback_form__question__body h1.h1--xxl {font-size: 2.8571428571rem}
.feedback_form__question__body h1, .feedback_form__question__body h2 {margin-bottom: 32px; padding-bottom: 0}
.feedback_form__question__body small {font-size: 0.8571428571rem}
.feedback_form__question__inputs label {padding-right: 60px; padding-left: 6px}
.feedback_form__question__rate {display: -ms-flexbox; display: -webkit-flex; display: flex; margin-right: -32px; margin-left: -32px; width: auto}
.feedback_form__question__ask {margin-bottom: 16px; font-weight: bold; font-size: 1rem; margin-top: 48px}
.feedback_form__question__comment {margin-top: 80px; margin-bottom: 32px}
.feedback_form__question__comment label {font-size: 1rem; font-weight: bold}
.feedback_form__question__rate__option {-ms-flex-grow: 1; -webkit-flex-grow: 1; flex-grow: 1; display: -ms-flexbox; display: -webkit-flex; display: flex; -ms-flex-direction: column; -webkit-flex-direction: column; flex-direction: column; -ms-flex-shrink: 0; -webkit-flex-shrink: 0; flex-shrink: 0; -ms-flex-grow: 0; -webkit-flex-grow: 0; flex-grow: 0; text-align: center; padding: 0 16px; box-sizing: border-box; flex-basis: 20%}
.feedback_form__question__rate__option img {width: 24px; height: 24px; padding: 4px; padding-bottom: 12px; vertical-align: middle; margin-left: auto; margin-right: auto; display: block; -ms-filter: grayscale(100%) brightness(110%); -webkit-filter: grayscale(100%) brightness(110%); filter: grayscale(100%) brightness(110%); transition: all 0.1s ease-in-out}
.feedback_form__question__rate__option label {white-space: nowrap; font-size: 0.8571428571rem}
.feedback_form__question__rate__option input[type=radio] {width: 0; height: 0; opacity: 0}
.feedback_form__question__rate__option label:hover img {width: 32px; height: 32px; padding: 0; padding-bottom: 8px; -ms-filter: grayscale(0%) brightness(100%); -webkit-filter: grayscale(0%) brightness(100%); filter: grayscale(0%) brightness(100%)}
.feedback_form__question__rate__option input[type=radio]:checked + label img {-ms-filter: grayscale(0%) brightness(100%); -webkit-filter: grayscale(0%) brightness(100%); filter: grayscale(0%) brightness(100%)}
.feedback_form__question__rate__option--1 {padding-left: 0}
.feedback_form__question__rate__option--5 {padding-right: 0}
.feedback_form__question__line {border-bottom: 1px solid var(--color-border-dark); margin-top: -39px; margin-left: 16px; margin-right: 16px}
@media screen and (max-width: 900px) {.feedback_form {-ms-flex-direction: column; -webkit-flex-direction: column; flex-direction: column}
.feedback_form__progress {order: 1; height: auto; width: auto; margin-bottom: 32px}
.feedback_form__progress__marker {display: inline-block !important}
.feedback_form__progress__markers {margin-top: 32px}
.feedback_form__progress__marker__label {display: none}
.feedback_form__content {margin-left: 0; margin-top: 24px; -ms-flex-direction: column; -webkit-flex-direction: column; flex-direction: column}
.feedback_form__banner {display: none}
.feedback_form__question {width: auto !important}
.feedback_form__question__rate {margin-right: -16px; margin-left: -16px}
.feedback_form__question__title {margin-top: 0}
.feedback_form__navigation {top: -80px; display: flex; position: static; margin-left: 24px; margin-right: 24px; margin-bottom: 32px}
.feedback_form__tools {margin-bottom: 0; margin-top: 0}
}
body.help_logos #prefooter {padding-bottom: 0}
body.help_logos #footer {margin-top: -60px}
.logo_guide {background-color: var(--color-background)}
.logo_guide h1 {font-size: 2.8571428571rem; font-weight: 900; line-height: 1.2}
.logo_guide h2 {font-size: 2.1428571429rem; font-weight: 900; margin-bottom: 8px; margin-top: 0 !important}
.logo_guide h3 {font-size: 0.8571428571rem !important; margin-top: 40px !important; margin-bottom: 16px !important}
figure.logo_guide__secondary {display: -ms-flexbox; display: -webkit-flex; display: flex}
figure.logo_guide__secondary figcaption {order: -1; -ms-flex: none; -webkit-flex: none; flex: none}
figure.logo_guide__secondary img {-ms-flex: none; -webkit-flex: none; flex: none}
.logo_guide__link {margin-bottom: 16px}
.logo_guide__link a {text-decoration: none}
.logo_guide__link span {text-decoration: underline}
.logo_guide__section {position: relative}
.logo_guide__section--shaded {background-color: var(--color-sage-01)}
.logo_guide__download a {display: block; margin-top: 8px; text-decoration: none}
.logo_guide__download a img {vertical-align: text-top}
.logo_guide__download a span {text-decoration: underline}
.logo_guide__logos {display: -ms-flexbox; display: -webkit-flex; display: flex; position: relative}
.logo_guide__logos__images {display: flex; flex-direction: column}
.logo_guide__logos__images figcaption {font-size: 0.8571428571rem; font-style: oblique}
.logo_guide__logos__images:before {content: ""; display: block; background-image: url(/images/assets/features/brand-resources/stitch-v.svg); background-repeat: no-repeat; background-size: contain; display: block; position: absolute; left: 45%; bottom: 39%; width: 15vw; height: 19vw}
.logo_guide__usage {display: -ms-flexbox; display: -webkit-flex; display: flex; min-height: 400px}
.logo_guide__usage__items li {line-height: var(--line-height-base)}
.logo_guide__section__container {width: 80%; max-width: 1000px; margin-left: auto; margin-right: auto}
.logo_guide__logos .text_block {width: 80%; min-width: 320px; -ms-flex: none; -webkit-flex: none; flex: none; margin-left: auto; margin-right: auto; margin-top: 120px; position: relative}
.logo_guide__logos__images {display: -ms-flexbox; display: -webkit-flex; display: flex; -ms-flex-grow: 1; -webkit-flex-grow: 1; flex-grow: 1; -ms-flex-direction: column; -webkit-flex-direction: column; flex-direction: column; min-width: 60%; min-height: 600px; max-height: 800px; margin-left: 40px; margin-top: -159px; background-image: url(/images/assets/features/brand-resources/skein.png); background-repeat: no-repeat; background-size: 120%; background-position: bottom left}
.logo_guide__logos__images figure.logo_guide__primary img {width: 45vw}
.logo_guide__logos__images figure.logo_guide__primary figcaption {position: relative; top: -24px}
.logo_guide__logos__images figure.logo_guide__secondary {padding-top: 200px; padding-right: 32px; position: relative; -ms-order: -1; -webkit-order: -1; order: -1; -ms-justify-content: flex-end; -webkit-justify-content: flex-end; justify-content: flex-end}
.logo_guide__logos__images figure.logo_guide__secondary figcaption {padding-top: 8px; margin-right: -32px}
.logo_guide__logos__images figure.logo_guide__secondary img {width: 15vw}
.logo_guide__section {margin-top: 70px; padding-top: 70px; margin-bottom: 70px; padding-bottom: 70px; position: relative}
.logo_guide__section--shaded:before, .logo_guide__section--shaded:after {content: ""; display: block; background-repeat: no-repeat; background-size: contain; display: block; position: absolute}
.logo_guide__section--shaded:before {background-image: url(/images/assets/features/brand-resources/stitch-o.svg); left: 8px; width: 44vh; height: 52vh; top: -22vh}
.logo_guide__section--shaded:after {background-image: url(/images/assets/features/brand-resources/stitch-oval.svg); right: 0px; width: 215px; height: 52vh; bottom: -50vh; background-size: 215px}
.logo_guide__usage figure {display: block; float: right}
.logo_guide__primary_placement {margin-right: 80px; width: 367px; height: 157px}
.logo_guide__secondary_placement {margin-right: 8px; margin-top: 70px; width: 161px; height: 159px}
.logo_guide__section__container {position: relative}
.logo_guide__usage__items {max-width: 550px; margin-top: 32px; float: right; display: -ms-flexbox; display: -webkit-flex; display: flex; -ms-flex-wrap: wrap; -webkit-flex-wrap: wrap; flex-wrap: wrap}
.logo_guide__usage__items li {width: 50%; height: 10em; padding-right: 20px; box-sizing: border-box; -ms-flex: none; -webkit-flex: none; flex: none}
.logo_guide__usage__items li:nth-child(2), .logo_guide__usage__items li:nth-child(4) {padding-right: 0px; padding-left: 20px}
.logo_guide__usage__items li:nth-child(2) {margin-top: 60px}
.logo_guide__usage__items li:nth-child(3) {margin-top: -80px}
.logo_guide__usage__items li:nth-child(4) {margin-top: 24px}
.logo_guide__usage__items li:nth-child(5) {margin-top: -100px}
.logo_guide__usage__introduction {width: 100%}
.logo_guide__usage__introduction .text_block {width: 400px}
.logo_guide__downloads__set {display: -ms-flexbox; display: -webkit-flex; display: flex; -ms-justify-content: space-between; -webkit-justify-content: space-between; justify-content: space-between}
.logo_guide__downloads__set .logo_guide__download {width: 32%}
.logo_guide__downloads__set .logo_guide__download img {width: 100%; height: auto}
.logo_guide__colors {display: -ms-flexbox; display: -webkit-flex; display: flex}
.logo_guide__color {width: 50%; height: 100px; line-height: 100px; padding-top: 150px; padding-bottom: 150px; text-align: center; font-weight: 900; font-size: 1.4285714286rem}
html[data-large-font="1"] {font-size: 93.75%}
body.with_large_font .without_large_font {display: none}