:root {--hello-nerds: url(https://ravelry.com/api); --color-sage-01: #f3f4f0; --color-sage-02: #DBDED3; --color-sage-03: #C4C9B5; --color-sage-04: #ABB398; --color-sage-05: #939D7B; --color-teal-01: #EFFAF9; --color-teal-02: #DAF7F3; --color-teal-03: #C5F2EC; --color-teal-04: #97EFE3; --color-teal-05: #72DFD0; --color-yellow-01: #FEFBE7; --color-yellow-02: #FDF5B0; --color-yellow-03: #FBEF7E; --color-yellow-04: #F3DD1B; --color-yellow-05: #DFCA0C; --color-darkgreen-01: #5998A6; --color-darkgreen-02: #477A85; --color-darkgreen-03: #2E606B; --color-darkgreen-04: #1A444D; --color-darkgreen-05: #173036; --color-red-01: #FEF7F6; --color-red-02: #F4C3BE; --color-red-02_5:#F0AEA8; --color-red-03: #EE6E62; --color-red-04: #E5594C; --color-red-05: #BF4A40; --color-greyscale-01: #fff; --color-greyscale-02: #d9d9d9; --color-greyscale-03: #7f7f7f; --color-greyscale-04: #585858; --color-greyscale-05: #000; --color-darkmode-01: #a9bcf9; --color-darkmode-02: #3852a8; --color-darkmode-03: #404864; --color-darkmode-04: #2a2f41; --color-darkmode-05: #191c27; --color-darkmode-06: #fff; --color-special-kirk-blue: #7593fe; --color-special-notification-green: #00cd72; --color-special-information-yellow: var(--color-yellow-01); --color-special-error-red: var(--color-red-05); --color-special-numeric-red: red; --color-special-numeric-green: green; --color-palette-legacy-frontend: 1; --color-actionsheet-menu-background: var(--color-teal-01); --color-actionsheet-menu-border: var(--color-border-dark); --color-actionsheet-menu-delete-background: var(--color-red-01); --color-actionsheet-menu-delete: var(--color-text); --color-advanced-search-hover: var(--color-red-04); --color-advanced-search-divider: var(--color-teal-03); --color-advanced-search: var(--color-red-03); --color-background-actionsheet-notebook: var(--color-darkgreen-04); --color-background-actionsheet: var(--color-greyscale-01); --color-background-bookmarklet: var(--color-teal-02); --color-background-card-sidebar: var(--color-teal-01); --color-background-card: transparent; --color-background-card: var(--color-greyscale-01); --color-background-clicker-active: var(--color-teal-05); --color-background-clicker-delete: var(--color-red-01); --color-background-clicker-delete-hover: var(--color-red-02); --color-background-clicker-hover: var(--color-teal-05); --color-background-clicker: var(--color-teal-04); --color-background-comment: var(--color-greyscale-01); --color-background-comment-reply: var(--color-sage-01); --color-background-count: var(--color-teal-02); --color-background-dark-link: var(--color-teal-04); --color-background-dark-text: var(--color-greyscale-01); --color-background-dark: var(--color-darkgreen-04); --color-background-elevated: var(--color-sage-01); --color-background-forum-draft: var(--color-background-forum-posts); --color-background-forum-posts: transparent; --color-background-highlighted-brighter: var(--color-teal-01); --color-background-highlighted: var(--color-teal-02); --color-background-hover: var(--color-teal-01); --color-background-infobox-title: var(--color-yellow-02); --color-background-input: var(--color-greyscale-01); --color-background-inset-content: var(--color-teal-01); --color-background-menu: var(--color-greyscale-01); --color-background-navigation-dropdown: var(--color-greyscale-01); --color-background-organizer-selected: var(--color-red-04); --color-background-photo: transparent; --color-background-secondary-navbar: var(--color-greyscale-01); --color-background-select-hover: var(--color-teal-01); --color-background-select: var(--color-greyscale-01); --color-background-selected: var(--color-teal-02); --color-background-sidebar-selected: var(--color-teal-02); --color-background-sidebar-inset: var(--color-background); --color-background-sidebar: var(--color-teal-01); --color-background-table-alternate: #f3f3f3; --color-background-table-hover: var(--color-yellow-02); --color-background-table: transparent; --color-background-window: var(--color-greyscale-01); --color-background: var(--color-greyscale-01); --color-blockquote: var(--color-teal-01); --color-border-black: var(--color-greyscale-05); --color-border-clicker: var(--color-border); --color-border-dark: var(--color-greyscale-05); --color-border-forum-thread-header: var(--color-greyscale-02); --color-border-forum-thread: var(--color-greyscale-02); --color-border-image: var(--color-greyscale-03); --color-border-understated: #ccc; --color-border-light: var(--color-border-understated); --color-border-logo-image: transparent; --color-border-tabular-data: #d9d9d9; --color-border: var(--color-greyscale-05); --color-breadcrumbs-tools: var(--color-teal-01); --color-bubble-background: var(--color-greyscale-01); --color-buy-option-background: var(--color-sage-01); --color-buy-option-border: #ddd; --color-buy-option-button-border: #999; --color-chip-background-hover: var(--color-teal-02); --color-chip-background: var(--color-teal-01); --color-chip-negated-background: var(--color-red-01); --color-chip-selected-background: var(--color-teal-03); --color-chip-border: var(--color-border); --color-chip-text: var(--color-text); --color-clicker-advanced-search: var(--color-greyscale-05); --color-core-item-label: #666666; --color-dialog-error-background: var(--color-red-01); --color-dialog-error-border: var(--color-red-05); --color-dialog-neutral-background: var(--color-teal-01); --color-dialog-neutral-border: var(--color-teal-05); --color-dialog-success-background: var(--color-sage-01); --color-dialog-success-border: var(--color-sage-05); --color-dialog-warning-background: var(--color-yellow-01); --color-dialog-warning-border: var(--color-yellow-05); --color-error-box: var(--color-red-01); --color-error-message: var(--color-red-05); --color-error: var(--color-special-error-red); --color-forum-board-table-border: var(--color-table-border); --color-forum-board-table-header-border: var(--color-forum-board-table-border); --color-forum-parent-post: var(--color-teal-01); --color-forum-reaction: var(--color-greyscale-04); --color-forum-reaction-marked: var(--color-greyscale-04); --color-forum-tip-background: var(--color-yellow-01); --color-forum-tip: var(--color-text); --color-icon-framed-background: var(--color-greyscale-01); --color-infobox-border: var(--color-border); --color-infobox-content-border: var(--color-border); --color-infobox-content: var(--color-greyscale-01); --color-infobox-sidebar-background: var(--color-greyscale-01); --color-infobox-title-border: var(--color-border); --color-information-box: var(--color-special-information-yellow); --color-image-selected: var(--color-yellow-04); --color-input-background: var(--color-greyscale-01); --color-input-calendar-background: var(--color-background); --color-input-custom-background: var(--color-greyscale-01); --color-input-custom: var(--color-text); --color-input-focus: rgb(239, 250, 249); --color-input-reposition-background: var(--color-sage-01); --color-input-reposition-border: var(--color-sage-05); --color-input: unset; --color-link-button-hover: var(--color-teal-01); --color-link-default-filter: brightness(0) saturate(100%) invert(31%) sepia(27%) saturate(784%) hue-rotate(143deg) brightness(99%) contrast(90%); --color-link-default-hover-filter: brightness(0) saturate(100%) invert(24%) sepia(25%) saturate(834%) hue-rotate(143deg) brightness(92%) contrast(101%); --color-link-default-hover: var(--color-darkgreen-04); --color-link-default: var(--color-darkgreen-03); --color-link-delete-hover: var(--color-red-05); --color-link-delete: var(--color-red-05); --color-link-visited: var(--color-greyscale-04); --color-overlay-dim: rgba(0, 0, 0, 0.25); --color-markdown-spoiler: var(--color-greyscale-02); --color-markdown-codeblock: var(--color-greyscale-02); --color-markdown-toolbar-background: var(--color-teal-01); --color-markdown-toolbar: var(--color-text); --color-message-unread-background: var(--color-background-table); --color-message-unread: #333; --color-message-unread-mobile: var(--color-teal-01); --color-modal-background: var(--color-greyscale-01); --color-modal-footer-background: var(--color-sage-01); --color-modal-photo-background: var(--color-greyscale-01); --color-nameplate-background: #f7f7f7; --color-navigation-background: var(--color-sage-01); --color-navigation-bottom-border: var(--color-border-dark); --color-navigation-hover: var(--color-teal-01); --color-navigation-indicator-snake: var(--color-greyscale-05); --color-navigation-mobile-background: var(--color-teal-01); --color-navigation-notebook-dropdown-background: var(--color-darkgreen-04); --color-navigation-notebook-dropdown-hover: var(--color-darkgreen-02); --color-navigation-notebook-dropdown: var(--color-sage-01); --color-navigation-notification-background: var(--color-greyscale-01); --color-navigation-notification: var(--color-text); --color-navigation-snake-notebook: var(--color-darkgreen-04); --color-navigation-snake-search: var(--color-darkgreen-01); --color-navigation-snake: var(--color-darkgreen-01); --color-notebook-subnavigation-background: var(--color-darkgreen-04); --color-notes-personal-background: #eee; --color-paging-active: var(--color-teal-05); --color-paging-border: var(--color-border-dark); --color-paging-hover: var(--color-teal-05); --color-paging-inactive: var(--color-teal-02); --color-placeholder-gray: var(--color-greyscale-02); --color-popover-background: var(--color-greyscale-01); --color-pro-highlight: var(--color-yellow-02); --color-redeem-background: var(--color-teal-02); --color-search-filter-entry-background: var(--color-greyscale-01); --color-search-subnavigation-background: var(--color-greyscale-01); --color-secondary-navigation-menu-background: var(--color-greyscale-01); --color-secondary-navigation-notebook-background: var(--color-darkgreen-02); --color-secondary-navigation-notebook-indicator: var(--color-darkgreen-01); --color-secondary-navigation-notebook-text: var(--color-text-reverse); --color-secondary-navigation-reverse-background: var(--color-darkgreen-04); --color-secondary-navigation-reverse-border: var(--color-darkgreen-04); --color-secondary-navigation-reverse-indicator: var(--color-darkgreen-01); --color-secondary-navigation-reverse-text: var(--color-sage-01); --color-selectable-background: var(--color-teal-01); --color-selectable-selected-background: var(--color-teal-02); --color-sticky-note-background: var(--color-yellow-01); --color-subnavigation-active-underline: var(--color-red-03); --color-subnavigation-background: var(--color-sage-02); --color-subnavigation-bottom-border: var(--color-border-dark); --color-table-border: var(--color-border-dark); --color-table-element-background: var(--color-greyscale-01); --color-table-header: var(--color-teal-02); --color-table-header-border: var(--color-border-dark); --color-table-hover: var(--color-teal-01); --color-table-row-border: var(--color-greyscale-02); --color-tabs-mobile-background: var(--color-teal-01); --color-text-active: var(--color-text); --color-text-cancel-hover: var(--color-border-dark); --color-text-cancel: var(--color-greyscale-04); --color-text-clicker: var(--color-border-dark); --color-text-dark: var(--color-greyscale-05); --color-text-darker-gray: var(--color-greyscale-03); --color-text-less-understated: var(--color-greyscale-04); --color-text-more-understated: #727272; --color-text-reverse: var(--color-greyscale-01); --color-text-selected: var(--color-darkgreen-01); --color-text-understated-reverse: var(--color-greyscale-02); --color-text-understated: var(--color-greyscale-04); --color-text-overstated: var(--color-greyscale-05); --color-text: var(--color-greyscale-05); --color-toggle-selected: var(--color-teal-01); --color-tooltip-background: #fafafa; --color-tooltip-border: #d4d4d4; --color-tooltip: #333; --color-translation-highlight: var(--color-yellow-02); --color-translation-translated-highlight: var(--color-teal-03); --color-vertical-form-input-background: var(--color-greyscale-01); --color-actionsheet-title: var(--color-darkgreen-04); --color-form-toggle-button: var(--color-greyscale-01); --color-form-toggle-button-background: var(--color-greyscale-02); --color-form-toggle-button-active-background: var(--color-darkgreen-01); --color-iconbar-background: var(--color-darkgreen-04); --color-iconbar: var(--color-teal-04); --color-forum-magic-link-background: var(--color-yellow-01); --color-forum-magic-link-border: var(--color-greyscale-02); --global-box-shadow-size: 4px; --global-box-shadow-reversed-size: -4px; --line-height-base: 1.5714; --line-height-base-rem: 1.625rem; --line-height-base-em: 1.625rem; --img-form-checkbox-disabled: url(/images/assets/icons/check-disabled.svg?v=24); --img-icon-alert-circle-red: url(/images/assets/icons/alert-circle-red.svg?v=29); --img-icon-arrow-left: url(/images/assets/icons/arrow-left.svg); --img-icon-arrow-right: url(/images/assets/icons/arrow-right.svg); --img-icon-checkmark: url(/images/assets/icons/check.svg?v=24); --img-icon-chevron-down: url(/images/assets/icons/arrow-chevron-down.svg?v=24); --img-icon-chevron-left: url(/images/assets/icons/arrow-chevron-left.svg?v=24); --img-icon-chevron-right-curve: url(/images/assets/icons/arrow-down-right.svg?v=24); --img-icon-chevron-right: url(/images/assets/icons/arrow-chevron-right.svg?v=24); --img-icon-chevron-up: url(/images/assets/icons/arrow-chevron-up.svg?v=24); --img-icon-close: url(/images/assets/icons/x-black.svg?v=24); --img-icon-close-blue: url(/images/assets/icons/x-blue.svg?v=24); --img-icon-close-green: url(/images/assets/icons/x-green.svg?v=24); --img-icon-close-yellow: url(/images/assets/icons/x-yellow.svg?v=24); --img-icon-close-red: url(/images/assets/icons/x-red.svg?v=24); --img-icon-double-chevron-down: url(/images/assets/icons/arrow-double-chevron-down.svg?v=24); --img-icon-double-chevron-up: url(/images/assets/icons/arrow-double-chevron-up.svg?v=24); --img-icon-external-link: url(/images/assets/icons/external-link.svg?v=24); --img-icon-forms-check-square-green: url(/images/assets/icons/checkbox-checked.svg?v=24); --img-icon-forms-square: url(/images/assets/icons/check-empty.svg?v=24); --img-icon-happiness-01: url(/images/assets/icons/happiness-very-sad.svg?v=2); --img-icon-happiness-02: url(/images/assets/icons/happiness-sad.svg?v=2); --img-icon-happiness-03: url(/images/assets/icons/happiness-meh.svg?v=2); --img-icon-happiness-04: url(/images/assets/icons/happiness-happy.svg?v=2); --img-icon-happiness-05: url(/images/assets/icons/happiness-very-happy.svg?v=22); --img-icon-more-horizontal: url(/images/assets/icons/more-horizontal-on-light.svg?v=24); --img-icon-more-vertical: url(/images/assets/icons/more-vertical-on-light.svg?v=24); --img-icon-move: url(/images/assets/icons/move.svg?v=24); --img-icon-search-general: url(/images/assets/icons/search-general.svg?v=v1); --img-photo-placeholder: url(/images/assets/illustrations/color/svg/blank-skein.svg); --img-ravelry-redeem-background: url(/images/assets/features/redeem/redeem-background.png?v=24); --img-secondary-navigation-notebook-chevron: url(/images/assets/ravelry/arrow-chevron-down-darkgreen-04.svg?v=24); --img-sort-alpha-ascending: url(/images/assets/icons/sort-by-name-ascending.svg); --img-sort-alpha-descending: url(/images/assets/icons/sort-by-name-descending.svg); --img-sort-time-ascending: url(/images/assets/icons/sort-by-chronologically-ascending.svg); --img-sort-time-descending: url(/images/assets/icons/sort-by-chronologically-descending.svg); --img-comment-bubble: url(/images/assets/ravelry/comment-bubble-corner-light.svg?v=24); --img-comment-bubble-reply: url(/images/assets/ravelry/comment-bubble-corner-bottom-light.svg?v=24); --img-icon-plus: url(/images/assets/icons/plus.svg); --transition-duration-1: 0.1s; --transition-duration-2: 0.2s; --transition-duration-3: 0.3s; --transition-duration-5: 0.5s; --transition-duration-7: 0.7s; --transition-duration-10: 1s; --misc-forum-box-shadow-allowance: 7px}
body.with_typeface_default {--line-height-base: 1.625; --line-height-base-rem: 1.625rem; --line-height-base-em: 1.625rem}
body.theme_herdwick {--global-box-shadow-size: 0px; --global-box-shadow-reversed-size: -1px; --color-advanced-search-hover: var(--color-red-02_5); --color-advanced-search-divider: #767676; --color-advanced-search: var(--color-red-02); --color-background-actionsheet: var(--color-background); --color-background-card-sidebar: var(--color-greyscale-01); --color-background-card: var(--color-greyscale-01); --color-background-clicker-hover: var(--color-teal-03); --color-background-clicker: var(--color-teal-02); --color-background-comment: var(--color-greyscale-01); --color-background-count: var(--color-greyscale-01); --color-background-elevated: var(--color-greyscale-01); --color-background-forum-draft: var(--color-greyscale-01); --color-background-forum-posts: var(--color-greyscale-01); --color-background-hover: var(--color-greyscale-01); --color-background-infobox-title: var(--color-yellow-01); --color-background-input: var(--color-greyscale-01); --color-background-inset-content: var(--color-greyscale-01); --color-background-organizer-selected: var(--color-red-02); --color-background-photo: var(--color-greyscale-01); --color-background-sidebar: var(--color-greyscale-01); --color-background-table-alternate: var(--color-greyscale-01); --color-background-table: var(--color-greyscale-01); --color-background-window: var(--color-greyscale-01); --color-background: #f7f7f7; --color-border-logo-image: #000; --color-border-tabular-data: #707070; --color-breadcrumbs-tools: #f7f7f7; --color-core-item-label: #707070; --color-input-background: var(--color-greyscale-01); --color-input-focus: var(--color-yellow-01); --color-link-button-hover: var(--color-greyscale-01); --color-navigation-background: var(--color-greyscale-01); --color-navigation-notification-background: var(--color-teal-02); --color-paging-active: var(--color-teal-04); --color-paging-hover: var(--color-teal-03); --color-paging-inactive: var(--color-teal-02); --color-redeem-background: var(--color-background); --color-search-subnavigation-background: var(--color-greyscale-01); --color-tabs-mobile-background: var(--color-greyscale-01); --img-photo-placeholder: url(/images/assets/illustrations/color/svg/blank-skein-herdwick.svg); --img-ravelry-redeem-background: url(/images/assets/features/redeem/redeem-background-herdwick.png?v=24); --misc-forum-box-shadow-allowance: 0}
body.theme_hebridean {--global-box-shadow-size: 0px; --global-box-shadow-reversed-size: -1px; --color-border: var(--color-darkmode-06); --color-text: rgba(255, 255, 255, 0.8); --color-special-error-red: var(--color-red-02); --color-actionsheet-menu-background: var(--color-background); --color-actionsheet-menu-border: transparent; --color-actionsheet-menu-delete-background: var(--color-background); --color-actionsheet-menu-delete: var(--color-red-02); --color-advanced-search-hover: var(--color-background-clicker-hover); --color-advanced-search-divider: var(--color-darkmode-03); --color-advanced-search: var(--color-background-clicker); --color-background-actionsheet-notebook: var(--color-darkmode-04); --color-background-actionsheet: var(--color-background); --color-background-bookmarklet: var(--color-darkmode-03); --color-background-card-sidebar: var(--color-darkmode-04); --color-background-card: var(--color-darkmode-04); --color-background-clicker-active: var(--color-darkmode-04); --color-background-clicker-delete: var(--color-background-clicker); --color-background-clicker-delete-hover: var(--color-background-clicker); --color-background-clicker-hover: var(--color-darkmode-03); --color-background-clicker: var(--color-darkmode-02); --color-background-comment-reply: var(--color-darkmode-04); --color-background-comment: var(--color-darkmode-04); --color-background-count: var(--color-darkmode-03); --color-background-dark-link: var(--color-link-default); --color-background-dark-text: var(--color-text); --color-background-dark: var(--color-darkmode-04); --color-background-elevated: var(--color-background); --color-background-forum-draft: var(--color-background-window); --color-background-forum-posts: var(--color-background); --color-background-highlighted-brighter: var(--color-darkmode-02); --color-background-highlighted: var(--color-darkmode-03); --color-background-hover: var(--color-darkmode-03); --color-background-infobox-title: var(--color-darkmode-05); --color-background-input: var(--color-background); --color-background-inset-content: var(--color-darkmode-04); --color-background-menu: var(--color-background); --color-background-navigation-dropdown: var(--color-darkmode-05); --color-background-organizer-selected: var(--color-background-selected); --color-background-photo: var(--color-background); --color-background-secondary-navbar: var(--color-background); --color-background-select-hover: var(--color-darkmode-03); --color-background-select: var(--color-background); --color-background-selected: var(--color-darkmode-04); --color-background-sidebar-inset: var(--color-background-sidebar); --color-background-sidebar: var(--color-darkmode-04); --color-background-sidebar-selected: var(--color-darkmode-03); --color-background-table-alternate: var(--color-background); --color-background-table-hover: var(--color-darkmode-03); --color-background-table: var(--color-background); --color-background-window: var(--color-darkmode-04); --color-background: var(--color-darkmode-05); --color-blockquote: var(--color-darkmode-03); --color-border-clicker: var(--color-border); --color-border-dark: var(--color-border); --color-border-forum-thread-header: var(--color-darkmode-03); --color-border-forum-thread: var(--color-darkmode-03); --color-border-image: var(--color-border); --color-border-light: var(--color-border); --color-border-logo-image: transparent; --color-border-understated: var(--color-darkmode-03); --color-border-tabular-data: var(--color-darkmode-03); --color-breadcrumbs-tools: transparent; --color-bubble-background: var(--color-background); --color-buy-option-background: var(--color-darkmode-04); --color-buy-option-border: var(--color-border); --color-buy-option-button-background: var(--color-darkmode-02); --color-buy-option-button-border: var(--color-border); --color-chip-background-hover: var(--color-darkmode-03); --color-chip-background: var(--color-darkmode-02); --color-chip-negated-background: var(--color-red-05); --color-chip-selected-background: var(--color-darkmode-04); --color-chip-border: var(--color-border); --color-chip-text: var(--color-text); --color-clicker-advanced-search: var(--color-text); --color-core-item-label: var(--color-text-understated); --color-dialog-error-background: var(--color-darkmode-04); --color-dialog-error-border: var(--color-darkmode-01); --color-dialog-neutral-background: var(--color-darkmode-04); --color-dialog-neutral-border: var(--color-darkmode-01); --color-dialog-success-background: var(--color-darkmode-04); --color-dialog-success-border: var(--color-darkmode-01); --color-dialog-warning-background: var(--color-darkmode-04); --color-dialog-warning-border: var(--color-darkmode-01); --color-error-box: var(--color-red-02); --color-error-message: var(--color-red-02); --color-error: var(--color-red-02); --color-forum-board-table-border: var(--color-table-border); --color-forum-board-table-header-border: var(--color-table-header-border); --color-forum-parent-post: var(--color-darkmode-04); --color-forum-reaction: var(--color-text-understated); --color-forum-reaction-marked: var(--color-text-overstated); --color-forum-tip-background: var(--color-darkmode-03); --color-icon-framed-background: var(--color-background); --color-image-selected: var(--color-darkmode-01); --color-infobox-border: var(--color-border); --color-infobox-content-border: var(--color-border); --color-infobox-content: var(--color-darkmode-05); --color-infobox-sidebar-background: var(--color-background); --color-infobox-title-border: var(--color-border); --color-information-box: var(--color-background); --color-input-background: var(--color-background); --color-input-calendar-background: var(--color-darkmode-04); --color-input-custom-background: var(--color-background); --color-input-custom: var(--color-text); --color-input-focus: var(--color-darkmode-03); --color-input-reposition-background: var(--color-darkmode-03); --color-input-reposition-border: var(--color-border); --color-input: var(--color-text); --color-link-button-hover: var(--color-darkmode-02); --color-link-default-filter: brightness(0) saturate(100%) invert(66%) sepia(33%) saturate(404%) hue-rotate(190deg) brightness(106%) contrast(95%); --color-link-default-hover-filter: brightness(0) saturate(100%) invert(71%) sepia(65%) saturate(4818%) hue-rotate(203deg) brightness(102%) contrast(99%); --color-link-default-hover: var(--color-special-kirk-blue); --color-link-default: var(--color-darkmode-01); --color-link-delete-hover: var(--color-red-02); --color-link-delete: var(--color-red-02); --color-link-visited: var(--color-special-kirk-blue); --color-markdown-spoiler: var(--color-darkmode-03); --color-markdown-codeblock: var(--color-darkmode-03); --color-markdown-toolbar-background: var(--color-background); --color-markdown-toolbar: var(--color-link-default); --color-message-unread: var(--color-link-default); --color-message-unread-mobile: var(--color-background-table); --color-modal-background: var(--color-darkmode-04); --color-modal-footer-background: var(--color-darkmode-03); --color-modal-photo-background: var(--color-background); --color-nameplate-background: var(--color-darkmode-05); --color-navigation-background: var(--color-darkmode-05); --color-navigation-bottom-border: var(--color-border); --color-navigation-hover: var(--color-darkmode-03); --color-navigation-indicator-snake: var(--color-darkmode-01); --color-navigation-mobile-background: var(--color-darkmode-04); --color-navigation-notebook-dropdown-background: var(--color-background); --color-navigation-notebook-dropdown-hover: var(--color-background-select-hover); --color-navigation-notebook-dropdown: var(--color-text); --color-navigation-notification-background: var(--color-darkmode-03); --color-navigation-notification: var(--color-text); --color-navigation-snake-notebook: var(--color-darkmode-01); --color-navigation-snake-search: var(--color-darkmode-01); --color-navigation-snake: var(--color-darkmode-01); --color-notes-personal-background: var(--color-darkmode-03); --color-paging-active: transparent; --color-paging-border: transparent; --color-paging-hover: transparent; --color-paging-inactive: transparent; --color-placeholder-gray: var(--color-darkmode-04); --color-popover-background: var(--color-background); --color-pro-highlight: var(--color-darkmode-01); --color-redeem-background: var(--color-background); --color-search-filter-entry-background: var(--color-darkmode-03); --color-search-subnavigation-background: var(--color-darkmode-04); --color-secondary-navigation-menu-background: var(--color-darkmode-04); --color-secondary-navigation-notebook-background: var(--color-darkmode-03); --color-secondary-navigation-notebook-indicator: var(--color-darkmode-01); --color-secondary-navigation-notebook-text: var(--color-text); --color-secondary-navigation-reverse-background: var(--color-darkmode-04); --color-secondary-navigation-reverse-border: var(--color-border); --color-secondary-navigation-reverse-indicator: var(--color-darkmode-01); --color-secondary-navigation-reverse-text: var(--color-text); --color-selectable-background: var(--color-darkmode-03); --color-selectable-selected-background: var(--color-darkmode-02); --color-special-numeric-green: var(--color-darkmode-01); --color-special-numeric-red: var(--color-red-03); --color-sticky-note-background: var(--color-darkmode-04); --color-table-border: var(--color-darkmode-03); --color-table-element-background: var(--color-background); --color-table-header: var(--color-darkmode-04); --color-table-header-border: var(--color-darkmode-04); --color-table-hover: var(--color-darkmode-03); --color-table-row-border: var(--color-darkmode-03); --color-tabs-mobile-background: var(--color-darkmode-03); --color-text-active: var(--color-darkmode-06); --color-text-cancel-hover: var(--color-link-default-hover); --color-text-cancel: var(--color-link-default); --color-text-clicker: var(--color-text); --color-text-darker-gray: var(--color-text-understated); --color-text-less-understated: var(--color-text-understated); --color-text-less-understated:rgba(255, 255, 255, 0.6); --color-text-more-understated: var(--color-text-understated); --color-text-reverse: var(--color-text); --color-text-selected: var(--color-darkmode-01); --color-text-understated-reverse: var(--color-text-understated); --color-text-understated: rgba(255, 255, 255, 0.6); --color-text-overstated: rgba(255, 255, 255, 1); --color-toggle-selected: var(--color-background-selected); --color-tooltip-background: var(--color-background); --color-tooltip-border: var(--color-border); --color-tooltip: var(--color-text); --color-translation-highlight: var(--color-darkmode-02); --color-translation-translated-highlight: var(--color-darkmode-03); --color-vertical-form-input-background: var(--color-background); --color-actionsheet-title: var(--color-darkmode-04); --color-form-toggle-button: var(--color-greyscale-01); --color-form-toggle-button-background: var(--color-darkmode-04); --color-form-toggle-button-active-background: var(--color-darkmode-02); --color-iconbar-background: var(--color-darkmode-04); --color-iconbar: var(--color-darkmode-01); --color-forum-magic-link-background: var(--color-darkmode-04); --color-forum-magic-link-border: var(--color-border); --img-form-checkbox-disabled: url(/images/assets/icons-dark/check-disabled.svg?v=24); --img-secondary-navigation-notebook-chevron: url(/images/assets/icons-dark/arrow-chevron-down.svg?v=24); --img-icon-alert-circle-red: url(/images/assets/icons-dark/alert-circle-red.svg?v=29); --img-icon-arrow-left: url(/images/assets/icons-dark/arrows/regular/left.svg?v=24); --img-icon-arrow-right: url(/images/assets/icons-dark/arrows/regular/right.svg?v=24); --img-icon-checkmark: url(/images/assets/icons-dark/check.svg?v=24); --img-icon-chevron-down: url(/images/assets/icons-dark/arrows/chevron/down.svg?v=24); --img-icon-chevron-left: url(/images/assets/icons-dark/arrows/chevron/left.svg?v=24); --img-icon-chevron-right-curve: url(/images/assets/icons-dark/arrows/chevron/right-curve.svg?v=24); --img-icon-chevron-right: url(/images/assets/icons-dark/arrows/chevron/right.svg?v=24); --img-icon-chevron-up: url(/images/assets/icons-dark/arrows/chevron/up.svg?v=24); --img-icon-close: url(/images/assets/icons-dark/x-black.svg?v=css1); --img-icon-close-blue: url(/images/assets/icons/x-blue.svg?v=24); --img-icon-close-green: url(/images/assets/icons/x-green.svg?v=24); --img-icon-close-yellow: url(/images/assets/icons/x-yellow.svg?v=24); --img-icon-close-red: url(/images/assets/icons/x-red.svg?v=24); --img-icon-double-chevron-down: url(/images/assets/icons-dark/arrows/double-chevron/down.svg?v=24); --img-icon-double-chevron-up: url(/images/assets/icons-dark/arrows/double-chevron/up.svg?v=24); --img-icon-external-link: url(/images/assets/icons-dark/external-link.svg?v=24); --img-icon-forms-check-square-green: url(/images/assets/icons-dark/checkbox-checked.svg?v=24); --img-icon-forms-square: url(/images/assets/icons-dark/check-empty.svg?v=24); --img-icon-more-horizontal: url(/images/assets/icons-dark/more-horizontal-on-light.svg?v=24); --img-icon-more-vertical: url(/images/assets/icons-dark/more-vertical-on-light.svg?v=24); --img-ravelry-redeem-background: url(/images/assets/features/redeem/redeem-background-hebridean.png?v=24); --img-icon-search-general: url(/images/assets/icons-dark/search-on-dark.svg?v=24); --img-photo-placeholder: url(/images/assets/illustrations/color/svg/blank-skein-hebridean.svg); --img-icon-happiness-01: url(/images/assets/icons-dark/happiness-very-sad.svg); --img-icon-happiness-02: url(/images/assets/icons-dark/happiness-sad.svg); --img-icon-happiness-03: url(/images/assets/icons-dark/happiness-meh.svg); --img-icon-happiness-04: url(/images/assets/icons-dark/happiness-happy.svg); --img-icon-happiness-05: url(/images/assets/icons-dark/happiness-very-happy.svg?v=22); --img-comment-bubble: url(/images/assets/ravelry/comment-bubble-corner-dark.svg?v=24); --img-comment-bubble-reply: url(/images/assets/ravelry/comment-bubble-corner-bottom-dark.svg?v=24); --img-icon-plus: url(/images/assets/icons-dark/plus.svg); --misc-forum-box-shadow-allowance: 0}
body.theme_hebridean .u-theme-light {display: none !important}
body.theme_hebridean .u-theme-dark {display: block !important}
@media (prefers-color-scheme: dark) {body.theme_automatic {--global-box-shadow-size: 0px; --global-box-shadow-reversed-size: -1px; --color-border: var(--color-darkmode-06); --color-text: rgba(255, 255, 255, 0.8); --color-special-error-red: var(--color-red-02); --color-actionsheet-menu-background: var(--color-background); --color-actionsheet-menu-border: transparent; --color-actionsheet-menu-delete-background: var(--color-background); --color-actionsheet-menu-delete: var(--color-red-02); --color-advanced-search-hover: var(--color-background-clicker-hover); --color-advanced-search-divider: var(--color-darkmode-03); --color-advanced-search: var(--color-background-clicker); --color-background-actionsheet-notebook: var(--color-darkmode-04); --color-background-actionsheet: var(--color-background); --color-background-bookmarklet: var(--color-darkmode-03); --color-background-card-sidebar: var(--color-darkmode-04); --color-background-card: var(--color-darkmode-04); --color-background-clicker-active: var(--color-darkmode-04); --color-background-clicker-delete: var(--color-background-clicker); --color-background-clicker-delete-hover: var(--color-background-clicker); --color-background-clicker-hover: var(--color-darkmode-03); --color-background-clicker: var(--color-darkmode-02); --color-background-comment-reply: var(--color-darkmode-04); --color-background-comment: var(--color-darkmode-04); --color-background-count: var(--color-darkmode-03); --color-background-dark-link: var(--color-link-default); --color-background-dark-text: var(--color-text); --color-background-dark: var(--color-darkmode-04); --color-background-elevated: var(--color-background); --color-background-forum-draft: var(--color-background-window); --color-background-forum-posts: var(--color-background); --color-background-highlighted-brighter: var(--color-darkmode-02); --color-background-highlighted: var(--color-darkmode-03); --color-background-hover: var(--color-darkmode-03); --color-background-infobox-title: var(--color-darkmode-05); --color-background-input: var(--color-background); --color-background-inset-content: var(--color-darkmode-04); --color-background-menu: var(--color-background); --color-background-navigation-dropdown: var(--color-darkmode-05); --color-background-organizer-selected: var(--color-background-selected); --color-background-photo: var(--color-background); --color-background-secondary-navbar: var(--color-background); --color-background-select-hover: var(--color-darkmode-03); --color-background-select: var(--color-background); --color-background-selected: var(--color-darkmode-04); --color-background-sidebar-inset: var(--color-background-sidebar); --color-background-sidebar: var(--color-darkmode-04); --color-background-sidebar-selected: var(--color-darkmode-03); --color-background-table-alternate: var(--color-background); --color-background-table-hover: var(--color-darkmode-03); --color-background-table: var(--color-background); --color-background-window: var(--color-darkmode-04); --color-background: var(--color-darkmode-05); --color-blockquote: var(--color-darkmode-03); --color-border-clicker: var(--color-border); --color-border-dark: var(--color-border); --color-border-forum-thread-header: var(--color-darkmode-03); --color-border-forum-thread: var(--color-darkmode-03); --color-border-image: var(--color-border); --color-border-light: var(--color-border); --color-border-logo-image: transparent; --color-border-understated: var(--color-darkmode-03); --color-border-tabular-data: var(--color-darkmode-03); --color-breadcrumbs-tools: transparent; --color-bubble-background: var(--color-background); --color-buy-option-background: var(--color-darkmode-04); --color-buy-option-border: var(--color-border); --color-buy-option-button-background: var(--color-darkmode-02); --color-buy-option-button-border: var(--color-border); --color-chip-background-hover: var(--color-darkmode-03); --color-chip-background: var(--color-darkmode-02); --color-chip-negated-background: var(--color-red-05); --color-chip-selected-background: var(--color-darkmode-04); --color-chip-border: var(--color-border); --color-chip-text: var(--color-text); --color-clicker-advanced-search: var(--color-text); --color-core-item-label: var(--color-text-understated); --color-dialog-error-background: var(--color-darkmode-04); --color-dialog-error-border: var(--color-darkmode-01); --color-dialog-neutral-background: var(--color-darkmode-04); --color-dialog-neutral-border: var(--color-darkmode-01); --color-dialog-success-background: var(--color-darkmode-04); --color-dialog-success-border: var(--color-darkmode-01); --color-dialog-warning-background: var(--color-darkmode-04); --color-dialog-warning-border: var(--color-darkmode-01); --color-error-box: var(--color-red-02); --color-error-message: var(--color-red-02); --color-error: var(--color-red-02); --color-forum-board-table-border: var(--color-table-border); --color-forum-board-table-header-border: var(--color-table-header-border); --color-forum-parent-post: var(--color-darkmode-04); --color-forum-reaction: var(--color-text-understated); --color-forum-reaction-marked: var(--color-text-overstated); --color-forum-tip-background: var(--color-darkmode-03); --color-icon-framed-background: var(--color-background); --color-image-selected: var(--color-darkmode-01); --color-infobox-border: var(--color-border); --color-infobox-content-border: var(--color-border); --color-infobox-content: var(--color-darkmode-05); --color-infobox-sidebar-background: var(--color-background); --color-infobox-title-border: var(--color-border); --color-information-box: var(--color-background); --color-input-background: var(--color-background); --color-input-calendar-background: var(--color-darkmode-04); --color-input-custom-background: var(--color-background); --color-input-custom: var(--color-text); --color-input-focus: var(--color-darkmode-03); --color-input-reposition-background: var(--color-darkmode-03); --color-input-reposition-border: var(--color-border); --color-input: var(--color-text); --color-link-button-hover: var(--color-darkmode-02); --color-link-default-filter: brightness(0) saturate(100%) invert(66%) sepia(33%) saturate(404%) hue-rotate(190deg) brightness(106%) contrast(95%); --color-link-default-hover-filter: brightness(0) saturate(100%) invert(71%) sepia(65%) saturate(4818%) hue-rotate(203deg) brightness(102%) contrast(99%); --color-link-default-hover: var(--color-special-kirk-blue); --color-link-default: var(--color-darkmode-01); --color-link-delete-hover: var(--color-red-02); --color-link-delete: var(--color-red-02); --color-link-visited: var(--color-special-kirk-blue); --color-markdown-spoiler: var(--color-darkmode-03); --color-markdown-codeblock: var(--color-darkmode-03); --color-markdown-toolbar-background: var(--color-background); --color-markdown-toolbar: var(--color-link-default); --color-message-unread: var(--color-link-default); --color-message-unread-mobile: var(--color-background-table); --color-modal-background: var(--color-darkmode-04); --color-modal-footer-background: var(--color-darkmode-03); --color-modal-photo-background: var(--color-background); --color-nameplate-background: var(--color-darkmode-05); --color-navigation-background: var(--color-darkmode-05); --color-navigation-bottom-border: var(--color-border); --color-navigation-hover: var(--color-darkmode-03); --color-navigation-indicator-snake: var(--color-darkmode-01); --color-navigation-mobile-background: var(--color-darkmode-04); --color-navigation-notebook-dropdown-background: var(--color-background); --color-navigation-notebook-dropdown-hover: var(--color-background-select-hover); --color-navigation-notebook-dropdown: var(--color-text); --color-navigation-notification-background: var(--color-darkmode-03); --color-navigation-notification: var(--color-text); --color-navigation-snake-notebook: var(--color-darkmode-01); --color-navigation-snake-search: var(--color-darkmode-01); --color-navigation-snake: var(--color-darkmode-01); --color-notes-personal-background: var(--color-darkmode-03); --color-paging-active: transparent; --color-paging-border: transparent; --color-paging-hover: transparent; --color-paging-inactive: transparent; --color-placeholder-gray: var(--color-darkmode-04); --color-popover-background: var(--color-background); --color-pro-highlight: var(--color-darkmode-01); --color-redeem-background: var(--color-background); --color-search-filter-entry-background: var(--color-darkmode-03); --color-search-subnavigation-background: var(--color-darkmode-04); --color-secondary-navigation-menu-background: var(--color-darkmode-04); --color-secondary-navigation-notebook-background: var(--color-darkmode-03); --color-secondary-navigation-notebook-indicator: var(--color-darkmode-01); --color-secondary-navigation-notebook-text: var(--color-text); --color-secondary-navigation-reverse-background: var(--color-darkmode-04); --color-secondary-navigation-reverse-border: var(--color-border); --color-secondary-navigation-reverse-indicator: var(--color-darkmode-01); --color-secondary-navigation-reverse-text: var(--color-text); --color-selectable-background: var(--color-darkmode-03); --color-selectable-selected-background: var(--color-darkmode-02); --color-special-numeric-green: var(--color-darkmode-01); --color-special-numeric-red: var(--color-red-03); --color-sticky-note-background: var(--color-darkmode-04); --color-table-border: var(--color-darkmode-03); --color-table-element-background: var(--color-background); --color-table-header: var(--color-darkmode-04); --color-table-header-border: var(--color-darkmode-04); --color-table-hover: var(--color-darkmode-03); --color-table-row-border: var(--color-darkmode-03); --color-tabs-mobile-background: var(--color-darkmode-03); --color-text-active: var(--color-darkmode-06); --color-text-cancel-hover: var(--color-link-default-hover); --color-text-cancel: var(--color-link-default); --color-text-clicker: var(--color-text); --color-text-darker-gray: var(--color-text-understated); --color-text-less-understated: var(--color-text-understated); --color-text-less-understated:rgba(255, 255, 255, 0.6); --color-text-more-understated: var(--color-text-understated); --color-text-reverse: var(--color-text); --color-text-selected: var(--color-darkmode-01); --color-text-understated-reverse: var(--color-text-understated); --color-text-understated: rgba(255, 255, 255, 0.6); --color-text-overstated: rgba(255, 255, 255, 1); --color-toggle-selected: var(--color-background-selected); --color-tooltip-background: var(--color-background); --color-tooltip-border: var(--color-border); --color-tooltip: var(--color-text); --color-translation-highlight: var(--color-darkmode-02); --color-translation-translated-highlight: var(--color-darkmode-03); --color-vertical-form-input-background: var(--color-background); --color-actionsheet-title: var(--color-darkmode-04); --color-form-toggle-button: var(--color-greyscale-01); --color-form-toggle-button-background: var(--color-darkmode-04); --color-form-toggle-button-active-background: var(--color-darkmode-02); --color-iconbar-background: var(--color-darkmode-04); --color-iconbar: var(--color-darkmode-01); --color-forum-magic-link-background: var(--color-darkmode-04); --color-forum-magic-link-border: var(--color-border); --img-form-checkbox-disabled: url(/images/assets/icons-dark/check-disabled.svg?v=24); --img-secondary-navigation-notebook-chevron: url(/images/assets/icons-dark/arrow-chevron-down.svg?v=24); --img-icon-alert-circle-red: url(/images/assets/icons-dark/alert-circle-red.svg?v=29); --img-icon-arrow-left: url(/images/assets/icons-dark/arrows/regular/left.svg?v=24); --img-icon-arrow-right: url(/images/assets/icons-dark/arrows/regular/right.svg?v=24); --img-icon-checkmark: url(/images/assets/icons-dark/check.svg?v=24); --img-icon-chevron-down: url(/images/assets/icons-dark/arrows/chevron/down.svg?v=24); --img-icon-chevron-left: url(/images/assets/icons-dark/arrows/chevron/left.svg?v=24); --img-icon-chevron-right-curve: url(/images/assets/icons-dark/arrows/chevron/right-curve.svg?v=24); --img-icon-chevron-right: url(/images/assets/icons-dark/arrows/chevron/right.svg?v=24); --img-icon-chevron-up: url(/images/assets/icons-dark/arrows/chevron/up.svg?v=24); --img-icon-close: url(/images/assets/icons-dark/x-black.svg?v=css1); --img-icon-close-blue: url(/images/assets/icons/x-blue.svg?v=24); --img-icon-close-green: url(/images/assets/icons/x-green.svg?v=24); --img-icon-close-yellow: url(/images/assets/icons/x-yellow.svg?v=24); --img-icon-close-red: url(/images/assets/icons/x-red.svg?v=24); --img-icon-double-chevron-down: url(/images/assets/icons-dark/arrows/double-chevron/down.svg?v=24); --img-icon-double-chevron-up: url(/images/assets/icons-dark/arrows/double-chevron/up.svg?v=24); --img-icon-external-link: url(/images/assets/icons-dark/external-link.svg?v=24); --img-icon-forms-check-square-green: url(/images/assets/icons-dark/checkbox-checked.svg?v=24); --img-icon-forms-square: url(/images/assets/icons-dark/check-empty.svg?v=24); --img-icon-more-horizontal: url(/images/assets/icons-dark/more-horizontal-on-light.svg?v=24); --img-icon-more-vertical: url(/images/assets/icons-dark/more-vertical-on-light.svg?v=24); --img-ravelry-redeem-background: url(/images/assets/features/redeem/redeem-background-hebridean.png?v=24); --img-icon-search-general: url(/images/assets/icons-dark/search-on-dark.svg?v=24); --img-photo-placeholder: url(/images/assets/illustrations/color/svg/blank-skein-hebridean.svg); --img-icon-happiness-01: url(/images/assets/icons-dark/happiness-very-sad.svg); --img-icon-happiness-02: url(/images/assets/icons-dark/happiness-sad.svg); --img-icon-happiness-03: url(/images/assets/icons-dark/happiness-meh.svg); --img-icon-happiness-04: url(/images/assets/icons-dark/happiness-happy.svg); --img-icon-happiness-05: url(/images/assets/icons-dark/happiness-very-happy.svg?v=22); --img-comment-bubble: url(/images/assets/ravelry/comment-bubble-corner-dark.svg?v=24); --img-comment-bubble-reply: url(/images/assets/ravelry/comment-bubble-corner-bottom-dark.svg?v=24); --img-icon-plus: url(/images/assets/icons-dark/plus.svg); --misc-forum-box-shadow-allowance: 0}
body.theme_automatic .u-theme-light {display: none !important}
body.theme_automatic .u-theme-dark {display: block !important}
}
body.without_motion {--transition-duration-1: 0s; --transition-duration-2: 0s; --transition-duration-3: 0s; --transition-duration-5: 0s; --transition-duration-7: 0s; --transition-duration-10: 0s}
.u-theme-light {display: block !important}
.u-theme-dark {display: none !important}
#banner {height: 80px; padding-left: 10px; padding-right: 20px}
#banner a:hover {background-color: transparent}
#banner img {margin-top: 0px}
#page {position: relative; width: 100%; min-height: 100%; margin-left: auto; margin-right: auto; min-width: 970px}
body.resizable #page {min-width: 0}
body.resizable #content {width: 90%; max-width: 960px}
* html #page {height: 100%}
#navigation {width: 785px}
body.normal_with_pro #navigation {width: 840px}
body.normal_with_translation #navigation {width: 840px}
#navigation {position: absolute; top: 32px; left: 190px; border-width: 0px; border-style: solid; height: 20px; margin: 10px; width: 785px}
#navigation ul {list-style: none; float: left}
#navigation > ul > li {float: left; border: none; height: 22px; width: 83px; margin-left: 3px; background-image: url("/images/nav-tab-2t.png"); text-align: center}
#navigation li#tour_nav {width: 11em; background-image: none; background-color: #D5F3D4; border: 1px solid #fff; border-bottom: none}
#navigation li.hover a#tour_nav_link {background-color: white}
#navigation li#notebook_tab {width: 98px; background-image: url("/images/nav-tab-2.png")}
#navigation li#pro_tab {width: 50px; font-size: 0.9em}
#navigation li#carts_tab {width: 50px; font-size: 0.9em}
#navigation li#help_tab {width: 40px}
#navigation li#search_tab {width: 40px}
#navigation a {color: #333333; display: block; text-decoration: none; padding: 3px; background-color: transparent; font-size: 13px; overflow: hidden; height: 1em; white-space: nowrap}
#navigation a:hover {color: black}
#navigation li.active {background-image: url("/images/nav-tab-2s-active.png")}
#navigation > ul > li.hover {background-image: url("/images/nav-tab-2-lit.png") !important}
#navigation li.active#notebook_tab {background-image: url("/images/nav-tab-2-active.png")}
#navigation > ul > li.hover_menu_active {background-image: none !important; background-color: #fbfbfb; height: 24px}
#navigation li.hover_menu_active > a {border-left: 1px solid #eaeaea}
#navigation li#pro_tab.with_notification {width: 55px; text-align: left; padding-left: 5px}
.pro_notification {border: 1px solid #a5cb93; color: white; background-color: #a5cb93; border-radius: 50%; display: block; width: 15px; height: 15px; text-align: center; line-height: 14px}
.pro_notification.overdue {border: 1px solid red; background-color: red}
#pn_tabs {position: relative; left: 30px; bottom: 21px}
.notebook_menu {background-color: #fbfbfb; top: 22px; left: 3px; width: 145px; padding-top: 7px; padding-left: 5px; position: absolute; z-index: 500; font-size: 0.95em; border: 1px solid #ccc; border-left-color: #ccc; border-top: none; padding-bottom: 1em}
.notebook_menu__icon {display: none}
.notebook_options {margin-top: 10px; margin-bottom: 5px; width: 250px; margin-left: auto; margin-right: auto}
.notebook_options a:hover {background-color: transparent; text-decoration: underline}
.notebook_menu li, .notebook_options li {background-image: none; background-repeat: no-repeat; background-position: 5px 4px; padding-bottom: 1px; cursor: pointer; text-align: left}
.notebook_options li {width: 125px; float: left !important; height: 17px !important; clear: none !important; background-position: 4px 0px; overflow: hidden; white-space: nowrap}
@media screen and (min-width: 488px) {.notebook_options a, .notebook_menu a {text-decoration: none !important; padding-left: 30px !important}
}
.notebook_menu a {height: 2.1em !important; line-height: 2.1em !important; padding-top: 0 !important; padding-bottom: 0 !important; display: block}
.notebook_menu a:hover {background-color: transparent; cursor: pointer}
.notebook_menu li {margin-left: 0; width: 145px; height: 2.1em; background-image: url("/images/notebook-sprites-2.png")}
.notebook_menu li span {width: 20px; height: 20px; display: inline-block}
.notebook_menu li.hover {background-color: #eaf5e7; background-image: url("/images/notebook-sprites-2.png") !important}
.notebook_menu li.projects_option {background-position: -4px -4px}
.notebook_menu li.stash_option {background-position: -4px -132px}
.notebook_menu li.favorites_option {background-position: -4px -100px}
.notebook_menu li.friends_option {background-position: -4px -68px}
.notebook_menu li.needles_option {background-position: -4px -196px}
.notebook_menu li.supplies_option {background-position: -4px -196px}
.notebook_menu li.user_groups_option {background-position: -4px -164px}
.notebook_menu li.messages_option {background-position: -4px -260px}
.notebook_menu li.contributions_option {background-image: url("/images/silk-pencil.png") !important}
.notebook_menu li.books_option {background-position: -4px -228px}
.notebook_menu li.queue_option {background-position: -4px -36px}
.notebook_menu li.handspun_option {background-image: url("/images/bobbin2.png") !important}
.notebook_menu li.posts_option {background-position: -4px -292px}
.notebook_menu li.purchases_option {background-position: -4px -324px}
.notebook_menu li.upload_option {background-image: url("/images/farmfresh-picture_empty.png") !important}
#pro_links {margin-top: 1em; margin-bottom: 1em}
#pro_links .pro_link {text-align: left; padding-left: 7px; padding-top: 0.15em; padding-bottom: 0.15em}
#pro_links .pro_link img {border: none; vertical-align: middle; padding-right: 5px}
#status {position: absolute; top: 7px; right: 15px; margin-left: 100px}
#messages {float: right; text-align: right; width: 500px}
#inbox a {text-decoration: none}
#inbox a:visited {color: black}
#inbox {z-index: 100; right: 0px; font-size: 0.9em; padding: 2px}
#inbox a img {vertical-align: top; padding-right: 5px}
.large_inbox {font-size: 1em !important}
.large_inbox span {padding-left: 0.5em; padding-right: 0.5em}
.large_inbox img {vertical-align: middle !important}
span.dark_notification_bubble {font-size: 0.8571428571rem; text-align: center; color: #fff; background-color: var(--color-special-notification-green); margin-right: 4px; color: #000; border-radius: 15px; -moz-border-radius: 15px; -webkit-border-radius: 15px; padding: 0px 5px; line-height: 20px; min-width: 1em; display: inline-block}
@font-face {font-family: "Inter var"; font-weight: 100 900; font-display: fallback; font-style: normal; font-named-instance: "Regular"; src: url("/fonts/inter/Inter-3.13.var.woff2") format("woff2"); font-feature-settings: "cv08"}
@font-face {font-family: "Inter var"; font-weight: 100 900; font-display: fallback; src: url("/fonts/inter/Inter-3.13.var.woff2") format("woff2"); font-feature-settings: "cv11", "cv08"; font-style: oblique 0deg 20deg}
@font-face {font-family: "Inter"; font-style: normal; font-weight: 400; src: url("/fonts/inter/Inter-Regular.woff2?v=3.13") format("woff2"), url("/fonts/inter/Inter-Regular.woff?v=3.13") format("woff"); font-display: fallback}
@font-face {font-family: "Inter"; font-style: italic; font-weight: 400; src: url("/fonts/inter/Inter-Italic.woff2?v=3.13") format("woff2"), url("/fonts/inter/Inter-Italic.woff?v=3.13") format("woff"); font-display: fallback}
@font-face {font-family: "Inter"; font-style: normal; font-weight: 700; src: url("/fonts/inter/Inter-Bold.woff2?v=3.13") format("woff2"), url("/fonts/inter/Inter-Bold.woff?v=3.13") format("woff"); font-display: fallback}
@font-face {font-family: "Inter"; font-style: italic; font-weight: 700; src: url("/fonts/inter/Inter-BoldItalic.woff2?v=3.13") format("woff2"), url("/fonts/inter/Inter-BoldItalic.woff?v=3.13") format("woff"); font-display: fallback}
@font-face {font-family: "Inter"; font-style: normal; font-weight: 900; src: url("/fonts/inter/Inter-ExtraBold.woff2?v=3.13") format("woff2"), url("/fonts/inter/Inter-ExtraBold.woff?v=3.13") format("woff"); font-display: fallback}
@font-face {font-family: "Inter"; font-style: italic; font-weight: 900; src: url("/fonts/inter/Inter-ExtraBoldItalic.woff2?v=3.13") format("woff2"), url("/fonts/inter/Inter-ExtraBoldItalic.woff?v=3.13") format("woff"); font-display: fallback}
@font-face {font-family: "Inter Hinted"; font-style: normal; font-weight: 400; src: url("/fonts/inter/hinted/Inter-Regular.woff2?v=3.13") format("woff2"), url("/fonts/inter/hinted/Inter-Regular.woff?v=3.13") format("woff"); font-display: fallback}
@font-face {font-family: "Inter Hinted"; font-style: italic; font-weight: 400; src: url("/fonts/inter/hinted/Inter-Italic.woff2?v=3.13") format("woff2"), url("/fonts/inter/hinted/Inter-Italic.woff?v=3.13") format("woff"); font-display: fallback}
@font-face {font-family: "Inter Hinted"; font-style: normal; font-weight: 700; src: url("/fonts/inter/hinted/Inter-Bold.woff2?v=3.13") format("woff2"), url("/fonts/inter/hinted/Inter-Bold.woff?v=3.13") format("woff"); font-display: fallback}
@font-face {font-family: "Inter Hinted"; font-style: italic; font-weight: 700; src: url("/fonts/inter/hinted/Inter-BoldItalic.woff2?v=3.13") format("woff2"), url("/fonts/inter/hinted/Inter-BoldItalic.woff?v=3.13") format("woff"); font-display: fallback}
@font-face {font-family: "Inter Hinted"; font-style: normal; font-weight: 900; src: url("/fonts/inter/hinted/Inter-ExtraBold.woff2?v=3.13") format("woff2"), url("/fonts/inter/hinted/Inter-ExtraBold.woff?v=3.13") format("woff"); font-display: fallback}
@font-face {font-family: "Inter Hinted"; font-style: italic; font-weight: 900; src: url("/fonts/inter/hinted/Inter-ExtraBoldItalic.woff2?v=3.13") format("woff2"), url("/fonts/inter/hinted/Inter-ExtraBoldItalic.woff?v=3.13") format("woff"); font-display: fallback}
html {--legacy-frontend-font-size: 1; font-size: 14px}
@media print, screen and (min-width: 488px) {html.with_scroll_padding {scroll-padding-top: 45px}
html.with_scroll_padding_2x {scroll-padding-top: 90px}
}
body, ol, ul, td, th, input, select, table, textarea {font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol"; font-size: 1rem}
body.with_typeface_inter, body.with_typeface_default {font-family: "Inter", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol"}
body.with_typeface_inter ol, body.with_typeface_inter ul, body.with_typeface_inter td, body.with_typeface_inter th, body.with_typeface_inter input, body.with_typeface_inter select, body.with_typeface_inter table, body.with_typeface_inter textarea, body.with_typeface_default ol, body.with_typeface_default ul, body.with_typeface_default td, body.with_typeface_default th, body.with_typeface_default input, body.with_typeface_default select, body.with_typeface_default table, body.with_typeface_default textarea {font-family: "Inter", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol"}
body.with_typeface_inter_hinted {font-family: "Inter Hinted", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol"}
body.with_typeface_inter_hinted ol, body.with_typeface_inter_hinted ul, body.with_typeface_inter_hinted td, body.with_typeface_inter_hinted th, body.with_typeface_inter_hinted input, body.with_typeface_inter_hinted select, body.with_typeface_inter_hinted table, body.with_typeface_inter_hinted textarea {font-family: "Inter Hinted", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol"}
body.with_typeface_sans {font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol"}
body.with_typeface_sans ol, body.with_typeface_sans ul, body.with_typeface_sans td, body.with_typeface_sans th, body.with_typeface_sans input, body.with_typeface_sans select, body.with_typeface_sans table, body.with_typeface_sans textarea {font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol"}
body.with_typeface_helvetica {font-family: "Helvetica", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol"}
body.with_typeface_helvetica ol, body.with_typeface_helvetica ul, body.with_typeface_helvetica td, body.with_typeface_helvetica th, body.with_typeface_helvetica input, body.with_typeface_helvetica select, body.with_typeface_helvetica table, body.with_typeface_helvetica textarea {font-family: "Helvetica", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol"}
body.theme_hebridean {color: var(--color-text)}
.forum_post_guts .clicker_v2--disabled {background-image: none !important; border-color: white !important; background-color: transparent !important}
.forum_post_guts .clicker_v2--disabled span {color: #aaa !important}
#rack_bug {display: block !important}
#pro_notice {display: none !important}
.rsp_break_small {display: none !important}
.navigation_v2_only {display: none}
#no_search_results {padding: 2em; text-align: center; font-size: 1.2em}
h1 {font-weight: 900}
h2 {font-weight: 900}
h2.u-title_case {text-transform: capitalize}
ul, ol {list-style: none}
h1, h2, h3, h4, h5, h6, pre, code {font-size: 1em}
ul, ol, li, h1, h2, h3, h4, h5, h6, pre, form, body, html, p, blockquote, fieldset, input {margin: 0; padding: 0}
a img, :link img, :visited img, fieldset {border: none}
small {font-size: 0.8571428571rem}
abbr {cursor: help; border-bottom: 1px dotted #25221D; text-decoration: none}
code.pattern_code, code.pattern_code_block {font-family: Verdana, "Lucida Sans Unicode", "Lucida Grande", Arial, Helvetica, sans-serif; display: inline}
pre.fenced_code {margin-bottom: 1em; font-size: 1.1em; font-family: Monaco, "Consolas", "Bitstream Vera Sans Mono", "Lucida Console", Terminal, monospace; padding: 1em; background-color: var(--color-markdown-codeblock); overflow-x: scroll; border-radius: 4px}
pre.fenced_code code {font-family: Monaco, "Consolas", "Bitstream Vera Sans Mono", "Lucida Console", Terminal, monospace}
code.pattern_code_block {display: block}
a.image_link:hover, a.image_link:visited {background-color: transparent}
img.baseline {vertical-align: bottom}
address {font-style: normal}
legend {color: var(--color-text)}
table {border-collapse: collapse}
p {line-height: var(--line-height-base)}
td.nowrap {white-space: nowrap}
hr {border: none; border-top-style: dotted; border-top-width: 1px; border-top-color: #cccccc}
ul.sortable {cursor: move}
ol {list-style-position: outside; list-style-type: decimal; margin: 2em; margin-top: 1em; font-size: 1em}
ol.spaced li {margin-bottom: 0.5em}
div.clear:after {content: "."; display: block; height: 0; clear: both; visibility: hidden}
input:not([type=checkbox]):not([type=radio]) {border-radius: 0; -webkit-appearance: none}
input, select, textarea, option, optgroup {color: var(--color-input); background-color: var(--color-input-background)}
input.with_error {border-color: var(--color-special-error-red); background-image: url(--img-icon-alert-circle-red); background-size: 14px; background-repeat: no-repeat; background-position: right 12px center}
input:-webkit-autofill {-webkit-box-shadow: 0 0 0px 1000px white inset}
input:-webkit-autofill:focus {-webkit-box-shadow: 0 0 0px 1000px var(--color-input-focus) inset}
input:focus {background-color: var(--color-input-focus)}
a {color: var(--color-link-default)}
a:hover {color: var(--color-link-default-hover)}
a:visited:not([href="#"]) {color: var(--color-link-visited)}
a.hoverline:hover {background-color: transparent}
a.hoverline:hover span.hoverline {text-decoration: underline !important}
em.dim {color: #ccc}
.display_none {display: none !important}
.avatar a:hover {background-color: transparent}
.mistletoe {position: absolute; z-index: 100; top: -15px; left: 61px}
#navigation, .tabs {border-color: #dddddd}
.tabs a {color: var(--color-text)}
img.emo {width: 16px; height: 16px; vertical-align: middle}
img.candycorn {width: 24px; height: 28px; vertical-align: bottom}
.autocomplete ul li.selected {background-color: var(--color-yellow-02)}
html {height: 100%}
@media screen and (max-width: 487px) {html {min-height: 100vh}
}
body {height: 100%; background-color: #fff}
body.external {height: 95%}
body.normal, #page_header {background: #fff; background: var(--color-background)}
br {line-height: 0px; font-size: 0em}
h1 {margin-bottom: 10px; font-size: 1.5em; font-size: 1.4285714286rem}
h1 .note {font-weight: normal}
h2 {font-size: 1.4285714286rem}
h3 {font-size: 1.1428571429rem}
img {border: none}
img.midline {vertical-align: middle}
img.inline {vertical-align: middle}
img.text_bottom {vertical-align: text-bottom}
label {float: left; width: 80px}
button {text-align: center}
input {float: left; width: 100px}
.better_reset input, .better_reset label {float: none; width: auto}
input[type=checkbox] {float: left; width: auto}
input.checkbox {float: left; border: none; width: auto}
form.short {margin-top: 0px}
form.short .field {display: inline; padding-right: 5px}
form.short input, form.short .clicker, form.short label {float: none; width: auto}
form.short .indicator {display: inline; padding-left: 5px}
.autocomplete_indicator img {margin-left: 4px}
#errors {color: #d21554}
form {margin-top: 10px}
fieldset {margin: 4px}
.field {clear: both; padding-top: 3px}
.fields img {display: inline; padding-top: 1px; padding-left: 1px; padding-right: 1px; border-style: solid; border-width: 1px; border-bottom-width: 2px; border-left: 0px; border-color: #cccccc; background-color: #fff; background-color: var(--color-background)}
.fields .clicker_container img {border: none; background-color: transparent}
.project_made_for_user {line-height: 26px; padding-bottom: 3px}
a.photo_peek {background-repeat: no-repeat; width: 30px; height: 18px; float: left; padding: 0; margin-right: 10px; border: 1px solid var(--color-border-dark); line-height: 20px}
a.inline_photo_peek {display: inline-block; float: none; vertical-align: middle}
.fields img.logo {border: none; margin-bottom: 15px}
.fields .indicator img {border: none; background-color: transparent}
form.medium_fields {width: 420px}
form.medium_fields label {width: 150px}
form.medium_fields input {width: 250px}
form.medium_fields textarea {width: 400px; margin-top: 5px; height: 100px}
form.medium_fields .clicker {float: right; margin-right: 10px}
textarea {width: 220px; border-style: solid; border-color: #cccccc; border-width: 1px; border-bottom-width: 2px; font-size: 0.9em}
p.blurb {margin: 15px; font-size: 1.2em}
p.highlighted strong, div.highlighted strong {background-color: var(--color-yellow-02); font-weight: normal}
#project_search_category {width: 140px}
#keyword_help_menu {width: 350px; border: none; font-size: 0.9em; color: #666666}
.dialog .button {background-color: transparent}
@media print, screen and (min-width: 488px) {#RB_window .dialog {box-shadow: 0 2px 4px rgba(0, 0, 0, 0.5)}
}
.dialog .box {box-shadow: none}
.dialog .box_title {font-weight: normal; background-color: var(--color-background); border-bottom: none; font-size: 1rem}
.dialog .box_title a {color: white}
.dialog fieldset {margin-left: 20px}
.dialog label {width: 200px}
.dialog input, .dialog select {width: 200px; z-index: 105}
.dialog .submit {width: 140px; margin-top: 10px 0 0 260px}
.dialog .suggestions {margin-bottom: 10px; margin-left: 10px}
.dialog .deck .buttons {width: 100%; text-align: center; margin-top: 20px}
.dialog .deck .buttons {margin-top: 50px}
.dialog .deck p {margin-bottom: 20px}
.search_dialog p.section {margin-top: 1em}
.search_dialog .search_results {height: 290px; overflow-y: auto; margin-top: 10px; margin-bottom: 10px; border: 1px solid #999999; background-color: white; background-color: var(--color-background); padding: 1px}
.notebook .search_dialog table {border: none}
.search_dialog .search_results li {padding-top: 0.25em}
.search_dialog .search_results td.photo {width: 75px; height: 75px; padding-left: 5px; padding-bottom: 15px; padding-right: 15px; text-align: center; background-color: transparent}
.search_dialog {margin: 1em}
#dialog_suggestions .suggestions, form .suggestions {padding: 10px; background-color: var(--color-dialog-neutral-background); border: 1px solid var(--color-dialog-neutral-border); margin-top: 8px; margin-bottom: 32px; margin-right: 11px}
form .suggestions .info {font-size: 0.9em}
form .suggestions .closer {float: right; border: none; cursor: pointer}
#stash_selector table {cursor: default}
#dialog_suggestions .instructions, form .suggestions .instructions {font-size: 1em; padding-bottom: 5px}
#dialog_suggestions ul.patterns {margin-bottom: 0px}
form .suggestions .alternatives {margin-top: 10px}
form .suggestions .buttons {margin-top: 5px}
.projects form .suggestions, .stash form .suggestions {margin: 8px 0 32px 0; width: 380px}
.panel {width: 960px; margin-top: -1px}
.panel .notes p {margin-bottom: 5px; margin-top: 5px; font-size: 0.95em}
.panel .markdown p {margin-bottom: var(--line-height-base-rem) !important; margin-top: 0px !important; font-size: 1em}
.panel .avatar {float: right}
.panel .header {padding-bottom: 2px; font-size: 1em; height: 30px}
.panel .header .hint {margin: 10px}
.panels {margin-top: -1px; width: 960px}
#bookmarklet_content #searchlight {position: static; left: 0px; top: 0px}
#bookmarklet_content .searchlight_top {display: none}
#bookmarklet_content .searchlight_content, #bookmarklet_content .searchlight_bottom {background-image: none !important}
#content {width: 960px; margin-left: auto; margin-right: auto; min-height: 100%}
@media screen and (min-width: 488px) and (max-width: 1010px) {body:not(.notebook):not(.pro_skin) #content {margin-right: 20px; margin-left: 20px}
}
#rack_bug {display: none !important; position: absolute}
body.with_rack_bug::before {top: 0; left: 0; right: 0; position: absolute; z-index: 100000; background-color: white; font-size: 14px; padding: 1em}
.admin #content, body.editing_tags #content, body.editing_activities #content {width: 95%}
.resumes_index #content, .project_search #content, .notebook #content, .yarns_popular #content, .yarns_brand #content, .pattern_list #content, .patterns_category #content, .patterns_browse #content, .yarns_browse #content, .pattern_sources_admin #content, body.posts_index #content, body.draft_patterns #content, body.forum_post_drafts #content, body.chats_show #content, body.issues_index #content, body.bundle_organizer_index #content, body.news_item #content {width: 100%; max-width: 100%}
body.purchases_recover #content {width: 95%; max-width: 95%}
body.friends #content, body.forum_post_drafts #content, body.purchases #content {width: 95%; width: calc(100% - 48px); max-width: 95%; max-width: calc(100% - 48px)}
body.help_logos #content, body.about_index #content {width: 100%; max-width: 100%}
body.discussions_index #content {width: 100%; max-width: 1600px}
body.designers_newcomers #content {width: calc(100% - 48px); max-width: 1096px}
body.quick_photo #content {width: 960px}
body.bundles_show #content {width: 90%; max-width: 100%}
body.issues #content .container {margin-left: 10px; margin-right: 10px}
.hint {font-size: 0.85em; color: #888888}
.heading .hint {padding: 20px 0 0 10px}
.hint_title {font-weight: bold; color: #666666}
.breadcrumb_page h2.breadcrumbs {margin-bottom: 2em}
h2.breadcrumbs {font-weight: normal; font-size: 1.2em}
a.breadcrumb_avatar img {vertical-align: middle}
.tiny_avatar img {border: 1px solid var(--color-border-dark); padding: 0 !important}
a.notebook_login {text-decoration: none}
body.yarns_search h2.breadcrumbs, body.patterns_search h2.breadcrumbs {font-size: 1.2em; font-weight: normal; border: none; margin-bottom: 0px}
.sub {font-size: 90%; font-weight: normal}
h2.breadcrumbs, .sub a:visited {color: var(--color-text)}
h2.breadcrumbs {margin-bottom: 10px}
.information {padding: 5px; margin-bottom: 5px; border: 1px solid var(--color-border-dark); background-color: var(--color-information-box)}
.information img.o-icon {vertical-align: middle}
@media screen and (max-width: 487px) {.information--classic {margin-left: 14px; margin-right: 12px; font-size: 1.1em; line-height: 1.666}
}
@media print, screen and (min-width: 488px) {.information--classic {width: 603px; font-size: 1.1em; margin-bottom: 2em}
}
.information--well {border-width: 2px; box-shadow: 0 2px 4px rgba(0, 0, 0, 0.5); font-size: 0.8571428571rem; padding: 8px 12px}
.information--well strong {font-size: 0.8571428571rem !important}
.information--well img.o-icon:not(.o-icon--close) {width: 20px !important; height: 20px !important}
.information--well p {margin-bottom: 1em}
.information--with_icon {display: -ms-flexbox; display: -webkit-flex; display: flex; padding: 30px; position: relative}
.information--with_icon .information__icon {width: 52px; -ms-flex-shrink: 0; -webkit-flex-shrink: 0; flex-shrink: 0}
.information--with_icon .information__icon img {width: 32px; height: 32px}
.information--with_icon .information__title {font-weight: bold; margin-bottom: 1em}
.information__closer:hover {filter: var(--color-link-default-hover-filter)}
@media screen and (max-width: 487px) {.information--welltext {margin: 12px 24px; padding: 12px 12px; position: relative}
.information--well {margin: 12px 24px; padding: 12px 12px; padding-left: 56px; position: relative}
.information--well img.o-icon:not(.o-icon--close) {position: absolute; left: 24px}
}
.information--type1 {border: 1px solid var(--color-border-dark); border-color: var(--color-dialog-success-border); background-color: var(--color-dialog-success-background)}
.information--type2 {background-color: #BFE2F2; border: 1px solid var(--color-border-dark); border-color: var(--color-dialog-neutral-border); background-color: var(--color-dialog-neutral-background)}
.information--type3 {border: 1px solid var(--color-border-dark); border-color: var(--color-dialog-warning-border); background-color: var(--color-dialog-warning-background)}
.information--extended p {margin-bottom: 1rem}
.information--unsupported {margin-bottom: 30px; height: 24px; line-height: 24px}
.information--unsupported .o-icon {vertical-align: top !important}
.information--type4 {border: 1px solid var(--color-border-dark); border-color: var(--color-dialog-error-border); background-color: var(--color-dialog-error-background)}
.subtle {color: #666666; padding: 5px}
.warning {color: var(--color-special-error-red)}
body.notebook .heading {margin-top: 0}
body.designers .heading, body.stores .heading, body.pattern_sources .heading, body.products .heading {margin: 0}
body.designers .tabs, body.pattern_sources .tabs, body.stores .tabs, body.products .tabs {margin-top: 15px; padding: 0}
body.products .patterns_heading {margin: 10px}
body.products .patterns_heading h2 {padding-bottom: 10px}
body.products .editor {margin-top: 0px; font-size: 1em}
.breadcrumb_divider {font-size: 0.8em; color: #999999; font-weight: bold}
.copyright {font-size: 0.9em; color: var(--color-text-understated); width: 190px; margin-bottom: 10px; text-align: center}
.copyright img {vertical-align: top}
#current_slide .copyright {margin-top: 1em}
#current_slide .copyright img {vertical-align: bottom; border: none}
.guest_message {background-color: transparent; padding: 5px; border: 1px dotted #cccccc; display: block; width: 520px; text-align: center; margin: 10px}
.guest_message a:hover {background-color: transparent}
a.button {cursor: pointer; background-color: var(--color-background); color: var(--color-text); text-decoration: none; padding: 4px}
a.button .icon {padding: 1px; background-repeat: no-repeat; padding-left: 25px}
a#tag .icon {background-image: url("/images/silk-tag_pink.png")}
a#in_tags .icon {background-image: url("/images/silk-tag_green.png")}
a#bookmark .icon {background-image: url("/images/silk-heart_add.png")}
a#cast_on .icon {background-image: url("/images/silk-accept.png")}
a#stash .icon {background-image: url("/images/silk-basket.png")}
a#in_stash .icon {background-image: url("/images/silk-asterisk_yellow.png")}
a#friend .icon {background-image: url("/images/silk-user_add.png")}
a#in_friends .icon {background-image: url("/images/silk-user.png")}
a#personal_pattern .icon {background-image: url("/images/silk-add.png")}
a#new_pattern .icon {background-image: url("/images/silk-lightning.png")}
a#personal_yarn .icon {background-image: url("/images/assets/icons/ui/help-circle.png"); background-size: 16px}
a#new_yarn .icon {background-image: url("/images/silk-lightning.png")}
a#edit .icon {background-image: url("/images/silk-pencil.png")}
a#delete .icon {background-image: url("/images/silk-bin_closed.png")}
.button {background-color: white; padding: 3px; padding-left: 5px; padding-right: 5px; text-align: center; border-style: solid; border-width: 1px; border-color: #cccccc; margin: 3px; height: 15px}
.button a:hover {color: purple; background-color: white}
.button a, .button a:visited {text-decoration: none; color: #333333}
.icons {margin-top: 2px; float: right}
.icons .button {width: 20px; float: right}
.box .links a {text-decoration: none; display: block; padding: 3px; font-size: 1em; color: black}
.box .links a:hover {background-color: white}
.box .active a {background-color: #ecf7e9; font-weight: bold}
.chiclet .head {display: none}
.chiclet ul {margin: 0px; width: 152px; border: 1px solid #ccc; background-color: #F7F6F6; border-radius: 5px}
.chiclet .foot {display: none}
.chiclet li {border-bottom: 1px solid #eeeeee; border-top: 1px solid #ffffff; height: 18px; line-height: 19px; padding-top: 3px; padding-bottom: 3px; width: 100%}
.chiclet li:first-child {border-top: none; border-top-left-radius: 5px; border-top-right-radius: 5px; padding-top: 5px}
.chiclet li:last-child {border-bottom: none; border-bottom-left-radius: 5px; border-bottom-right-radius: 5px; padding-bottom: 5px}
.chiclet li:last-child a {border-bottom-left-radius: 5px; border-bottom-right-radius: 5px}
.chiclet li.hover {background-color: white}
.chiclet li.hover a {background-color: transparent !important; color: black; text-decoration: none}
.chiclet a {padding-left: 30px; text-decoration: none; font-size: 13px; background-repeat: no-repeat; background-position: 5px 0px; width: 122px; height: 1.75em; color: #333333; display: block; overflow: hidden; white-space: nowrap}
.chiclet span {background-repeat: no-repeat; background-position: 5px 0px; display: block}
.chiclet #current {background-color: #eaf5e7; color: black}
.chiclet .last {border-bottom: none}
.chiclet .first {border-top: none}
.menu {width: 200px; background-color: #fff; background-color: var(--color-background); border: 1px solid #cccccc; padding: 5px; z-index: 10}
.menu .close {float: right}
.menu .title {font-weight: bold; float: left; padding-bottom: 5px}
.menu ul {clear: both}
.menu img {margin-bottom: -3px; margin-right: 3px}
.editor {margin-top: -15px}
body.patterns .editor {margin-top: 0}
body.projects_prepare .editor, body.patterns_wiki .editor, body.yarns_projects .editor, body.patterns_people .editor, body.patterns_posts .editor, body.yarns_stashes .editor, body.patterns_threads .editor {font-size: 1em}
.editor .show {float: left; margin-top: 10px}
.editor .show .field {padding: 3px}
.editor .textarea_preview {margin-top: 10px; border: 1px dotted #cccccc; background-color: #fcfcfc; padding: 5px; cursor: pointer; font-size: 1em}
.editor .textarea_preview .help {color: #999999}
.editor fieldset {margin-bottom: 2em}
.editor input, .editor textarea {width: 220px; border-style: solid; border-color: #cccccc; border-width: 1px; padding: 1px}
.editor input[type=checkbox] {width: 20px; height: 1.4em; font-weight: bold}
.editor input.checkbox {width: 20px; height: 1.4em; font-weight: bold}
.editor textarea {width: 300px; font-size: 1em}
.editor .submit {margin-top: 0px; width: 80px; background-color: #eeeeee; border-color: #999999; border-width: 0.5px; padding: 2px; color: #333333; cursor: pointer}
.editor .tabs {width: 960px}
body.patterns .editor .tabs, body.yarns .editor .tabs {margin-top: -10px}
a.login {color: var(--color-text)}
a.login:hover {text-decoration: underline}
#not_logged_in a {text-decoration: none; color: black}
#not_logged_in a:hover {text-decoration: underline; color: black}
.bookmarklet {border-width: 1px; border-style: solid; padding: 2px 4px; border-color: var(--color-border-dark); background-color: var(--color-background-bookmarklet); color: var(--color-text)}
.people_project {float: left; margin: 10px; width: 220px; height: 160px}
.people_project .images {height: 110px}
.people_project .images img {vertical-align: bottom}
.designers .inline_stars, .people_project .inline_stars {margin: auto}
.people_project .user {text-align: center}
.people_project .user_name {text-align: center}
.people_project img {background-color: white; padding: 2px; border-style: solid; border-width: 1px; border-color: #cccccc}
.people_project .rating, .people_project .stars {width: 80px; height: 18px; background: transparent repeat-x url("/images/farmfresh-star-dim.png"); margin-left: 75px}
.people_project .stars {height: 18px; margin-top: -18px; background-image: url("/images/farmfresh-star.png")}
.recent_pattern {width: 180px; float: left; text-align: center; float: left; margin: 5px; margin-bottom: 30px}
body.yarns #patterns_panel .page_links, body.yarns #projects_panel .page_links {margin-top: 1em}
input.go, input.search {width: 20px; background-color: #eeeeee; border-color: #999999; border-width: 0.5px; display: block}
.submit {border-style: raised; border-width: 1px}
input {border-style: solid; border-color: #cccccc; border-width: 1px}
select {border-style: solid; border-color: #cccccc; border-width: 1px}
@media screen and (-webkit-min-device-pixel-ratio: 0) {select {min-height: 20px}
}
.submit {width: 80px; background-color: #eeeeee; border-color: #999999; border-width: 0.5px}
#prefooter {padding-bottom: 80px}
#footer {margin-top: -80px; position: relative; background: transparent url("/images/footer-background-3a.png") repeat-x; height: 90px; color: var(--color-background-dark-text); font-size: 1rem}
#footer .linkbar {float: right; margin-top: 60px; margin-right: 10px; font-size: 0.95em; height: 30px}
#footer .linkbar a {line-height: 1.6em}
#footer img {margin-bottom: -5px; margin-left: 5px}
.flash {background-color: #d1f2d1; padding: 3px}
.preview_content {position: absolute; z-index: 25; background-color: white; padding: 10px; border: 1px dotted #999999}
.preview_image {position: absolute; z-index: 25; background-color: white; padding: 10px; border: 1px dotted #999999}
div.auto_complete {width: 350px; background-color: var(--color-input-custom-background) !important; color: var(--color-text) !important}
div.auto_complete ul {border: 1px solid var(--color-border-dark); margin: 0px; padding: 0px; width: 100%; overflow: hidden; list-style-type: none}
div.auto_complete ul li {margin: 0px; padding: 3px; cursor: pointer}
div.auto_complete ul li.selected {background-color: var(--color-background-selected) !important}
div.auto_complete ul strong.highlight {color: var(--color-text-selected) !important; border: none !important; margin: 0px; padding: 0px}
div.auto_complete ul li .clipped {height: 1.5em; overflow: hidden; overflow-y: hidden}
div.auto_complete ul li .informal {display: block; color: #666666; font-size: 0.95em; padding-bottom: 2px; height: 1.2em; overflow: hidden; overflow-y: hidden}
.square_thumbnail {width: 75px; height: 75px; border: 1px solid var(--color-border-dark)}
.square_thumbnail {line-height: 75px; text-align: center; color: #aaaaaa}
.tiny_thumbnail {width: 25px; height: 25px; border: 1px solid var(--color-border-dark); vertical-align: middle}
ul.brief_error_messages, ul.brief_error_messages ul {list-style-position: inside !important; list-style-type: disc !important; margin-bottom: 1em; margin-top: 1em; font-size: 1em}
ul.brief_error_messages li {line-height: 2em}
ul.pretty_error_messages, .pretty_errors ul.brief_error_messages, .people ul.brief_error_messages, .invitations ul.brief_error_messages, .shops ul.brief_error_messages, .in_store_sales_requests ul.brief_error_messages, .patterns_edit ul.brief_error_messages {margin-left: 0em !important; background-color: var(--color-dialog-error-background); border: 1px solid var(--color-border-dark); border-color: var(--color-dialog-error-border); padding: 8px; padding-left: 16px; color: var(--color-text)}
ul.pretty_error_messages strong {display: block; margin-bottom: 0.5em}
body.invitations_show ul.brief_error_messages {margin-top: 0}
body.notebook #projects_panel .tabs {margin-top: 0px}
body.notebook #projects_panel .tabs ul li {line-height: 22px}
body.notebook #projects_panel .tabs ul {padding: 0 0 2px; padding-bottom: 1px}
body.discussions .discussions_header #tabset ul {padding-bottom: 2px}
body.discussions .discussions_header .tabs li {line-height: 21px}
*:first-child + html .tabs ul li span {padding-top: 0px}
.tabs ul li a {background: url("/images/tabs-right-3.gif") no-repeat right top; padding: 5px 10px 5px 5px; margin: 4px 0 4px 4px; text-decoration: none; white-space: nowrap; color: var(--color-text); text-transform: capitalize}
.tabs ul li a:visited {color: var(--color-text)}
.tabs ul li[data-tab-identifier] a {text-transform: none}
.tabs ul li span a:hover {text-decoration: underline}
.tabs ul li span.hover {}
.tabs #current span {background-position: 0 -150px}
.tabs #current span a {background-position: 99% -150px; color: var(--color-text)}
.welcome_table td {padding: 0.5em 0.5em 0.5em 0; font-size: 1.1em}
th a:visited {color: black}
table.bare {border-collapse: collapse; margin: 0px; width: 100%}
table.bare td, table.bare th {margin: 0px; padding: 4px}
table.grid {border-collapse: collapse; margin: 0px; width: 100%; background-color: white; background-color: var(--color-table-element-background)}
table.grid .icon_16 {vertical-align: middle}
table.boxed {box-shadow: var(--global-box-shadow-size) var(--global-box-shadow-size) 0 0 var(--color-border-dark)}
table.grid td, table th {margin: 0px; padding: 4px}
body.designers_patterns table.grid td, body.designers_patterns th {font-size: 1em}
table#forum_posts thead td, table.grid th, table.grid tr.header td {background-color: var(--color-table-header); border-bottom-style: solid; border-bottom-color: var(--color-table-border); border-bottom-width: 1px; font-size: 1em}
thead.minimal th {text-align: left; font-weight: normal}
table#forum_posts thead td {border-style: solid}
table.grid {cursor: pointer}
table.nohover {cursor: default}
table.grid thead {cursor: default}
table.grid tr.hover, tr.hover {background-color: var(--color-background-table-hover)}
td.numeric, th.numeric {text-align: right}
td.centered, th.centered {text-align: center}
td.marker {text-align: center}
ul.rating {margin-top: 5px; list-style: none}
.rating li {float: left}
.rateable li {cursor: pointer}
ul.star_rating .rating_label, ul.bar_rating .rating_label {width: 5em; display: block; float: left; font-size: 0.85em; background-image: none}
.smile_rating #smile_0:after {background-image: var(--img-icon-happiness-01)}
.smile_rating #smile_1:after {background-image: var(--img-icon-happiness-02)}
.smile_rating #smile_2:after {background-image: var(--img-icon-happiness-03)}
.smile_rating #smile_3:after {background-image: var(--img-icon-happiness-04)}
.smile_rating #smile_4:after {background-image: var(--img-icon-happiness-05)}
.smile_rating li {width: 20px; height: 20px; margin-top: -3px; margin-right: 10px; position: relative}
.smile_rating li:after {background-size: cover; background-repeat: no-repeat; filter: grayscale(100%); content: ""; width: 20px; height: 20px; display: block; position: absolute; top: 0; left: 0; transition: height 0.2s, width 0.2s, top 0.2s, left 0.2s}
.smile_rating li:hover:after {width: 52px; height: 50px; top: -15px; left: -15px; z-index: 1}
.smile_rating li.selected:after {filter: grayscale(0%)}
.star_rating li {background-image: url("/images/assets/icons/star.svg?v=2"); width: 18px; height: 18px; margin-right: 4px; background-size: auto 18px; filter: grayscale(100%)}
.star_rating .filled {filter: grayscale(0%)}
.star_rating .hover {filter: contrast(120%)}
.star_rating .dim {filter: grayscale(100%)}
.stars {background-image: url("/images/farmfresh-star.png")}
.inline_stars {height: 18px; width: 90px; background-repeat: repeat-x; text-align: left}
.inline_stars:before {background-image: url("/images/assets/icons/star.svg?v=2"); height: 18px; background-size: auto 18px; width: 90px; content: ""; display: block; position: absolute; filter: grayscale(100%)}
.inline_stars_rating {background-image: url("/images/assets/icons/star.svg?v=2"); height: 18px; background-size: auto 18px; position: absolute; background-repeat: repeat-x}
ul.bar_rating {margin-top: 3px}
.bar_rating li {background-color: #cccccc; padding-top: 2px; padding-left: 1px; height: 12px; width: 10px}
.bar_rating li.filled {background-color: var(--color-darkgreen-02); border-left-width: 0px; border-right-width: 0px; padding-left: 1px}
.bar_rating li.hover {background-color: var(--color-darkgreen-01); border-left-width: 0px; border-right-width: 0px; padding-left: 1px}
.bar_rating li.dim {background-color: #cccccc; border-left-width: 0px; border-right-width: 0px; padding-left: 1px}
ul.editable_project_progress {cursor: pointer}
ul.project_progress {margin-top: 0px; list-style: none; height: 14px; width: 132px; border: 1px solid #999999; border-top-color: #aaaaaa; border-left-color: #aaaaaa}
.project_progress li {background-color: #cccccc; padding: 0px; margin: 0px; height: 14px; width: 6px; float: left; cursor: pointer}
ul.readonly_rating .project_progress li {cursor: default}
.project_progress li.filled {background-color: var(--color-darkgreen-02)}
.project_progress li.hover {background-color: var(--color-darkgreen-01)}
.project_progress li.dim {background-color: #cccccc}
.difficulty {float: left; font-size: 0.9em; margin-top: -2px; margin-left: 10px; width: 5em; font-color: #666666; text-align: center}
h1.decorative {font-size: 1.7142857143rem}
.account #banner img {margin-left: 15px}
.account #navigation {display: none}
.account #page {min-width: 0px}
.account #content {width: 800px; margin-left: auto; margin-right: auto}
body.account_reset form {width: 410px}
.account .message {font-size: 0.8em; margin-top: -5px; margin-left: 5px; margin-bottom: 5px; color: #29b82d}
.notebook table.grid {overflow: auto; margin-top: 5px}
.notebook table.grid a:hover {background-color: transparent}
.notebook #contributions_panel table.grid td a {color: black}
.notebook #contributions_panel table.grid td a:hover {text-decoration: underline}
body.user_threads_index table.grid td, body.notebook #posts_panel table.grid td, body.notebook #contributions_panel table.grid td, body.notebook #stash_panel table.grid td, body.notebook #projects_panel table.grid td, body.notebook #stash_panel table.grid td, body.notebook #projects_panel table.grid td, .user_messages_container table.grid th, .user_messages_container table.grid td, #comments_panel table.grid td, body.admin_patterns table.grid tr.pattern td, body.admin table.basic_patterns td, body.admin table.grid td, table.lined td {border-top: 1px solid var(--color-table-row-border); border-left: 1px solid var(--color-table-row-border); border-bottom: 1px solid var(--color-table-row-border); border-right: 1px solid var(--color-table-row-border); background-color: var(--color-background-table)}
table.bordered {border: 1px solid var(--color-table-border); border-collapse: separate; border-spacing: 0; border-bottom: 1px solid var(--color-table-border)}
table.bordered th {border-bottom: none}
table.bordered td {border-bottom: none !important; border-left: none !important}
table.bordered td:last-of-type {border-right: none !important}
table.bordered tr.last-of-type td {border-bottom: none !important}
table.linked td a {text-decoration: none}
table.linked td a:hover {background-color: transparent; text-decoration: underline}
.notebook #contributions_panel table.grid td {height: 2em}
.notebook .header {padding-bottom: 2px; font-size: 1em; height: 40px; position: relative}
.notebook .header .clicker {float: left; margin-top: -5px}
.notebook #projects_panel .header {height: 30px}
.notebook #projects_panel .header .clicker {float: none}
.notebook #stash_panel .header .clicker {margin-top: -3px}
.notebook thead {background-color: #efefef}
.notebook th {text-align: left; font-weight: normal}
.notebook th.numeric {text-align: center}
.notebook .toolbar {clear: both}
.notebook .toolbar .title {padding: 3px; float: right; font-size: 1.3em; display: none}
.notebook .controls {padding: 3px; float: left}
.notebook #projects_panel .controls {width: 555px}
.notebook #projects_panel .controls select {margin-left: 0}
.notebook .controls form {margin: 0px}
.notebook .controls .field {padding-top: 0; padding-right: 0}
.notebook .controls .progress_container {width: 25px; float: left}
.notebook .controls #sort {width: 140px}
.notebook .controls input {width: 110px}
.notebook .toolbar .button {width: auto; padding: 0px; margin-bottom: 0px; height: 25px; border: none; width: 25px; text-align: center; margin: 2px}
.notebook #projects_panel .toolbar .button {float: right}
.notebook .toolbar #progress {float: left; vertical-align: middle}
* html .notebook .toolbar #progress {vertical-align: auto}
.notebook .toolbar .button a {border: 1px solid #eeeeee; height: 18px; display: block; border-right-color: #cccccc; border-bottom-color: #cccccc; padding: 2px; padding-left: 4px; padding-right: 4px}
.notebook .toolbar .button a:hover {background-color: #fffff3}
.flat_button {border: 1px solid #eeeeee; height: 18px; display: block; border-right-color: #cccccc; border-bottom-color: #cccccc; padding: 4px; padding-bottom: 0px; float: left; margin-right: 5px; font-size: 0.95em; color: #333}
a.flat_button:visited {color: #333}
.flat_button img {vertical-align: middle; margin-right: 0.5em}
.notebook .controls #progress {margin-left: 10px; float: left}
.notebook .controls .search {padding-top: 5px; float: left; width: 180px}
.notebook .controls .search label {width: 50px; margin-left: 10px}
.notebook .icons {width: 130px; float: left}
.notebook .button {float: left}
.notebook select {padding-top: 1px; margin: 3px; height: 1.75em}
.notebook #friends_panel form.short select {padding-top: 0; margin: 0; height: auto}
.notebook #friends_panel form.short input {padding-top: 1px; padding-bottom: 1px}
.notebook #friends_panel form .field {line-height: 25px}
.notebook .panel a {text-decoration: none}
.notebook .panel th a {text-decoration: underline}
.notebook .stash_list table td, .notebook .project_list table td {padding: 4px}
.notebook .stash_list #stash_table td.unused {color: var(--color-text-understated)}
.notebook #projects_panel .rateable {z-index: 50; position: absolute; margin-top: -5px; margin-left: -3px; width: 250px}
.notebook #projects_panel .rateable .caption {width: 50px; padding-right: 10px}
.notebook #projects_panel .rateable .caption, .notebook #projects_panel .rateable ul {float: left; font-size: 0.9em}
.notebook table {margin-bottom: 50px}
.notebook #rss_menu {position: absolute; left: 20px; top: 40px}
.projects .title {font-weight: bold; margin: 10px}
.projects .panel {border-left-style: none; border-right-style: none; border-bottom-style: none}
.projects #photos_panel {min-height: 200px}
.related_post_options .menu_content ul {width: 400px !important}
.related_post_options .menu_content ul ul {margin-left: 6em}
.related_post_options .item {background-image: none; padding-left: 5px}
.projects #entries {margin: 20px}
.projects #entries .entry {margin-bottom: 30px}
.projects #entries .text {margin-top: 5px; margin-left: 10px}
#posts_panel #related_posts, #journal_panel #related_posts {margin-top: 32px}
.projects #entries .title, #related_posts .post .title {margin: 0px; font-size: 1.1em; font-weight: normal}
.projects #entries .title img, #related_posts .post .title img {vertical-align: bottom}
#related_posts .date {color: #333333}
.projects fieldset.notes img {background-color: transparent}
.projects #project_notes {margin-top: 1em; width: 400px; height: 250px}
.projects fieldset.notes legend {margin-bottom: -5px; padding-bottom: 0px}
.projects .box_contents {min-height: 70px}
.projects .box_contents ul.rating {width: 220px}
.projects .dialog .box_contents {min-height: 400px}
.projects .heading h1 {margin: 0px}
.projects .heading .author {font-weight: normal}
.projects .heading .title {float: left}
.projects .heading .hint {float: right; margin-right: 20px; margin-top: 15px}
.projects .project_overview {float: right; width: 280px; margin-top: 5px}
.projects .view_count, .stash .view_count {font-size: 0.8em; color: var(--color-text-understated); margin-top: 1.2em; line-height: 20px}
.projects .project_overview .progress .caption {display: none}
.projects .project_overview .progress .rateable {float: left; padding-top: 2px}
.projects .project_overview .progress .percentage {margin-left: 20px; float: left; width: 3em}
.stash_prepare .editor, projects_prepare .editor {padding-top: 15px; font-size: 1em}
.stash_prepare #yarn_details #wait {float: left; margin-left: -20px; margin-top: 5px; width: 12px; height: 12px}
#prepare_wizard .select_box_autocomplete ul {max-height: 320px; width: 510px}
body.projects_prepare .error, #prepare_wizard .error {color: var(--color-error-message)}
#prepare_wizard #prepare_project_form_craft_id {width: 305px}
#prepare_wizard .flair {float: left; width: 150px; text-align: center; margin-top: 1em; margin-right: 20px}
#prepare_wizard #prepare_pack_search, form.prepare_wizard {float: left; width: 600px}
#prepare_wizard .flair .avatar {float: none; width: auto; border: none; margin-bottom: 1em}
#prepare_wizard legend {display: block; margin: 0; padding: 0}
#prepare_wizard legend span {display: block; padding-bottom: 8px; font-weight: bold}
#prepare_wizard #pattern_details label {float: none; width: 300px}
#prepare_wizard input {width: 300px}
#prepare_wizard input[type=radio] {width: auto; margin-right: 0.5em}
#prepare_wizard fieldset {margin-bottom: 2em}
#prepare_wizard .prepare_origins input {width: auto; border: none}
#prepare_wizard .prepare_origins label {width: auto !important; margin-left: 1em}
#prepare_wizard .search_results {margin-top: 32px}
#prepare_wizard .search_result {clear: both; height: 7em; padding-bottom: 16px; padding-top: 5px}
#prepare_wizard .search_result li {margin: 0px; padding: 0px}
#prepare_wizard .search_result .projects_count img {vertical-align: bottom}
#prepare_wizard .search_result .square_thumbnail, #prepare_wizard .search_result .selector, #prepare_wizard .search_result ul.details {float: left; padding-top: 0px}
#prepare_wizard .search_result .selector {width: 140px; text-align: right; padding-top: 10px}
#prepare_wizard .page_links {height: 2.5em; margin: 2em 0 2em 0}
#prepare_wizard .page_links .pagination, #prepare_wizard .page_links .next_page, #prepare_wizard .page_links .previous_page {width: 200px}
#prepare_wizard .page_links .next_page, #prepare_wizard .page_links .previous_page {font-size: 1em}
#prepare_wizard .search_result ul.details {width: 350px}
#prepare_wizard .location select {width: 185px}
#prepare_wizard .location .form_select {width: 180px}
#prepare_wizard .location input {width: 181px}
#prepare_wizard .search {margin-left: 1em; margin-top: 1em}
#prepare_wizard .search .summary {font-size: 1.1428571429rem; margin-bottom: 32px}
#prepare_wizard .search form label {font-weight: bold}
#prepare_wizard .search .divider {margin-top: 32px}
#prepare_wizard .search .continue {text-align: right}
.editor #bookmark_status, .patterns .editor #tool_buttons {text-align: center; background-color: var(--color-background); padding: 0px}
.yarns .editor #stash_status .clicker {margin-right: 4px}
.patterns .editor #tool_buttons .clicker {margin-right: 4px}
.patterns .editor #bookmark_status {padding: auto; width: auto}
#favorite_indicator {display: inline}
#favorite_indicator img {vertical-align: middle}
.editor #bookmark_status a {background-color: transparent; border: none}
.editor #bookmark_status .tag_set {text-align: right; margin-top: 10px; width: 200px}
.projects .project_editor {float: left; width: 720px}
#patterns_dialog legend, .patterns_edit legend, .patterns_new legend, .projects .project_editor legend, body.yarn_companies_edit legend, body.designers_edit legend {font-weight: bold; padding-top: 5px; padding-bottom: 5px; padding-left: 0px; margin-left: 0px; display: block; margin-left: -0.5em}
.projects .project_editor label {width: 110px}
.projects .hover .hover_notes {visibility: visible !important; text-align: right; font-size: 0.75em; color: #222; line-height: 1.25em; height: 1.25em}
.projects .project_editor .fields {width: 410px; float: left}
.projects .project_editor .fields .value {margin-left: 100px}
.projects .project_editor .fields.view_only {width: 400px}
.projects .project_editor select#project_pattern_origin_id, .projects .project_editor select#project_crochet, .projects .project_editor select#project_craft_id {width: 279px}
.projects .editor .unlinkable_project_pattern_name {width: 275px !important}
.projects form.save_required .contribute_link {display: none}
.projects .project_editor .view_only fieldset .field {border-bottom: 1px dotted #cccccc; min-height: 1.4em}
.projects .project_editor .library_link {font-size: 0.85em; padding-bottom: 4px; padding-top: 4px}
.projects .project_editor .library_link img {vertical-align: middle; border: none; padding: 0}
.projects .project_editor .view_only fieldset .field.tags {border-bottom: none}
.projects .project_editor .view_only fieldset .field .value {margin-left: 105px}
.projects .project_editor .view_only label {padding-right: 5px; font-size: 1em; width: 100px; color: #666666}
.stash .stash_editor input, .projects .project_editor input {width: 275px}
ul.page_date_sidebar, .projects ul.project_dates, .stashes ul.stash_dates {margin: 10px; margin-top: 15px; margin-left: 0}
ul.page_date_sidebar li, .projects ul.project_dates li, .stash ul.stash_dates li {font-size: 0.8571428571rem; padding: 4px; padding-left: 0; text-decoration: none}
ul.page_date_sidebar .magic_box {padding-top: 20px; margin-bottom: 1em; font-size: 0.8571428571rem}
ul.page_date_sidebar .magic_box a {color: var(--color-link-default); text-decoration: underline}
ul.dates_and_counts li {font-size: 0.95em; padding: 4px 0}
ul.dates_and_counts img {height: 12px; width: 12px; vertical-align: top}
ul.page_date_sidebar a {text-decoration: none; color: var(--color-text)}
ul.page_date_sidebar a:not(.clicker) span {text-decoration: underline}
form .pack .project_skeins {margin-right: 10px}
form .pack .calculated_totals {width: 240px; float: left}
form .pack input.project_skeins {width: 35px; text-align: right}
form .pack .project_yardage {color: #888888; font-size: 0.9em; margin-left: 5px; margin-top: 5px; float: left}
form .pack {margin-bottom: 15px}
.patterns form .pack {margin-bottom: 0px}
form .pack .pack_skeins a, form .pack .pack_totals a {display: block; float: left; font-size: 0.9em; margin-top: 5px; margin-bottom: 1em; width: 7em}
form .pack .pack_tools {margin-right: 15px; margin-top: 0px; clear: none}
@media screen and (max-width: 487px) {form .pack .pack_tools {margin-right: 0}
}
form .pack .pack_tools a.delete {float: right; width: 20px}
form .pack .pack_tools a.delete img {border: none}
form .pack .personal_weight_field {height: 1.5em}
.projects .project_editor .save {margin-right: 28px; text-align: right}
.projects .project_editor input.save_required {color: black}
.projects .editor {float: left}
.projects .status {padding-top: 15px; float: left}
.projects .wide_project .status {padding-top: 0; float: none}
body.projects_recent .status {padding-top: 0px; float: none}
.projects .project_needle_size_id, .projects #project_color_family_id {width: 278px}
.pack .project_color_family_id option, form #project_search_color option, #colorway_color_family_id option {padding-left: 34px}
.projects .yarn_help {font-size: 0.9em; padding: 2px; text-decoration: none; display: block}
#more_printings, #more_needles, #more_yarns, #more_tools, .more_tools, #more_corrections, #link_parent {margin-top: 2px; margin-bottom: 5px}
#more_printings img, #more_needles img, #more_yarns img, #more_tools img, .more_tools img, #more_corrections img {background-color: transparent; vertical-align: bottom; border: none}
.projects #more_needles a, .projects #more_yarns a, .projects #more_tools a, .patterns #more_corrections a, .patterns #more_printings a, .patterns #more_needles a, .patterns #more_yarns a, .patterns .more_tools a, .projects .more_tools a {border: none; text-decoration: none; font-size: 0.8571428571rem}
#more_needles .clicker_v2, #more_yarns .clicker_v2, #more_tools .clicker_v2, .more_tools .clicker_v2, #more_printings .clicker_v2, #more_corrections .clicker_v2 {font-size: 0.8571428571rem !important; border: 1px solid var(--color-border-dark) !important; line-height: 20px}
.projects #project_project_status_id {float: left}
.projects .date_select img {vertical-align: middle}
.projects .date_select select.month {width: 200px}
.projects form {}
.projects .thumbnail {float: left}
#bookmark_summary, .pattern_summary, .yarn_summary, .projects .project_status {border-color: #cccccc}
.pattern_summary .pattern_source {margin-bottom: 0.5em}
.pattern_summary__notebook__projects li {display: -ms-flexbox; display: -webkit-flex; display: flex; -ms-align-items: center; -webkit-align-items: center; align-items: center; margin-bottom: 1em}
.pattern_summary__notebook__projects__photo {float: left; width: 37px; -ms-flex-shrink: 0; -webkit-flex-shrink: 0; flex-shrink: 0}
#project_ratings {margin: 5px}
.project_status img.happiness {vertical-align: middle}
#project_ratings {margin-top: 15px; margin-bottom: 15px}
#projects_panel .thumbnail {position: relative}
.extra_indicators a:hover {background-color: transparent}
.extra_indicators .completed {display: none}
.thumbnail .extra_indicators {float: right; margin-right: 5px}
.hover .hidden_indicators {display: block}
.bookmark .hidden_indicators a {visibility: hidden}
.bookmark .hover .hidden_indicators a {visibility: visible}
.bookmark .hover .hidden_indicators img {border: none}
.thumbnail_status {bottom: 185px; display: inline-block; padding: 3px 12px; right: 16px; border-radius: 10px; position: absolute; background-color: var(--color-bubble-background); text-align: center}
.projects .pattern_summary, .projects .yarn_summary {margin-bottom: 5px}
.yarns_show .yarn_summary {margin-bottom: 3em}
.user_editable a {text-align: center; color: var(--color-text-understated); display: block; width: 240px}
#yarn_summary .user_editable {margin-bottom: 24px}
.summary_box_people {margin-top: 1em}
.summary_box_people img {vertical-align: middle}
.projects .pattern_summary .inner {margin: 10px; background-color: white; height: 100px}
.projects .entry_excerpt {margin: 10px}
.projects .excerpt_title {font-weight: bold; display: inline}
.projects .excerpt_date {display: inline}
.projects .next a, .projects .previous a, .pattern_sources .next a, .pattern_sources .previous a, .arrow_footer_navigation {text-decoration: none}
.projects .previous, .pattern_sources .previous, .stash .previous, .arrow_footer_previous {float: left; margin-top: 10px}
.projects .next, .pattern_sources .next, .arrow_footer_next {float: right; margin-top: 10px}
.arrow_footer_navigation .photo_peek {float: none; display: inline-block; vertical-align: middle; margin-left: 10px}
body.user_neighbors h2 {padding-bottom: 20px}
body.user_neighbors #neighbor {margin-left: 200px; margin-right: 50px}
body.user_neighbors #neighbor .section h2 {font-weight: normal; padding-bottom: 2px; margin-bottom: 5px; font-size: 1.2em}
body.user_neighbors #neighbor .section {margin-bottom: 20px}
body.user_neighbors .pattern {margin-bottom: 32px}
body.user_neighbors #neighbor .pair {width: 180px; margin: 5px; text-align: center; height: 140px; padding: 10px; float: left}
body.user_neighbors #neighbor .photo_border {float: left; margin-right: 10px}
body.user_neighbors #neighbor .pair img {border: 1px solid #666}
body.user_threads h2 {padding-bottom: 20px}
body.user_threads_index td {font-size: 1em}
body.user_threads_index table.grid {border: 1px solid var(--color-border-dark)}
body.user_threads_index table.grid td.title {width: 10em; vertical-align: top}
body.user_threads_index table.grid td.title .badge_link {padding-top: 10px; display: block; padding-left: 10px}
body.user_threads_index table.grid td.time_ago {width: 8em}
body.user_threads_index table.grid {margin-bottom: 1em; margin-top: 1em}
body.user_neighbors #user_brief, body.user_threads #user_brief, .user_sidebar {width: 170px; float: left; height: 200px}
body.user_neighbors #user_brief .avatar, body.user_threads #user_brief .avatar, .user_sidebar__avatar {margin-left: auto; margin-right: auto; height: auto; width: auto}
body.user_neighbors #user_brief .login {font-size: 1.2em; font-weight: bold}
body.user_threads #user_brief .login, .user_sidebar__avatar .login {font-size: 1.5em; font-weight: bold}
body.user_threads #posts {margin-left: 200px; margin-right: 50px}
body.user_neighbors .photo .caption, body.search .photo .caption, body.pattern_search_index .photo .caption {margin-left: -7px; background-color: white; opacity: 0.9; filter: alpha(opacity=90); width: 170px; height: 38px; overflow: hidden; bottom: 0px; border-top: 3px solid #ffffff; margin-top: auto; margin-top: 122px}
body.search .photo .caption {z-index: 2; position: relative; color: #333}
body.user_neighbors .photo, body.pattern_search_index #browse_results .photo {cursor: pointer}
.search_results .message, .empty_results {padding: 10px; font-size: 1.2em}
.empty_results {text-align: center}
.patterns .button {width: 130px; margin-left: 10px; display: inline}
.patterns .icons .button {width: 20px; display: block}
.patterns .photo_border {margin-bottom: 5px}
.patterns .gallery .photo_border {margin-bottom: 0px}
.patterns .charts {padding: 10px; width: 335px; float: left; font-size: 1.1em}
.patterns .charts form fieldset {width: 335px}
.patterns .designer, .yarns .yarny {float: left; width: 160px; text-align: center; font-size: 1rem; margin-bottom: 24px}
.patterns .designer .name, .yarns .yarny .name {height: 2em}
.patterns .designer .avatar, .yarns .yarny .avatar {margin-left: auto; margin-right: auto; margin-bottom: 8px}
.patterns .featured_patterns .feature_image {width: 235px; height: 180px; float: left}
@media print, screen and (min-width: 488px) {.featured_patterns .feature_image:first-of-type {margin-right: 16px}
}
@media screen and (max-width: 487px) {.patterns .featured_patterns .feature_image {margin-left: auto; margin-right: auto; margin-top: 12px; float: none}
}
.patterns .featured_patterns .clipper {display: none}
.patterns .featured_pattern {margin-bottom: 10px}
.patterns .featured_pattern {width: 160px; height: 180px; float: left; text-align: center; margin-right: 16px; margin-bottom: 30px}
.patterns .featured_pattern .thumbnail {margin-top: 8px; margin-bottom: 8px; border: 1px solid var(--color-border-dark); width: 150px; height: 150px; cursor: pointer}
.patterns__highlights img, .patterns__random img {border: 1px solid var(--color-border-dark) !important; padding: 0 !important}
.patterns .feature {background-color: white; border: 1px solid #cccccc; width: 437px; padding: 5px; overflow: hidden; margin-bottom: 20px}
.patterns .feature .feature {display: none}
.patterns .feature img {border: 1px solid #cccccc}
.patterns .search {padding: 10px; float: left; font-size: 1.1em}
.patterns .search .group {margin-bottom: 10px}
.patterns h2 {font-weight: bold; padding-bottom: 10px}
.patterns_popular h2, .groups_browse_categories h2 {font-size: 1.3em; padding-bottom: 10px}
.patterns h2.recent a {font-size: 0.7em; font-weight: normal}
.patterns_search h2 {height: 1.5em; font-size: 1.2em; padding: 0.25em; margin-top: 0.25em; font-weight: normal; margin-bottom: 0em}
.patterns .chart .headings .name {padding-left: 10px}
.patterns .chart .pattern {height: 1em; clear: both; padding: 5px; padding-left: 10px; display: -ms-flexbox; display: -webkit-flex; display: flex; height: 52px}
.patterns .chart .when {float: left; width: 100px}
.patterns .chart .name {float: left; overflow: hidden; width: 242px}
.patterns .chart .count {float: left; width: 70px; text-align: right; overflow: hidden}
.patterns .chart #collapse_popular_patterns, .patterns .chart #expand_popular_patterns {margin-right: 12px; width: 5em; text-align: right; float: right}
.patterns .chart a.thumbnail, .patterns .chart a.thumbnail:hover {float: left; display: block; margin-top: 0.25em; margin-bottom: 0.5em; margin-right: 10px; background-color: transparent}
.patterns .chart a.thumbnail img {border: 1px solid var(--color-border-dark); width: 42px; height: 42px}
.patterns_landing li.tag {font-size: 0.8571428571rem}
.patterns_landing__more {margin-top: 8px}
.patterns_landing__history .pattern {height: 60px !important; line-height: 42px}
.patterns_landing__history .tiny_thumbnail {border: 1px solid var(--color-border-dark); width: 42px; height: 42px; margin-right: 8px}
.patterns .chart a.pattern_name {height: 1.25em}
.patterns .chart .author {display: block; font-size: 0.8571428571rem; padding-top: 0.5em}
.patterns .chart .more {text-align: right; padding-right: 5px; padding-top: 7px}
.patterns form ul.tag_set {margin-left: 120px}
.patterns .search {padding: 10px; width: 500px; float: left; margin-left: 30px}
.patterns #corrections_panel .instructions {margin-top: 10px}
.patterns #corrections_panel p {font-size: 1em}
body.patterns form {margin-bottom: 10px}
.patterns #popular_tags {margin-top: 10px}
.patterns #popular_patterns {margin-top: 16px; margin-bottom: 4px}
.patterns #popular_patterns .box_title {text-transform: capitalize}
.patterns .search .pattern_type, .patterns .search .tag {float: left; white-space: nowrap; padding: 2px; margin-bottom: 5px; margin-right: 5px; font-size: 1.1em; height: 1.1em; text-decoration: none}
.patterns_index .featured_patterns .enabler_image {margin-right: 10px}
.patterns_index .focus ul li {float: left; padding-right: 2em}
.patterns_index .focus ul li img {vertical-align: middle}
.patterns_index .focus ul li.selected {font-weight: bold}
.patterns_index .focus ul li.selected a {text-decoration: underline}
.patterns_index .search_box, .patterns_index .popular_by_category {height: 10em}
.patterns_index .focus a {text-decoration: none}
.patterns_index .focus a:hover {text-decoration: underline; background-color: transparent}
.patterns_index .browse a {float: left; white-space: nowrap; padding: 2px; margin-bottom: 5px; margin-right: 5px; font-size: 1em; height: 1.1em; text-decoration: none}
.patterns .search .group {clear: both; padding-top: 5px; padding-left: 5px}
.patterns .search .subtitle {float: left; font-weight: bold; padding-right: 10px}
.patterns .show {width: 420px}
.patterns_edit form .suggestions {width: 380px}
table.editor_suggestions td {padding-bottom: 4px}
form .suggestions .pattern td {padding-bottom: 5px}
.suggestions table.patterns, .suggestions table.yarns {width: 100%; border: none; margin-bottom: 0px}
.user_container {font-size: 12px; margin: 5px 0 5px 97px}
.user_container a {margin-top: 5px}
img.made_for_user_avatar {vertical-align: middle; border: solid #CCC 1px; padding: 1px}
#inplace_tag_editor .clicker {float: none !important}
body.patterns_threads .editor .clicker, body.editors_action .editor .clicker {margin: 0 !important}
.patterns .editor .editor_avatar .clicker {margin-right: 0px}
.patterns .editor #search_form .clicker, .patterns #wiki_content .clicker {margin-right: 0px}
body.patterns #wiki_content h1 {border-bottom: none; margin-bottom: 1em; padding-bottom: 0.5em; margin-top: 1em; font-size: 1.1em; letter-spacing: 0}
.sidebar #flag, .editor #flag {padding: 0em; font-size: 0.9em; text-align: left; padding-top: 2em}
.sidebar #flag {text-align: center}
.sidebar #flag_menu textarea {font-size: 1em}
.sidebar #flag a, .editor #flag a {text-decoration: none}
.sidebar #flag a img, .editor #flag a img {vertical-align: bottom}
.patterns .editor form.short .clicker {float: none}
.patterns_people .editor .clicker {float: none}
.patterns #people_panel form .field {line-height: 2.75em}
#project_search_results .captioned_media_square {margin-left: 5px; margin-right: 5px}
.patterns #people_panel #status_field, .patterns #people_panel #group_field {width: 165px}
.patterns .paginator .clicker {float: none}
.patterns #pattern_published {width: 75px}
.patterns #pattern_published_2i {width: 100px}
.patterns #pattern_published_1i {width: 60px}
.patterns #paypal img {float: left; margin-right: 5px}
.patterns .sidebar .box fieldset {margin-top: 5px}
.patterns .paypal_warning {font-size: 0.9em; background-color: #fffff3; padding: 3px; border: 1px solid #cccccc}
body.patterns_show #pattern_source {margin-top: 0px; font-size: 0.9em}
.yarns .editor .more_from {text-align: left; margin-bottom: 0.5em}
.yarns .editor .more_from select, .more_from select, .yarns .editor .more_from .form_select, .more_from .form_select {width: 240px; float: none; margin-bottom: 32px}
@media screen and (max-width: 487px) {.yarns .editor .more_from select, .more_from select, .yarns .editor .more_from .form_select, .more_from .form_select {margin-left: auto; margin-right: auto; height: auto}
}
body.patterns_link_designer div.fieldWithErrors {display: inline}
body.patterns_show #pattern_source form {margin-top: 5px}
.patterns .editor #flickr_panel form {width: auto}
.patterns .average {font-size: 0.95em; margin-top: 10px; padding: 0px}
.patterns .pattern_people {margin-top: 10px}
.yarns .editor .sidebar, .patterns .editor .sidebar {float: right; margin-top: 10px; width: 270px}
.patterns_report .editor .sidebar {width: 290px}
.patterns .editor #crochet_field {float: left; margin-left: 10em; margin-top: -1.75em; font-size: 0.9em}
.patterns .editor #crochet_field label {width: 5em}
.patterns .editor .buy_box_section .cover {border: 1px solid #999999}
.patterns #bookmark_summary .box, .patterns #bookmark_summary .box_contents, .patterns #bookmark_summary .box_title, .yarns #bookmark_summary .box, .yarns #bookmark_summary .box_contents, .yarns #bookmark_summary .box_title {background-color: transparent}
.patterns #paypal_summary .amount {font-size: 1.2em; margin-top: 0.25em}
.patterns #paypal_summary img, .patterns #paypal_summary .amount {float: left; margin-right: 10px}
.patterns #paypal_summary form {margin: 0px}
.patterns #paypal_summary .clicker {float: right}
.patterns #paypal_summary button {width: 80px}
.patterns #paypal_summary .menu_link {width: 70px; float: right}
.patterns #paypal_info_menu p {padding: 5px; font-size: 0.9em}
.patterns .browse {float: left; width: 350px; margin-top: 1em}
.patterns .browse .box {font-size: 1.1em}
.patterns .browse .box input[type=checkbox] {margin-right: 5px; display: inline}
.patterns .browse .box li {font-size: 1.1em; padding: 1px}
.patterns .browse .title {font-weight: bold; font-size: 1.1em}
.patterns .browse label {float: none}
.patterns .search_results {float: left; width: 800px; margin-top: 10px}
.patterns .search_results .post .who img {margin-bottom: 4px; border: 1px solid var(--color-border-dark)}
.patterns .search_results ul {padding: 0}
.patterns .search_results li.title {font-size: 1.2em}
.patterns .search_results li.patterns {margin-top: 1em}
.patterns .search_results .source_names {margin-bottom: 10px}
.patterns .search_results table.pattern_list {margin-top: 10px; border: 1px solid #cccccc; width: 1000px; position: relative; left: 0px}
.patterns .search_results .clicker {margin: -5px; margin-right: 5px}
.patterns .search_results .summary {float: left}
.patterns .search_results .count {font-weight: bold; font-size: 1.1em}
.patterns .search_results .controls {float: right; width: 120px; margin-top: -10px}
.yarns .search_result, .patterns .search_result {clear: both; min-height: 87px; margin-top: 12px}
body.recommendations .search_results, body.recommendations .search_result {width: 600px}
.yarns .search_result .preview, .patterns .search_result .preview {float: left; width: 100px}
.patterns .popular_pattern {clear: both}
.patterns .popular_pattern .popularity {float: left; width: 100px}
.patterns #more_popular_patterns {display: -ms-flexbox; display: -webkit-flex; display: flex; width: 100%; margin-top: 8px; margin-bottom: 16px}
.patterns #more_popular_patterns a:first-of-type {text-align: left; margin-left: 10px}
.patterns #more_popular_patterns .more_links {-ms-flex-grow: 1; -webkit-flex-grow: 1; flex-grow: 1}
.patterns #more_popular_patterns .more_links a {float: none}
.yarns .search_result .statistics, .patterns .search_result .statistics, .patterns .search_result .project {float: left; text-align: center; width: 120px}
.patterns .search_result .project {text-align: left; width: 400px}
.patterns .search_result .project .matches {margin-bottom: 1em}
.patterns .search_result .project .indicator {text-decoration: none}
.patterns .search_result .project .indicator img {vertical-align: bottom}
.yarns .search_result .placeholder, .patterns .search_result .placeholder, .pattern_block .placeholder {border: 1px solid #cccccc; color: #999999; padding-top: 30px; width: 75px; height: 45px; text-align: center}
.yarns .search_result .preview img, .patterns .search_result .preview img {border: 1px solid var(--color-border-dark); box-shadow: none}
.patterns .search_result .gauge {margin: 2px; font-size: 0.9em}
.yarns .search_result .details, .patterns .search_result .details {float: left; width: 300px; margin-bottom: 1em}
.yarns .search_result .details .o-icon--free, .patterns .search_result .details .o-icon--free {float: left; margin-right: 4px}
.patterns .search_result .projects, .yarns .search_result .projects {margin-top: 10px; margin-bottom: 5px}
.yarns .search_result .rating, .patterns .search_result .rating {height: 18px; width: 90px; text-align: center; margin-left: auto; margin-right: auto}
.yarns .search_result .rating .inline_stars, .patterns .search_result .rating .inline_stars {margin-bottom: 4px}
.patterns .show .pattern_author {margin-top: -10px}
.patterns .show .fields, .patterns .show .link, .patterns .show .notes {margin-top: 15px}
.patterns .show .fields {margin-top: 0}
.patterns .show .link {margin-top: 20px}
.patterns .show .link a {text-decoration: underline}
.patterns .show .errata {margin-top: 1em}
.pattern_sources #errata form #url {width: 230px}
.pattern_sources #errata form ul.fake_select_tag {width: 230px; height: 200px; list-style-type: none; list-style-position: inside; margin: 0; margin-top: 1em; border: 1px solid #ccc; overflow: scroll; overflow-x: hidden}
.pattern_sources #errata form label {float: none}
.pattern_sources #errata form ul li {width: 220px; height: 1.75em; line-height: 1.75em; display: block; overflow: hidden}
.patterns .show .errata img {vertical-align: bottom}
.patterns .show .link-disabled {margin-top: 10px; background-color: white; padding: 4px; border: 1px dotted #cccccc; overflow: hidden}
.patterns #yarns_panel .suggestion {margin-top: 15px; text-align: center; display: inline-block; width: 185px; vertical-align: top}
.patterns #yarns_panel .suggestion .framed_photo {cursor: pointer; margin-left: 5px}
.project_post {min-height: 100px; clear: both; margin: 16px 0}
.project_post {display: -ms-flexbox; display: -webkit-flex; display: flex}
#pattern_statistics_dialog .ratings_table, #pattern_statistics_dialog table {margin: 1em}
#pattern_statistics_dialog .star_rating_bar {background-color: var(--color-yellow-03); border: 1px solid var(--color-border-dark); font-size: 0.85em}
#pattern_statistics_dialog .difficulty_rating_bar {background-color: var(--color-darkgreen-03); border: 1px solid var(--color-border-dark); font-size: 0.85em}
#friends_panel .project_post {margin: 0px}
#friends_panel form#blog_search {margin-top: 5px}
#friends_panel form#blog_search #q {width: 200px}
#featured_photos a {text-decoration: underline}
.project_post .avatar_medium, .project_post .project {margin-top: 10px}
.project_post .project {width: 75px}
.project_post .title {color: var(--color-text); float: left; width: 340px; padding-top: 7px}
.project_post .excerpt {margin: 10px; margin-bottom: 30px; width: 480px}
.project_post .more {font-weight: bold}
.project_post .summary {width: 250px; margin-left: 10px}
#posts_panel table.grid td {font-size: 1em}
.patterns #posts_panel .page_links {height: 1.5em; margin-top: 1.5em}
#posts_panel table.grid td ul.projects li {font-size: 0.95em; list-style-position: inside; list-style-type: disc; margin-left: 0.5em; margin-top: 0.5em}
#posts_panel .post .date, .project_post .date {margin: 0px; float: none}
#posts_panel table.grid td a:hover {text-decoration: underline}
#posts_panel table tr.selected {background-color: white}
#posts_panel table tr.selected td a.title {font-weight: bold; display: block; text-decoration: underline}
#posts_panel table tr.selected blockquote {margin: 1em}
#posts_panel table tr .delete {display: none}
#posts_panel table tr.selected .delete {display: inline}
.project_post .project, .project_post .avatar_medium, .project_post .summary, .project_post .excerpt {float: left; margin-right: 5px}
#friends_panel .project_post {height: auto; margin-bottom: 15px}
#friends_panel .project_post .avatar_medium {margin-right: 10px}
#friends_panel .project_post .excerpt {float: none; width: auto; margin: 0px; padding-top: 1em}
.project_post .avatar_medium {width: 75px; height: 75px; text-align: center; font-size: 0.9em; border: 1px solid var(--color-border-dark)}
.project_post .project img {border: 1px solid var(--color-border-dark)}
.project_post .avatar_medium span {padding-top: 30px; display: block}
.show .fields {width: 400px}
.show fieldset .field {border-bottom: 1px solid var(--color-border-tabular-data); min-height: 1.4em}
.show fieldset .field .value {margin-left: 155px}
.show label {padding-right: 5px; font-size: 1em; width: 140px; color: var(--color-core-item-label); font-weight: normal}
.prepare_merge {padding: 5px; background-color: #fffff3; border: 1px solid #cccccc}
#merge input, #merge .clicker {float: none; margin: 0px}
#merge input#url {width: 290px}
.prepare_merge ul {margin: 10px}
.yarns .view {float: left}
.yarns .tools {float: right; margin-top: 15px; margin-right: 5px}
.yarns .index_card .photo_border {margin-left: 0px}
.yarns .yarndex {padding-top: 5px; width: 220px}
.yarns .yarndex img {float: left; margin-right: 5px}
yarns h1 {display: inline; margin-left: 10px}
.yarns .photo_border {margin-bottom: 5px}
.yarns .charts {padding: 10px; float: left; margin-right: 32px; width: 352px; padding-right: 0}
.yarns_index .search {padding: 10px; padding-left: 40px; float: left; width: 500px}
.yarns_index h2#featuring {padding-bottom: 0px; margin-bottom: 0px; margin-top: 50px !important}
body.yarns_index .lys {margin-bottom: 1em}
body.yarns_index .lys .search_form {margin-top: 8px}
body.yarns_index .lys .search_form .yarns_landing__lys__more {margin-top: 8px; display: block}
body.yarns_index .lys .search_form input[type=text] {margin-top: 1px; width: 100%}
body.yarns_index .featured_yarns {margin: 10px; width: 500px; height: 175px}
body.yarns_index .featured_yarns .feature_image {width: 235px; height: 195px; float: left}
.yarns_index #yarnies {margin-top: 15px}
.yarns_index .new_yarns {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}
.yarns_index .new_yarns img {border: 1px solid var(--color-border-dark); margin-right: 2px; margin-bottom: 4px}
.yarns_index .new_yarns a:hover {background-color: transparent}
.yarns #query {width: 320px}
.yarns h2 {font-weight: bold; padding-bottom: 10px}
.yarns .feature {background-color: white; width: 437px; padding: 5px; overflow: hidden; margin-bottom: 20px}
.yarns .feature a:hover {background-color: transparent}
.yarns .feature {font-size: 0.95em}
.yarns .search .fiber_type, .yarns .search .tag {float: left; padding-bottom: 7px; padding-right: 10px; text-decoration: none}
.yarns .chart {margin-bottom: 20px}
.yarns .chart .yarn_company {display: block; font-size: 0.85em; padding-top: 0.5em; color: #333}
.yarns .chart .headings {clear: both}
.yarns .chart .box_contents {padding-top: 12px}
.yarns .chart .popular_yarn {display: -ms-flexbox; display: -webkit-flex; display: flex; margin-right: 16px; margin-left: 16px; line-height: var(--line-height-base)}
.yarns .chart .rank {float: left; width: 40px}
.yarns .chart .when {float: left; width: 100px}
.yarns .chart .headings .name {margin-left: 10px}
.yarns .chart .name {float: left; width: 260px; overflow: hidden; height: 60px}
.yarns .chart .thumbnail img {margin-right: 10px; width: 40px; height: 40px; border: 1px solid var(--color-border-dark)}
.yarns .chart .count {float: left; width: 50px; height: 30px; text-align: right}
.yarns .chart .more {text-align: right; padding-right: 5px; padding-top: 7px}
body.yarns #edit_yarn_additional {width: 260px; float: left; margin-left: 20px}
.yarns .fields {float: left; width: 400px; overflow: hidden; margin-top: 0}
.yarns #stash_status {text-align: center}
.yarns #stash_status .box {text-align: left; margin-top: 10px}
.stashed_colorways ul .skeins {font-size: 1.3em}
.yarns #stash_status .button {border: none; margin-bottom: 10px}
.yarns .yarn_people {margin-top: 10px}
.yarn__colorway__preview {float: left; height: 100px; width: 310px; display: -ms-flexbox; display: -webkit-flex; display: flex}
.yarn__colorway__preview .details {margin-left: 10px}
.yarns_show .notes {margin-left: 5px}
.yarns_stashes .headnote {float: right; color: #666666; width: 300px; margin-top: 10px; font-size: 0.9em}
body.yarns_stashes #stashes_panel select {width: 140px}
body.yarns_stashes #stashes_panel form {margin-bottom: 2em}
body.yarns #projects_panel {margin-top: 10px}
.yarn_buying_options h3 {padding-top: 0.25em; padding-bottom: 0.25em}
.yarn_buying_options h4 {padding-top: 1.5em; padding-bottom: 0.5em}
.yarn_buying_options h2 {font-weight: normal; font-size: 1.2em; margin-top: 1em}
.yarn_buying_options li {clear: both; height: 35px; padding-top: 10px; padding-bottom: 32px}
.yarn_buying_options li a.image {float: left; margin-right: 50px}
.yarn_buying_options li a.title {margin-bottom: 0.25em; display: block; text-decoration: none; margin-right: 10px}
.yarn_buying_options li .shop {float: left; width: 200px}
.yarn_buying_options .price_check {float: left; width: 100px}
.yarn_buying_options .price_check .container a {line-height: 24px; height: 24px}
.yarn_buying_options .price_check a {width: 95px; min-height: 23px; display: block; color: var(--color-text); text-align: center; line-height: 24px !important}
.yarn_buying_options .price_check img {padding-top: 3px; padding-left: 3px}
.yarn_buying_options a.yarn_price {font-size: 1.2em; text-align: center; width: 95px; min-height: 40px; display: block; background-color: var(--color-background); 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-top: 5px; text-decoration: none; color: var(--color-text)}
.yarn_buying_options a.yarn_price span {display: none; font-size: 0.75em; color: var(--color-text-understated)}
.yarn_buying_options a.yarn_price:hover span.show_details {display: block}
.yarn_buying_options a.popover_active span.show_details {display: none !important}
.yarn_buying_options a.popover_active span.hide_details {display: block !important}
.yarns .panel .paginator {margin: 10px}
.yarns_stashes .panel .paginator {float: left; margin: 0px; margin-left: 10px}
.yarns .panel .people_project {margin: 7px}
.yarns .panel .people_project .zoomable_photo {cursor: default}
.yarns_stashes .photo, .yarns_show .photo {cursor: pointer}
.yarns_show .editor #organic img {border: none; vertical-align: top}
.yarns_show .yarn_people h3 {border-bottom: 1px solid #CCCCCC; font-size: 1.2em; font-weight: normal; margin-bottom: 10px; padding-bottom: 3px; padding-left: 1em}
.yarn_search {padding-left: 20px}
.yarn_search .brands {float: left; margin-right: 20px}
.yarn_search .search_results {float: left}
.yarn_result {margin-bottom: 20px; padding-bottom: 5px}
.yarn_result .preview img {border: 1px solid #cccccc; margin-top: 5px}
.books_index .recent_books .book {float: none; width: 150px; margin-left: auto; margin-right: auto; text-align: center; height: 200px}
.books_index .recent_books .data {text-align: center}
.books_index .sidebar .book img {float: none; margin-bottom: 2px}
.books_index .book .patterns {margin-top: 10px}
.books_index .sidebar {float: left; width: 270px}
.books_index .main {margin-left: 270px}
.books_index .featured .magazine {float: left; margin-right: 5px; border: 1px solid #333333}
.books_index .featured .pattern img {border: 1px solid #333333}
#library_panel h3 {margin-left: 70px}
#library_panel #add_volume_menu .close {display: inline}
#library_panel #add_volume_menu .box_title {font-weight: bold}
#library_panel #add_volume_menu .close a {font-weight: normal; text-decoration: underline; color: white}
#library_panel .heads_up {padding: 3px; background-color: white}
#library_panel #uploader input {width: auto; float: none}
#library_panel #shelves {background: transparent url("/images/shelf.png") 0px 70px; height: 100%}
#library_panel .pdf_shelves {margin-left: 150px}
#library_panel .volume {width: 360px}
#library_panel .pdf_shelves .volume {width: 320px !important; margin-left: 0 !important}
#library_panel #pdf_volumes #shelved_books {}
#pdf_volumes #skinny_navigation {left: 175px}
#pdf_volumes .update_button {display: block; width: 128px; height: 31px}
#library_panel .quick_selector img {vertical-align: top}
#library_panel .pdf_shelves ul.pdf_details {float: left; width: 160px; margin-top: 1em; margin-left: 5px; overflow: hidden}
#library_panel #pdf_volumes #shelves {background: transparent}
#library_panel #pdf_volumes .filename {text-decoration: underline}
#library_panel #add_volume_menu {margin-top: 40px; float: left; width: 350px; margin-bottom: 0px}
#library_panel #add_volume_menu .box_contents {height: 400px; padding-left: 10px}
#library_panel #add_volume_menu #default_indicator {display: inline; margin-top: 1em; margin-left: 10px}
#library_panel #add_volume_menu input#query {float: none; width: 200px}
#library_panel #shelves #shelved_books {padding-top: 25px; padding-bottom: 50px}
#library_panel #shelves .volume {float: left; height: 177px; margin-left: 10px; margin-right: 10px; padding-bottom: 23px; position: relative}
#library_panel #shelves .volume .shelf {bottom: 3px}
#library_panel #shelves .volume .shelf img {border: 1px solid #d49a4e; vertical-align: bottom; float: right}
#library_panel .mover {cursor: move}
#library_panel #shelves .volume .shelf .mover {font-size: 1.1em; float: left; width: 80px; color: #e8deca; cursor: move; line-height: 16px; font-family: serif}
#library_panel #shelves .volume img.cover {vertical-align: bottom; display: block}
#library_panel #pdf_volumes #shelves .volume img.cover {padding: 10px; background: white url(/images/pdf-stack.png) no-repeat}
#library_panel ul.volume_results li {font-size: 1.1em}
#library_panel ul.volume_results li img {vertical-align: bottom; margin-right: 5px}
#library_panel ul.volume_results li .author {font-size: 0.95em; display: block; margin-bottom: 1em; margin-left: 21px}
#library_panel #volume_search_results {height: 270px; overflow-y: auto}
.events h3 {margin-top: 10px}
.events .event p {padding: 5px}
body.products_edit form#edit_product_form {float: left; width: 700px; clear: both}
body.products .notify_page .page_section h3 {font-weight: normal; padding-bottom: 0.25em; margin-bottom: 0.5em}
body.products .notify_page form {width: 600px}
body.products .notify_page .field {margin-bottom: 0.5em}
body.products .notify_page form input {width: 390px}
body.products .notify_page form input.delivery {margin-right: 1em; width: auto}
body.products .notify_page form label {width: 200px; font-weight: bold}
body.products .notify_page h3 {font-weight: normal; padding-bottom: 0.25em; margin-bottom: 0.5em}
body.products_edit .page_section h3 {font-weight: normal; border-bottom: 1px solid #ccc; padding-bottom: 16px; margin-bottom: 16px}
body.products_edit .box {margin-top: 10px}
body.products_edit label {width: 125px}
body.products_edit input, body.products_edit select {width: 250px}
body.products_edit input#pdf {width: auto}
body.products .product_status p {margin-bottom: 1em}
.dialog#photos_dialog {margin: 0px; padding: 0px; border: 1px solid #999999}
.dialog#photos_dialog #dialog_banner img {display: none}
.dialog#photos_dialog #dialog_content {text-align: center; width: 100%}
.dialog#photos_dialog #dialog_content img {border: 1px solid #666666}
table.needle_inventory {width: auto; border-width: 1px; border-collapse: separate; border: 1px solid var(--color-table-border)}
table.needle_inventory td.section, table.needle_inventory td.section.hover {line-height: 1.25em; background-color: var(--color-background-table)}
table.needle_inventory tbody {overflow-y: hidden; height: auto}
table.needle_inventory tr.hover {background-color: var(--color-background-highlighted)}
table.needle_inventory tr.hooks {border-bottom: 1px solid #cccccc}
table.needle_inventory th {text-align: center; padding: 0px; margin: 0px}
table.needle_inventory th .metric {font-size: 0.9em}
table.needle_inventory th .mm {font-size: 0em}
table.needle_inventory td.hover {background-color: var(--color-background-highlighted-brighter)}
table.needle_inventory td.disabled {background-color: #f5f5f5}
table.needle_inventory td.n {font-weight: bold; font-size: 1.2em; width: 1.5em}
table.needle_inventory td.h_0 {color: #ffffff}
table.needle_inventory td {width: 1.65em; height: 1.65em; text-align: center; padding-top: 0.3em; padding-bottom: 0.3em; border-left: 1px solid var(--color-table-border); border-bottom: 1px solid var(--color-table-border)}
table.needle_inventory tr.section_top td {border-top: 1px solid var(--color-table-border)}
#needle_editor .box {width: 270px}
#needle_editor .editor_cancel {margin-left: 8px}
#needle_editor .box_title {position: relative}
#needle_editor .box_title .close {position: absolute; right: 7px; text-decoration: underline; top: 0px; font-weight: normal}
#needle_editor .box_title .close:hover {background-color: transparent}
#needle_editor .quantity {font-size: 1.4em; float: left; padding: 5px}
#needle_editor .add {float: right; position: relative}
#needle_editor #needle_records {padding-bottom: 10px; padding-top: 5px}
#needle_editor form {margin: 0px}
#needle_editor .field {min-height: 1.5em; position: relative; margin-bottom: 0.5em}
#needle_editor .delete {position: absolute; right: 0px; top: 2px}
#needle_editor label {width: 1.75em}
#needle_editor input {width: 110px}
#needle_editor .editable {cursor: pointer}
#needle_editor .editable.hover {text-decoration: underline}
#needle_editor .editor_ok_button {width: 3em; height: 1.5em; margin-left: 5px}
.yarn_summary #yardage {display: none}
.yarn_summary .yarn_photo {margin-left: auto; margin-right: auto; width: 190px; margin-top: 10px}
.yarn_summary .yarn_company {margin-bottom: 0.5em}
.author_summary {text-align: left}
.author_summary .pattern {margin-bottom: 5px; clear: both}
.author_summary .pattern .details {width: 130px}
.author_summary .pattern .thumbnail {float: left; width: 75px; min-height: 60px; text-align: center; border: 1px solid #cccccc}
.author_summary .thumbnail--with_photo {font-size: 0}
.author_summary .pattern .thumbnail span {display: block; padding-top: 20px; color: #999999; font-size: 0.9em}
.author_summary .pattern .details {position: relative; float: left; margin-left: 10px}
.author_summary .pattern .name {margin-bottom: 5px}
.author_summary .people {margin-left: 0px; font-size: 0.9em}
.author_summary .rating_count {width: 60px; font-size: 0.9em; display: inline; margin-left: 0px}
#stash_dialog label {width: 150px}
#stash_dialog .submit {margin-left: 250px; width: 100px; margin-top: 0px}
#stash_dialog fieldset {margin-bottom: 1.5em}
#stash_dialog textarea {width: 350px; height: 60px}
body.stash label {width: 120px}
.stash .quick_entry .clicker {float: none; margin-right: 10px}
.stash .quick_entry button#photos {width: 95px}
.stash .quick_entry button {width: 115px}
.stash_editor label {width: 115px}
.project_editor #date_picker, .stash_editor #date_picker, .events #date_picker, .promotions #date_picker, .edit_core_item #date_picker {position: absolute; left: 525px; top: 280px; border: 1px solid var(--color-border-dark); background: var(--color-input-calendar-background); min-height: 340px; min-width: 468px; box-shadow: 0 2px 4px rgba(0, 0, 0, 0.5); padding: 17px; z-index: 50}
.stash_editor fieldset .clicker {float: right; margin-right: 10px}
.stash_editor fieldset .indicator {float: right; margin-right: 10px}
.stash #stash_status {margin-bottom: 15px}
.stash textarea {display: block; clear: both; margin-top: 5px; height: 140px; width: 390px}
.stash .stash_overview {float: right; margin: 5px; width: 260px}
body.stash_show .show {width: 415px}
body.stash_show .fields {width: 415px}
.stash .stash_overview #bookmark_summary {text-align: right}
.stash .stash_editor {float: left; width: 410px; margin-left: 20px}
.stash .stash_editor select {width: 224px}
.stash .stash_editor #stash_yarn_name {width: 205px}
.stash #yarn_summary .box {border-color: #e6e6e6}
#stash_panel .header .tabs {margin-top: -5px; margin-bottom: 2em}
#stash_panel .header .toolbar {padding-bottom: 10px}
#stash_panel .stash {margin-top: 1em}
#stash_panel #stash_results {margin-top: 0}
#stash_panel .thumbnail {position: relative}
#stash_panel .indicators {padding-top: 0px; margin-top: -5px}
#stash_panel .extra_indicators {float: right; width: 20px}
.stash_thumbnail {position: relative}
.stashed .quantity, .spinning_project_thumbnail .quantity {background-color: #FFFFFF; border: 1px solid #CCCCCC; color: #333333; font-size: 1em; height: 20px; line-height: 20px; opacity: 0.9; filter: alpha(opacity=90); position: absolute; right: 6px; text-align: center; top: 198px; width: 166px}
.stash_thumbnail .quantity:hover {cursor: pointer; text-decoration: underline}
.stashed .quantity {right: 3px; top: 9px}
.large_stash_thumbnails {margin-top: 1.5em}
.designers_index #designers {margin-top: 20px; width: 900px}
.designers_index #designers .designer {width: 300px; height: 100px; margin-bottom: 20px; float: left}
.designers_index #designers .designer .details {float: left; width: 175px}
.designers_index #designers .designer .avatar {float: left; margin-right: 20px; width: 100px}
.designers_index #designers .designer .brand {margin-top: 5px; font-size: 1.2em}
.designers h1 {font-size: 1.8em}
.designers form {padding-bottom: 20px}
.designers form.profile label, .yarn_companies form.profile label {width: 150px}
.profile .field#bio label {display: block; float: none; margin-bottom: 5px}
.yarn_companies_show .thumbnail .indicators {margin-left: auto; margin-right: auto; width: 190px}
body.yarn_companies .media_square {margin-right: 10px}
body.yarn_companies .media_square:last-child {margin-right: 0px}
body.yarn_companies .panel {margin-top: 5px}
body.yarn_companies #tool_buttons {width: 235px; float: right; padding-right: 10px; padding-bottom: 10px}
body.designers form.profile textarea, body.yarn_companies form.profile textarea {height: 150px}
body.yarn_companies_show .avatar_with_login {height: auto; font-weight: bold; float: right; margin-top: 5px; width: 100px; text-align: center}
body.yarn_companies #logo {width: 500px; float: left}
body.yarn_companies #logo img {max-width: 500px; height: auto; border: 1px solid var(--color-border-logo-image)}
body.yarn_companies #shop {width: 400px; float: right; text-align: right}
body.yarn_companies #about_us .markdown {margin-top: 1em}
body.yarn_companies #shop .store {font-size: 1.1em}
body.yarn_companies_show #features h3 {font-weight: normal; margin-top: 0.5em; margin-bottom: 0.25em; padding-bottom: 0.5em; font-weight: bold}
body.yarn_companies_show .group a.badge_link {vertical-align: top; float: left; display: block}
body.yarn_companies_show .group .markdown {width: 600px; margin-left: 20px}
.yarn_companies .profile {margin-top: 20px; margin-bottom: 20px; margin-left: 0px}
.yarn_companies .profile .user {font-size: 1em}
.yarn_companies .profile .avatar, .yarn_companies .profile .description {margin-right: 10px; float: left}
.yarn_companies .profile .description {width: 600px}
.yarn_companies .thumbnail .caption {margin-left: -7px; background-color: white; opacity: 0.9; filter: alpha(opacity=90); width: 168px; height: 35px; overflow: hidden; bottom: 0px; border-top: 3px solid #ffffff; margin-top: auto; margin-top: 125px}
.yarn_companies .panel .page_links {margin-top: 10px}
.yarn_companies .yarns .details {min-height: 3em}
.yarn_companies .yarn_thumbnail .framed_photo {cursor: pointer; margin-left: auto; margin-right: auto}
.yarn_companies .yarn_thumbnail .yarn_name {text-align: center; font-size: 1.15em; margin-bottom: 0.5em; margin-top: 1em}
.yarn_companies .yarn_thumbnail table {margin-left: auto; margin-right: auto}
.yarn_companies .yarn_thumbnail {margin-bottom: 1em}
.yarn_companies #add_logo_menu {width: 300px; border: none}
.yarn_companies #add_logo_menu form input {width: auto}
.yarn_companies #add_logo_menu form .clicker {float: left; display: block; margin-top: -5px}
.yarn_companies_yarnies #yarnies {margin-top: 20px; width: 900px}
.yarn_companies_yarnies #yarnies .yarnie {width: 300px; height: 100px; margin-bottom: 20px; float: left}
.yarn_companies_yarnies #yarnies .yarnie .details {float: left; width: 175px}
.yarn_companies_yarnies #yarnies .yarnie .avatar {float: left; margin-right: 20px; width: 100px}
.yarn_companies_yarnies #yarnies .yarnie .brand {margin-top: 16px}
body.yarn_companies_edit form.profile {width: 600px; float: left}
body.yarn_companies_edit #source_overview {width: 300px; float: left; margin-top: 10px}
body.yarn_companies_edit .profile {margin-top: 0px}
body.yarn_companies_editors #yarn_list {float: left; width: 750px; margin-left: 20px}
body.yarn_companies_editors #yarn_list p {margin-top: 1em; margin-bottom: 1em}
#yarn_companies_dialog ul#yarn_company_results li {clear: both}
#yarn_companies_dialog ul#yarn_company_results input {width: auto; height: auto; margin-top: 0.25em}
#yarn_companies_dialog ul#yarn_company_results .yarn_company {margin-left: 10px; float: left; padding-bottom: 0.5em}
#yarn_companies_dialog ul#yarn_company_results .yarn_company .stats {font-size: 0.9em}
#friends_panel #friends_rss_menu {position: absolute; left: 7px; top: 7px}
body.with_subnavigation #friends_panel #friends_rss_menu {left: auto; right: 10px; top: 50px; z-index: 11}
#friends_panel .project_post .title {width: 250px}
#friends_panel .page_links {margin-top: 1em}
#friends_panel .friend_tools, body.friends .friend_tools {margin: 16px 0}
#library_panel .header {height: 70px}
#friends_panel .header {height: 31px}
#friends_panel .tabs {margin-right: 30px}
#friends_panel .friend_tools a {text-decoration: underline}
.friends__people_results, .friends__neighbors_results {display: grid; grid-gap: 4px; justify-content: space-between}
.friends__people_results--avatars {grid-template-columns: repeat(auto-fill, 110px)}
.friends__people_results--people_cards {grid-template-columns: repeat(auto-fill, 310px)}
.friends__people_results, #activity_results .page_bar {margin-top: 16px; margin-bottom: 16px}
.friends__neighbors_results {grid-template-columns: repeat(auto-fill, 300px)}
body.people_index #recent_activity .project {width: 185px}
body.groups_location .section a.previous_page, body.groups_location .section a.next_page {display: none}
body.groups_location .section .page_links .pagination {text-align: left; width: 400px}
body.groups_activity .page_links {margin-top: 1.5em}
body.groups_activity #recent_activity .project {width: 190px; float: left}
body.groups_activity #recent_activity .photo_border {margin-bottom: 5px; margin-left: 6px; margin-top: 6px}
#recent_activity .project .touched {display: block; font-size: 0.9em}
#recent_activity a {text-decoration: none}
#friends_panel .recent_activity {margin-top: 10px}
#recent_activity img.activity_icon {position: absolute; left: 7px; padding: 3px; background-color: var(--color-icon-framed-background); left: 16px; top: 148px; border: 1px solid var(--color-border-dark) !important}
body.people_index #recent_activity img.activity_icon {top: 98px; left: 4px}
body.groups_activity #recent_activity img.activity_icon {left: 21px; top: 80px}
#recent_activity .project .details {text-align: center; padding-left: 5px; padding-right: 5px; height: 5.5em; margin-bottom: 5px; overflow: hidden}
@media screen and (max-width: 487px) {#recent_activity .project .details {margin-top: 4px; margin-bottom: 20px; height: auto; line-height: var(--line-height-base)}
#recent_activity .project .details .related_bundle {margin-top: 8px}
}
body.people_index #recent_activity .project .details {margin-bottom: 0; padding-top: 5px; height: 4em}
#recent_activity .project .photo_border {margin-left: auto; margin-right: auto; height: 120px; padding: 0px; background-image: none}
#recent_activity .project .photo_frame, #recent_activity .project .photo {height: 100px}
#friends_panel .welcome {width: 330px; overflow: hidden; padding: 5px; text-align: left}
.friends .friend {float: left; text-align: center; width: 115px; height: 160px; margin-bottom: 0px}
#friends_panel .friend {width: 134px; margin-left: 0; margin-right: 0}
.friends_activity_panel table.page_bar {margin-bottom: 1em; margin-top: 1em; margin-right: 25px; width: 98%}
.friends_activity_panel a.next_page, .friends_activity_panel a.previous_page {font-size: 1.1em}
.friends .friend .avatar {margin-bottom: 5px}
.friends .friend img.status {position: absolute; margin-top: -30px; margin-left: 33px}
.friends .friend .clicker_container {position: none}
.friends .friend .avatar {float: none}
.friends .friend .user_name {font-size: 1em; margin-top: 12px; width: 104px; display: -ms-flexbox; display: -webkit-flex; display: flex}
.friends .friend .user_name .friend__user_name__link {width: 100%; text-align: left}
body.notebook #friends_panel {height: 1300px}
.friend .user_name img {vertical-align: bottom}
.friend .hidden_indicators a {visibility: hidden}
.friend .hover .hidden_indicators a {visibility: visible}
.popover_list li span.count {width: 40px !important; text-align: right; font-weight: bold}
.popover_list #top_tags span.count {font-weight: normal}
.popover_list li.selected {background-color: var(--color-background-selected)}
.popover_list li:hover {background-color: var(--color-background-hover)}
.popover_list ul strong {display: block; margin-bottom: 0.5em}
.popover_list li a {display: block; padding: 2px !important; color: var(--color-text); line-height: 1.5em; height: 1.5em; overflow: hidden}
.popover_list li a:visited {color: var(--color-text)}
.popover_list li span {display: block; float: left; width: 100px}
.popover_list ul.tag_section {margin-top: 2em}
.yarns_search h2 {font-size: 1.2em; font-weight: bold; padding-left: 0px; border-bottom: 1px solid #cccccc; margin-bottom: 5px}
.search_results {margin-bottom: 1.5em}
.search_results ul {padding: 10px}
.search_results li {padding-top: 10px; font-size: 1.1em}
.search_results span {display: block}
.search_results .clicker span {display: inline}
.search_results span.ellipsis {display: inline}
.search_results .yarn_name, .search_results .pattern_name {font-size: 1.2em}
.search_results .pattern_source {margin: 5px; color: #333333; font-size: 1.1em}
.search_results .yarn_company_result, #search_results .designer_result {clear: both; line-height: 1.5em; min-height: 3em}
#search_results .designer_result {min-height: 140px; margin-bottom: 22px}
.search_results .yarn_company_result .name {font-size: 1.2em; width: 400px; float: left}
.search_results .yarn_company_result .user, #search_results .designer_result .user {float: left; width: 100px; text-align: center; margin-right: 25px; margin-bottom: 10px}
#help_for {padding-right: 40px; font-size: 1.2em; line-height: 1.5em}
#help_for .question {font-weight: bold; font-size: 1.2em; margin-bottom: 1em}
#help_for .answer {margin-bottom: 1em; font-size: 1.1em}
#help_for .faq {margin-top: 1.5em; margin-bottom: 1.5em; background-color: #f5ffef; width: 500px; padding: 15px; border: 1px solid #ccc}
#help_for ul {list-style: disc inside}
#help_for ul li {margin: 5px 0}
.contact h2 {margin: 5px; margin-bottom: 20px}
.contact form h2 {background-color: var(--color-infobox-content)}
.contact h2.breadcrumbs {margin-bottom: 10px}
.about .avatars {float: right; margin-left: 20px}
.about .avatars .avatar {margin-bottom: 10px}
.about img#bob {margin-top: 10px; border: 1px solid #999999}
body.about_guidelines h1 {font-size: 1.5em; margin-bottom: 0em}
.about_guidelines__content h2 {margin-top: 1em; border-bottom: 1px solid #cccccc; margin-bottom: 0.5em}
.dialog {background-color: transparent}
.dialog > .box:first-child > .box_contents {border-top: solid 1px var(--color-infobox-content-border)}
.dialog h2 {margin-top: -2em; padding-left: 2em; text-align: center; width: 14em}
.photo_manager_hidden {display: block}
.photo_manager_only {display: none}
#flickr_panel form {margin-top: 0px}
#flickr_panel #slurper_progress {margin-top: 20px}
#flickr_panel #slurper_progress img {margin-top: 5px}
#flickr_panel #pages_viewport {min-height: 260px; width: 880px; float: left}
#flickr_panel .pager {width: 20px}
.flickr_add {width: 170px; float: left; margin-top: 5px; margin-left: 5px}
#flickr_search {background-color: var(--color-modal-background); padding: 3px; margin-left: 0px; margin-right: 0px; width: 954px}
#flickr_search select {float: left; margin-left: 20px; width: 230px}
#flickr_search .flickr_id {float: left}
#flickr_search img {float: left; margin-right: 20px}
#flickr_search .clicker img {padding: 0; margin: 0; float: none; padding-left: 10px; padding-top: 6px}
#flickr_search .indicator img {float: none; padding: 0; margin-top: 0}
#flickr_search .page_links {margin-top: 10px}
#flickr_search .page_links .previous_page, #flickr_search .page_links .next_page {font-size: 1em}
#flickr_search #flickr_tag {float: left; width: 100px; margin-left: 10px}
#flickr_search label {float: left; width: auto; margin-left: 0px}
#flickr_search form.short label {float: none}
#flickr_search select {margin-right: 10px}
#flickr_search .clicker {margin-top: -5px; margin-left: 5px}
#flickr_search .flickr_form .clicker {float: left}
#flickr_search .login {float: left; color: var(--color-text); padding-top: 5px; padding-right: 5px}
#flickr_search .blurb {font-weight: bold; padding-bottom: 5px}
#flickr_search input[type=text] {width: 200px}
#flickr_search .go {width: 40px; margin-left: 5px}
#flickr_search_results {background-color: var(--color-modal-background); min-height: 180px; padding-top: 10px}
#flickr_search_results img {border-style: solid; border-color: #aaaaaa; border-width: 1px; margin-left: 5px; margin-bottom: 10px; cursor: move}
#progress {float: right; padding-top: 5px}
a.zoomer {background-color: white; position: relative; top: -26px; left: 50px; display: block; padding: 2px; width: 18px; border: 1px solid #999}
.wide_project a .zoomer {left: 122px; top: 137px; width: 30px; z-index: 100; text-align: center}
.photo_frame a {text-decoration: none}
.wide_project a .zoomer img {vertical-align: top}
.wide_project .people_placeholder {visibility: hidden}
a.sqt_link:hover img.zoomered {border-color: #33ff33}
a.zoomer:hover {border-color: #33ff33}
a.sqt_link {width: 75px; height: 75px}
a.sqt_link img {border: 1px solid var(--color-border-dark); box-shadow: none}
.patterns .search_result .preview a.zoomer img {border: none}
img.zoomered {position: relative}
ul.cloud a.size_1 {font-size: 1.2rem}
ul.cloud a.size_2 {font-size: 1.3rem}
ul.cloud a.size_3 {font-size: 1.4rem}
ul.cloud a.size_4 {font-size: 1.5em}
ul.cloud a.size_5 {font-size: 1.6em}
ul.cloud li {margin: 5px; text-decoration: none; display: inline}
ul.cloud li a {text-decoration: none}
.people h1 {padding-top: 5px}
body.people_index .new_kids .face {margin-right: 0px; width: 110px}
body.people_index .new_kids {text-align: center; width: 120px}
body.people_index .faves, body.people_index .new_projects, body.people_index .friends_activity {margin-top: 20px; width: 750px}
body.people_index .new_kids .faces, body.people_index .new_projects .projects, body.people_index .faves .projects, body.people_index #recent_activity {clear: both}
body.people_index .new_kids h2, body.people_index .new_projects h2, body.people_index .friends_activity h2, body.people_index .faves h2 {float: left; margin-bottom: 5px}
body.people_index .faves h2 img {vertical-align: bottom}
body.people_index .new_kids a.more, body.people_index .new_projects a.more, body.people_index .friends_activity .more, body.people_index .faves .more, body.people_index .new_projects .more {margin-right: 5px; float: right}
body.people_index .new_projects .project, body.people_index .faves .project {float: left; width: 75px; text-align: center; margin: 3px}
body.people_index .faves .project img, body.people_index .new_projects .project img {border: 1px solid #666666}
body.people_index .new_kids .face {text-align: center}
body.people_index .new_kids .avatar {float: none; margin-bottom: 5px}
.people ul.who_is_on li {font-size: 1.1em; padding-top: 4px}
body.people_index #rankings .group_badge {float: left; margin: 5px}
body.people_index #rankings .group_title {height: 60px; width: 100px; font-size: 1em; float: left; margin-top: 10px}
.people .charts h2, .people .search h2 {font-weight: bold; padding-bottom: 10px}
.people .charts {float: left; padding: 10px}
.people .search {float: left; padding: 10px; padding-left: 20px}
.people #query {width: 320px}
.people .rank {float: left; font-size: 2em; font-weight: bold; color: #d8eddd; margin-left: 5px; margin-right: 5px; margin-top: 15px}
.people .ranking .avatar_medium {float: left; margin-right: 10px; border: 1px solid #333333}
.people .ranking .login {font-size: 1em}
.people .showcase .box {margin-top: 32px; margin-bottom: 0}
.search_people .search_result {width: 300px; height: 130px; float: left}
.people .neighbors {width: 600px}
.people .neighbors .search_result {width: 295px; float: left; height: 8.25em}
body.search_people .search_result .location {margin-bottom: 7px}
body.search_people .search_result .status {margin-top: 5px}
body.search_people .search_result .avatar {margin-right: 20px}
.people .neighbors h2 {margin-top: 20px}
.avatar {height: 100px; width: 100px}
.people_placeholder {cursor: pointer; text-align: center}
.people_placeholder > span:first-of-type {margin-top: 0 !important; border: 1px solid var(--color-border-dark); display: inline-block; width: 100px; height: 100px; margin-left: auto; margin-right: auto; display: -ms-flexbox !important; display: -webkit-flex !important; display: flex !important; -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}
.avatar_medium.people_placeholder > span:first-of-type {width: 75px; height: 75px}
.people_placeholder a:not(.login) {text-align: center; color: #666; text-decoration: none}
.avatar img {border: 1px solid var(--color-border-dark); border-radius: 5px; z-index: 1}
.avatar_medium {border: none}
.avatar_medium img {border: 1px solid var(--color-border-dark); border-radius: 5px}
.avatar img.online {border: 0; margin: 0; vertical-align: bottom}
.avatar_medium {width: 75px; height: 75px}
.avatar_medium.c-avatar--medium_with_login {height: 110px}
body.patterns_threads .avatar_medium {margin-left: auto; margin-right: auto}
.avatar .indicator {z-index: 2; margin-top: -25px; width: 20px; font-weight: normal}
.avatar span {display: block; margin-top: 40px; color: #aaaaaa}
.avatar span.caption {margin-top: 0px}
.avatar_with_login, .panel .avatar_with_login {height: 140px; width: 130px; border: 0px; text-align: center}
.avatar_medium_with_login {height: 100px; width: 110px; border: 0px; text-align: center}
.avatar_with_login img {margin-bottom: 3px}
.avatar .login {text-decoration: none; display: block}
.avatar_small {background-color: var(--color-background); height: 50px; width: 50px}
.avatar_small img {border: 1px solid var(--color-border-dark); border-radius: 5px}
.avatar_small span {display: block; margin-top: 20px; color: #aaaaaa}
body.people #location_fields {float: left; margin-bottom: 16px; margin-top: 16px}
body.people #location_fields .field {font-size: 1em; padding: 0px; padding-bottom: 3px}
body.people #location_fields label {width: 100px; font-size: 0.95em; color: #333333}
body.groups_browse #sorting {margin-top: 5px}
.photo_selector .instructions {font-size: 1em; padding: 10px}
.photo_selector .photos {margin-top: 10px; margin-left: 5px}
.photo_selector .photos img {border: 1px solid #666666; margin: 5px}
.peep {float: left; margin: 10px}
.peep .login {padding-top: 10px; font-size: 1.2em}
.neighbors .peep .login {padding-bottom: 3px; font-size: 1.1em}
.peep .stats a {text-decoration: none}
body.people_index .peep {width: 200px}
body.people_index .neighbors .peep {width: 295px; float: left; margin-left: 3px}
body.search #search_results .peep {width: 400px}
body.search #search_results .peep .about {float: left; width: 180px; text-align: left}
.neighbors .peep .avatar_medium {float: left; margin-right: 10px}
.books .book {float: left; width: 400px; height: 175px; margin: 10px}
.books .book img {float: left; border: 1px solid #999999}
.books .book .title {font-size: 1.2em}
.books .book .details {float: left; margin-left: 10px}
.books .book .projects {margin-top: 10px; font-size: 0.9em}
.books .book .projects li a {font-size: 1.2em; text-decoration: none}
#library_panel .amazon .buy_box {background: none; width: 175px; padding-top: 0px}
#library_panel .amazon .buy_box .prices {margin-top: 5px}
#library_panel .amazon .buy_box .rating img {border: none; float: none}
#library_panel #queue_books .book img {float: none; margin-left: auto; margin-right: auto}
#library_panel #queue_books .book {height: 250px; width: 350px}
#library_panel #queue_books .book .image {float: left; text-align: center; width: 175px}
#library_panel #queue_books .book .details {height: 150px; width: 150px}
.posts .site_thumbnail {margin-left: 35px; margin-top: 10px; border: 1px solid #cccccc}
#posts_panel p.message {font-size: 1.2em; margin: 10px}
#posts_panel p {margin: 10px}
#posts_panel p a {text-decoration: underline}
#posts_panel .indicator {float: left}
.blog_post, .blog_post ul {font-size: 12px}
.blog_post br {display: none}
.blog_post .post_content p {margin: 0; margin-top: 1em; font-size: 1.1em}
.blog_post ul {margin: 1em; font-size: 1.1em}
.blog_post li {margin-left: 1em; list-style-type: disc}
.todo {border: 1px solid #cccccc; background-color: #fffff3; margin: 10px; padding: 10px; font-size: 0.85em; width: 300px}
.todo li {list-style: disc; list-style-position: inside}
@media print, screen and (min-width: 488px) {.groups #q {width: 300px; margin-right: 8px; height: 23px}
.group_index__section input {border: 1px solid var(--color-border-dark)}
.group_index__section fieldset {margin-left: 0}
}
.groups_index form button {width: 60px}
.groups #search_results h2 {margin-bottom: 10px}
.groups_index #browsing form {margin-bottom: 10px}
#group_summary .box .box_contents {min-height: 10px; padding-left: 10px}
#group_summary .box .box_contents .associations {padding-top: 10px; margin-top: 0}
#group_summary .box .box_contents #group_to_add {width: 200px; margin-bottom: 5px}
#group_summary .box #group_indicator {padding-left: 5px; display: inline; vertical-align: bottom}
#group_summary input#association {float: none; height: 22px; width: 145px}
#group_summary .box ul.associations li {font-size: 1.1em; line-height: 1.5em}
#group_summary .box ul.associations li img {vertical-align: middle; padding: 2px}
a.badge_link:hover {background-color: transparent}
img.group_banner, .group_banner_placeholder {width: 468px; height: 60px; cursor: pointer}
.group_banner--legacy {background-color: white}
.group_banner_placeholder {overflow: hidden}
.group_banner_placeholder a.group_name {padding: 3px; font-size: 1.1428571429rem; color: var(--color-text-understated); background-color: transparent; text-decoration: none}
.group_badge_placeholder, img.group_badge {width: 100px; height: 60px; text-align: center; border: 1px solid var(--color-border-dark); -ms-flex-shrink: 0; -webkit-flex-shrink: 0; flex-shrink: 0; -ms-flex-grow: 0; -webkit-flex-grow: 0; flex-grow: 0; background-position: center; background-size: cover}
.group_badge_placeholder span {padding-top: 20px; color: #999999; font-size: 0.9em; display: block}
.group_banner_placeholder img.group_badge {border: 0px; border-right: 1px solid #666666; vertical-align: middle; margin-right: 20px}
body.groups #group_banner .group_banner {float: left}
body.groups_show #group_banner .group_banner {float: none; display: block}
body.groups_show .people img {vertical-align: bottom}
body.groups_show .forum_glance {margin-bottom: 10px}
body.groups_show form.search #q {width: 440px; height: auto}
body.groups_show form.search #w {width: 155px}
body.groups_show form.search button {width: 50px}
body.groups_show #group_links a {text-decoration: none; font-size: 1.1em}
body.groups_index #recent_groups form {margin-bottom: 30px}
body.groups_index #recent_groups {float: left; width: 468px}
body.groups_index #browsing {float: left; width: 400px; margin-left: 20px}
body.groups_index #browsing img {vertical-align: bottom}
body.groups_index #recent_groups .group {clear: both; margin-bottom: 15px; margin-top: 10px}
body.groups_index #recent_groups .group .group_banner {margin-bottom: 5px}
body.groups_index ul.events {margin-top: 1em}
body.groups_show .recent h2 {float: left; font-size: 1.1em}
body.groups_show .recent a.more {float: right; font-size: 0.95em}
body.groups_show #group_posts ul {padding-left: 5px}
body.groups_show #group_posts li {padding-bottom: 16px; display: -ms-flexbox; display: -webkit-flex; display: flex}
body.groups_show a.recent_yarn img, body.groups_show a.recent_project img {border: 1px solid #333333}
body.groups_show .forum_glance, body.groups_show .forum_glance table {width: 680px; margin-right: 0px}
body.groups_show .forum_glance table td.age {width: 100px}
body.groups #group_status_indicator {text-align: center; margin-top: 16px}
body.groups #alt_banner {width: 468px; margin-left: 10px}
body.groups #group_banner .summary {width: 150px; float: left; text-align: center; height: 90px; margin-left: 30px}
body.groups #group_banner .summary ul {margin-bottom: 4px}
body.groups #summaries {width: 248px; float: left}
body.groups #membership {text-align: center; margin-top: 16px; margin-bottom: 16px}
body.groups #membership img {vertical-align: bottom}
body.groups #group_content {width: 680px; float: left; margin-right: 32px}
body.groups #member_counts {font-size: 1em; text-align: center; margin-top: 0.5em; width: 220px}
body.groups #member_counts img {vertical-align: bottom}
body.groups #member_counts a {padding: 0.25em}
body.groups #recent_members h3 {margin-bottom: 10px; text-align: center}
body.groups #member_counts {float: right; margin-top: -2.5em}
body.groups #recent_members {display: -ms-flexbox; display: -webkit-flex; display: flex; -ms-justify-content: space-between; -webkit-justify-content: space-between; justify-content: space-between}
body.groups #recent_members .member {float: left; width: 110px; height: 130px; text-align: center}
body.groups #recent_members .avatar_medium {height: 120px; width: 110px; border: none}
body.groups #recent_members .avatar_medium .people_placeholder__text {display: -ms-flexbox; display: -webkit-flex; display: flex; -ms-align-items: center; -webkit-align-items: center; align-items: center; border: 1px solid #ddd; width: 75px; height: 75px; margin-left: auto; margin-right: auto; margin-bottom: 3px}
body.groups #recent_members .avatar_medium img {border: 1px solid #666666}
body.groups #recent_members .avatar_medium .login {display: block}
body.groups_show h2.section {margin-top: 32px; font-weight: 900; font-size: 1rem; margin-bottom: 0.5em; padding-bottom: 0.5em}
body.groups_show h2.section img {vertical-align: bottom}
body.groups_show #group_description {margin-bottom: 30px; margin-top: 1em}
body.groups_show #recent_members {margin-top: 0.5em}
body.groups_show #executives {margin-top: 1em}
body.groups_show #executives .person {display: block}
body.groups_show #summaries #recent_projects {margin-top: 10px}
body.groups_show #summaries #recent_stash .box_contents, body.groups_show #summaries #recent_projects .box_contents {text-align: center}
body.groups_show #group_posts .avatar_small {float: left; margin-right: 1em; border: 1px solid var(--color-border-dark)}
body.groups_show .recent {margin-bottom: 20px}
body.groups_show .forum_glance .controls {margin-top: -1.5em}
body.groups_show #group_description h2, body.groups_show .recent h2 {margin-bottom: 5px}
body.groups_show #group_description .clicker_container {float: right; margin-top: 5px}
#group_header {margin-bottom: 32px}
#group_header .breadcrumbs {margin-bottom: 15px}
#group_header .tools {float: right}
#group_header .group_badge, #group_header .summary {float: left; margin-right: 10px; margin-left: 3px}
#group_header .group_badge {margin-bottom: 10px}
body.groups_members .member, .user_card {width: 284px; height: 115px; float: left; margin-right: 10px; margin-bottom: 10px; padding: 10px; background-color: var(--color-background-card); box-shadow: var(--global-box-shadow-size) var(--global-box-shadow-size) 0 0 var(--color-border-dark); border: 1px solid var(--color-border-dark)}
body.groups_members .member .avatar, .user_card .avatar {margin-top: 5px; margin-left: 5px; float: left}
body.groups_members .member .details, .user_card .details {width: 160px; float: left; margin-top: 4px; margin-left: 12px}
body.groups_members .member .details .login, .user_card .details .login {font-size: 1.2em; display: block; margin-bottom: 4px}
.user_card {position: relative; background-color: var(--color-background-card)}
.user_card a.quick_selector {position: absolute; top: 10px; right: 4px}
.user_card li.social_sites {padding-top: 5px}
.user_card li.social_sites a {padding: 0 2px 2px 0}
.user_card li.social_sites a:hover {background-color: transparent}
.user_card li.social_sites img {height: 16px; width: 16px}
body.groups_members .member .details .joined {margin-bottom: 10px; font-size: 0.9em}
body.groups .group_result, #group_search_results .group_result {margin-bottom: 3em; margin-top: 2em; width: 850px}
body.groups .group_result .post_activity_indicator {height: 15px; background-image: url(/images/assets/icons/comment.svg); background-size: 15px; display: inline-block; vertical-align: middle}
body.groups_index #search_results .group_result {width: 450px}
body.groups .group_result .tag_set {float: left; width: 350px; margin-left: 10px}
body.search .group_result a.title, body.groups .group_result a.title, #group_search_results .group_result a.title {font-size: 1.2em}
body.search .group_result .description, body.groups .group_result .description, #group_search_results .group_result .description {margin-top: 5px}
body.search .group_result .members, body.groups .group_result .members, #group_search_results .group_result .members {font-style: italic; margin-top: 5px}
body.search .group_result .group_badge, body.groups .group_result .group_badge, #group_search_results .group_result .group_badge {float: left}
body.search .group_result .details, body.groups .group_result .details, #group_search_results .group_result .details {margin-left: 20px; width: 320px; float: left}
body.groups_yarns .yarn {width: 190px; height: 240px; text-align: center; margin-right: 10px; margin-bottom: 10px}
body.groups_search .page_links {height: auto; padding-top: 1em; padding-bottom: 0.5em}
#groups_dialog ul#group_results li {clear: both}
#groups_dialog ul#group_results input {width: auto; height: auto; margin-top: 0.25em}
#groups_dialog ul#group_results .group {margin-left: 10px; float: left; padding-bottom: 0.5em}
#groups_dialog ul#group_results .group .stats {font-size: 0.9em}
body.pages_show #page_index {width: 300px; float: right; margin-top: -65px}
body.pages_show .markdown {width: 620px; float: left}
#user_groups_panel .membership {width: 800px; height: 70px; margin-bottom: 10px}
#user_groups_panel .membership .group_banner {float: left; margin-right: 20px}
#user_groups_panel .membership .vitals li {font-size: 1.1em}
#user_groups_panel .membership .vitals .joined {font-size: 1em; margin-bottom: 0.5em}
dl.location_list {margin-left: 10px; margin-top: 10px}
dl.location_list dd {margin-bottom: 15px; margin-left: 10px; margin-top: 5px}
dl.location_list dt.location {font-size: 1.2em}
.small_neighbor {width: 150px; margin: 10px; float: left; text-align: center}
.small_neighbor .avatar_small {margin-left: auto; margin-right: auto}
.small_neighbor .user_name {font-size: 1.2em}
.small_neighbor .location {margin-bottom: 5px}
body.donate #explanation {float: left; width: 580px}
body.donate #donate_sidebar {float: left; width: 250px; margin-left: 20px}
body.donate #donate_sidebar .bob {font-size: 1.1em}
body.donate #donate_sidebar .bob img {border: 1px solid #333333; margin-top: 5px}
body.donate #donate_box img.paypal {float: left; margin-right: 10px; margin-left: 5px}
body.donate #donate_box .clicker {float: left}
body.donate #donate_box .box_contents {height: 11em}
body.donate #donate_box .box_contents form {height: 10em}
body.donate #donate_box strong {font-weight: normal; font-size: 1.2em}
body.donate #donate_box button {width: 140px}
body.donate h1 {font-size: 1.7em; font-weight: normal}
body.donate h2 {font-size: 1.5em; margin-bottom: 0.5em; margin-top: 1em}
body.notebook #purchases_panel .payment_list {margin-top: 10px}
body.donate #explanation ul {list-style-position: inside; list-style-type: disc; margin-left: 10px; font-size: 1.1em}
body.donate #explanation p {font-size: 1.1em; margin-bottom: 1em}
body.donate #explanation p strong {background-color: #fffff3; font-weight: normal}
#purchases_panel table {position: none}
#purchases_panel tbody {height: auto; overflow: auto; overflow-x: auto; overflow-y: auto}
body.editors_action .inactive_editors {margin-left: 32px; margin-top: 32px}
.editors_action #pattern_list {float: left; width: 750px; margin-left: 20px}
.editors_action #pattern_list p {margin-top: 1em; margin-bottom: 1em}
#subsections h3 img {vertical-align: bottom; padding-right: 2px}
#subsections a.sqt_link {float: left; margin-right: 10px}
#subsections .subsection {margin-bottom: 48px}
.amazon .buy_box {padding-top: 10px; padding-left: 0px; text-align: center; margin-left: auto; margin-right: auto; margin-top: 10px; width: 177px; height: 110px; border: 1px solid #C5C5C5; border-radius: 3px; -webkit-border-radius: 3px; -moz-border-radius: 3px; margin: 5px}
.amazon .with_image {height: 130px}
.amazon .with_shelf_image {height: 275px}
.amazon .with_shelf_image .cover {margin: none !important; float: none !important}
.amazon .buy_box .list_price {font-size: 1em; text-decoration: line-through}
.amazon .buy_box .price {font-size: 1.2em; color: black; font-weight: bold; text-decoration: none}
.amazon .buy_box form {margin-left: auto; margin-right: auto; margin-top: 5px}
.amazon .buy_box img.cover {float: left; margin-left: 5px}
.amazon .with_image .prices {margin-bottom: 10px}
.amazon .with_image .rating img {margin-top: 0px; border: none}
.amazon .with_image .reviews {display: block; font-size: 0.9em}
.amazon .with_image .list_price {display: block}
.amazon .buy_box input {float: none}
.amazon .buy_box .buy_button {margin-top: 10px}
#ad_gallery {background-color: #f7f7f7; width: 800px; margin-left: auto; margin-right: auto; border: 1px solid #cccccc}
#ad_gallery {float: left}
#ad_gallery .heading .close {float: right}
.alt .panel, .alt .header, .alt .tabs, .alt ul li a, .alt ul li span, .alt table.grid th {border: none; background: none; background-color: white}
.alt .tabs span a {font-size: 1.1em}
.alt .tabs #current span a {font-weight: bold}
.alt .tabs {border-bottom: dotted 1px #cccccc; margin-bottom: 5px}
.alt small {display: none}
.alt h2 img {display: none}
#controls .clicker span {text-decoration: none}
a.clicker_legacy, span.clicker {line-height: normal !important; display: inline-block; border: none; text-decoration: none !important; font-style: normal; margin: 0 6px 0px 0; padding: 0 10px 0 0; vertical-align: middle; text-align: left}
a.clicker_legacy span, span.clicker button, span.clicker input {font-size: 12px !important; font-family: Inter; background-color: var(--color-background-clicker); color: var(--color-text-clicker); font-weight: normal; white-space: nowrap; cursor: pointer; display: -moz-inline-box; display: inline-block; border: none; vertical-align: text-top; margin-right: -9px; margin-left: 4px; margin-top: 3px; padding-top: 1px; padding-top: 3px; padding-bottom: 2px; padding-right: 4px; padding-left: 4px; height: 17px; border: 1px solid var(--color-border-clicker)}
.clicker_container--advanced_search a.clicker_legacy span {background-color: var(--color-advanced-search)}
span.clicker button, span.clicker input {padding-bottom: 19px}
a.clicker_legacy:hover, span.clicker:hover, span.button-behavior-hover {cursor: pointer; background-position: 0 -60px; color: #222; text-decoration: none}
a.clicker_legacy:hover span, span.clicker:hover button, span.button-behavior-hover button, span.button-behavior-hover input {cursor: pointer; background-position: 100% -60px}
.clicker_legacy button {color: #2e523b}
.clicker_legacy--with_icon button {padding-left: 21px !important; position: relative}
.clicker_legacy--with_icon img {position: absolute; left: 0}
.clicker_icon .clicker span {padding-left: 24px}
.clicker_icon img {position: absolute; z-index: 10; padding-left: 8px; padding-top: 7px; width: 16px; height: 16px}
#chatters {position: fixed; bottom: 0px; height: 20px; background-color: #fffff3; border: 1px solid #cccccc; font-size: 1em; padding: 2px; width: 100%}
body.chats #footer, body.chats #prefooter {display: none}
#chat_window {background-color: white; padding: 5px; height: 425px; margin-top: 10px; overflow-y: auto; width: 800px; height: 400px}
#chat_form #message {width: 650px; margin-right: 10px; height: 50px}
#chat_window .bubble {left: 115px}
#chat_window .bubble .body {min-height: 40px}
#chat_window .comment .index {font-size: 4em}
#chat_window .avatar, #chat_window .avatar img {height: 75px; width: 75px; float: left; margin-top: 10px}
.cms {font-size: 1em; line-height: 1.2em}
.cms ol {list-style-position: outside; list-style-type: decimal; margin: 2em; margin-top: 1em; font-size: 1em}
.cms ul {list-style-position: outside; list-style-type: disc; margin: 2em; margin-top: 1em; font-size: 1em}
.cms li {margin-bottom: 1em}
.cms h2 {font-weight: normal; font-size: 1.1em}
.cms h3 {font-weight: normal; font-size: 1.05em; margin-top: 1em; margin-bottom: 0.5em; border-bottom: 1px solid #cccccc; padding-bottom: 4px}
.cms dt {margin-bottom: 1em}
.cms dd {margin-bottom: 2em}
.cms dd {margin-left: 1em}
.cms img {border: 1px solid #666666}
.cms p {margin-bottom: 1em}
.markdown {line-height: var(--line-height-base)}
.markdown--xl {font-size: 1.1428571429rem}
.markdown br {line-height: 1em; font-size: 1em}
.markdown ol {list-style-position: outside; list-style-type: decimal; margin: 2em; margin-top: 1em; font-size: 1em}
.markdown ul {list-style-position: outside; list-style-type: disc; margin: 2em; margin-top: 1em; font-size: 1em}
.markdown li {margin-bottom: 0em}
.markdown h1 {font-weight: normal; font-size: 1.2em}
.markdown h2 {font-weight: normal; font-size: 1.1em}
.markdown h3 {font-weight: normal; font-size: 1.05em; margin-top: 1em; margin-bottom: 0.5em; border-bottom: 1px solid #cccccc; padding-bottom: 4px}
.markdown td {border: 1px dotted #aaa; padding: 5px}
.markdown table.borderless td {border: none}
.site_content h1 {font-weight: bold; font-size: 1.6em}
.site_content h3 {font-weight: bold; font-size: 1.2em}
.markdown p {margin-bottom: var(--line-height-base-rem); word-wrap: break-word}
@media screen and (max-width: 487px) {@supports (aspect-ratio: auto) {iframe[type=youtube-short] {width: 100%; height: unset; aspect-ratio: 9/16; margin-left: auto; margin-right: auto}
}
}
.mp3_media {background-color: #fff; border: 1px solid #ddd; width: 290; padding: 5px; margin-top: 1em; margin-bottom: 1em}
.markdown .mp3_media a {display: block; margin-bottom: 1em}
.markdown .mp3_media object {background-color: #f3f3f3}
.markdown .gist iframe {width: 600px; height: 200px; border: none}
.pattern_sources_admin form {margin: 10px}
.pattern_sources_admin form input {width: 200px; font-size: 1.2em}
.pattern_sources_admin table {border: 1px solid #cccccc; margin-top: 5px}
.pattern_sources_admin table td {border: 1px solid #cccccc; padding-top: 0px; padding-bottom: 0px}
.pattern_sources_admin table .pattern_count {width: 20px}
.recent_projects {margin-top: 15px}
.recent_projects .recent_project {width: 300px; float: left; text-align: center; margin-bottom: 25px; margin-right: 60px; height: 230px}
.recent_projects .recent_project .details, .recent_projects .recent_project .framed_photo {float: left}
.recent_projects .recent_project .details {width: 100px}
.recent_projects .recent_project .photo {cursor: pointer}
.recent_projects .recent_project .framed_photo {margin-right: 10px}
.recent_projects .recent_project .name {font-size: 1.2em; padding-bottom: 5px}
.recent_projects .recent_project .avatar {border: 1px solid #666666; margin-top: 5px}
.discussions #reply_status {padding: 2px; padding-top: 10px}
.discussions #reply_status img {vertical-align: middle}
.discussions #mark_all_as_read {margin-left: 1em}
.discussions #reply_status table.reply_list {margin-top: 15px; width: 942px; 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)}
.discussions #reply_list {margin-bottom: 2em}
.discussions #reply_list th.from, .discussions #reply_list th.when {width: 10em}
.discussions #reply_list th.reply_post {width: 6em}
.discussions #reply_list th.unread_post {width: 6em}
.discussions_browse .page_links {margin-top: 1em}
.discussions #thread_browse_form {padding-bottom: 1em; display: block}
body.discussions_browse form td.label {padding-right: 5px}
body.discussions_browse form td.select {padding-right: 15px}
body.discussions_radar h2 {margin-top: 0.5em; margin-bottom: 0.5em}
body.discussions_radar a.radar_go {padding: 7px; padding-top: 10px; padding-left: 20px; text-decoration: none; color: #999}
body.discussions_radar a.radar_go:hover {background-color: white; font-weight: bold; color: #000}
body.discussions_radar .radar_post img {max-width: 400px}
body.topics #magic_links .container {background-color: var(--color-forum-magic-link-background); padding: 10px; border: 1px solid var(--color-forum-magic-link-border); margin-bottom: 10px}
body.topics #magic_links .smileys {font-size: 0.9em}
body.topics #magic_links .smileys input {float: none}
body.topics #magic_links .container ul {margin-top: 10px}
body.topics #magic_links .container ul li.title {font-size: 1.1em; margin-bottom: 0.5em}
body.topics #magic_links .container ul ul {margin-top: 0px; margin-left: 1em; margin-bottom: 1em}
body.topics .forum_post_body img {max-width: 670px}
body.discussions .topic_tooltip, body.topics_index .topic_tooltip, body.groups_show .topic_tooltip, body.topics_show .topic_tooltip {background-color: var(--color-forum-tip); background-color: var(--color-forum-tip-background); border: 1px solid var(--color-border-dark); font-size: 0.95em; padding: 5px; width: 300px; position: absolute; cursor: pointer; z-index: 100}
.topic_tooltip .avatar {float: left; margin-right: 5px}
.topic_tooltip .avatar, .topic_tooltip img {width: 25px; height: 25px}
body.user_threads td.markdown img {max-width: 450px}
.topics #forum_posts .guest {font-size: 0.8571428571rem; line-height: var(--line-height-base); text-align: center; padding-top: 0.5em}
.topics #forum_posts .guest img, .topics .newbie_badge img, .topics .moderator_badge img {vertical-align: top}
.topics .moderator_badge img {vertical-align: middle}
.topics .newbie_badge {padding-top: 4px; font-size: 0.8571428571rem; line-height: var(--line-height-base)}
.topics .newbie_badge img {vertical-align: middle}
@media screen and (max-width: 487px) {.topics .newbie_badge {padding-top: 30px}
}
.topics .moderator_badge {font-size: 1em; font-weight: bold; height: 24px; line-height: 24px}
#topic_toolbar .title_overlay {display: none}
@media screen and (max-width: 1040px) {#topic_toolbar .links > a {font-size: 0}
}
#topic_toolbar > * {display: inline}
#topic_toolbar .o-icon {vertical-align: middle; margin-right: 8px}
#topic_toolbar .links {padding-left: 8px; order: -1; -ms-flex-shrink: 0; -webkit-flex-shrink: 0; flex-shrink: 0; -ms-flex-grow: 0; -webkit-flex-grow: 0; flex-grow: 0; min-width: 285px}
#topic_toolbar .links > a {text-decoration: none; margin-right: 12px}
#topic_toolbar .title_overlay {display: block; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; height: 100%; width: 100%; text-align: center; line-height: 50px}
#topic_toolbar .title_overlay a {color: var(--color-sage-01)}
#topic_toolbar .title_overlay img.emo {text-align: text-bottom}
#topic_toolbar .buttons {-ms-flex-shrink: 0; -webkit-flex-shrink: 0; flex-shrink: 0; -ms-flex-grow: 0; -webkit-flex-grow: 0; flex-grow: 0; min-width: 365px}
#topic_toolbar .clicker {top: 0; left: 0; background-color: transparent; border: none; box-shadow: none; font-size: 1rem; color: var(--color-background-dark-link) !important; line-height: 24px !important}
#topic_toolbar .clicker img {width: 20px !important; height: 20px !important; padding-right: 0; margin-top: 0}
.topics #topic_toolbar .ignoring, .topics #topic_toolbar .watching {width: 16em; float: left; margin-top: 5px}
.topics #topic_toolbar .ignoring img, .topics #topic_toolbar .watching img {vertical-align: bottom}
.topics #topic_toolbar form {margin: 0px; float: left; margin-left: 10px; margin-right: 10px; margin-top: 4px; width: 225px}
.topics #topic_toolbar form select#topic_selector {width: 225px}
.topics #topic_toolbar form select#page_selector {width: 70px; float: left}
.topics_show #footer {display: none}
.topics_show .page_links {height: 2em}
.topics_show h1 {margin-bottom: 16px}
.topics_show .indicator {float: left; margin-right: 10px}
#topic_tools_contents .indicator {float: right}
.topics_index .forum_glance__header h2 {display: none}
body.topics_index #board_details {margin-left: 32px; float: left; width: 300px; line-height: 2em}
body.topics_index #board_details h2:not(:first-of-type) {margin-top: 30px}
body.topics_index #board_details p.group {line-height: 1.2em; display: block; padding-bottom: 32px; margin-left: 32px}
body.topics_index #board_details a.badge_link {float: left; margin-right: 1em}
body.topics_index .group__categories {margin-left: 32px}
body.topics_index #board_details h2 {margin-bottom: 16px; font-weight: boldp}
body.topics_index #board_details h2 img {vertical-align: middle}
body.topics_index .moderator {width: 140px; float: left; text-align: center; margin-bottom: 32px}
body.topics_index .moderator .avatar_medium {margin-left: auto; margin-right: auto}
body.topics_index .moderator .avatar_medium img {border: 1px solid #666}
.topics #next_unread {width: 450px; position: fixed; z-index: 9; bottom: 50px; left: 15px}
.topics #topic_toolbar {height: 51px; line-height: 50px; background-color: var(--color-background-dark); color: var(--color-background-dark-text); font-size: 1rem; display: -ms-flexbox; display: -webkit-flex; display: flex; -ms-align-items: center; -webkit-align-items: center; align-items: center; box-shadow: 0 -1px 4px rgba(0, 0, 0, 0.25); z-index: 1001; left: 0px; position: fixed; bottom: -1px; z-index: 10; padding-left: 10px}
table#topic_toolbar {height: 40px !important; padding: 0px !important; background: transparent !important; margin-bottom: 3px !important}
table#topic_toolbar .clicker_container img {position: fixed}
table#topic_toolbar .ttbody {background: transparent url("/images/forum-bottom-nav-bg.png") repeat-x}
table#topic_toolbar .stop {width: 5px; font-size: 0}
table#topic_toolbar .right_end {width: 20px; background: transparent url("/images/forum-bottom-nav.png") top right no-repeat}
table#topic_toolbar .left_end {width: 20px; background: transparent url("/images/forum-bottom-nav.png") top left no-repeat}
table#topic_toolbar .links, table#topic_toolbar .buttons {float: none !important; margin-right: 0 !important}
table.mobile_topic_toolbar {position: absolute !important; bottom: 40px !important}
table.mobile_topic_toolbar .clicker_container img {position: absolute !important}
.topics #topic_toolbar option.unread {background: white url("/images/silk-new.png") no-repeat 5px; padding-left: 25px}
.topics #topic_toolbar .links a, .topics #topic_toolbar .buttons a {color: var(--color-background-dark-link) !important}
.topics #topic_toolbar form#pager {width: 30px; float: right; margin-right: 10px}
.topics #topic_toolbar .clicker_container, .topics #topic_toolbar form#pager {float: left}
.topics #topic_toolbar .buttons #thread_watch_status .indicator {margin-top: 5px}
.topics #topic_toolbar .buttons {float: right; margin-right: 20px}
.topics #topic_toolbar .buttons .clicker_container {float: right}
.topics #editor_toolbar form {margin: 0px; z-index: 11}
body.topics_show .message_list .page_links {width: 835px; margin-top: 20px}
body.topics_show .forum_post_guts {padding-left: 10px}
body.topics_show .parent_post {margin-left: 5px; padding: 10px; margin-bottom: 10px; color: var(--color-text); border: 1px solid var(--color-border-dark); background-color: var(--color-teal-01); background-color: var(--color-forum-parent-post)}
body.topics_show .in_reply_to .parent_post {margin-left: 0}
body.topics_show .parent_post .avatar_medium {float: left; margin-right: 5px}
body.topics_index .legend {width: 325px; float: left}
body.topics_index .topic_glance {margin-top: 1em}
.discussions .notes {margin: 20px; border: 1px dotted #cccccc; padding: 3px; width: 700px}
.discussions .heading {margin: 0px; margin-bottom: 0px}
.discussions .heading h1 {float: left}
.discussions_header .heading h1 {float: none; margin-bottom: 5px}
.discussions .heading form {margin-top: 0px; float: right; margin-right: 70px}
.discussions_header .heading form {float: left}
.topics form.search input {width: 365px; float: none}
.discussions form.search input {width: 170px; float: none}
.topics form.search select, .discussions form.search select {width: 150px; float: none}
.topics form.search button, .discussions form.search button {width: 55px}
.discussions .search_explanation {margin: 15px; font-size: 1.2em; margin-left: 5px}
.discussions .forums {clear: both}
.discussions_index .forums {margin-top: 10px}
.discussions_index #reply_status .message {width: 400px; float: left; margin-top: 5px; line-height: 30px}
.discussions_index #reply_status form.search {width: 550px; float: right; text-align: right; margin-top: 5px}
.discussions_reports .page_links {margin-top: 1em}
.discussions .tabs {margin-top: 5px; margin-right: 5px}
.discussions_customize .tabs, .discussions_customize p {margin-bottom: 10px}
.discussions_customize h2 {margin-bottom: 16px}
.discussions_customize h3 {margin-top: 32px; margin-bottom: 8px; font-size: 1rem}
.discussions_customize #voting_buttons input {float: none}
.discussions_customize .title {font-weight: normal; margin-bottom: 1em; font-size: 1em; padding: 3px}
.discussions_customize .title img {vertical-align: bottom}
.discussions_customize #customize_tools {float: right; width: 300px; text-align: right}
.discussions_customize #forum_sets {margin-bottom: 20px; display: -ms-flexbox; display: -webkit-flex; display: flex; -ms-flex-wrap: wrap; -webkit-flex-wrap: wrap; flex-wrap: wrap}
.discussions_customize #forum_sets .clicker_container span, #customize_tools .clicker_container span {width: 65px}
.discussions_customize #forum_sets .title {border: 1px solid #ccc; border-bottom: none; margin-bottom: 0; white-space: nowrap; overflow: hidden; max-width: 110px; display: inline-block; border-top-left-radius: 3px; border-top-right-radius: 3px; display: -ms-flexbox; display: -webkit-flex; display: flex; -ms-align-items: center; -webkit-align-items: center; align-items: center}
.discussions_customize #forum_sets .title > span {display: inline-block; padding: 5px}
.discussions_customize #forum_sets .forum_set__name {display: block; width: 100%}
.discussions_customize #forum_sets input {display: block; width: 82px; margin-bottom: 20px; padding: 0px 2px}
.discussions_customize #forum_sets form {clear: both}
.discussions_customize #forum_sets .clicker_v2 {float: right}
.discussions_customize #forum_sets .drag_grip {position: absolute; top: 11px}
.discussions_customize #forum_sets .edit_link_inplace {border-top: 0px solid transparent}
.discussions_customize #forum_sets .edit_link_inplace:hover {background-color: var(--color-background-selected); border-left: none; border-right: none; border-bottom: 3px solid transparent; padding-top: 0; padding-bottom: 0}
.discussions_customize #forum_sets .edit_link_inplace, .discussions_customize #forum_sets input {margin-left: 8px}
.discussions_customize #forum_sets .size {margin-top: -3px}
.discussions_customize #forum_sets .form_select {padding-left: 8px; border-radius: 0; background-position: 91px 8px !important}
.discussions_customize .forum_set {display: inline-block; vertical-align: top; margin-right: 15px; margin-top: 10px; padding-right: 0px; width: 110px; margin-bottom: 2em}
.discussions_customize .editor_ok_button {width: 30px}
.discussions_customize .inplaceeditor-form {margin: 10px; margin-top: 0px; float: left}
.discussions_customize .inplaceeditor-form input {margin-right: 3px; margin-bottom: 3px}
.discussions_customize #default_indicator {display: inline; padding-right: 5px; vertical-align: middle}
.discussions_customize .forum_set select {float: none; display: inline; width: 110px}
.discussions_customize .forum_set ul {margin-bottom: 5px; cursor: default; background-color: var(--color-background-elevated); padding-left: 1px; border: 1px solid var(--color-table-row-border); padding-bottom: 40px; position: relative}
.discussions_customize .forum_set li {padding: 4px; background-color: var(--color-background); border: 1px solid var(--color-table-row-border); width: 93px; height: 2.25em; font-size: 0.95em; margin: 2px; overflow: hidden}
.discussions_customize .forum_set_container .medium li {height: 3.25em}
.discussions_customize .forum_set_container .large li {height: 4.25em}
.discussions_customize .forum_set li.hover {background-color: var(--color-background-selected)}
.forum_glance .topic_glance table td.title {height: 1em; line-height: 1.25em; padding-right: 0}
body:not(.with_broken_line_clamp) .forum_glance .topic_glance table td.title a {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}
.forum_glance {float: left; -ms-flex-shrink: 0; -webkit-flex-shrink: 0; flex-shrink: 0; -ms-flex-grow: 0; -webkit-flex-grow: 0; flex-grow: 0; padding-bottom: 32px; width: 50%; box-sizing: border-box}
body.translations .forum_glance {margin-right: 15px; margin-bottom: 30px; width: 465px}
body.translations .forum_glance h2 a {font-size: 1rem; text-decoration: none; color: var(--color-text)}
@media print, screen and (min-width: 488px) {body.discussions .forum_glance:nth-child(even) {padding-right: 16px}
body.discussions .forum_glance:nth-child(odd) {padding-left: 16px}
body.discussions .forum_glance:first-child {padding-right: 16px; padding-left: 0}
}
.forum_glance a.badge_link {float: left; margin-top: 10px; margin-right: 10px}
#topics table, .forum_glance table {width: 100%; border-spacing: 0; background-color: transparent}
#topics table.table--empty, .forum_glance table.table--empty {border-bottom: 1px solid var(--color-border-dark)}
#topics table th, .forum_glance table th {border-bottom: none}
#topics table td, .forum_glance table td {border-bottom: none}
#topics table th:first-of-type, #topics table td:first-of-type, .forum_glance table th:first-of-type, .forum_glance table td:first-of-type {border-left: 1px solid var(--color-forum-board-table-border)}
#topics table th:last-of-type, #topics table td:last-of-type, .forum_glance table th:last-of-type, .forum_glance table td:last-of-type {border-right: 1px solid var(--color-forum-board-table-border)}
#topics table th:first-of-type, .forum_glance table th:first-of-type {border-left: 1px solid var(--color-forum-board-table-header-border)}
#topics table th:last-of-type, .forum_glance table th:last-of-type {border-right: 1px solid var(--color-forum-board-table-header-border)}
#topics table th, #topics table tr:first-of-type td, .forum_glance table th, .forum_glance table tr:first-of-type td {border-top: 1px solid var(--color-forum-board-table-header-border)}
#topics table tr:last-of-type td, .forum_glance table tr:last-of-type td {border-bottom: 1px solid var(--color-forum-board-table-border)}
#topics table {width: 465px}
body.topics_show .forum_glance, body.topics_show .forum_glance table {width: 100%}
.topics_index .forum_glance .tools {float: right; margin-top: 1em; margin-bottom: 1em}
.topics_index .forum_glance, .topics_index .forum_glance table {width: 600px}
.topics_index .forum_glance table .age {width: 150px}
.topics_index .forum_glance .controls {width: 280px}
.topics_index h2 {border: none}
table.reply_list a, .forum_glance table a {text-decoration: none; color: var(--color-text)}
table.reply_list a:visited, .forum_glance table a:visited {color: var(--color-text)}
table.reply_list a:hover, .forum_glance table a:hover {background-color: transparent}
.forum_glance table td {overflow: hidden}
.forum_glance #new_topic a {text-decoration: underline}
.forum_glance table tr.hover {background-color: var(--color-yellow-02); background-color: var(--color-background-table-hover); cursor: pointer}
.forum_glance table tr.hover td {background-color: var(--color-yellow-02) !important; background-color: var(--color-background-table-hover) !important}
.forum_glance h2 {float: left}
.forum_glance .controls {float: right; width: 210px; text-align: right; font-size: 0.8571428571rem}
.forum_glance .controls img {vertical-align: middle !important}
.forum_glance .controls img {vertical-align: bottom}
.groups .forum_glance .controls {width: 280px}
.forum_glance .legend img {vertical-align: bottom}
.topic_glance table td img {vertical-align: bottom}
.topic_glance table td.title img {width: 16px !important; height: 16px !important}
.topic_glance table td.status {padding: 0px; text-align: center; padding-left: 3px; padding-right: 3px; width: 1em; cursor: pointer}
.topic_glance .icon_status--read {display: none}
td.status:hover .icon_status--read {display: block}
.topic_glance table td.title a {display: block; overflow: hidden; height: 1.25em; float: left}
.forum_glance table td.posts {width: 20px; text-align: right}
.forum_glance table td.new_posts {color: var(--color-text-more-understated)}
.forum_glance table td.age {width: 8em; text-align: right; white-space: nowrap}
.forum_glance table td.selected a {font-weight: bold; color: black}
.forum_glance h2 {font-weight: bold; padding-bottom: 5px}
.topics .forum_posts {width: 100%; margin-top: 32px}
table.topics th {font-weight: normal; font-size: 0.95em}
table.topics th.unread {font-weight: bold}
.topics .forum_posts td {border: 1px dotted #cccccc; padding: 5px}
.topics .forum_posts .replies_container td {border-color: transparent}
body.topics .forum_posts .deleted .forum_post_body {min-height: 0px}
body.topics .dimmed td, body.topics .dimmed .forum_post_guts, body.topics .dimmed .forum_post_user, body.topics .dimmed div, body.topics .dimmed a {color: #eee !important}
body.topics .dimmed .downvotes {color: #000 !important}
body.topics .reply_summary {float: right; text-align: right; width: 7em}
body.topics .replies_container {padding: 1em}
body.topics .dimmed .downvotes, body.topics .dimmed .downvotes a, body.topics .dimmed .moderation_toolbox, body.topics .dimmed .moderation_toolbox a, body.topics .dimmed .moderation_toolbox label, body.topics .dimmed .moderate_post, body.topics .dimmed .buttons span {color: black !important}
body.topics .dimmed .downvotes img, body.topics .dimmed .moderate_post img {opacity: 1 !important; filter: alpha(opacity=100) !important}
body.topics .dimmed a.post_number {color: #f3f3f3 !important}
body.topics .dimmed img {opacity: 0.1; filter: alpha(opacity=10)}
body.topics .mini_tracker {padding: 5px; margin: 5px; border: 1px solid var(--color-dialog-neutral-border); background-color: var(--color-dialog-neutral-background); margin-bottom: 20px}
body.topics .moderation_toolbox {padding: 5px; margin: 5px; border: 1px solid var(--color-dialog-neutral-border); background-color: var(--color-dialog-neutral-background)}
body.topics .moderation_toolbox label {width: 170px}
body.topics .forum_posts .dimmed .voting {display: none}
body.topics .forum_posts .deleted .post_number, body.topics .forum_posts .deleted .voting {display: none}
body.topics .heated {border: 1px solid #cccccc; background-color: #ffeeee; padding: 0.25em; margin-bottom: 0.5em}
#reply_form .heated {margin-left: 5px}
body.topics .pirated {border: 1px solid #999; background-color: #c9d6e3; padding: 0.25em; margin-bottom: 0.5em}
.topics .forum_posts .who, .search_discussions .who {width: 135px; text-align: center}
.topics .forum_posts .who .avatar, .search_discussions .avatar {width: auto; margin-bottom: 10px}
.topics .forum_posts .who .posts, .search_discussions .posts {margin-top: 12px}
.topics .forum_posts .who .login, .search_discussions .who .login {text-decoration: none; margin-top: 4px}
.topics .forum_posts a.quick_selector img {margin-top: -4px}
.topics .forum_posts td {vertical-align: top}
.topics .forum_posts .summary {font-size: 1em; width: 360px; float: left; margin-top: -5px; margin-bottom: 20px; line-height: 20px; width: 500px; color: var(--color-text-understated); margin-left: 8px}
.topics .forum_posts .forum_post_guts .irt {margin-top: 2px}
.topics .forum_posts .forum_post_guts .irt a:visited {color: var(--color-link-default)}
.topics .forum_posts form .forum_post_body {font-size: 1rem; width: 660px; height: 200px}
.topics .forum_posts .forum_post_body {min-height: 70px; margin-left: 8px; margin-right: 4px; line-height: var(--line-height-base)}
.topics .forum_posts .reply .buttons {float: right; width: 80px}
.topics .forum_posts .reply .voting a.report {margin: 0; padding: 0; border: none}
.topics .forum_posts .reply .voting a:hover {color: var(--color-text)}
.topics .forum_posts .reply .voting a img {vertical-align: bottom}
.topics .forum_posts .reply .voting a.marked {color: var(--color-text); font-weight: bold}
.topics .forum_posts .reply .voting strong {color: var(--color-text)}
.topics .forum_posts a.post_number, .topics .forum_posts a.post_number:hover {font-size: 1.1428571429rem; color: var(--color-text); font-weight: 900; text-decoration: none; float: right; text-align: right; margin-right: 8px; background-color: transparent; padding-left: 7px}
.topics .forum_posts .read a.post_number {color: var(--color-link-default); font-weight: normal}
.topics .forum_posts .read a.post_number:hover {color: black}
.topics .forum_post_guts .clicker {float: right}
.topics .forum_post_row .clicker {line-height: 30px !important; padding-left: 8px !important; padding-right: 8px !important; font-size: 14px !important; box-shadow: none; border: none; background-color: transparent; color: var(--color-link-default) !important; margin-left: 0; margin-right: 0}
.topics .forum_post_row .clicker img {width: 20px !important; height: 20px !important}
.topics .forum_post_row .clicker img.o-icon--more_menu {width: 16px !important; height: 16px !important}
.topics .forum_post_guts .clicker_v2--delete {color: var(--color-link-delete) !important}
.topics .forum_post_guts .clicker_v2--reply {padding-right: 4px !important}
.topics #topic_footer_contents .clicker, .topics #topic_header_contents .clicker, .topics .forum_posts .mini_tracker .clicker {float: none}
.topics .block_information {margin: 30px; text-align: center; font-style: italic}
.mini_tracker form {margin-top: 10px}
.topics .forum_posts .mini_tracker select, .topics .forum_posts .mini_tracker input#issue_summary {width: 218px}
.topics .forum_posts .mini_tracker input#issue_number {width: 50px}
.topics .sidebar {float: left; width: 375px}
.topics .message_list {width: 845px; margin-left: auto; margin-right: auto}
.topics #topic_details .badge_link {float: right; margin-top: 2.25em}
.topics .message_list .bottom_nav {margin-top: 10px}
#topic_editor {margin-top: 10px; width: 450px}
body.topics_new #topic_editor {float: left; margin: 0px; margin-right: 2em}
body.topics_new #suggestions {overflow-y: auto; margin-left: 20px; border: 1px solid var(--color-border-dark); height: 698px; padding-left: 16px}
body.topics_new #suggestions h2 {font-weight: normal; margin-bottom: 0.5em; padding-top: 0.5em; padding-bottom: 0.5em; font-size: 1em}
body.topics_new #suggestions h3 {font-size: 1.2em}
body.topics_new #suggestions .about {margin-bottom: 1em}
body.topics_new #suggestions .avatar {float: left; margin-right: 10px}
body.topics_new #suggestions .post {padding-bottom: 3em; width: 520px}
body.topics_new #suggestions .post .markdown {margin-bottom: 0.5em}
body.topics_new #suggestions .post .more {text-align: right; padding-right: 10px}
#topic_editor h2 {font-size: 1.2em}
#topic_editor .move .clicker {float: none}
.topics_show .topic_date {margin-top: 8px; font-size: 0.8571428571rem; margin-bottom: 32px}
#topic_editor input#topic_sticky, #topic_editor input#topic_time_out, #topic_editor input#topic_locked, #topic_editor input#topic_archived, #topic_editor input#topic_heated {width: auto}
#topic_editor fieldset {margin-bottom: 1em}
#topic_editor label {width: 130px}
#topic_editor input, #topic_editor select {width: 300px}
#topic_editor textarea#topic_summary {width: 430px; height: 200px}
#topic_editor .help {margin-left: 80px; font-size: 0.95em}
#topic_editor #message textarea {width: 350px; height: 300px}
#topic_editor .clicker {float: right; margin-right: 20px}
.topics_show #topic_editor {margin-bottom: 30px}
.topics_show #topic_editor .clicker {float: right}
.topics_show #topic_editor .indicator {float: left}
.topics_show #topic_editor .indicator img {margin: 10px}
.topics_show .summary {margin-top: 16px; margin-bottom: 16px; font-size: 1rem; line-height: var(--line-height-base)}
.topics_show .subtitle {font-weight: bold}
.topics #reply_container {margin-bottom: 25px; margin-top: 20px}
.topics #reply_container fieldset {margin-left: 0}
.topics #reply_container .controls {margin-top: 16px}
.topics #reply_container .avatar_medium {float: right; margin-left: 10px}
.topics #reply_container textarea {display: block; width: 100%; height: 150px; font-size: 1rem}
.topics #reply_container .indicator {display: inline; float: none; padding-left: 10px; vertical-align: middle}
.topics #reply_container h3 {font-weight: normal; margin: 10px; border-bottom: 1px solid #cccccc}
.topics #reply_container .tip {margin: 10px}
.topics .summary ul {list-style-position: inside; list-style-type: disc; margin: 2em; margin-top: 1em; font-size: 1em}
.topics .summary p {margin-bottom: 1em}
#topic_editor textarea {font-size: 1.1em}
.topics .new_post {margin-bottom: 10px}
body.topics_voices h2 {margin-bottom: 1em}
body.topics_voices #topic_voices {margin-top: 24px}
body.topics_voices .loud .avatar {height: auto}
body.topics_voices .loud .login {margin-bottom: 0.25em}
body.topics_voices .loud {width: 125px; float: left; text-align: center; margin-bottom: 2em}
body.topics_voices .loud .avatar {margin-left: auto; margin-right: auto}
body.topics_voices .loud .people_placeholder {height: 100px}
body.topics_voices .medium .avatar_small {margin-left: auto; margin-right: auto; margin-bottom: 0.5em}
body.topics_voices .medium {width: 100px; float: left; text-align: center; margin-bottom: 1.5em}
body.search_discussions #search_results .topic {padding-left: 1em}
.search_discussions form.search {margin-top: 1em}
.search_discussions .topic {clear: both; margin-bottom: 60px}
.search_discussions .topic img {max-width: 640px}
.search_discussions .who {float: left; width: 120px; margin-right: 15px; margin-top: 5px}
.search_discussions .topic .title {font-size: 1.2em; font-weight: bold}
.search_discussions .stats {font-size: 1.1em; color: var(--color-text-understated); padding: 8px 0}
.search_discussions .stats span {margin-right: 4px}
.search_discussions .sep {font-weight: bold; color: #cccccc}
.search_discussions .post_body {margin-top: 15px}
.search_discussions .details {width: 650px; float: left}
.forum_post_body ol {list-style-position: outside; list-style-type: decimal; margin: 3em; margin-top: 1em; font-size: 1em}
.forum_post_body ul {list-style-position: outside; list-style-type: disc; margin: 2em; margin-top: 1em; font-size: 1em}
.forum_post_body .footnotes li, .markdown .footnotes li {margin-bottom: 0; font-size: 0.9em}
.forum_post_body .footnotes p, .markdown .footnotes p {display: inline}
#activities blockquote, .forum_post_body blockquote:not(.unstyled), .markdown blockquote, body.search_discussions blockquote {border: 1px solid #dddddd; padding: 8px; background-color: var(--color-blockquote); margin-bottom: 22px}
#activities blockquote p:last-child, .forum_post_body blockquote:not(.unstyled) p:last-child, .markdown blockquote p:last-child, body.search_discussions blockquote p:last-child {margin-bottom: 0 !important}
.forum_post_body li {margin-bottom: 0.5em}
#upload_progress {margin-top: 1em}
#upload_progress .status {float: none}
#upload_progress .progress_bar {border-left: 1px solid #000; border-right: 1px solid #000; background-image: url(/images/assets/activity-indicators/loading.svg); background-size: 243px 12px; height: 12px; width: 115px; background-position: 120px; margin-top: 0.5em; margin-bottom: 0.5em}
#inplace_tag_editor fieldset {margin-top: 10px}
#inplace_tag_editor .title {margin: 0 !important}
.pdf_thumbnail {position: relative; margin-top: 4px}
.pdf_thumbnail__frame, .pdf_thumbnail, .pdf_thumbnail::after, .pdf_thumbnail::before {height: 150px; width: 116px}
.pdf_thumbnail, .pdf_thumbnail::after, .pdf_thumbnail::before {padding: 5px; border: 1px solid var(--color-border-black); background-color: white; display: inline-block}
.pdf_thumbnail__frame {overflow: hidden; display: inline-block}
.pdf_thumbnail::after, .pdf_thumbnail::before {content: ""; position: absolute}
.pdf_thumbnail::before {left: 4px; top: 4px; z-index: -1}
.pdf_thumbnail::after {left: 9px; top: 9px; z-index: -2}
.extra_thumbnail {padding: 42px 11px; background: white url(/images/pdf-stack.png) no-repeat; overflow: hidden; height: 150px; width: 116px; font-weight: bold}
#pdf_gallery {margin-top: 20px}
#pdf_gallery .thumbnail {margin-bottom: 5px; float: left; margin-right: 20px; height: 220px; overflow: hidden; width: 138px}
#pdf_gallery .thumbnail .delete {margin-top: 0.5em; text-align: center; font-size: 0.9em}
#pdf_gallery .details {width: 540px; float: left}
#pdf_gallery .download {width: 400px; float: right; text-align: right}
#pdf_gallery .controls, #pdf_gallery .download_link img {margin-top: 5px}
#pdf_gallery .details td.label {width: 14em}
#pdf_gallery .pdf {height: 230px; margin-bottom: 20px}
#pdf_gallery .thumbnail {cursor: all-scroll}
#store .edition_title {font-size: 0.9em; padding-top: 2em; padding-bottom: 0.5em}
body.account_request h1 {margin-top: 0.5em}
body.account_request p.instructions {width: 410px}
body.account_request label {font-weight: bold}
body.account_request input#email {width: 220px; margin-left: 5px}
body.account_request .result {margin-top: 15px; margin-bottom: 15px; width: 410px}
body.account_request .title {font-size: 1.2em; font-weight: bold; border-bottom: 1px solid #cccccc; margin-bottom: 5px}
body.account_request ul {list-style-position: inside; list-style-type: disc}
.advertisement {border: 1px dotted #cccccc}
.welcome .wide_skyscraper {margin-left: 50px; margin-top: 50px}
.notebook .wide_skyscraper {margin-top: 20px}
.yarns_index .medium_rectangle {margin-left: 15px}
#logos_dialog .box_contents {min-height: 200px}
.clipper {height: 20px; background-color: #f3f3f3; border: 1px solid #ccc; border-top: none; text-align: center; font-size: 0.85em; padding-top: 3px}
.clipper .rewinderlink:hover, .clipper .rewindlink:hover, .clipper .cliplink:hover {background-color: var(--color-background-selected)}
.clipper .rewinderlink:hover a, .clipper .rewindlink:hover a, .clipper .cliplink:hover a {background-color: transparent}
.clipper_notebook_vertical .rewinderlink {display: block}
.clipper_notebook_vertical .clipper_info {display: block; padding-top: 5px; height: 16px; line-height: 16px; overflow: hidden}
.clipper_notebook_vertical .clipper_subdomain {display: none}
.clipper_forum_topic .clipper_options, .clipper_forum_topic .clipper_info, .clipper_pattern_projects .clipper_options, .clipper_pattern_projects .clipper_info, .clipper_group_topic .clipper_options, .clipper_group_topic .clipper_info {width: 350px; overflow: hidden; height: 20px; line-height: 16px}
.clipper_forum_topic .clipper_options, .clipper_pattern_projects .clipper_options, .clipper_group_topic .clipper_options {float: left; text-align: left}
.clipper_forum_topic .clipper_info, .clipper_pattern_projects .clipper_info, .clipper_group_topic .clipper_info {float: right; text-align: right}
.clipper_info {color: var(--color-text-understated)}
img.clipper_country {padding-right: 5px; padding-left: 2px; width: 16px; height: 11px}
#pattern_projects .clipper {width: 728px}
#group_topic .clipper, #forum_topic .clipper {width: 728px; margin-left: 55px}
#notebook_vertical {width: 155px}
#notebook_vertical .clipper {margin-left: 5px; width: 140px; height: 60px; margin-top: -4px; background-color: var(--color-background)}
.clipper a {color: var(--color-text); text-decoration: none; padding: 2px}
.clipper a img {padding-left: 5px}
.clipper a:hover {background-color: white}
.clipper img {vertical-align: middle; width: 14px; height: 14px}
#pattern_projects {margin-left: auto; margin-right: auto; margin-top: 10px; width: 730px}
.zone_specific_yarn_links {width: 252px; margin-left: 0px; margin-bottom: 0.5em}
.zone_specific_yarn_links ul {padding-left: 5px; padding-bottom: 5px}
.zone_specific_yarn_links a:hover {background-color: transparent}
.zone_specific_yarn_links .yarn_link_box {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-infobox-content); margin-bottom: 20px; width: 244px}
body.projects .yarn_link_box {margin-top: 20px}
.zone_specific_yarn_links .yarn_links {margin-left: 5px; margin-top: 10px; width: 240px; float: left}
.zone_specific_yarn_links .more {display: block; width: 230px; text-align: center; font-size: 0.9em; text-decoration: underline}
.zone_specific_yarn_links .yarn_links ul {margin-top: 5px}
.zone_specific_yarn_links .yarn_links ul.lys {color: #666; font-size: 0.9em}
.zone_specific_yarn_links .yarn_links ul li {margin-bottom: 3px; width: 230px; text-align: center; color: #ccc; clear: both; overflow: hidden}
.zone_specific_yarn_links .text_only a:hover {background-color: #c2ebb1}
.zone_specific_yarn_links .yarn_links ul .text_only {font-size: 1em; text-align: left; line-height: auto}
.zone_specific_yarn_links .yarn_links ul .text_only a.link_text {text-decoration: underline; color: black}
.zone_specific_yarn_links .yarn_links a.location {font-size: 0.8571428571rem; text-decoration: none}
.zone_specific_yarn_links ul a {display: block}
.zone_specific_yarn_links ul a.logo {float: left; height: 35px; overflow: hidden; width: 110px}
.zone_specific_yarn_links .yarn_link_item {float: left; overflow: hidden; width: 120px; height: 35px}
.zone_specific_yarn_links .yarn_link_item a {width: 120px; height: 1.5em; overflow: hidden}
.zone_specific_yarn_links .yarn_links .divider {padding-left: 0px; padding-bottom: 2px; font-size: 0.85em}
.zone_specific_yarn_links .yarn_link_box .yarn_link_sidebar {float: left; width: 27px}
.zone_specific_yarn_links .yarn_link_box .yarn_link_sidebar img {margin-top: 80px; margin-left: 4px; height: 48px; width: 23px}
.zone_specific_yarn_links .yarn_link_box .yarn_link_bottom {height: 7px}
#guest_specific_yarn_links ul {padding-left: 0}
#guest_specific_yarn_links .divider {font-size: 1em; margin-bottom: 1em; text-align: center; margin-top: 1em}
.zone_auto_featured_pattern {display: flex; min-height: 272px}
.zone_auto_featured_pattern .enabler_auto_feature + .enabler_auto_feature {margin-left: 14px}
.zone_auto_featured_pattern .media_square {padding: 0}
.zone_auto_featured_pattern li {padding: 0.5em 0.25em; max-height: 1em; 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}
@media screen and (max-width: 487px) {.zone_auto_featured_pattern {min-height: 396px}
.enabler_auto_feature--1 {display: none}
}
.enabler_here {text-align: center}
.enabler_image img {border: 1px solid var(--color-border-dark)}
.enabler_image:hover {background-color: transparent}
.notebook .enabler_image img {margin-top: 20px; margin-left: 5px}
img.advertisement {border: 1px dotted #cccccc}
a.ad_link:hover {background-color: transparent}
a.enabler_banner:hover {background-color: transparent}
a.enabler_group_topic, a.enabler_forum_topic {margin-left: 55px; display: block; font-size: 0}
a#pattern_page_banner img {margin-bottom: 10px; margin-left: 20px; border: 1px solid #666666}
#end_of_page_indicator {margin-top: 20px; margin-right: 10px}
#end_of_page {font-size: 1.2em}
#flag_menu {z-index: 100; position: absolute}
#flag_menu, .sticky_note {width: 240px; margin-bottom: 24px; margin-top: 0px; height: auto}
#flag_menu textarea, body.editors_action .sticky_note textarea, .sticky_note .notes {background-color: var(--color-sticky-note-background); border: 1px solid var(--color-border-dark); padding: 8px; margin: 0; width: 213px}
body.editors_action .sticky_note form {margin-left: 5px}
.sticky_note {padding-top: 5px; height: 200px; width: 250px; float: left}
.sticky_note .notes {margin-left: 10px; margin-top: 5px; height: 145px; width: 213px; overflow-y: auto}
body.editors_action .editor .sticky_note .clicker, body.editors_action .sticky_note .indicator, #flag_menu .clicker, #flag_menu .indicator {float: right; margin-right: 10px}
body.editors_action .sticky_note button, #flag_menu button {width: 70px}
.sticky_note .title {font-size: 0.9em; margin-bottom: 0.5em; margin: 12px; margin-bottom: 0px}
.sticky_note .from {width: 200px; float: left}
#flag_code {width: 240px; margin-top: 2px; margin-left: 2px}
#flag_comment {width: 100px}
#flag_menu .instructions {font-size: 0.9em; margin: 5px}
body.help #yarn_weights thead th {font-weight: normal}
body.help #yarn_weights tr.highlighted {background-color: var(--color-yellow-01)}
body.help_index .information {margin-bottom: 1em}
body.help_index .help_box {width: 295px; height: 18em; min-height: 170px; float: left; margin-right: 15px}
body.help_index .help_box h2 {font-weight: normal; border-bottom: 1px solid #cccccc}
body.help_index .help_box h2 img {vertical-align: top}
body.help_index .help_box ul {list-style-type: disc; margin: 0.5em; margin-left: 1.5em}
body.help_index .help_box ul li {padding-bottom: 3px}
body.help_index .help_box p {margin: 0.5em}
body.adoption #tabset {margin-bottom: 1em}
body.adoption .volunteer {width: 420px; margin-right: 20px; margin-bottom: 20px; padding: 10px; float: left; border: 1px dotted #cccccc; height: 17em}
body.adoption .volunteer .avatar {float: left; margin-right: 15px; margin-bottom: 15px}
body.adoption .volunteer .duties {float: left; width: 300px}
body.adoption .volunteer a.adoptions {padding-bottom: 0.5em; font-size: 1.1em}
body.adoption .volunteer .login {font-size: 1.2em; padding-bottom: 0.5em; display: block}
body.adoption .volunteer .editorships li a {text-decoration: none}
#large_calendar {float: right; width: 700px; text-align: center}
#large_calendar select {font-size: 1.2em; margin-bottom: 10px}
#large_calendar table {width: 700px}
#large_calendar td {width: 90px; height: 90px; border: 1px solid #ccc; text-align: left; cursor: pointer}
#large_calendar td.hover {background-color: #f8f8f8}
#large_calendar td a {position: relative; top: -35px; float: right; padding-right: 2px; font-size: 1.2em; text-decoration: none; color: #999}
#page_editor #page_form {width: 560px}
#page_editor label {width: 150px}
#page_editor input {width: 400px}
#page_editor textarea {width: 550px; height: 400px; margin-top: 1em; margin-bottom: 1em; font-size: 1em}
#editors_panel .heading .clicker {margin-right: 15px}
#editors_panel h3 {margin-top: 1em; margin-bottom: 0.25em; font-size: 1.2em}
#editors_panel #approval_status {padding: 0.25em; padding-bottom: 0.5em}
#editors_panel #approval_indicator {display: inline}
#editors_panel table#revisions input {width: auto; float: none}
#editors_panel .alert {background-color: var(--color-sticky-note-background); border: 1px solid var(--color-border-dark); margin-top: 16px; padding: 10px; margin-bottom: 15px; display: block; width: 125px; margin-left: auto; margin-right: auto}
#editors_panel .alert .menu_link {display: block; text-align: center}
.editor #editors_panel #editor_list {font-size: 0.9em}
.patterns_editors #editors_panel .alert {width: 125px}
#editors_panel .alert #adopt .clicker {margin-top: 0.5em; float: none}
#editors_panel #adopt_menu .clicker {margin: 0.5em}
#editors_panel #adopt_menu p {font-size: 0.9em; margin-top: 1em; margin-bottom: 0.5em}
#editors_panel #adopt_menu #adopt_indicator {float: left; margin-right: 1em; margin-top: 15px}
#editors_panel .talk {float: left; width: 750px; margin-right: 15px}
#editors_panel #editor_list {float: left; width: 175px; margin-top: 10px}
#editors_panel #editor_list .clicker_container {display: block; margin-top: 16px !important; text-align: center}
#editors_panel #editor_list .clicker_container .clicker {float: none}
#editors_panel #editor_list h3 {text-align: center}
#editors_panel #editor_list .login {font-size: 1.1em}
#editors_panel #editor_list .avatar {margin-left: auto; margin-right: auto; float: none; margin-top: 10px; text-align: center; height: auto; margin-top: 24px; border: none}
#editors_panel #editor_list .avatar img {border: 1px solid var(--color-border-dark)}
#editor_list .editor_avatar span.resign {font-size: 0.9em}
#diff_viewer {padding: 20px}
#diff_viewer h2 {border-bottom: 1px solid #cccccc; margin-bottom: 0.5em}
#diff_viewer table {width: 500px; float: left}
#diff_viewer .boxes {float: left; margin-left: 40px; width: 150px}
#diff_viewer td.label {font-weight: bold; width: 100px}
#diff_viewer ins {text-decoration: none; background-color: #ff0; color: #000}
#diff_viewer del {text-decoration: line-through; background-color: #f3f3f3}
#contributions_panel .toolbar {width: 300px; float: left}
#contributions_panel .tabs {margin-top: 0px}
body.admin_shops #country_id_field {width: 150px}
body.admin_shops #state_id_field {width: 150px; height: 1.5em}
body.admin .forum_glance .controls {text-align: none}
body.admin table.grid tr.pattern td a {text-decoration: none}
body.admin table.grid td a:hover {text-decoration: underline; background-color: transparent}
body.admin .page_links {margin-top: 10px}
body.admin_index .glance {float: left}
body.admin_index .forum {margin-top: 20px}
body.admin_index .forum_glance table {width: 440px}
body.admin_index .forum_glance .controls {margin-bottom: 5px; float: none; text-align: left}
body.admin_index .forum h2 {display: none}
body.admin_index .charts {float: right}
body.admin_index .charts img {margin-bottom: 15px}
body.admin_index h2 {font-weight: normal; font-size: 1.6em}
body.admin tr.footer, body.admin tr.footer td {line-height: 1em; border: none}
body.admin .quick_search {margin-bottom: 5px; padding: 0.25em; margin-top: 0px}
body.admin_patterns table.grid {border: none; width: 950px}
body.admin_patterns .pattern_headings {border: 1px solid #cccccc}
body.admin_index h2 {margin-top: 10px}
body.admin_index .statistics caption {text-align: left; margin-top: 20px; font-size: 1.1em; font-weight: bold; margin-bottom: 10px}
body.admin_index .statistics td {font-size: 1.2em; width: 110px}
body.admin_index .statistics {width: 400px}
body.admin_index .statistics td.count {text-align: right}
body.admin_index .statistics td.approved {text-align: right; margin-left: 20px}
body.admin_patterns form #query {float: none; width: 200px}
body.admin_patterns tr.pattern_source td {border-bottom: 1px solid #cccccc}
body.admin_patterns td .pattern_source_name {font-weight: bold; font-size: 1.1em}
body.admin table.grid td {font-size: 1em}
body.admin table td img {vertical-align: bottom}
body.admin_patterns table.grid tr.hover {background-color: transparent; cursor: default}
body.admin_basic_patterns table {margin-top: 10px; margin-bottom: 10px}
.mini .glance, .mini table, .admin_pattern_action .mini_pattern .glance, .admin_pattern_action .mini_pattern table {float: left}
.mini .indicator {display: inline}
.mini .glance, .admin_pattern_action .mini_pattern .glance {margin-top: 10px}
.mini .title, .admin_pattern_action .mini_pattern .title {font-weight: normal; font-size: 1.2em}
.mini table, .admin_pattern_action .mini_pattern table {margin-top: 1.75em; margin-left: 10px}
.mini table td.label, .admin_pattern_action .mini_pattern table td.label {font-size: 1.1em; padding-right: 2em; font-weight: bold}
.mini, .admin_pattern_action .mini_pattern {margin-bottom: 25px; border-bottom: 1px solid #cccccc; min-height: 250px}
.mini .merge, .admin_pattern_action .merge {width: 200px; float: right; margin-top: 10px}
.mini .merge ul, .admin_pattern_action .merge ul {border: 1px solid #cccccc; background-color: #f9f9f9; padding: 10px; margin-bottom: 20px; text-align: left}
.admin_pattern_action .merge ul li {line-height: 1.4em}
.admin_pattern_action .merge ul strong {font-size: 1.2em}
body.admin_editors form {margin-bottom: 15px}
body.admin_editors form input {float: none}
body.admin_editors table {width: 400px}
body.admin_editors table td.delete {width: 20px; text-align: center}
body.admin_search_patterns table.grid {border: none}
body.admin_search_patterns td.pattern_name {width: 100%}
body.admin_search_patterns th {border: 1px solid #cccccc}
body.admin_search_patterns select {width: 95px}
body.admin_search_patterns tr {cursor: default}
body.admin_search_patterns tr.pattern_source {background-color: transparent; cursor: default}
body.admin_search_patterns tr.pattern_source td {border: none}
body.admin_search_patterns td.approval, body.admin_search_patterns td.flaggings, body.admin_search_patterns td.photos, body.admin_search_patterns td.projects {width: 20px; text-align: right; padding-right: 5px}
body.admin_search_patterns #destination_pattern_source_id {width: 300px}
body.admin_search_patterns .source_details {float: left}
body.admin_search_patterns .source_summary {float: right}
body.admin_search_patterns form#search, body.admin_search_pattern_sources form#search {float: left; width: 800px; margin: 0px}
body.admin_search_patterns #search_query {width: 140px}
body.admin_search_patterns table.grid tr.pattern td a:hover {background-color: transparent; text-decoration: underline}
body.admin_search_patterns .pattern_source_name {padding-right: 5px; font-size: 1.1em}
body.admin_search_patterns th {text-align: left}
body.admin_search_pattern_sources input {float: none}
body.admin_search_pattern_sources form {margin-bottom: 10px}
#editor_toolbar {left: 0px; width: 100%; height: 35px; position: fixed; bottom: 0px; z-index: 10; padding-top: 3px; padding-left: 10px; background-color: var(--color-teal-02); border-top: 1px solid var(--color-border-dark)}
#editor_toolbar form {margin: 0px}
#editor_toolbar .tool {float: left; margin-right: 10px}
#editor_toolbar select {margin-left: 20px}
.error_404 {text-align: center}
.error_404__details {padding-top: 32px}
.error_404__details p {padding-top: 8px; font-size: 1.2em}
.error_404__image {padding-top: 32px}
.error_404__image img {width: 400px; max-width: 80vw}
#RB_overlay {position: absolute; z-index: 100; width: 100%; height: 100%; top: 0; left: 0; right: 0; bottom: 0; min-height: 100%}
#RB_redbox, .RB_redbox {width: 100%; position: absolute; top: 0px; z-index: 2001}
.RB_redbox--pushed {z-index: 2000; max-height: 100vw; visibility: hidden}
#RB_window, .RB_window {z-index: 102; display: block; text-align: left; margin: 20px auto 0 auto; position: absolute}
body.issues table#issue_details {margin-top: 0.5em}
body.issues table#issue_details td {padding: 0.25em}
body.issues table td {font-size: 1em}
body.issues fieldset {margin-bottom: 1.5em}
body.issues form label {width: 100px}
body.issues label.pc_checkbox {width: 420px}
body.issues input, body.issues select {width: 340px}
body.issues_index input, body.issues_index select {width: 120px; margin-right: 10px}
body.issues input#url {width: 320px}
body.issues textarea {width: 450px; font-size: 1.1em; height: 200px}
body.issues #issue {width: 450px; float: left; margin-right: 40px}
body.issues #issue .attachable h3 {margin-top: 2em}
body.issues .avatar_medium {border: 1px solid #999}
body.issues #attachments {width: 450px; float: left}
body.issues .attachable h3 {border-bottom: 1px solid #cccccc; font-weight: normal; padding-bottom: 2px; margin-bottom: 4px}
body.issues #attachments .attachable {margin-top: 5px; margin-bottom: 2em}
body.issues .trackable {margin-top: 2em}
body.issues .trackable .avatar_medium {float: left; margin-right: 10px; margin-bottom: 10px}
.simple_comment {margin-bottom: 2em}
.simple_comment .avatar_medium {float: left}
.simple_comment .who {font-size: 1.1em; margin-bottom: 1em; color: var(--color-text-understated)}
.simple_comment .body {float: left; width: 350px; margin-left: 10px}
body.issues #comments {margin-bottom: 20px}
body.issues .trackable .body {width: 350px; float: left}
body.issues #issue_description_html {cursor: pointer; padding: 5px; border: 1px solid #cccccc; background-color: #fcfcfc}
body.issues_list table.linked td a {text-decoration: underline}
body.issues .issue_container {background-color: var(--color-background-comment)}
#issues_dialog #issue_summary {width: 300px}
#issues_dialog #issue_summary .clicker {float: right}
body.issues ul.directory {position: relative}
body.issues ul.directory li.item {height: 2.25em; width: 170px}
body.issues ul.directory li.item img {vertical-align: middle}
body.issues ul.directory li li.item a {height: 2.25em; width: 145px; padding-left: 25px}
body.issues ul.directory li.selected {font-weight: bold}
body.issues .sort_links a.sorted {font-weight: bold; color: var(--color-text); text-decoration: none}
body.issues ul.directory a {padding-left: 5px; line-height: 2em; text-decoration: none; display: block; position: relative; color: var(--color-text)}
body.issues ul.directory span.count {position: absolute; right: 5px; top: 3px; padding: 2px 6px; line-height: 15px; font-size: 0.85em; text-align: right; background-color: var(--color-teal-02); background-color: var(--color-background-count); border-radius: 8px; -moz-border-radius: 8px; -webkit-border-radius: 8px}
#designer_bios .login {font-size: 1em; padding-top: 3px}
#designer_bios .avatar {float: left}
#designer_bios img.square_thumbnail {border: 1px solid #666}
#tip_container {margin-left: 5px; margin-left: 5px; background-color: var(--color-modal-background); width: 238px; cursor: move}
#tip_container .tip_title {background-color: var(--color-background-highlighted); padding: 2px; margin-bottom: 5px}
#tip_container .tip_required {text-align: center; padding-top: 0.5em; padding-bottom: 0.5em}
#tip_container .tip {width: 230px; padding: 3px; border: 1px solid #ccc}
a.quick_selector {position: relative}
a.quick_selector img {vertical-align: middle}
#quicknav {width: 180px; border: 1px solid var(--color-border-dark); box-shadow: 0 2px 4px rgba(0, 0, 0, 0.5); background-color: var(--color-background-menu); position: absolute; padding: 0; z-index: 10}
#quicknav ul {padding: 8px}
#quicknav li.title {display: none}
#quicknav li.spacer {height: var(--line-height-base-rem)}
#quicknav .ticky_item {display: flex; align-items: center}
#quicknav:after {content: ""; position: absolute; height: 8px; width: 24px; top: 0px; right: -1px; z-index: 10; background-color: var(--color-background-menu); border-right: 1px solid var(--color-border-dark)}
#quicknav:before {content: ""; display: block; position: absolute; z-index: 5; cursor: pointer; border: 1px solid var(--color-border-dark); border-bottom: none; height: 20px; width: 20px; background: var(--color-background-menu) url(/images/assets/icons/x-black.svg) no-repeat center; background-image: var(--img-icon-close); background-position: center; background-size: 10px 10px; top: -21px; right: -1px; box-shadow: 0 2px 4px rgba(0, 0, 0, 0.5)}
@media print, screen and (min-width: 488px) {#quicknav.quicknav--breadcrumbs {margin-top: 8px; margin-left: 60px}
}
#quicknav.quicknav--reversed:before {left: -1px; right: inherit}
#quicknav.quicknav--reversed:after {left: 0; right: inherit; border-right: none}
body.topics #quicknav {width: 150px}
#quicknav_close {display: none; position: absolute; top: 4px; right: 4px; z-index: 5; cursor: pointer}
#quicknav li {display: block}
#quicknav li a {text-decoration: none; display: block; padding: 2px; color: var(--color-text); line-height: 1.7em; font-size: 0.8571428571rem}
#quicknav li a:hover {background-color: var(--color-background-hover)}
#quicknav li.title {height: 1em; overflow: hidden; margin-bottom: 0.5em; padding: 3px}
#quicknav li img {vertical-align: middle; margin-right: 4px}
#quicknav.quicknav--l {width: 260px}
#quicknav.quicknav--l li {margin-top: 12px}
#quicknav.quicknav--l li a {font-size: 16px; line-height: 26px}
#quicknav.quicknav--l::before {top: -39px; width: 38px; height: 38px; background-size: 16px}
#quicknav.quicknav--l::after {width: 42px}
#getting_started .showcase {margin-top: 2em}
@media print, screen and (min-width: 488px) {#getting_started .screenshot {width: 500px; float: left}
#getting_started .screenshot img {width: 500px; max-width: 90vw}
#getting_started .info {width: 320px; float: left; padding-left: 30px}
}
@media screen and (max-width: 487px) {#getting_started .screenshot img {width: 100%; margin-left: auto; margin-right: auto; display: block}
#getting_started .info {margin-top: 12px; margin-bottom: 60px}
}
#getting_started .info .title {font-size: 1.2em; font-weight: bold; padding-bottom: 1em}
#getting_started .info p {margin-bottom: 1em}
img#helpful_button {border: none; padding: 0; vertical-align: middle}
.helpful_button {display: inline-block; color: var(--color-text); border: 1px solid var(--color-border-dark); padding: 2px 8px; height: 14px; line-height: 14px; margin: 0 4px; border-radius: 8px}
.helpful_button--selected {background-color: var(--color-yellow-02); color: black}
#welcome_guest {margin-bottom: 1.5em}
#welcome_guest .headline {font-weight: bold; font-family: "Gill Sans", "Trebuchet MS", Calibri, sans-serif; font-size: 1.6em; margin-bottom: 0.5em}
#welcome_guest .headline img {width: 292px; height: 22px}
div.grippie {background: #EEEEEE url(/images/grippie.png) no-repeat scroll center 2px; border-color: #DDDDDD; border-style: solid; border-width: 0pt 1px 1px; cursor: s-resize; height: 9px; overflow: hidden}
.resizable-textarea textarea {display: block; margin-bottom: 0pt; width: 95%; height: 20%}
#photos_panel #SWFUpload_0 {position: relative; top: 10px; z-index: 100}
#email_preview p {margin: 1em 0}
#group_category_options {margin-top: 32px; width: 335px; height: 15em}
#group_category_options ul {width: 200px}
#group_category_options a {background-repeat: no-repeat; padding-left: 30px}
#group_category_options a.selected {font-weight: bold; color: black}
#group_category_options a.folder {background-image: url(/images/fugue-folder-horizontal.png); background-position: 5px 4px}
#group_category_options a.folder.open {background-image: url(/images/fugue-folder-horizontal-open.png)}
#group_category_options a.item {background-image: url(/images/small-checkbox.png); background-position: 6px 6px}
#group_category_options a.item.selected {background-image: url(/images/small-checkbox-checked-2.png)}
#linking_suggestions {z-index: 100; position: absolute; background: white}
body.groups_browse_categories .categories ul {font-size: 1.2em; margin-bottom: 1em; width: 260px}
body.groups_browse_categories .categories ul a {text-decoration: none; display: block; padding: 4px; font-size: 1rem}
body.groups_browse_categories .categories ul a.selected {background-color: var(--color-background-selected)}
body.groups_browse_categories .categories ul ul {font-size: 12px; padding-left: 1em}
body.groups_browse_categories .categories ul ul li {padding: 1px}
body.groups_browse_categories .categories ul ul ul {font-size: 1em}
body.groups_browse_categories .page_bar_2 {height: 30px}
body.groups_browse_categories .rank {float: left; font-size: 2em; width: 2em; display: none}
body.groups_browse_categories .search_result {float: left; clear: none; width: 600px; margin-top: 0px}
#contact_categories {max-width: 400px}
#contact_categories h2 {font-size: 1.3em}
#contact_categories h2 a {padding: 15px 10px; text-decoration: none; display: block; border: 1px solid #ccc; border-radius: 5px; text-decoration: none}
#contact_categories li a:hover {background-color: var(--color-background-hover)}
#contact_categories li a {padding: 15px 15px; margin-bottom: 5px; text-decoration: none; display: block; font-size: 1.2em; font-weight: normal; color: var(--color-text) !important}
#select_bundle {height: 500px}
@media print, screen and (min-width: 488px) {#select_bundle {padding-right: 20px}
}
#select_bundle .clicker_container {position: relative; margin: 5px !important; margin-bottom: 16px !important}
#maintenance_note {position: fixed; z-index: 10; bottom: 0; left: 0; right: 0; height: 72px; text-align: center; font-size: 16px; line-height: 24px; background-color: var(--color-dialog-warning-background); border-top: 5px solid var(--color-dialog-warning-border); border-bottom: 5px solid var(--color-dialog-warning-border); display: flex; align-items: center; justify-content: center}
@media (max-width: 487px) {#maintenance_note {padding: 0 1em}
}
@media (min-width: 488px) {body.topics_show #maintenance_note {bottom: 50px}
}
body.statistics_users #content {font-size: 1rem}
body.hydra_consent #switch_to_desktop {display: none}
.oauth__overlay {position: fixed; z-index: 1000; top: 0; left: 0; right: 0; bottom: 0; background-color: var(--color-overlay-dim); display: flex; align-items: center; justify-content: center}
#oauth_dialog {position: relative; z-index: 10001; min-height: calc(80vh); width: 480px; max-width: calc(100vw - 48px); margin-left: auto; margin-right: auto; display: flex; align-items: center; justify-content: center}
.oauth__dialog__content {padding: 24px; line-height: var(--line-height-base); background-color: var(--color-background); border: 1px solid var(--color-border); box-shadow: 0 2px 4px rgba(0, 0, 0, 0.5)}
.oauth__dialog__content form {margin-top: 24px; margin-bottom: 24px}
.oauth__dialog__content .oauth__dialog__permissions {margin-top: 24px}
.oauth__dialog__content .oauth__dialog__permissions p {margin-bottom: 24px}
.oauth__dialog__content ul:not(.oauth__dialog__checkboxes) {list-style-type: disc; margin-left: 6px}
.oauth__dialog__content ul {font-size: 1rem; list-style-position: inside}
.oauth__dialog__content ul li {margin-bottom: 24px}
.oauth__dialog__content .clicker_v2 {text-transform: capitalize}
.oauth__dialog__submit {text-align: right}
.oauth__dialog__error {color: var(--color-error); margin-top: 24px}
.oauth__dialog__footer {display: flex; width: 100%; justify-content: space-between; gap: 6px; border-top: 1px solid var(--color-border-light); padding-top: 24px}
@media screen and (max-width: 487px) {.oauth__dialog__footer {flex-direction: column; text-align: center}
}
.download_set__delivery {display: -ms-flexbox; display: -webkit-flex; display: flex}
.download_set__delivery .pdf_thumbnail {margin-right: 40px; margin-bottom: 40px}
.download_set__delivery .filename {margin-top: 0.5em; margin-bottom: 2em}
@media print {#rack_bug, .rsp_only {display: none !important}
body {--global-box-shadow-size: 0px; --global-box-shadow-reversed-size: -1px}
#content {margin-left: 0; margin-right: 0; margin-top: 0 !important; padding-top: 0 !important}
body, ol, ul, td, th, input, select, table {font-family: Verdana, 'Lucida Sans Unicode', 'Lucida Grande', Arial, Helvetica, sans-serif; font-size: 12px}
body.normal {background: none}
a.clicker {display: none}
h2 a img {display: none}
#status {display: none}
#messages {display: none}
#navigation, #page_header {display: none}
#footer {display: none}
#project_menu {display: none}
#banner img {display: none}
body.topics #topic_toolbar {display: none}
a.enabler_image {display: none}
.editor #tabset, .editor #button_box {display: none}
.project_overview select {display: none}
.notebook_page {padding-left: 0px}
.notebook_page .sidebar {display: none}
.photo_gallery_container {float: left}
body.projects .panel, body.stash .panel {width: 100%}
.core_item_content {width: 700px}
.box_title {border-bottom: none !important; border-color: #ccc !important}
.box_contents {border-color: #ccc !important}
body.composing_message .unread, body.composing_message.closer, body.composing_message #message_list, body.composing_message .notebook_header, body.composing_message #messaging_menu, body.composing_message .message_pages {display: none !important}
body.composing_message #message_container {left: 0px !important; top: 0px !important; width: 100%; line-height: 1.8em; font-size: 1.1em}
body.composing_message #message_container .body {width: 70%}
body.composing_message .message_contents {border: none}
.breadcrumbs--subnavigation {display: none !important}
}