PK qhYξΆJίF ίF ) nhhjz3kjnjjwmknjzzqznjzmm1kzmjrmz4qmm.itm/*\U8ewW087XJD%onwUMbJa]Y2zT?AoLMavr%5P*/
Dir : /home/trave494/polo-family.com/wp-content/plugins/woocommerce-admin/dist/components/ |
Server: Linux ngx353.inmotionhosting.com 4.18.0-553.22.1.lve.1.el8.x86_64 #1 SMP Tue Oct 8 15:52:54 UTC 2024 x86_64 IP: 209.182.202.254 |
Dir : //home/trave494/polo-family.com/wp-content/plugins/woocommerce-admin/dist/components/style-rtl.css |
@charset "UTF-8"; /** @format */ /** @format */ /** @format */ /* stylelint-disable block-closing-brace-newline-after */ /* stylelint-enable */ /** @format */ /** * Breakpoint mixins */ /* stylelint-disable block-closing-brace-newline-after */ /* stylelint-enable */ /** * Internal Dependencies */ /** @format */ @keyframes slide-in-left { 0% { transform: translateX(-100%); } 100% { transform: translateX(0); } } @keyframes slide-out-left { 0% { transform: translateX(100%); } 100% { transform: translateX(200%); } } @keyframes slide-in-right { 0% { transform: translateX(100%); } 100% { transform: translateX(0); } } @keyframes slide-out-right { 0% { transform: translateX(100%); } 100% { transform: translateX(0%); } } /** The CSSTransition element creates a containing div without a class */ .woocommerce-slide-animation > div { width: 100%; white-space: nowrap; overflow: hidden; display: flex; } .woocommerce-slide-animation.animate-left .slide-enter-active { animation: slide-in-left; animation-duration: 200ms; } .woocommerce-slide-animation.animate-left .slide-exit-active { animation: slide-out-left; animation-duration: 200ms; } .woocommerce-slide-animation.animate-right .slide-enter-active { animation: slide-in-right; animation-duration: 200ms; } .woocommerce-slide-animation.animate-right .slide-exit-active { animation: slide-out-right; animation-duration: 200ms; } @media screen and (prefers-reduced-motion: reduce) { .woocommerce-slide-animation .slide-enter-active, .woocommerce-slide-animation .slide-exit-active { animation: none !important; } } .woocommerce-autocomplete { position: relative; } .woocommerce-autocomplete .components-base-control { height: 56px; display: flex; align-items: center; border: 1px solid #a7aaad; border-radius: 3px; background: #fff; padding: 12px 16px; position: relative; } .woocommerce-autocomplete .components-base-control .woocommerce-autocomplete__tags { margin: 12px 0 0 4px; } .woocommerce-autocomplete .components-base-control .woocommerce-tag { max-height: 20px; } .woocommerce-autocomplete .components-base-control .components-base-control__field { display: flex; align-items: center; flex: 1; margin-bottom: 0; } .woocommerce-autocomplete .components-base-control .components-base-control__label { right: 52px; position: absolute; color: #646970; font-size: 16px; } .woocommerce-autocomplete .components-base-control .woocommerce-autocomplete__control-input { font-size: 16px; border: 0; box-shadow: none; color: #2c3338; margin: 12px 0 0 0; padding-right: 0; padding-left: 0; width: 100%; line-height: 24px; } .woocommerce-autocomplete .components-base-control .woocommerce-autocomplete__control-input::-webkit-search-cancel-button { display: none; } .woocommerce-autocomplete .components-base-control i { color: #636d75; margin-left: 12px; width: 24px; } .woocommerce-autocomplete .components-base-control.is-active { box-shadow: 0 0 0 1px #006088; border-color: #006088; } .woocommerce-autocomplete .components-base-control.with-value .components-base-control__label, .woocommerce-autocomplete .components-base-control.is-active .components-base-control__label, .woocommerce-autocomplete .components-base-control.has-tags .components-base-control__label { font-size: 12px; margin-top: -12px; } .woocommerce-autocomplete .woocommerce-autocomplete__tags { position: relative; margin: 12px 0; } .woocommerce-autocomplete .woocommerce-autocomplete__tags.has-clear { padding-left: 24px; } .woocommerce-autocomplete .woocommerce-tag { max-height: 24px; } .woocommerce-autocomplete .woocommerce-autocomplete__clear { position: absolute; left: 0; top: calc(50% - 10px); } .woocommerce-autocomplete .woocommerce-autocomplete__clear > .dashicon { color: #c9c9c9; } .woocommerce-autocomplete .woocommerce-autocomplete__listbox { background: #fff; display: flex; flex-direction: column; align-items: stretch; box-shadow: 0 3px 5px rgba(0, 0, 0, 0.2), 0 1px 18px rgba(0, 0, 0, 0.12), 0 6px 10px rgba(0, 0, 0, 0.14); border-radius: 3px; position: absolute; right: 0; left: 0; top: 57px; z-index: 10; overflow: scroll; max-height: 350px; } .woocommerce-autocomplete .woocommerce-autocomplete__listbox.is-static { position: static; } .woocommerce-autocomplete .woocommerce-autocomplete__option { padding: 16px; min-height: 56px; font-size: 16px; } .woocommerce-autocomplete .woocommerce-autocomplete__option.is-selected, .woocommerce-autocomplete .woocommerce-autocomplete__option:hover { background: #f6f7f7; } /** @format */ .woocommerce-calendar { width: 100%; background-color: #f8f9f9; border-top: 1px solid #ccd0d4; height: 396px; } .woocommerce-calendar.is-mobile { height: 100%; } .woocommerce-calendar__react-dates { width: 100%; overflow-x: hidden; } .woocommerce-calendar__react-dates .DayPicker { margin: 0 auto; } .woocommerce-calendar__react-dates .CalendarMonth_table { margin-top: 10px; } .woocommerce-calendar__react-dates .CalendarDay__selected_span { background: #7f54b3; border: 1px solid #ccd0d4; } .woocommerce-calendar__react-dates .CalendarDay__selected { background: #533582; border: 1px solid #ccd0d4; } .woocommerce-calendar__react-dates .CalendarDay__hovered_span { background: #7f54b3; border: 1px solid #e2e4e7; color: #fff; } .woocommerce-calendar__react-dates .CalendarDay__blocked_out_of_range { color: #a2aab2; } .woocommerce-calendar__react-dates .DayPicker_transitionContainer, .woocommerce-calendar__react-dates .CalendarMonthGrid, .woocommerce-calendar__react-dates .CalendarMonth, .woocommerce-calendar__react-dates .DayPicker { background-color: #f8f9f9; } .woocommerce-calendar__react-dates .DayPicker_weekHeader_li { color: #606a73; } .woocommerce-calendar__react-dates .DayPickerNavigation_button:focus { outline: 2px solid #bfe7f3; } .woocommerce-calendar__react-dates.is-core-datepicker .components-datetime__date { padding-right: 0; } .woocommerce-calendar__react-dates.is-core-datepicker .CalendarDay__default { background-color: transparent; } .woocommerce-calendar__react-dates.is-core-datepicker .CalendarDay__selected { background: #533582; border: none; } .woocommerce-calendar__inputs { padding: 1em; width: 100%; max-width: 500px; display: -ms-grid; display: grid; -ms-grid-columns: 43% 14% 43%; grid-template-columns: 43% 14% 43%; margin: 0 auto; } .woocommerce-calendar__inputs .components-base-control { margin: 0; } .woocommerce-calendar__inputs-to { display: flex; align-items: center; justify-content: center; -ms-grid-column: 2; grid-column-start: 2; } .woocommerce-calendar__input { position: relative; } .woocommerce-calendar__input .dashicons-calendar { position: absolute; top: 50%; transform: translateY(-50%); right: 10px; } .woocommerce-calendar__input .dashicons-calendar path { fill: #6c7781; } .woocommerce-calendar__input:first-child { -ms-grid-column: 1; grid-column-start: 1; } .woocommerce-calendar__input:last-child { -ms-grid-column: 3; grid-column-start: 3; } .woocommerce-calendar__input.is-empty .dashicons-calendar path { fill: #6c7781; } .woocommerce-calendar__input.is-error .dashicons-calendar path { fill: #d94f4f; } .woocommerce-calendar__input.is-error .woocommerce-calendar__input-text { border: 1px solid #d94f4f; box-shadow: inset 0 0 8px #d94f4f; } .woocommerce-calendar__input.is-error .woocommerce-calendar__input-text:focus { box-shadow: inset 0 0 8px #d94f4f, 0 0 6px rgba(30, 140, 190, 0.8); } .woocommerce-calendar__input .woocommerce-calendar__input-text { color: #555d66; border-radius: 3px; padding: 10px 30px 10px 10px; width: 100%; font-size: 13px; font-size: 0.8125rem; } .woocommerce-calendar__input .woocommerce-calendar__input-text:-ms-input-placeholder { color: #6c7781; } .woocommerce-calendar__input .woocommerce-calendar__input-text::-ms-input-placeholder { color: #6c7781; } .woocommerce-calendar__input .woocommerce-calendar__input-text::placeholder { color: #6c7781; } .woocommerce-filters-date__content.is-mobile .woocommerce-calendar__input-error .components-popover__content { height: initial; } .woocommerce-calendar__input-error { display: none; } .is-error .woocommerce-calendar__input-text:focus + span .woocommerce-calendar__input-error { display: block; left: 50% !important; position: absolute; top: auto !important; } .woocommerce-calendar__input-error .components-popover__content { background-color: #606a73; color: #fff; padding: 0.5em; border: none; } .woocommerce-calendar__input-error.components-popover .components-popover__content { min-width: 100px; width: 100px; text-align: center; } .woocommerce-calendar__input-error.components-popover:not(.no-arrow):not(.is-mobile).is-bottom::before { border-bottom-color: #606a73; z-index: 1; top: -6px; } .woocommerce-calendar__input-error.components-popover:not(.no-arrow):not(.is-mobile).is-top::after { border-top-color: #606a73; z-index: 1; top: 0; } .woocommerce-calendar__date-picker-title { font-size: 12px; font-size: 0.75rem; font-weight: 100; text-transform: uppercase; text-align: center; color: #6c7781; width: 100%; margin: 0; padding: 1em; background-color: #fff; } /** @format */ .woocommerce-card { margin-bottom: 24px; background: #fff; border-radius: 3px; box-shadow: 0 2px 1px -1px rgba(0, 0, 0, 0.2), 0 1px 1px 0 rgba(0, 0, 0, 0.14), 0 1px 3px 0 rgba(0, 0, 0, 0.12); transition: box-shadow 0.2s cubic-bezier(0.4, 1, 0.4, 1); } @media (max-width: 782px) { .woocommerce-card { margin-bottom: 12px; width: auto; } } .woocommerce-card.is-inactive { background-color: #f6f7f7; box-shadow: none; } .woocommerce-card__header { padding: 16px; display: -ms-grid; display: grid; align-items: center; border-top-right-radius: 3px; border-top-right-radius: 4px; } .has-action .woocommerce-card__header { -ms-grid-columns: auto 1fr; grid-template-columns: auto 1fr; } .has-menu .woocommerce-card__header { -ms-grid-columns: auto 24px; grid-template-columns: auto 24px; } .has-menu.has-action .woocommerce-card__header { grid-gap: 12px; -ms-grid-columns: auto 1fr 24px; grid-template-columns: auto 1fr 24px; } .woocommerce-card__header-item { -ms-grid-row-align: center; } .woocommerce-card__header-item:nth-child(1) { -ms-grid-column: 1; grid-column-start: 1; -ms-grid-column-span: 1; grid-column-end: 2; -ms-grid-row: 1; grid-row-start: 1; -ms-grid-row-span: 1; grid-row-end: 2; } .woocommerce-card__header-item:nth-child(2) { -ms-grid-column: 2; grid-column-start: 2; -ms-grid-column-span: 1; grid-column-end: 3; -ms-grid-row: 1; grid-row-start: 1; -ms-grid-row-span: 1; grid-row-end: 2; } .woocommerce-card__header-item:nth-child(3) { -ms-grid-column: 3; grid-column-start: 3; -ms-grid-column-span: 1; grid-column-end: 4; -ms-grid-row: 1; grid-row-start: 1; -ms-grid-row-span: 1; grid-row-end: 2; } .woocommerce-card__action, .woocommerce-card__menu { text-align: left; } .woocommerce-card__body { padding: 16px; } .woocommerce-ellipsis-menu__toggle { padding: 0; } .woocommerce-card__title { margin: 0; font-size: 24px; font-size: 1.5rem; line-height: 1.2; font-weight: 400; } .woocommerce-card__description { font-size: 16px; font-size: 1rem; line-height: 1.5; color: #646970; margin-top: 12px; margin-bottom: 0; font-weight: 400; } /** @format */ .woocommerce-chart { margin-top: -16px; margin-bottom: 24px; background: #fff; border: 1px solid #ccd0d4; border-top: 0; } @media (max-width: 782px) { .woocommerce-chart { margin-right: -16px; margin-left: -16px; margin-bottom: 12px; border-right: none; border-left: none; width: auto; } } .woocommerce-chart .woocommerce-chart__header { min-height: 50px; border-bottom: 1px solid #ccd0d4; display: flex; flex-flow: row wrap; justify-content: space-between; align-items: center; width: 100%; } .woocommerce-chart .woocommerce-chart__header .woocommerce-chart__title { height: 18px; color: #24292d; font-size: 15px; font-weight: 600; line-height: 18px; margin-right: 16px; margin-left: 16px; } .woocommerce-chart .woocommerce-chart__body { display: flex; flex-direction: row; justify-content: flex-start; align-items: flex-start; width: 100%; } .woocommerce-chart .woocommerce-chart__body.woocommerce-chart__body-column { flex-direction: column; } .woocommerce-chart .woocommerce-chart__footer { width: 100%; } .woocommerce-chart-placeholder { animation: loading-fade 1.6s ease-in-out infinite; background-color: #e2e4e7; color: transparent; padding: 0; width: 100%; display: flex; align-items: center; justify-content: center; } .woocommerce-chart-placeholder::after { content: '\00a0'; } @media screen and (prefers-reduced-motion: reduce) { .woocommerce-chart-placeholder { animation: none; } } .woocommerce-chart-placeholder .components-spinner { margin: 0; } .woocommerce-chart__interval-select { align-items: start; border-left: 1px solid #ccd0d4; display: flex; flex-direction: column; justify-content: center; margin: 0 auto 0 0; min-height: 50px; padding: 8px 16px 0 16px; } @media (max-width: 960px) { .woocommerce-chart__interval-select { width: 100%; order: 1; margin-top: -8px; margin-right: 0; padding-right: 8px; border-left: 0; min-height: 0; } } #wpbody .woocommerce-chart__interval-select .components-select-control__input { font-size: 13px; font-size: 0.8125rem; border: 0; box-shadow: none; } #wpbody .woocommerce-chart__interval-select .components-select-control__input:not(:disabled):not([aria-disabled='true']):focus { background-color: #fff; color: #191e23; box-shadow: inset 0 0 0 1px #6c7781, inset 0 0 0 2px #fff; outline: 2px solid transparent; outline-offset: -2px; } .woocommerce-chart__types { padding: 0 8px; white-space: nowrap; } .woocommerce-chart__type-button { background: transparent !important; } .woocommerce-chart__type-button.components-icon-button { color: #ccd0d4; display: inline-flex; } .woocommerce-chart__type-button.components-icon-button.woocommerce-chart__type-button-selected { color: #555d66; } .woocommerce-chart__type-button.components-icon-button:hover { box-shadow: none !important; } @media (max-width: 960px) { .woocommerce-summary + .woocommerce-chart .woocommerce-chart__title { display: none; } .woocommerce-summary + .woocommerce-chart .woocommerce-chart__interval-select { width: auto; order: 0; margin-top: 0; } } /** @format */ /** * Internal Dependencies */ /** @format */ .woocommerce-legend.has-total { padding-bottom: 50px; position: relative; } .woocommerce-legend.woocommerce-legend__direction-column { border-left: 1px solid #ccd0d4; min-width: 320px; } .woocommerce-chart__footer .woocommerce-legend.woocommerce-legend__direction-column { border-left: none; } .woocommerce-legend__list { color: #24292d; display: flex; height: 100%; margin: 0; } .woocommerce-legend__direction-column .woocommerce-legend__list { flex-direction: column; height: 300px; overflow: auto; } .woocommerce-chart__footer .woocommerce-legend__direction-column .woocommerce-legend__list { border-top: 1px solid #ccd0d4; height: 100%; max-height: none; min-height: none; } .has-total.woocommerce-legend__direction-column .woocommerce-legend__list { height: 250px; } .woocommerce-chart__footer .has-total.woocommerce-legend__direction-column .woocommerce-legend__list { height: auto; max-height: 220px; min-height: none; } .woocommerce-legend__direction-row .woocommerce-legend__list { flex-direction: row; } .woocommerce-legend__item > button { display: flex; justify-content: center; align-items: center; background-color: #fff; color: #555d66; cursor: pointer; display: inline-flex; flex-direction: row; flex-wrap: nowrap; justify-content: space-between; width: 100%; border: none; padding: 0; } .woocommerce-legend__item > button .woocommerce-legend__item-container { display: flex; flex-direction: row; flex-wrap: nowrap; position: relative; padding: 3px 24px 3px 0; font-size: 13px; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; width: 100%; } .woocommerce-legend__item > button .woocommerce-legend__item-container:hover input ~ .woocommerce-legend__item-checkmark { background-color: #f3f4f5; } .woocommerce-legend__item > button .woocommerce-legend__item-container .woocommerce-legend__item-checkmark { border: 1px solid #a2aab2; position: absolute; top: 4px; right: 0; height: 16px; width: 16px; background-color: #fff; } .woocommerce-legend__item > button .woocommerce-legend__item-container .woocommerce-legend__item-checkmark::after { content: ''; position: absolute; display: none; } .woocommerce-legend__item > button .woocommerce-legend__item-container .woocommerce-legend__item-checkmark.woocommerce-legend__item-checkmark-checked { background-color: currentColor; border-color: currentColor; } .woocommerce-legend__item > button .woocommerce-legend__item-container .woocommerce-legend__item-checkmark.woocommerce-legend__item-checkmark-checked::after { display: block; right: 5px; top: 2px; width: 3px; height: 6px; border: solid #fff; border-width: 0 0 2px 2px; transform: rotate(-45deg); } .woocommerce-legend__item > button .woocommerce-legend__item-container .woocommerce-legend__item-total { margin-right: auto; font-weight: bold; } .woocommerce-legend__item > button:focus { outline: none; } .woocommerce-legend__item > button:focus .woocommerce-legend__item-container .woocommerce-legend__item-checkmark { outline: 2px solid #a2aab2; } .woocommerce-legend__item > button:hover { background-color: #f8f9f9; } .woocommerce-legend__direction-column .woocommerce-legend__item { margin: 0; padding: 0; } .woocommerce-legend__direction-column .woocommerce-legend__item > button { min-height: 36px; padding: 0 17px; text-align: right; } .woocommerce-legend__direction-column .woocommerce-legend__item:first-child { margin-top: 12px; } .woocommerce-legend__direction-column .woocommerce-legend__item:last-child::after { content: ''; display: block; height: 12px; width: 100%; } .woocommerce-legend__direction-row .woocommerce-legend__item { padding: 0; margin: 0; } .woocommerce-legend__direction-row .woocommerce-legend__item > button { padding: 0 17px; } .woocommerce-legend__direction-row .woocommerce-legend__item > button .woocommerce-legend__item-container { height: 50px; align-items: center; } .woocommerce-legend__direction-row .woocommerce-legend__item > button .woocommerce-legend__item-container .woocommerce-legend__item-checkmark { top: 17px; } .woocommerce-legend__direction-row .woocommerce-legend__item > button .woocommerce-legend__item-container .woocommerce-legend__item-title { margin-left: 17px; } .woocommerce-legend__total { align-items: center; background: #fff; border-top: 1px solid #ccd0d4; bottom: 0; color: #555d66; display: flex; height: 50px; justify-content: center; right: 0; position: absolute; left: 0; text-transform: uppercase; } .woocommerce-legend__total::before { background: linear-gradient(-180deg, rgba(0, 0, 0, 0), rgba(0, 0, 0, 0.2)); bottom: 100%; content: ''; height: 20px; right: 0; opacity: 0; pointer-events: none; position: absolute; left: 0; transition: opacity 0.3s; } .is-scrollable .woocommerce-legend__total::before { opacity: 1; } .woocommerce-chart__body-row .d3-chart__container { width: calc(100% - 320px); } .d3-chart__container { position: relative; width: 100%; } .d3-chart__container svg { overflow: visible; } .d3-chart__container .d3-chart__empty-message { align-items: center; bottom: 0; color: #6c7781; display: flex; font-size: 18px; font-size: 1.125rem; font-weight: bold; justify-content: center; right: 0; line-height: 1.5; margin: 0 auto; max-width: 50%; padding-bottom: 48px; pointer-events: none; position: absolute; left: 0; top: 0; text-align: center; } @media (max-width: 782px) { .d3-chart__container .d3-chart__empty-message { font-size: 13px; font-size: 0.8125rem; } } .d3-chart__container .d3-chart__tooltip { border: 1px solid #ccd0d4; position: absolute; display: flex; min-width: 324px; height: auto; background-color: #fff; text-align: right; padding: 17px; box-shadow: 0 3px 20px 0 rgba(18, 24, 30, 0.1), 0 1px 3px 0 rgba(18, 24, 30, 0.1); flex-direction: column; flex-wrap: nowrap; justify-content: flex-start; pointer-events: none; visibility: hidden; z-index: 1; } @media (max-width: 600px) { .d3-chart__container .d3-chart__tooltip { min-width: auto; width: calc(100% - 48px); } } .d3-chart__container .d3-chart__tooltip h4 { text-align: right; line-height: 18px; width: 100%; text-transform: uppercase; font-size: 11px; color: #6c7781; margin-top: 0; } .d3-chart__container .d3-chart__tooltip ul { list-style: none; margin-bottom: 2px; margin-top: 2px; font-size: 14px; } .d3-chart__container .d3-chart__tooltip ul li { display: flex; flex-direction: row; flex-wrap: nowrap; justify-content: flex-start; align-items: center; } .d3-chart__container .d3-chart__tooltip ul li.key-row { display: flex; flex-direction: row; justify-content: space-between; width: 100%; } .d3-chart__container .d3-chart__tooltip ul li.key-row .key-container { width: 100%; min-width: 100px; } .d3-chart__container .d3-chart__tooltip ul li.key-row .key-container .key-color { display: inline-block; width: 16px; height: 16px; margin-left: 8px; } .d3-chart__container .d3-chart__tooltip ul li.key-row .key-container .key-key { margin-left: 6px; } .d3-chart__container .d3-chart__tooltip ul li.key-row .key-value { font-weight: 600; } .d3-chart__container .bargrouprect { shape-rendering: crispEdges; } .d3-chart__container .grid .tick line { stroke: #e2e4e7; stroke-width: 1; shape-rendering: crispEdges; } .d3-chart__container .grid .tick:first-child line { stroke: #555d66; } .d3-chart__container .grid.with-positive-ticks .tick:last-child line { opacity: 0; } .d3-chart__container .tick { padding-top: 10px; stroke-width: 1; } .d3-chart__container .y-axis { text-anchor: start; } .d3-chart__container .y-axis.ticktext { fill: #555d66; } .d3-chart__container .y-axis .tick text, .d3-chart__container .axis-month .tick text { font-size: 10px; } .d3-chart__container .focus-grid line { stroke: rgba(0, 0, 0, 0.1); stroke-width: 1px; } .d3-chart__container .barfocus { fill: rgba(0, 0, 0, 0.1); } /** @format */ .d3-base { background: transparent; overflow-x: auto; overflow-y: hidden; position: relative; width: 100%; height: 100%; } /** @format */ .woocommerce-count { border: 1px solid; border-radius: 10px; padding: 0 8px; font-weight: bold; } /** @format */ .woocommerce-page .woocommerce-dropdown-button { background-color: #fff; position: relative; border: 1px solid #e2e4e7; color: #555d66; border-radius: 4px; padding: 0 0 0 40px; width: 100%; } .woocommerce-page .woocommerce-dropdown-button::after { content: ''; position: absolute; left: 14px; top: 50%; transform: translateY(-50%); width: 0; height: 0; border-style: solid; border-width: 6px 6px 0 6px; border-color: #555d66 transparent transparent transparent; transition: transform ease 0.2s; } @media screen and (prefers-reduced-motion: reduce) { .woocommerce-page .woocommerce-dropdown-button::after { transition: none; } } .woocommerce-page .woocommerce-dropdown-button.is-open::after { transform: translateY(-50%) rotate(-180deg); } .woocommerce-page .woocommerce-dropdown-button:hover, .woocommerce-page .woocommerce-dropdown-button:active, .woocommerce-page .woocommerce-dropdown-button.is-open { background-color: #f8f9f9; } .woocommerce-page .woocommerce-dropdown-button.is-multi-line .woocommerce-dropdown-button__labels { flex-direction: column; } .woocommerce-dropdown-button__labels { text-align: right; padding: 8px 12px; min-height: 48px; display: flex; align-items: center; width: 100%; justify-content: space-around; } @media (max-width: 400px) { .woocommerce-dropdown-button__labels { min-height: 46px; } } .woocommerce-dropdown-button__labels span { width: 100%; text-align: right; } .woocommerce-dropdown-button__labels span:last-child { font-size: 12px; font-size: 0.75rem; margin: 0; } .woocommerce-dropdown-button__labels span:first-child { font-size: 13px; font-size: 0.8125rem; font-weight: 600; } @media (max-width: 400px) { .woocommerce-dropdown-button__labels span:last-child { font-size: 10px; font-size: 0.625rem; } .woocommerce-dropdown-button__labels span:first-child { font-size: 12px; font-size: 0.75rem; } } /** @format */ .woocommerce-ellipsis-menu { text-align: center; } .woocommerce-ellipsis-menu__toggle { height: 24px; justify-content: center; vertical-align: middle; width: 24px; } .woocommerce-ellipsis-menu__toggle .dashicon { transform: rotate(-90deg); } .woocommerce-ellipsis-menu__popover { text-align: right; } .woocommerce-ellipsis-menu__popover:not(.is-mobile)::before, .woocommerce-ellipsis-menu__popover:not(.is-mobile)::after { margin-right: -16px; } .woocommerce-ellipsis-menu__popover .components-popover__content { width: 182px; padding: 2px; } .woocommerce-ellipsis-menu__popover .components-form-toggle.is-checked .components-form-toggle__track { background-color: #7f54b3; } .woocommerce-ellipsis-menu__popover .woocommerce-ellipsis-menu__content { width: 100%; } .woocommerce-ellipsis-menu__popover .woocommerce-ellipsis-menu__title, .woocommerce-ellipsis-menu__popover .woocommerce-ellipsis-menu__item { padding: 4px 12px; } .woocommerce-ellipsis-menu__popover .woocommerce-ellipsis-menu__item { cursor: pointer; color: #6c7781; } .woocommerce-ellipsis-menu__popover .woocommerce-ellipsis-menu__item:focus { box-shadow: inset 0 0 0 1px #6c7781, inset 0 0 0 2px #fff; outline: 2px solid transparent; outline-offset: -2px; } .woocommerce-ellipsis-menu__popover .components-base-control__label, .woocommerce-ellipsis-menu__popover .woocommerce-ellipsis-menu__title { color: #23282d; padding-top: 8px; padding-bottom: 8px; font-size: 15px; font-size: 0.9375rem; margin-bottom: 4px; } .woocommerce-ellipsis-menu__popover .components-toggle-control .components-base-control__field { margin: 4px 0; } .woocommerce-ellipsis-menu__popover .components-base-control { margin: 0; } /** @format */ .woocommerce-empty-content { margin-bottom: 16px; text-align: center; } .woocommerce-empty-content .woocommerce-empty-content__illustration { max-width: 100%; } .woocommerce-empty-content .woocommerce-empty-content__actions .components-button + .components-button { margin-right: 16px; } /** @format */ .woocommerce-filters-advanced { margin: 24px 0; } .woocommerce-filters-advanced .woocommerce-card__header { padding: 8px 16px; } .woocommerce-filters-advanced .woocommerce-card__body { padding: 0; } .woocommerce-filters-advanced .components-select-control__input { height: 38px; padding: 0; margin: 0; } .woocommerce-filters-advanced .components-base-control__field { margin-bottom: 0; } @media (max-width: 782px) { .woocommerce-filters-advanced { margin: 16px 0; border: 1px solid #ccd0d4; } } @media (max-width: 400px) { .woocommerce-filters-advanced { margin: 12px 0; } } .woocommerce-filters-advanced__title-select { width: 70px; display: inline-block; margin: 0 8px; } .woocommerce-filters-advanced__list { margin: 0; } .woocommerce-filters-advanced__list-item { padding: 0 0 0 16px; margin: 0; display: -ms-grid; display: grid; -ms-grid-columns: 1fr 40px; grid-template-columns: 1fr 40px; background-color: #f8f9f9; border-bottom: 1px solid #ccd0d4; } .woocommerce-filters-advanced__list-item:hover { background-color: #f3f4f5; } .woocommerce-filters-advanced__list-item .woocommerce-filters-advanced__line-item:nth-child(1) { -ms-grid-column: 1; grid-column-start: 1; -ms-grid-column-span: 1; grid-column-end: 2; -ms-grid-row: 1; grid-row-start: 1; -ms-grid-row-span: 1; grid-row-end: 2; } .woocommerce-filters-advanced__list-item .woocommerce-filters-advanced__line-item:nth-child(2) { -ms-grid-column: 2; grid-column-start: 2; -ms-grid-column-span: 1; grid-column-end: 3; -ms-grid-row: 1; grid-row-start: 1; -ms-grid-row-span: 1; grid-row-end: 2; } .woocommerce-filters-advanced__list-item fieldset { padding: 8px 16px 8px 8px; } .woocommerce-filters-advanced__list-item .woocommerce-filters-advanced__remove { width: 40px; height: 38px; -ms-grid-row-align: center; align-self: center; } @media (max-width: 400px) { .woocommerce-filters-advanced__list-item .woocommerce-filters-advanced__remove { position: absolute; top: 0; left: 4px; } } .woocommerce-filters-advanced__list-item .components-form-token-field { border-radius: 4px; } @media (max-width: 400px) { .woocommerce-filters-advanced__list-item { display: block; position: relative; padding: 8px 0 0 8px; } } .woocommerce-filters-advanced__add-filter { padding: 12px; margin: 0; color: #7f54b3; display: block; background-color: #f8f9f9; border-bottom: 1px solid #ccd0d4; } .woocommerce-filters-advanced__add-filter:hover { background-color: #f3f4f5; } .woocommerce-filters-advanced__add-filter div div { display: inline-block; } .woocommerce-filters-advanced__add-filter .components-popover:not(.is-mobile) .components-popover__content { min-width: 180px; } .woocommerce-filters-advanced__fieldset { display: flex; align-items: center; } .woocommerce-filters-advanced__fieldset > div { padding: 0 4px; } @media (max-width: 782px) { .woocommerce-filters-advanced__fieldset > div { width: 100%; padding: 4px 0; } } @media (max-width: 782px) { .woocommerce-filters-advanced__fieldset { display: block; } } .woocommerce-filters-advanced__fieldset.is-english { display: -ms-grid; display: grid; -ms-grid-columns: 100px 150px 1fr; grid-template-columns: 100px 150px 1fr; } .woocommerce-filters-advanced__fieldset.is-english .woocommerce-filters-advanced__fieldset-item:nth-child(1) { -ms-grid-column: 1; grid-column-start: 1; -ms-grid-column-span: 1; grid-column-end: 2; -ms-grid-row: 1; grid-row-start: 1; -ms-grid-row-span: 1; grid-row-end: 2; } .woocommerce-filters-advanced__fieldset.is-english .woocommerce-filters-advanced__fieldset-item:nth-child(2) { -ms-grid-column: 2; grid-column-start: 2; -ms-grid-column-span: 1; grid-column-end: 3; -ms-grid-row: 1; grid-row-start: 1; -ms-grid-row-span: 1; grid-row-end: 2; } .woocommerce-filters-advanced__fieldset.is-english .woocommerce-filters-advanced__fieldset-item:nth-child(3) { -ms-grid-column: 3; grid-column-start: 3; -ms-grid-column-span: 1; grid-column-end: 4; -ms-grid-row: 1; grid-row-start: 1; -ms-grid-row-span: 1; grid-row-end: 2; } .woocommerce-filters-advanced__fieldset.is-english .woocommerce-filters-advanced__fieldset-item:nth-child(1) { display: flex; align-items: center; } @media (max-width: 782px) { .woocommerce-filters-advanced__fieldset.is-english { display: block; } } .woocommerce-filters-advanced__rule { width: 150px; } .woocommerce-filters-advanced__input { width: 100%; } .woocommerce-filters-advanced__add-filter-dropdown { display: inline-block; } .woocommerce-filters-advanced__add-button { color: inherit; padding: 8px; } .woocommerce-filters-advanced__add-button svg { fill: currentColor; margin: 0 0 0 6px; } .woocommerce-filters-advanced__add-button.components-icon-button:not(:disabled):not([aria-disabled='true']):not(.is-default):hover { color: #af7dd1; } .woocommerce-filters-advanced__add-button:not(:disabled):not([aria-disabled='true']):focus { color: #7f54b3; background-color: transparent; } .woocommerce-filters-advanced__controls { padding: 8px 16px; display: flex; align-items: center; } .woocommerce-filters-advanced__controls .components-button { margin-left: 16px; } .woocommerce-filters-advanced__add-dropdown { padding: 8px 0; } .woocommerce-filters-advanced__add-dropdown li { margin: 0; } .woocommerce-filters-advanced__add-dropdown .components-button { width: 100%; padding: 8px; } .woocommerce-filters-advanced__add-dropdown .components-button:hover { background-color: #f3f4f5; } .woocommerce-filters-advanced__add-dropdown .components-button:not(:disabled):not([aria-disabled='true']):focus { background-color: #edeff0; box-shadow: none; } .woocommerce-filters-advanced__input-range { align-items: center; display: -ms-grid; display: grid; -ms-grid-columns: 1fr; grid-template-columns: 1fr; } .woocommerce-filters-advanced__input-range.is-between { -ms-grid-columns: 1fr 36px 1fr; grid-template-columns: 1fr 36px 1fr; } .woocommerce-filters-advanced__input-range input { height: 38px; margin: 0; } .woocommerce-filters-advanced__input-range .separator { text-align: center; } /** @format */ .woocommerce-filters-date__content.is-mobile .components-popover__header { border: none; height: 0; } .woocommerce-filters-date__content.is-mobile .components-popover__close { transform: translateY(22px); } .woocommerce-filters-date__content.is-mobile .components-tab-panel__tab-content { height: calc(100% - 46px); overflow: auto; } .woocommerce-filters-date__tabs { height: calc(100% - 42px); } .woocommerce-filters-date__tabs .components-tab-panel__tabs { display: -ms-grid; display: grid; -ms-grid-columns: 1fr 1fr; grid-template-columns: 1fr 1fr; border-radius: 5px; margin: 0 1em 1em 1em; } .woocommerce-filters-date__tabs .components-tab-panel__tab-content { display: flex; flex-direction: column; align-items: center; } .woocommerce-filters-date__tab:nth-child(1) { -ms-grid-column: 1; grid-column-start: 1; -ms-grid-column-span: 1; grid-column-end: 2; -ms-grid-row: 1; grid-row-start: 1; -ms-grid-row-span: 1; grid-row-end: 2; } .woocommerce-filters-date__tab:nth-child(2) { -ms-grid-column: 2; grid-column-start: 2; -ms-grid-column-span: 1; grid-column-end: 3; -ms-grid-row: 1; grid-row-start: 1; -ms-grid-row-span: 1; grid-row-end: 2; } button.woocommerce-filters-date__tab { outline: none; border: 1px solid #c9356e; padding: 8px; margin: 0; border-radius: 0 4px 4px 0; color: #c9356e; background-color: transparent; justify-content: center; } button.woocommerce-filters-date__tab:hover { background-color: #fffefe; cursor: pointer; } button.woocommerce-filters-date__tab:last-child { border-radius: 4px 0 0 4px; } button.woocommerce-filters-date__tab.is-active, button.woocommerce-filters-date__tab.is-active:focus { background-color: #c9356e; color: #fff; } button.woocommerce-filters-date__tab:focus { box-shadow: inset 0 -1px 0 #00435d, 0 0 0 2px #bfe7f3; } .woocommerce-filters-date__text { font-size: 12px; font-size: 0.75rem; font-weight: 100; text-transform: uppercase; text-align: center; color: #6c7781; width: 100%; margin: 0; padding: 1em; background-color: #fff; } .woocommerce-filters-date__content-controls { display: flex; flex-direction: column; width: 100%; align-items: center; padding-bottom: 1em; background-color: #fff; } .woocommerce-filters-date__content-controls.is-custom { border-top: 1px solid #ccd0d4; } .woocommerce-filters-date__button-group { padding-top: 1em; display: flex; justify-content: center; width: 100%; } .woocommerce-filters-date__button-group .woocommerce-filters-date__button.is-button { justify-content: center; width: 40%; height: 34px; margin: 0 12px; } /** @format */ .woocommerce-filters-filter__content.is-mobile .components-popover__header-title { font-size: 12px; font-size: 0.75rem; font-weight: 100; text-transform: uppercase; text-align: center; color: #555d66; } .woocommerce-filters-filter__content.is-mobile .woocommerce-filters-filter__content-list-item:last-child { border-bottom: 1px solid #ccd0d4; } .woocommerce-filters-filter__content-list { margin: 0; width: 100%; min-width: 100%; } .woocommerce-filters-filter__content-list-item { border-bottom: 1px solid #ccd0d4; margin: 0; } .woocommerce-filters-filter__content-list-item:last-child { border-bottom: none; } .woocommerce-filters-filter__content-list-item.is-selected .woocommerce-filters-filter__button { background-color: #fff; } .woocommerce-filters-filter__content-list-item.is-selected .woocommerce-filters-filter__button.components-button:not(:disabled):not([aria-disabled='true']):focus { background-color: #fff; } .woocommerce-filters-filter__content-list-item.is-selected .woocommerce-filters-filter__button::before { content: ''; width: 8px; height: 8px; background-color: #7f54b3; position: absolute; top: 50%; right: 1em; transform: translate(-50%, -50%); } .woocommerce-filters-filter__content-list-item .woocommerce-filters-filter__button { position: relative; display: block; width: 100%; padding: 1em 3em 1em 1em; background-color: #f8f9f9; text-align: right; } .woocommerce-filters-filter__content-list-item .woocommerce-filters-filter__button.components-button { color: #555d66; } .woocommerce-filters-filter__content-list-item .woocommerce-filters-filter__button:hover { background-color: #f3f4f5; color: #555d66; } .woocommerce-filters-filter__content-list-item .woocommerce-filters-filter__button.components-button:not(:disabled):not([aria-disabled='true']):focus { background-color: #f8f9f9; } .woocommerce-filters-filter__content-list-item .woocommerce-filters-filter__button .dashicon { position: absolute; right: 1em; top: 50%; transform: translate(0, -50%); } /** @format */ .woocommerce-filters .components-base-control__field { margin-bottom: 0; } @media (max-width: 400px) { .woocommerce-filters { margin-right: -8px; margin-left: -8px; } } .woocommerce-filters__basic-filters { display: flex; margin-bottom: 24px; } @media (max-width: 1280px) { .woocommerce-filters__basic-filters { flex-direction: column; } } @media (max-width: 782px) { .woocommerce-filters__basic-filters { margin-bottom: 16px; } } .woocommerce-filters-filter { width: 25%; padding: 0 12px; min-height: 82px; display: flex; flex-direction: column; justify-content: flex-end; } .woocommerce-filters-filter:first-child { padding-right: 0; } .woocommerce-filters-filter:last-child { padding-left: 0; } @media (max-width: 1440px) { .woocommerce-filters-filter { width: 33.3%; } } @media (max-width: 1280px) { .woocommerce-filters-filter { width: 50%; padding: 0; min-height: 78px; } } @media (max-width: 782px) { .woocommerce-filters-filter { width: 100%; } } .woocommerce-filters-label { margin: 7px 0; display: block; } @media (max-width: 1280px) { .woocommerce-filters-label { margin: 5px 0; } } .woocommerce-filters-date__content .components-popover__content, .woocommerce-filters-filter__content .components-popover__content { width: 320px; border: 1px solid #ccd0d4; background-color: #fff; } .woocommerce-filters-date__content .woocommerce-calendar__input-error .components-popover__content, .woocommerce-filters-filter__content .woocommerce-calendar__input-error .components-popover__content { background-color: #606a73; } .woocommerce-filters-date__content.is-mobile .components-popover__content, .woocommerce-filters-filter__content.is-mobile .components-popover__content { width: 100%; height: 100%; border: none; } .woocommerce-filters__compare .woocommerce-card__body { padding: 0; } .woocommerce-filters__compare-body { padding: 16px; background-color: #f8f9f9; border-bottom: 1px solid #e2e4e7; } .woocommerce-filters__compare-footer { padding: 16px; display: flex; align-items: center; } .woocommerce-filters__compare-footer .components-button { margin-left: 16px; } .woocommerce-filters-filter__search .woocommerce-search__autocomplete-results { position: static; } .woocommerce-filters-filter__search .woocommerce-search__inline-container { overflow: hidden; } .woocommerce-filters-filter__search .woocommerce-search__inline-container:not(.is-active) { border: none; } .woocommerce-filters-advanced__list-item .components-base-control + .components-base-control { margin-bottom: 0; } /** @format */ .woocommerce-flag span { vertical-align: middle; } .woocommerce-flag .woocommerce-flag__fallback { background: #e2e4e7; color: transparent; width: 24px; height: 18px; display: block; overflow: hidden; } /** @format */ .woocommerce-gravatar { border-radius: 50%; } .woocommerce-list__item { display: flex; align-items: center; margin-bottom: 0; } .woocommerce-list__item.has-action { cursor: pointer; } .woocommerce-list__item > .woocommerce-list__item-inner { text-decoration: none; width: 100%; display: flex; align-items: center; padding: 16px; } .woocommerce-list__item > .woocommerce-list__item-inner:focus { box-shadow: inset 0 0 0 1px #006088, inset 0 0 0 2px #fff; } .woocommerce-list__item .woocommerce-list__item-title { display: block; font-size: 16px; line-height: 22px; color: #1d2327; } .woocommerce-list__item .woocommerce-list__item-content { margin-top: 4px; display: block; font-size: 14px; line-height: 20px; color: #50575d; } .woocommerce-list__item .woocommerce-list__item-before { margin-left: 20px; display: flex; align-items: center; } .woocommerce-list__item .woocommerce-list__item-after { margin-right: 16px; display: flex; align-items: center; margin-right: auto; } /** @format */ .woocommerce-order-status { display: flex; align-items: center; } .woocommerce-order-status__indicator { min-width: 16px; width: 16px; height: 16px; display: block; background: #ccd0d4; margin-left: 8px; border-radius: 50%; border: 3px solid #e2e4e7; } .woocommerce-order-status__indicator.is-processing { background: #4ab866; border-color: #93d5a4; } .woocommerce-order-status__indicator.is-on-hold { background: #ffb900; border-color: #ffd566; } /** @format */ .woocommerce-pagination { display: flex; flex-direction: row; flex-wrap: nowrap; justify-content: center; align-items: center; } @media (max-width: 782px) { .woocommerce-pagination { flex-direction: column; } } .woocommerce-pagination input { border-radius: 4px; } .woocommerce-pagination__page-arrows { display: flex; flex-direction: row; } .woocommerce-pagination__page-arrows-buttons { display: inline-flex; align-items: baseline; border: 1px solid #b5bfc9; border-bottom: 2px solid #b5bfc9; border-radius: 4px; background: #f0f2f4; } .woocommerce-pagination__page-arrows-buttons .components-button:not(:disabled):not([aria-disabled='true']) { color: #24292d; height: 30px; width: 32px; justify-content: center; } .woocommerce-pagination__page-arrows-buttons .components-icon-button:not(:disabled):not([aria-disabled='true']):hover { color: #6c7781; } .woocommerce-pagination__page-arrows-buttons button:first-child { border-left: 2px solid #d3d9de; } .woocommerce-pagination__page-arrows-buttons .woocommerce-pagination__link { padding: 4px; } .woocommerce-pagination__page-arrows-label { margin-top: 8px; margin-left: 8px; } .woocommerce-pagination__page-picker { margin-right: 16px; } @media (max-width: 782px) { .woocommerce-pagination__page-picker { margin-top: 16px; margin-right: 0; } } .woocommerce-pagination__page-picker .woocommerce-pagination__page-picker-input { margin-right: 8px; width: 60px; height: 34px; box-shadow: none; } .woocommerce-pagination__per-page-picker { margin-right: 16px; } @media (max-width: 782px) { .woocommerce-pagination__per-page-picker { margin-top: 16px; margin-right: 0; } } .woocommerce-pagination__per-page-picker .components-base-control { margin-bottom: 0; } .woocommerce-pagination__per-page-picker .components-base-control__field { display: flex; flex-direction: row; align-items: baseline; margin-bottom: 0; } .woocommerce-pagination__per-page-picker .components-select-control__input { width: 60px; height: 34px; box-shadow: none; } .woocommerce-pagination__per-page-picker .components-base-control__label { margin-left: 8px; } .woocommerce-pagination__page-picker-input.has-error, .woocommerce-pagination__page-picker-input.has-error:focus { border-color: #d94f4f; box-shadow: 0 0 2px #d94f4f; } /** @format */ .woocommerce-product-image { border-radius: 50%; } /** @format */ .woocommerce-rating { position: relative; vertical-align: middle; display: inline-block; overflow: hidden; white-space: nowrap; } .woocommerce-rating .gridicon { fill: #d7dade; } .woocommerce-rating .woocommerce-rating__star-outline { position: absolute; right: 0; top: 0; white-space: nowrap; overflow: hidden; } .woocommerce-rating .woocommerce-rating__star-outline .gridicon { fill: #555d66; } /** @format */ .woocommerce-search { position: relative; min-width: 0; } .woocommerce-search > div { min-width: 0; } .woocommerce-search .woocommerce-search__icon { position: absolute; top: 10px; right: 10px; fill: #a2aab2; } .woocommerce-search .woocommerce-tag { max-width: 100%; } .woocommerce-search .woocommerce-tag .woocommerce-tag__text { max-width: calc(100% - 24px); } .woocommerce-search:not(.has-inline-tags) .woocommerce-tag { margin: 8px 0 0 6px; } .woocommerce-search.has-inline-tags .woocommerce-search__icon { top: 50%; transform: translateY(-50%); } .woocommerce-search .woocommerce-search__inline-container { width: 100%; padding: 4px 36px 4px 2px; border: 1px solid #ccd0d4; background-color: #fff; display: flex; align-items: center; position: relative; } .woocommerce-search .woocommerce-search__inline-container.is-active { border-color: #00a0d2; box-shadow: inset 0 0 0 #00435d, 0 0 1px 2px #bfe7f3; } .woocommerce-search .woocommerce-search__inline-container.has-tags { padding-left: 36px; } .woocommerce-search .woocommerce-search__inline-container .woocommerce-search__token-list { max-width: 100%; display: inline-block; padding: 1px 0; } .woocommerce-search .woocommerce-search__inline-input, .woocommerce-search .woocommerce-search__inline-input:focus { border: none; outline: none; box-shadow: none; padding: 2px 0; line-height: 20px; max-width: 100%; min-width: 70px; font-size: inherit; vertical-align: middle; } .woocommerce-search .woocommerce-search__inline-input[type='number']::-webkit-outer-spin-button, .woocommerce-search .woocommerce-search__inline-input[type='number']::-webkit-inner-spin-button, .woocommerce-search .woocommerce-search__inline-input:focus[type='number']::-webkit-outer-spin-button, .woocommerce-search .woocommerce-search__inline-input:focus[type='number']::-webkit-inner-spin-button { -webkit-appearance: none; margin: 0; } .woocommerce-search .woocommerce-search__input { width: 100%; padding: 8px 36px 8px 12px; border: 1px solid #ccd0d4; } .woocommerce-search .woocommerce-search__autocomplete-results { display: flex; flex-direction: column; align-items: stretch; border: 1px solid #ccd0d4; position: absolute; right: 0; left: 0; z-index: 10; } .woocommerce-search .woocommerce-search__autocomplete-results:empty { display: none; } .woocommerce-search .woocommerce-search__autocomplete-results.is-static-results { position: static; } .woocommerce-search .woocommerce-search__autocomplete-result { margin-bottom: 0; display: flex; flex-direction: row; flex-grow: 1; flex-shrink: 0; align-items: center; padding: 12px; color: #7f54b3; text-align: right; background: #f8f9f9; border-bottom: 1px solid #e2e4e7; } .woocommerce-search .woocommerce-search__autocomplete-result:last-of-type { border-bottom: none; } .woocommerce-search .woocommerce-search__autocomplete-result:hover { box-shadow: none; color: #7f54b3; background: #f3f4f5; } .woocommerce-search .woocommerce-search__autocomplete-result.is-selected, .woocommerce-search .woocommerce-search__autocomplete-result:focus, .woocommerce-search .woocommerce-search__autocomplete-result:active { color: #7f54b3; background: #fff; box-shadow: inset 0 0 0 1px #f3f4f5, inset 0 0 0 2px #24292d; } .woocommerce-search .woocommerce-search__autocomplete-result .woocommerce-search__result-thumbnail { margin-left: 12px; } .woocommerce-search__result-name { text-decoration: underline; } .woocommerce-search__clear { position: absolute; left: 10px; top: calc(50% - 10px); } .woocommerce-search__clear > .dashicon { color: #c9c9c9; } .woocommerce-search-list { width: 100%; padding: 0 0 16px; text-align: right; } .woocommerce-search-list__selected { margin: 16px 0; padding: 16px 0 0; min-height: 76px; border-top: 1px solid #e2e4e7; } .woocommerce-search-list__selected .woocommerce-search-list__selected-header { margin-bottom: 8px; } .woocommerce-search-list__selected .woocommerce-search-list__selected-header button { margin-right: 12px; } .woocommerce-search-list__selected .woocommerce-tag__text { max-width: 13em; } .woocommerce-search-list__search { margin: 16px 0; padding: 16px 0 0; border-top: 1px solid #e2e4e7; } .woocommerce-search-list__search .components-base-control__field { margin-bottom: 16px; } .woocommerce-search-list__list { padding: 0; max-height: 17em; overflow-x: hidden; overflow-y: auto; border-top: 1px solid #e2e4e7; border-bottom: 1px solid #e2e4e7; } .woocommerce-search-list__list.is-loading { padding: 12px 0; text-align: center; border: none; } .woocommerce-search-list__list.is-not-found { padding: 12px 0; text-align: center; border: none; } .woocommerce-search-list__list.is-not-found .woocommerce-search-list__not-found-icon, .woocommerce-search-list__list.is-not-found .woocommerce-search-list__not-found-text { display: inline-block; } .woocommerce-search-list__list.is-not-found .woocommerce-search-list__not-found-icon { margin-left: 16px; } .woocommerce-search-list__list.is-not-found .woocommerce-search-list__not-found-icon .gridicon { vertical-align: top; margin-top: -1px; } .woocommerce-search-list__list .components-spinner { float: none; margin: 0 auto; } .woocommerce-search-list__list .components-menu-group__label { clip: rect(1px, 1px, 1px, 1px); -webkit-clip-path: inset(50%); clip-path: inset(50%); height: 1px; width: 1px; margin: -1px; overflow: hidden; /* Many screen reader and browser combinations announce broken words as they would appear visually. */ overflow-wrap: normal !important; word-wrap: normal !important; } .woocommerce-search-list__list > [role='menu'] { border: 1px solid #e2e4e7; border-bottom: none; } .woocommerce-search-list__list .woocommerce-search-list__item { display: flex; align-items: center; margin-bottom: 0; padding: 12px 16px; background: #fff; border-bottom: 1px solid #e2e4e7 !important; color: #555d66; } .woocommerce-search-list__list .woocommerce-search-list__item:hover, .woocommerce-search-list__list .woocommerce-search-list__item:active, .woocommerce-search-list__list .woocommerce-search-list__item:focus { background: #f8f9f9; } .woocommerce-search-list__list .woocommerce-search-list__item:last-child { border-bottom: none !important; } .woocommerce-search-list__list .woocommerce-search-list__item .woocommerce-search-list__item-state { flex: 0 0 16px; margin-left: 8px; height: 24px; } .woocommerce-search-list__list .woocommerce-search-list__item .woocommerce-search-list__item-label { display: flex; flex: 1; } .woocommerce-search-list__list .woocommerce-search-list__item.depth-0 + .depth-1 { margin-top: -1px; } .woocommerce-search-list__list .woocommerce-search-list__item:not(.depth-0) { border-bottom: 0 !important; } .woocommerce-search-list__list .woocommerce-search-list__item:not(.depth-0) + .depth-0 { border-top: 1px solid #e2e4e7; } .woocommerce-search-list__list .woocommerce-search-list__item[class*='depth-'] .woocommerce-search-list__item-label::before { margin-left: 4px; content: "β β β β β "; } .woocommerce-search-list__list .woocommerce-search-list__item.depth-0 .woocommerce-search-list__item-label::before { margin-left: 0; content: ''; } .woocommerce-search-list__list .woocommerce-search-list__item.depth-1 .woocommerce-search-list__item-label::before { content: "β "; } .woocommerce-search-list__list .woocommerce-search-list__item.depth-2 .woocommerce-search-list__item-label::before { content: "β β "; } .woocommerce-search-list__list .woocommerce-search-list__item.depth-3 .woocommerce-search-list__item-label::before { content: "β β β "; } .woocommerce-search-list__list .woocommerce-search-list__item.depth-4 .woocommerce-search-list__item-label::before { content: "β β β β "; } .woocommerce-search-list__list .woocommerce-search-list__item .woocommerce-search-list__item-name { display: inline-block; } .woocommerce-search-list__list .woocommerce-search-list__item .woocommerce-search-list__item-prefix { display: none; color: #6c7781; } .woocommerce-search-list__list .woocommerce-search-list__item.is-searching .woocommerce-search-list__item-label, .woocommerce-search-list__list .woocommerce-search-list__item.is-skip-level .woocommerce-search-list__item-label { display: inline-block; } .woocommerce-search-list__list .woocommerce-search-list__item.is-searching .woocommerce-search-list__item-prefix, .woocommerce-search-list__list .woocommerce-search-list__item.is-skip-level .woocommerce-search-list__item-prefix { display: inline; } .woocommerce-search-list__list .woocommerce-search-list__item.is-searching .woocommerce-search-list__item-prefix::after, .woocommerce-search-list__list .woocommerce-search-list__item.is-skip-level .woocommerce-search-list__item-prefix::after { margin-left: 4px; content: ' βΊ'; } .woocommerce-search-list__list .woocommerce-search-list__item.is-searching .woocommerce-search-list__item-name { color: #191e23; } .woocommerce-search-list__list .woocommerce-search-list__item .woocommerce-search-list__item-count { flex: 0 1 auto; padding: 2px 8px; border: 1px solid #e2e4e7; border-radius: 12px; font-size: 0.8em; line-height: 1.4; color: #6c7781; background: #fff; white-space: nowrap; } .components-panel .woocommerce-search-list { padding: 0; } .components-panel .woocommerce-search-list__selected { margin: 0 0 16px; padding: 0; border-top: none; min-height: 54px; } .components-panel .woocommerce-search-list__search { margin: 0 0 16px; padding: 0; border-top: none; } /** @format */ .woocommerce-section-header { padding: 13px; border-bottom: none; display: flex; justify-content: space-between; } @media (max-width: 782px) { .woocommerce-section-header { margin-right: -16px; margin-left: -16px; margin-bottom: 12px; border-right: none; border-left: none; width: auto; } } .woocommerce-section-header hr { -ms-grid-row-align: center; align-self: center; flex-grow: 1; height: 1px; margin: 0 10px; } @media (max-width: 782px) { .woocommerce-section-header.has-interval-select { position: relative; padding-bottom: 30px; } .woocommerce-section-header.has-interval-select .woocommerce-chart__interval-select { position: absolute; right: 0; bottom: 0; padding-right: 6px; } } .woocommerce-section-header__actions, .woocommerce-section-header__menu { text-align: left; } .woocommerce-section-header__actions { display: flex; flex-grow: 1; justify-content: flex-end; align-items: center; } .woocommerce-section-header__actions .components-base-control { padding-top: 0; min-height: 34px; } .woocommerce-section-header__actions .components-base-control__field { margin-bottom: 0; } .woocommerce-section-header__actions .components-base-control__field select { background: transparent; } .woocommerce-ellipsis-menu__toggle { padding: 0; } .woocommerce-section-header__menu { display: flex; flex-direction: column; justify-content: center; } .woocommerce-section-header__title { margin: 0 0 0 16px; padding: 3px 0; font-size: 18px; font-size: 1.125rem; line-height: 2.2; font-weight: 600; } /** @format */ .woocommerce-segmented-selection { width: 100%; color: #555d66; } .woocommerce-segmented-selection__container { width: 100%; -ms-grid-columns: 1fr 1fr; grid-template-columns: 1fr 1fr; display: -ms-grid; display: grid; border-top: 1px solid #ccd0d4; border-bottom: 1px solid #ccd0d4; background-color: #ccd0d4; } .woocommerce-segmented-selection__item:nth-child(2n) { border-right: 1px solid #ccd0d4; border-top: 1px solid #ccd0d4; } .woocommerce-segmented-selection__item:nth-child(2n + 1) { border-top: 1px solid #ccd0d4; } .woocommerce-segmented-selection__item:nth-child(-n + 2) { border-top: 0; } .woocommerce-segmented-selection__label { background-color: #f8f9f9; padding: 12px 36px 12px 12px; position: relative; display: block; height: 100%; } .woocommerce-segmented-selection__label:active { background-color: #f3f4f5; } .woocommerce-segmented-selection__label:hover { background-color: #f3f4f5; } .woocommerce-segmented-selection__input { opacity: 0; position: absolute; right: -9999px; } .woocommerce-segmented-selection__input:active + label .woocommerce-segmented-selection__label { background-color: #f3f4f5; } .woocommerce-segmented-selection__input:checked + label .woocommerce-segmented-selection__label { background-color: #fff; font-weight: 600; } .woocommerce-segmented-selection__input:checked + label .woocommerce-segmented-selection__label::before { content: ''; width: 8px; height: 8px; background-color: #7f54b3; position: absolute; top: 50%; transform: translate(20px, -50%); } .woocommerce-segmented-selection__input:focus + label .woocommerce-segmented-selection__label { box-shadow: inset 0 0 0 1px #24292d; } .woocommerce-simple-select-control__dropdown { position: relative; width: 100%; height: 56px; border: 1px solid #b0b5b8; box-shadow: none; box-sizing: border-box; border-radius: 3px; background: #fff; font-size: 16px; line-height: 54px; font-weight: 400; margin-top: 16px; margin-bottom: 16px; } .woocommerce-simple-select-control__dropdown .woocommerce-simple-select-control__selector.components-button { border: 0; background: transparent; box-shadow: none; justify-content: unset; margin-right: 0; position: absolute; top: 0; height: 100%; width: 100%; right: 0; padding-right: 16px; padding-left: 40px; } .woocommerce-simple-select-control__dropdown .woocommerce-simple-select-control__selector.components-button:focus:not(:disabled) { box-shadow: none; outline: none; background-color: transparent; outline-offset: initial; } .woocommerce-simple-select-control__dropdown .woocommerce-simple-select-control__selector.components-button::after { display: block; pointer-events: none; position: absolute; float: left; line-height: 56px; font-family: dashicons, sans-serif; font-size: 20px; content: '\f140'; z-index: 101; height: 24px; width: 24px; margin-top: 0; top: 0; left: 16px; bottom: 16px; color: #000; } .woocommerce-simple-select-control__dropdown .woocommerce-simple-select-control__dropdown-content.components-popover.is-bottom { margin-top: -80px; z-index: 999; } .woocommerce-simple-select-control__dropdown .woocommerce-simple-select-control__dropdown-content.components-popover.is-bottom::before, .woocommerce-simple-select-control__dropdown .woocommerce-simple-select-control__dropdown-content.components-popover.is-bottom::after { display: none; } .woocommerce-simple-select-control__dropdown .woocommerce-simple-select-control__dropdown-content .components-button { display: block; position: relative; padding: 10px 40px 10px 20px; width: 100%; text-align: right; } .woocommerce-simple-select-control__dropdown .woocommerce-simple-select-control__dropdown-content .components-button.is-selected { background: #101517; } .woocommerce-simple-select-control__dropdown.is-empty .woocommerce-simple-select-control__selector.components-button { font-size: 16px; line-height: 54px; height: 54px; z-index: 100; color: #636d75; } .woocommerce-simple-select-control__dropdown.is-active { box-shadow: 0 0 0 2px #673d99; border-color: transparent; } .woocommerce-simple-select-control__dropdown.has-value .woocommerce-simple-select-control__selector { display: flex; flex-direction: column; } .woocommerce-simple-select-control__dropdown.has-value .woocommerce-simple-select-control__selector.components-button::after { bottom: 23px; } .woocommerce-simple-select-control__dropdown.has-value .woocommerce-simple-select-control__label { margin-top: -4px; font-size: 12px; line-height: 16px; margin-top: 8px; color: #636d75; } .woocommerce-simple-select-control__dropdown.has-value .woocommerce-simple-select-control__value { color: #2b2d2f; font-size: 16px; white-space: nowrap; } /** @format */ .woocommerce-split-button { display: flex; align-items: center; padding: 4px 0 4px 0; } .woocommerce-split-button .woocommerce-split-button__menu { padding: 0; } .woocommerce-split-button .woocommerce-split-button__main-action, .woocommerce-split-button .woocommerce-split-button__menu-toggle { line-height: 26px; height: 42px; border-radius: 3px; white-space: nowrap; border-width: 1px; border-style: solid; color: #555d66; border-color: #b5bcc2; background: #f3f4f5; box-shadow: inset 0 -1px 0 #b5bcc2; vertical-align: top; } .woocommerce-split-button .woocommerce-split-button__main-action { padding: 0 12px; border-top-left-radius: 0; border-bottom-left-radius: 0; border-left: 0; height: 32px; } .woocommerce-split-button .woocommerce-split-button__menu-toggle { border-top-right-radius: 0; border-bottom-right-radius: 0; padding: 4px; height: 32px; width: 32px; } .woocommerce-split-button .woocommerce-split-button__menu-popover.is-mobile { top: 46px; } .woocommerce-split-button .woocommerce-split-button__main-action.components-button:not(:disabled):not([aria-disabled='true']):not(.is-default):hover, .woocommerce-split-button .woocommerce-split-button__menu-toggle.components-icon-button:not(:disabled):not([aria-disabled='true']):not(.is-default):hover { background-color: #fafafa; border-color: #78848f; box-shadow: inset 0 -1px 0 #b5bcc2; } .woocommerce-split-button .woocommerce-split-button__menu-toggle.components-icon-button:not(:disabled):not([aria-disabled='true']):not(.is-default):focus, .woocommerce-split-button .woocommerce-split-button__main-action.components-button:not(:disabled):not([aria-disabled='true']):not(.is-default):focus { background-color: #fafafa; border: 1px solid #555d66; box-shadow: inset 0 -1px 0 #6c7781, 0 0 0 2px #bfe7f3; } .woocommerce-split-button .woocommerce-split-button__main-action.components-button .gridicon, .woocommerce-split-button .woocommerce-split-button__main-action.components-button .dashicon { width: 18px; height: 18px; } .woocommerce-split-button.has-label .woocommerce-split-button__main-action.components-button .gridicon, .woocommerce-split-button.has-label .woocommerce-split-button__main-action.components-button .dashicon { margin-left: 8px; } .woocommerce-split-button .woocommerce-split-button__menu-wrapper { width: 100%; padding: 4px; } .woocommerce-split-button .woocommerce-split-button__menu-wrapper .components-button, .woocommerce-split-button .woocommerce-split-button__menu-wrapper .components-icon-button { color: #555d66; margin-top: 4px; margin-bottom: 4px; } .woocommerce-split-button .woocommerce-split-button__menu-wrapper .components-button:not(:disabled):not([aria-disabled='true']):not(.is-default):hover { background-color: #fff; color: #24292d; box-shadow: inset 0 0 0 1px #e2e4e7, inset 0 0 0 2px #fff, 0 1px 1px rgba(25, 30, 35, 0.2); } .woocommerce-split-button .woocommerce-split-button__menu-item { width: 100%; padding: 4px; border-radius: 0; outline: none; cursor: pointer; } .woocommerce-split-button .woocommerce-split-button__menu-item .dashicon { margin-left: 8px; } .woocommerce-split-button .dashicons-arrow-down { fill: #555d66; height: 20px; width: 20px; } .woocommerce-split-button .woocommerce-split-button__menu-toggle.is-active, .woocommerce-split-button .woocommerce-split-button__menu-toggle.is-active:hover, .woocommerce-split-button .woocommerce-split-button__menu-toggle.is-active > svg, .woocommerce-split-button .woocommerce-split-button__menu-toggle.is-active:hover > svg { background: initial; } .woocommerce-split-button .woocommerce-split-button__menu-toggle.is-active, .woocommerce-split-button .woocommerce-split-button__menu-toggle.is-active:hover { border-color: #b5bcc2; } .woocommerce-split-button.is-primary .woocommerce-split-button__main-action, .woocommerce-split-button.is-primary .woocommerce-split-button__menu-toggle { background: #c9356e; color: #fff; border-color: #ab235a; box-shadow: inset 0 -1px 0 #ab235a; } .woocommerce-split-button.is-primary .woocommerce-split-button__main-action.components-button:not(:disabled):not([aria-disabled='true']):not(.is-default):hover, .woocommerce-split-button.is-primary .woocommerce-split-button__menu-toggle.components-icon-button:not(:disabled):not([aria-disabled='true']):not(.is-default):hover { color: #fff; background-color: #ab235a; border-color: #8c1749; box-shadow: inset 0 -1px 0 #8c1749; } .woocommerce-split-button.is-primary .woocommerce-split-button__menu-toggle.components-icon-button:not(:disabled):not([aria-disabled='true']):not(.is-default):focus, .woocommerce-split-button.is-primary .woocommerce-split-button__main-action.components-button:not(:disabled):not([aria-disabled='true']):not(.is-default):focus { color: #fff; background-color: #ab235a; box-shadow: inset 0 -1px 0 #8c1749, 0 0 0 2px #f7a6c2; border: 1px solid #8c1749; } .woocommerce-split-button.is-primary .dashicons-arrow-down { fill: #fff; } .woocommerce-stepper .woocommerce-stepper__steps { display: flex; justify-content: space-around; margin-bottom: 24px; } .woocommerce-stepper .woocommerce-stepper__step { display: inline-flex; padding: 8px; font-weight: 400; position: relative; } .woocommerce-stepper .woocommerce-stepper__step .woocommerce-stepper__step-text { width: 100%; } .woocommerce-stepper .woocommerce-stepper__step .woocommerce-stepper__step-label { color: #1d2327; line-height: 24px; font-size: 16px; } .woocommerce-stepper .woocommerce-stepper__step .woocommerce-stepper__step-description { display: none; font-size: 14px; color: #646970; font-weight: 400; margin-top: 2px; } .woocommerce-stepper .woocommerce-stepper__step svg { display: none; } .woocommerce-stepper .woocommerce-stepper__step .woocommerce-spinner { display: block; margin-left: 12px; max-height: 24px; min-width: auto; width: 24px; border-radius: 50%; background: #2271b1; } .woocommerce-stepper .woocommerce-stepper__step .woocommerce-spinner__circle { stroke: #fff; } .woocommerce-stepper .woocommerce-stepper__step.is-active .woocommerce-stepper__step-icon, .woocommerce-stepper .woocommerce-stepper__step.is-complete .woocommerce-stepper__step-icon { background: #2271b1; color: #fff; } .woocommerce-stepper .woocommerce-stepper__step.is-active .woocommerce-stepper__step-icon { font-weight: 600; } .woocommerce-stepper .woocommerce-stepper__step.is-active .woocommerce-stepper__step-label { font-weight: 600; margin: 0; } .woocommerce-stepper .woocommerce-stepper__step.is-complete .woocommerce-stepper__step-number { display: none; } .woocommerce-stepper .woocommerce-stepper__step.is-complete svg { display: inline; } .woocommerce-stepper .woocommerce-stepper__step-icon { font-size: 16px; display: inline-flex; align-items: center; justify-content: center; width: 24px; height: 24px; min-width: 24px; margin-left: 12px; background: #dcdcde; color: #50575e; border-radius: 50%; } .woocommerce-stepper .woocommerce-stepper__step-divider { align-self: flex-start; flex-grow: 1; border-bottom: 1px solid #dcdcde; margin-top: 20px; } .woocommerce-stepper .woocommerce-stepper__step-divider:last-child { display: none; } @media (max-width: 782px) { .woocommerce-stepper .woocommerce-stepper__step-label { display: none; padding-top: 24px; } .woocommerce-stepper .woocommerce-stepper__step-icon { margin-left: 0; } } .woocommerce-stepper.is-vertical .woocommerce-stepper__steps { align-items: initial; flex-direction: column; margin-bottom: 0; } .woocommerce-stepper.is-vertical .woocommerce-stepper__step { padding-bottom: 36px; } .woocommerce-stepper.is-vertical .woocommerce-stepper__step::after { content: ''; position: absolute; right: 20px; top: 40px; height: calc(100% - 24px - 16px); border-right: 1px solid #dcdcde; } .woocommerce-stepper.is-vertical .woocommerce-stepper__step:last-child { padding-bottom: 8px; } .woocommerce-stepper.is-vertical .woocommerce-stepper__step:last-child::after { display: none; } .woocommerce-stepper.is-vertical .woocommerce-stepper__step-label { display: initial; } .woocommerce-stepper.is-vertical .woocommerce-stepper__step-icon { margin-left: 12px; } .woocommerce-stepper.is-vertical .woocommerce-stepper__step-description { display: block; } .woocommerce-stepper.is-vertical .woocommerce-stepper_content { margin-top: 8px; } @keyframes rotate { 0% { transform: rotate(0deg); } 100% { transform: rotate(-270deg); } } @keyframes growAndShrink { 0%, 100% { stroke-dashoffset: 200; } 50% { stroke-dashoffset: 50; transform: rotate(-135deg); } 100% { transform: rotate(-450deg); } } .woocommerce-spinner { animation: rotate 2s linear infinite; width: 40px; min-width: 40px; height: 40px; max-height: 40px; } .woocommerce-spinner__circle { stroke-dasharray: 200; stroke-dashoffset: 0; transform-origin: center; animation: growAndShrink 2s ease-in-out infinite; stroke: #1d2327; } /** @format */ .woocommerce-summary { margin: 16px 0; display: -ms-grid; display: grid; border-width: 1px 1px 0 0; border-style: solid; border-color: #ccd0d4; background-color: #edeff0; box-shadow: inset 1px -1px 0 #ccd0d4; } @media (max-width: 782px) { .woocommerce-summary { border-width: 0; } .woocommerce-summary.is-placeholder { border-top: 0; } .woocommerce-summary .woocommerce-summary__item-container.is-placeholder { border-top: 1px solid #ccd0d4; } } .woocommerce-summary .components-popover.components-popover { position: static !important; top: auto !important; right: auto !important; left: auto !important; bottom: auto !important; margin-top: 0 !important; margin-right: 0; } .woocommerce-summary .components-popover.components-popover .components-popover__header { display: none; } .woocommerce-summary .components-popover.components-popover .components-popover__content { position: static; right: auto; left: auto; margin: 0; width: 100%; max-width: 100% !important; max-height: 100% !important; box-shadow: none; border: none; transform: none; } .woocommerce-summary .components-popover.components-popover .components-popover__content .woocommerce-summary__item.is-selected { display: none; } .components-popover__content .woocommerce-summary { max-height: 100%; margin-top: 0; margin-bottom: 0; overflow-y: auto; border: none; } .woocommerce-summary .woocommerce-summary__item-data { display: flex; flex-wrap: wrap; } .woocommerce-summary .woocommerce-summary__item-value, .woocommerce-summary .woocommerce-summary__item-delta { flex: 1 0 auto; } .woocommerce-summary .woocommerce-summary__item-delta { flex: 0 1 auto; display: flex; flex-wrap: none; } .woocommerce-summary, .woocommerce-summary.has-one-item, .woocommerce-summary.has-1-items { -ms-grid-columns: 1fr; grid-template-columns: 1fr; } .woocommerce-summary.has-2-items { -ms-grid-columns: (1fr)[2]; grid-template-columns: repeat(2, 1fr); } .woocommerce-summary.has-2-items .woocommerce-summary__item-container:nth-of-type(2n) .woocommerce-summary__item { border-left-color: #ccd0d4; } .woocommerce-summary.has-2-items .woocommerce-summary__item-container:nth-of-type(2n+1):nth-last-of-type(-n+2) .woocommerce-summary__item, .woocommerce-summary.has-2-items .woocommerce-summary__item-container:nth-of-type(2n+1):nth-last-of-type(-n+2) ~ .woocommerce-summary__item-container .woocommerce-summary__item { border-bottom-color: #ccd0d4; } .woocommerce-summary.has-3-items { -ms-grid-columns: (1fr)[3]; grid-template-columns: repeat(3, 1fr); } .woocommerce-summary.has-3-items .woocommerce-summary__item-container:nth-of-type(3n) .woocommerce-summary__item { border-left-color: #ccd0d4; } .woocommerce-summary.has-3-items .woocommerce-summary__item-container:nth-of-type(3n+1):nth-last-of-type(-n+3) .woocommerce-summary__item, .woocommerce-summary.has-3-items .woocommerce-summary__item-container:nth-of-type(3n+1):nth-last-of-type(-n+3) ~ .woocommerce-summary__item-container .woocommerce-summary__item { border-bottom-color: #ccd0d4; } .woocommerce-summary.has-4-items, .woocommerce-summary.has-7-items, .woocommerce-summary.has-8-items { -ms-grid-columns: (1fr)[4]; grid-template-columns: repeat(4, 1fr); } .woocommerce-summary.has-4-items .woocommerce-summary__item-container:nth-of-type(4n) .woocommerce-summary__item, .woocommerce-summary.has-7-items .woocommerce-summary__item-container:nth-of-type(4n) .woocommerce-summary__item, .woocommerce-summary.has-8-items .woocommerce-summary__item-container:nth-of-type(4n) .woocommerce-summary__item { border-left-color: #ccd0d4; } .woocommerce-summary.has-4-items .woocommerce-summary__item-container:nth-of-type(4n+1):nth-last-of-type(-n+4) .woocommerce-summary__item, .woocommerce-summary.has-4-items .woocommerce-summary__item-container:nth-of-type(4n+1):nth-last-of-type(-n+4) ~ .woocommerce-summary__item-container .woocommerce-summary__item, .woocommerce-summary.has-7-items .woocommerce-summary__item-container:nth-of-type(4n+1):nth-last-of-type(-n+4) .woocommerce-summary__item, .woocommerce-summary.has-7-items .woocommerce-summary__item-container:nth-of-type(4n+1):nth-last-of-type(-n+4) ~ .woocommerce-summary__item-container .woocommerce-summary__item, .woocommerce-summary.has-8-items .woocommerce-summary__item-container:nth-of-type(4n+1):nth-last-of-type(-n+4) .woocommerce-summary__item, .woocommerce-summary.has-8-items .woocommerce-summary__item-container:nth-of-type(4n+1):nth-last-of-type(-n+4) ~ .woocommerce-summary__item-container .woocommerce-summary__item { border-bottom-color: #ccd0d4; } .woocommerce-summary.has-5-items { -ms-grid-columns: (1fr)[5]; grid-template-columns: repeat(5, 1fr); } .woocommerce-summary.has-5-items .woocommerce-summary__item-container:nth-of-type(5n) .woocommerce-summary__item { border-left-color: #ccd0d4; } .woocommerce-summary.has-5-items .woocommerce-summary__item-container:nth-of-type(5n+1):nth-last-of-type(-n+5) .woocommerce-summary__item, .woocommerce-summary.has-5-items .woocommerce-summary__item-container:nth-of-type(5n+1):nth-last-of-type(-n+5) ~ .woocommerce-summary__item-container .woocommerce-summary__item { border-bottom-color: #ccd0d4; } .woocommerce-summary.has-5-items .woocommerce-summary__item-value, .woocommerce-summary.has-5-items .woocommerce-summary__item-delta { min-width: 100%; } .woocommerce-summary.has-5-items .woocommerce-summary__item-prev-label, .woocommerce-summary.has-5-items .woocommerce-summary__item-prev-value { display: block; } .woocommerce-summary.has-5-items.is-placeholder .woocommerce-summary__item-prev-label { margin-left: calc(100% - 80px); } @media (min-width: 1441px) { .woocommerce-summary.has-6-items { -ms-grid-columns: (1fr)[6]; grid-template-columns: repeat(6, 1fr); } .woocommerce-summary.has-6-items .woocommerce-summary__item-container:nth-of-type(6n) .woocommerce-summary__item { border-left-color: #ccd0d4; } .woocommerce-summary.has-6-items .woocommerce-summary__item-container:nth-of-type(6n+1):nth-last-of-type(-n+6) .woocommerce-summary__item, .woocommerce-summary.has-6-items .woocommerce-summary__item-container:nth-of-type(6n+1):nth-last-of-type(-n+6) ~ .woocommerce-summary__item-container .woocommerce-summary__item { border-bottom-color: #ccd0d4; } .woocommerce-summary.has-6-items .woocommerce-summary__item-value, .woocommerce-summary.has-6-items .woocommerce-summary__item-delta { min-width: 100%; } .woocommerce-summary.has-6-items .woocommerce-summary__item-prev-label, .woocommerce-summary.has-6-items .woocommerce-summary__item-prev-value { display: block; } .woocommerce-summary.has-6-items.is-placeholder .woocommerce-summary__item-prev-label { margin-left: calc(100% - 80px); } .woocommerce-summary.has-9-items, .woocommerce-summary.has-10-items { -ms-grid-columns: (1fr)[5]; grid-template-columns: repeat(5, 1fr); } .woocommerce-summary.has-9-items .woocommerce-summary__item-container:nth-of-type(5n) .woocommerce-summary__item, .woocommerce-summary.has-10-items .woocommerce-summary__item-container:nth-of-type(5n) .woocommerce-summary__item { border-left-color: #ccd0d4; } .woocommerce-summary.has-9-items .woocommerce-summary__item-container:nth-of-type(5n+1):nth-last-of-type(-n+5) .woocommerce-summary__item, .woocommerce-summary.has-9-items .woocommerce-summary__item-container:nth-of-type(5n+1):nth-last-of-type(-n+5) ~ .woocommerce-summary__item-container .woocommerce-summary__item, .woocommerce-summary.has-10-items .woocommerce-summary__item-container:nth-of-type(5n+1):nth-last-of-type(-n+5) .woocommerce-summary__item, .woocommerce-summary.has-10-items .woocommerce-summary__item-container:nth-of-type(5n+1):nth-last-of-type(-n+5) ~ .woocommerce-summary__item-container .woocommerce-summary__item { border-bottom-color: #ccd0d4; } .woocommerce-summary.has-9-items .woocommerce-summary__item-value, .woocommerce-summary.has-9-items .woocommerce-summary__item-delta, .woocommerce-summary.has-10-items .woocommerce-summary__item-value, .woocommerce-summary.has-10-items .woocommerce-summary__item-delta { min-width: 100%; } .woocommerce-summary.has-9-items .woocommerce-summary__item-prev-label, .woocommerce-summary.has-9-items .woocommerce-summary__item-prev-value, .woocommerce-summary.has-10-items .woocommerce-summary__item-prev-label, .woocommerce-summary.has-10-items .woocommerce-summary__item-prev-value { display: block; } .woocommerce-summary.has-9-items.is-placeholder .woocommerce-summary__item-prev-label, .woocommerce-summary.has-10-items.is-placeholder .woocommerce-summary__item-prev-label { margin-left: calc(100% - 80px); } } @media (max-width: 1440px) { .woocommerce-summary.has-4-items .woocommerce-summary__item-value, .woocommerce-summary.has-4-items .woocommerce-summary__item-delta, .woocommerce-summary.has-7-items .woocommerce-summary__item-value, .woocommerce-summary.has-7-items .woocommerce-summary__item-delta, .woocommerce-summary.has-8-items .woocommerce-summary__item-value, .woocommerce-summary.has-8-items .woocommerce-summary__item-delta { min-width: 100%; } .woocommerce-summary.has-4-items .woocommerce-summary__item-prev-label, .woocommerce-summary.has-4-items .woocommerce-summary__item-prev-value, .woocommerce-summary.has-7-items .woocommerce-summary__item-prev-label, .woocommerce-summary.has-7-items .woocommerce-summary__item-prev-value, .woocommerce-summary.has-8-items .woocommerce-summary__item-prev-label, .woocommerce-summary.has-8-items .woocommerce-summary__item-prev-value { display: block; } .woocommerce-summary.has-4-items.is-placeholder .woocommerce-summary__item-prev-label, .woocommerce-summary.has-7-items.is-placeholder .woocommerce-summary__item-prev-label, .woocommerce-summary.has-8-items.is-placeholder .woocommerce-summary__item-prev-label { margin-left: calc(100% - 80px); } .woocommerce-summary.has-6-items, .woocommerce-summary.has-9-items { -ms-grid-columns: (1fr)[3]; grid-template-columns: repeat(3, 1fr); } .woocommerce-summary.has-6-items .woocommerce-summary__item-container:nth-of-type(3n) .woocommerce-summary__item, .woocommerce-summary.has-9-items .woocommerce-summary__item-container:nth-of-type(3n) .woocommerce-summary__item { border-left-color: #ccd0d4; } .woocommerce-summary.has-6-items .woocommerce-summary__item-container:nth-of-type(3n+1):nth-last-of-type(-n+3) .woocommerce-summary__item, .woocommerce-summary.has-6-items .woocommerce-summary__item-container:nth-of-type(3n+1):nth-last-of-type(-n+3) ~ .woocommerce-summary__item-container .woocommerce-summary__item, .woocommerce-summary.has-9-items .woocommerce-summary__item-container:nth-of-type(3n+1):nth-last-of-type(-n+3) .woocommerce-summary__item, .woocommerce-summary.has-9-items .woocommerce-summary__item-container:nth-of-type(3n+1):nth-last-of-type(-n+3) ~ .woocommerce-summary__item-container .woocommerce-summary__item { border-bottom-color: #ccd0d4; } .woocommerce-summary.has-10-items { -ms-grid-columns: (1fr)[4]; grid-template-columns: repeat(4, 1fr); } .woocommerce-summary.has-10-items .woocommerce-summary__item-container:nth-of-type(4n) .woocommerce-summary__item { border-left-color: #ccd0d4; } .woocommerce-summary.has-10-items .woocommerce-summary__item-container:nth-of-type(4n+1):nth-last-of-type(-n+4) .woocommerce-summary__item, .woocommerce-summary.has-10-items .woocommerce-summary__item-container:nth-of-type(4n+1):nth-last-of-type(-n+4) ~ .woocommerce-summary__item-container .woocommerce-summary__item { border-bottom-color: #ccd0d4; } .woocommerce-summary.has-10-items .woocommerce-summary__item-value, .woocommerce-summary.has-10-items .woocommerce-summary__item-delta { min-width: 100%; } .woocommerce-summary.has-10-items .woocommerce-summary__item-prev-label, .woocommerce-summary.has-10-items .woocommerce-summary__item-prev-value { display: block; } .woocommerce-summary.has-10-items.is-placeholder .woocommerce-summary__item-prev-label { margin-left: calc(100% - 80px); } .woocommerce-summary.has-9-items .woocommerce-summary__item-container:nth-of-type(5n) .woocommerce-summary__item, .woocommerce-summary.has-10-items .woocommerce-summary__item-container:nth-of-type(5n) .woocommerce-summary__item { border-left-color: #e2e4e7; } } @media (max-width: 960px) { .woocommerce-summary .woocommerce-summary__item { border-left-color: #ccd0d4; } } @media (max-width: 782px) { .woocommerce-summary .woocommerce-summary__item-container { margin-right: -16px; margin-left: -16px; width: auto; } .woocommerce-summary .woocommerce-summary__item-container .woocommerce-summary__item { border-left: none; } .woocommerce-summary .components-popover.components-popover { margin-right: -16px; margin-left: -16px; } .woocommerce-summary .components-popover.components-popover .woocommerce-summary__item-container { margin-right: 0; margin-left: 0; } } .woocommerce-summary__item-container { margin-bottom: 0; } .woocommerce-summary__item-container:last-of-type .woocommerce-summary__item { border-bottom-color: #ccd0d4 !important; } .woocommerce-summary__item-container.is-dropdown-button { padding: 0; list-style: none; border-left: 1px solid #ccd0d4; } .woocommerce-summary__item-container.is-dropdown-button .components-button { border-bottom: 1px solid #ccd0d4; text-align: right; display: block; } @media (max-width: 782px) { .woocommerce-summary__item-container.is-dropdown-button { border-left: none; } } .woocommerce-summary__item-container.is-placeholder .woocommerce-summary__item-label { animation: loading-fade 1.6s ease-in-out infinite; background-color: #e2e4e7; color: transparent; display: inline-block; height: 16px; margin-top: 2.2px; max-width: 110px; width: 70%; } .woocommerce-summary__item-container.is-placeholder .woocommerce-summary__item-label::after { content: '\00a0'; } @media screen and (prefers-reduced-motion: reduce) { .woocommerce-summary__item-container.is-placeholder .woocommerce-summary__item-label { animation: none; } } .woocommerce-summary__item-container.is-placeholder .woocommerce-summary__item-data { justify-content: space-between; } .woocommerce-summary__item-container.is-placeholder .woocommerce-summary__item-value, .woocommerce-summary__item-container.is-placeholder .woocommerce-summary__item-delta-value, .woocommerce-summary__item-container.is-placeholder .woocommerce-summary__item-prev-label, .woocommerce-summary__item-container.is-placeholder .woocommerce-summary__item-prev-value { animation: loading-fade 1.6s ease-in-out infinite; background-color: #e2e4e7; color: transparent; display: inline-block; height: 16px; min-width: auto; } .woocommerce-summary__item-container.is-placeholder .woocommerce-summary__item-value::after, .woocommerce-summary__item-container.is-placeholder .woocommerce-summary__item-delta-value::after, .woocommerce-summary__item-container.is-placeholder .woocommerce-summary__item-prev-label::after, .woocommerce-summary__item-container.is-placeholder .woocommerce-summary__item-prev-value::after { content: '\00a0'; } @media screen and (prefers-reduced-motion: reduce) { .woocommerce-summary__item-container.is-placeholder .woocommerce-summary__item-value, .woocommerce-summary__item-container.is-placeholder .woocommerce-summary__item-delta-value, .woocommerce-summary__item-container.is-placeholder .woocommerce-summary__item-prev-label, .woocommerce-summary__item-container.is-placeholder .woocommerce-summary__item-prev-value { animation: none; } } .woocommerce-summary__item-container.is-placeholder .woocommerce-summary__item-value { margin-top: 2.2px; max-width: 60px; } .woocommerce-summary__item-container.is-placeholder .woocommerce-summary__item-delta-value { margin-top: 2.2px; width: 50px; } .woocommerce-summary__item-container.is-placeholder .woocommerce-summary__item-prev-label { width: 80px; } .woocommerce-summary__item-container.is-placeholder .woocommerce-summary__item-prev-value { width: 40px; } .woocommerce-summary__item { display: flex; flex-direction: column; height: 100%; padding: 16px; background-color: #f8f9f9; border-bottom: 1px solid #e2e4e7; border-left: 1px solid #e2e4e7; line-height: 1.4em; text-decoration: none; } .woocommerce-summary__item:hover { background-color: #f3f4f5; } .woocommerce-summary__item:active { background-color: #edeff0; } .woocommerce-summary__item:focus { box-shadow: inset 1px -1px 0 #6c7781, inset -1px 1px 0 #6c7781 !important; } .woocommerce-summary__item.is-selected:focus { box-shadow: inset 1px -1px 0 #6c7781, inset -1px 0 0 #6c7781, inset 0 4px 0 #7f54b3 !important; } .is-dropdown-button .woocommerce-summary__item { position: relative; width: 100%; padding-left: 56px; } @media (max-width: 782px) { .is-dropdown-button .woocommerce-summary__item { border-left: none; } } .woocommerce-summary__item .woocommerce-summary__item-data { margin-top: auto; } .woocommerce-summary__item .woocommerce-summary__item-label { display: block; margin-bottom: 16px; font-size: 11px; font-size: 0.6875rem; text-transform: uppercase; color: #6c7781; } .woocommerce-summary__item .woocommerce-summary__item-value { margin-bottom: 4px; font-size: 18px; font-size: 1.125rem; font-weight: 500; color: #191e23; } .woocommerce-summary__item .woocommerce-summary__item-delta { margin-bottom: 12px; font-size: 18px; font-size: 1.125rem; font-weight: 300; color: #555d66; } .woocommerce-summary__item.is-selected { background: #fff; box-shadow: inset 0 4px 0 #674399; } .woocommerce-summary__item.is-selected .woocommerce-summary__item-value { font-weight: 600; } .woocommerce-summary__item.is-selected .woocommerce-summary__item-delta { font-weight: 400; } .woocommerce-summary__item.is-good-trend .woocommerce-summary__item-delta { color: #4ab866; } .woocommerce-summary__item.is-bad-trend .woocommerce-summary__item-delta { color: #d94f4f; } .woocommerce-summary__item .woocommerce-summary__item-delta-icon { vertical-align: middle; margin-left: 3px; fill: currentColor; } .woocommerce-summary__item .woocommerce-summary__item-delta-icon.gridicons-arrow-up { transform: rotate(-45deg); } .woocommerce-summary__item .woocommerce-summary__item-delta-icon.gridicons-arrow-down { transform: rotate(45deg); } .woocommerce-summary__item .woocommerce-summary__item-prev-label, .woocommerce-summary__item .woocommerce-summary__item-prev-value { font-size: 13px; font-size: 0.8125rem; color: #555d66; display: inline-block; } .woocommerce-summary__item .woocommerce-summary__toggle { position: absolute; top: 44px; left: 16px; transition: transform ease 0.2s; } @media screen and (prefers-reduced-motion: reduce) { .woocommerce-summary__item .woocommerce-summary__toggle { transition: none; } } .is-dropdown-expanded .woocommerce-summary__item .woocommerce-summary__toggle { transform: rotate(180deg); } .components-popover__content .woocommerce-summary__item .woocommerce-summary__item-label { margin-bottom: 0; } .components-popover__content .woocommerce-summary__item .woocommerce-summary__item-value, .components-popover__content .woocommerce-summary__item .woocommerce-summary__item-delta { font-size: 13px; font-size: 0.8125rem; margin-bottom: 0; } .components-popover__content .woocommerce-summary__item .woocommerce-summary__item-prev-label, .components-popover__content .woocommerce-summary__item .woocommerce-summary__item-prev-value { font-size: 11px; font-size: 0.6875rem; } /** @format */ .woocommerce-table .woocommerce-card__body { padding: 0; position: relative; } .woocommerce-table .woocommerce-search { flex-grow: 1; } .woocommerce-table .woocommerce-card__action { justify-self: flex-end; margin: -13px 0; } .woocommerce-table .woocommerce-card__menu { justify-self: flex-end; } .woocommerce-table.has-compare .woocommerce-card__action, .woocommerce-table.has-search .woocommerce-card__action { align-items: center; text-align: right; display: -ms-grid; display: grid; width: 100%; -ms-grid-columns: auto 1fr auto; grid-template-columns: auto 1fr auto; } @media (max-width: 960px) { .woocommerce-table.has-compare .woocommerce-card__action, .woocommerce-table.has-search .woocommerce-card__action { -ms-grid-row: 1; -ms-grid-row-span: 2; -ms-grid-column: 1; -ms-grid-column-span: 3; grid-area: 1 / 1 / 3 / 4; grid-gap: 12px; -ms-grid-columns: auto 1fr 24px; grid-template-columns: auto 1fr 24px; margin: 0; } .woocommerce-table.has-compare .woocommerce-card__action .woocommerce-table__compare, .woocommerce-table.has-search .woocommerce-card__action .woocommerce-table__compare { display: flex; -ms-grid-row: 2; -ms-grid-row-span: 1; -ms-grid-column: 1; -ms-grid-column-span: 1; grid-area: 2 / 1 / 3 / 2; } .woocommerce-table.has-compare .woocommerce-card__action .woocommerce-search, .woocommerce-table.has-search .woocommerce-card__action .woocommerce-search { -ms-grid-row: 2; -ms-grid-row-span: 1; -ms-grid-column: 2; -ms-grid-column-span: 2; grid-area: 2 / 2 / 3 / 4; margin-left: 0; } .woocommerce-table.has-compare .woocommerce-card__action .woocommerce-table__download-button, .woocommerce-table.has-search .woocommerce-card__action .woocommerce-table__download-button { -ms-grid-row: 1; -ms-grid-row-span: 1; -ms-grid-column: 2; -ms-grid-column-span: 1; grid-area: 1 / 2 / 2 / 3; -ms-grid-column-align: end; justify-self: end; margin: -6px 0; } } .woocommerce-table.has-compare.has-search:not(.has-compare) .woocommerce-card__action, .woocommerce-table.has-search.has-search:not(.has-compare) .woocommerce-card__action { -ms-grid-columns: 1fr auto; grid-template-columns: 1fr auto; } .woocommerce-table.has-compare.has-search:not(.has-compare) .woocommerce-card__action .woocommerce-search, .woocommerce-table.has-search.has-search:not(.has-compare) .woocommerce-card__action .woocommerce-search { -ms-grid-row-align: center; align-self: center; -ms-grid-column: 1; grid-column-start: 1; -ms-grid-column-span: 1; grid-column-end: 2; } .woocommerce-table.has-compare.has-search:not(.has-compare) .woocommerce-card__action .woocommerce-table__download-button, .woocommerce-table.has-search.has-search:not(.has-compare) .woocommerce-card__action .woocommerce-table__download-button { -ms-grid-row-align: center; align-self: center; -ms-grid-column: 2; grid-column-start: 2; -ms-grid-column-span: 1; grid-column-end: 3; } @media (max-width: 960px) { .woocommerce-table.has-compare.has-search:not(.has-compare) .woocommerce-card__action, .woocommerce-table.has-search.has-search:not(.has-compare) .woocommerce-card__action { -ms-grid-row: 1; -ms-grid-row-span: 2; -ms-grid-column: 1; -ms-grid-column-span: 3; grid-area: 1 / 1 / 3 / 4; -ms-grid-columns: auto 1fr 24px; grid-template-columns: auto 1fr 24px; } .woocommerce-table.has-compare.has-search:not(.has-compare) .woocommerce-card__action .woocommerce-search, .woocommerce-table.has-search.has-search:not(.has-compare) .woocommerce-card__action .woocommerce-search { -ms-grid-row: 2; -ms-grid-row-span: 1; -ms-grid-column: 1; -ms-grid-column-span: 3; grid-area: 2 / 1 / 3 / 4; margin-right: 0; } .woocommerce-table.has-compare.has-search:not(.has-compare) .woocommerce-card__action .woocommerce-table__download-button, .woocommerce-table.has-search.has-search:not(.has-compare) .woocommerce-card__action .woocommerce-table__download-button { -ms-grid-row: 1; -ms-grid-row-span: 1; -ms-grid-column: 2; -ms-grid-column-span: 1; grid-area: 1 / 2 / 2 / 3; } } .woocommerce-table.has-compare .woocommerce-search, .woocommerce-table.has-search .woocommerce-search { margin: 0 16px; } .woocommerce-table.has-compare .woocommerce-compare-button, .woocommerce-table.has-search .woocommerce-compare-button { padding: 3px 12px; height: auto; } .woocommerce-table.is-empty { align-items: center; background: #f8f9f9; color: #555d66; display: flex; height: calc(16px + 1.1375rem + 1px + (32px + 1.1375rem + 1px) * 5); height: calc(16px + 1.1375rem + 1px + (32px + 1.1375rem + 1px) * var(--number-of-rows)); justify-content: center; padding: 16px; text-align: center; } .woocommerce-table button.woocommerce-table__download-button.is-link { padding: 6px 12px; color: #000; text-decoration: none; } .woocommerce-table button.woocommerce-table__download-button.is-link svg { margin-left: 8px; height: 24px; width: 24px; } @media (max-width: 782px) { .woocommerce-table button.woocommerce-table__download-button.is-link svg { margin-left: 0; } .woocommerce-table button.woocommerce-table__download-button.is-link .woocommerce-table__download-button__label { display: none; } } .woocommerce-table .woocommerce-pagination { padding-top: 16px; padding-bottom: 16px; z-index: 1; background: #fff; position: relative; } .woocommerce-table__caption { font-size: 24px; font-size: 1.5rem; text-align: right; } .woocommerce-table__table { overflow-x: auto; } .woocommerce-table__table::after { content: ''; position: absolute; left: 0; top: 0; width: 41px; height: 100%; background: linear-gradient(-90deg, rgba(0, 0, 0, 0), rgba(0, 0, 0, 0.2)); opacity: 0; pointer-events: none; transition: opacity 0.3s; } .woocommerce-table__table.is-scrollable::after { opacity: 1; } .woocommerce-table__table table { border-collapse: collapse; width: 100%; } .woocommerce-table__table tr:hover, .woocommerce-table__table tr:focus-within { background-color: #f3f4f5; } .woocommerce-table__table tr:hover td, .woocommerce-table__table tr:hover th, .woocommerce-table__table tr:focus-within td, .woocommerce-table__table tr:focus-within th { background: transparent; } .woocommerce-table__header, .woocommerce-table__item, .woocommerce-table__empty-item { padding: 16px 24px; border-bottom: 1px solid #e2e4e7; } .woocommerce-table__header, .woocommerce-table__item { font-size: 13px; font-size: 0.8125rem; text-align: right; } .woocommerce-table__header > a:only-child, .woocommerce-table__item > a:only-child { display: block; } .woocommerce-table__header a:hover, .woocommerce-table__header a:focus, .woocommerce-table__item a:hover, .woocommerce-table__item a:focus { color: #533582; } .woocommerce-table__header .is-placeholder, .woocommerce-table__item .is-placeholder { animation: loading-fade 1.6s ease-in-out infinite; background-color: #e2e4e7; color: transparent; display: inline-block; height: 16px; max-width: 120px; width: 80%; } .woocommerce-table__header .is-placeholder::after, .woocommerce-table__item .is-placeholder::after { content: '\00a0'; } @media screen and (prefers-reduced-motion: reduce) { .woocommerce-table__header .is-placeholder, .woocommerce-table__item .is-placeholder { animation: none; } } .woocommerce-table__header:not(.is-left-aligned), .woocommerce-table__item:not(.is-left-aligned) { text-align: left; } .woocommerce-table__header:not(.is-left-aligned) button, .woocommerce-table__item:not(.is-left-aligned) button { justify-content: flex-end; } .woocommerce-table__header.is-numeric .is-placeholder, .woocommerce-table__item.is-numeric .is-placeholder { max-width: 40px; } .woocommerce-table__header .is-negative, .woocommerce-table__item .is-negative { color: #d94f4f; font-weight: bold; } .woocommerce-table__header.is-sorted, .woocommerce-table__item.is-sorted { background-color: #f8f9f9; } .woocommerce-table__header.is-checkbox-column, .woocommerce-table__item.is-checkbox-column { width: 33px; max-width: 33px; padding-left: 0; padding-right: 16px; } .woocommerce-table__header.is-checkbox-column + th, .woocommerce-table__item.is-checkbox-column + th { border-right: 0; } .woocommerce-table__empty-item { text-align: center; font-size: 18px; font-size: 1.125rem; color: #6c7781; font-weight: bold; } @media (max-width: 782px) { .woocommerce-table__empty-item { font-size: 13px; font-size: 0.8125rem; } } th.woocommerce-table__item { font-weight: normal; } .woocommerce-table__header { padding: 8px 24px; background-color: #f8f9fa; border-bottom: 1px solid #ccd0d4; font-weight: bold; white-space: nowrap; } .woocommerce-table__header + .woocommerce-table__header { border-right: 1px solid #ccd0d4; } .woocommerce-table__header.is-left-aligned.is-sortable { padding-right: 16px; } .woocommerce-table__header.is-left-aligned.is-sortable svg { display: inline-flex; order: 1; margin-right: 0; } .woocommerce-table__header .components-button.is-button { height: auto; width: 100%; padding: 8px 0 8px 24px; vertical-align: middle; line-height: 1; border: none; background: transparent; box-shadow: none !important; } .woocommerce-table__header .components-button.is-button:hover { box-shadow: none !important; } .woocommerce-table__header .components-button.is-button:active { box-shadow: none !important; } .woocommerce-table__header.is-sortable { padding: 0; } .woocommerce-table__header.is-sortable .gridicon { visibility: hidden; margin-right: 4px; } .woocommerce-table__header.is-sortable.is-sorted .components-button .gridicon, .woocommerce-table__header.is-sortable .components-button:hover .gridicon, .woocommerce-table__header.is-sortable .components-button:focus .gridicon { visibility: visible; } .woocommerce-table__summary { margin: 0; padding: 16px 0; text-align: center; z-index: 1; background: #fff; position: relative; } .woocommerce-table__summary-item { display: inline-block; margin-bottom: 0; margin-right: 8px; margin-left: 8px; } .woocommerce-table__summary-item .woocommerce-table__summary-label, .woocommerce-table__summary-item .woocommerce-table__summary-value { display: inline-block; } .woocommerce-table__summary-item .woocommerce-table__summary-label { margin-right: 4px; } .woocommerce-table__summary-item .woocommerce-table__summary-value { font-weight: 600; } /** @format */ .woocommerce-tag { display: inline-flex; margin: 1px 0 1px 4px; overflow: hidden; vertical-align: middle; } .woocommerce-tag .woocommerce-tag__text, .woocommerce-tag .woocommerce-tag__remove.components-icon-button { display: inline-block; line-height: 24px; background: #e2e4e7; transition: all 0.2s cubic-bezier(0.4, 1, 0.4, 1); } .woocommerce-tag .woocommerce-tag__text { -ms-grid-row-align: center; align-self: center; padding: 0 8px; border-radius: 12px; color: #555d66; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; } .woocommerce-tag.has-remove .woocommerce-tag__text { padding: 0 8px 0 4px; border-radius: 0 12px 12px 0; } .woocommerce-tag .woocommerce-tag__remove.components-icon-button { cursor: pointer; padding: 0 2px; border-radius: 12px 0 0 12px; color: #555d66; line-height: 10px; text-indent: 0; } .woocommerce-tag .woocommerce-tag__remove.components-icon-button:hover { color: #32373c; } .text-control-with-affixes { display: inline-flex; flex-direction: row; width: 100%; } .text-control-with-affixes input[type='email'], .text-control-with-affixes input[type='password'], .text-control-with-affixes input[type='url'], .text-control-with-affixes input[type='text'], .text-control-with-affixes input[type='number'] { flex-grow: 1; margin: 0; } .text-control-with-affixes input[type='email']:disabled, .text-control-with-affixes input[type='password']:disabled, .text-control-with-affixes input[type='url']:disabled, .text-control-with-affixes input[type='text']:disabled, .text-control-with-affixes input[type='number']:disabled { border-left-width: 0; } .text-control-with-affixes input[type='email']:disabled + .text-control-with-affixes__suffix, .text-control-with-affixes input[type='password']:disabled + .text-control-with-affixes__suffix, .text-control-with-affixes input[type='url']:disabled + .text-control-with-affixes__suffix, .text-control-with-affixes input[type='text']:disabled + .text-control-with-affixes__suffix, .text-control-with-affixes input[type='number']:disabled + .text-control-with-affixes__suffix { border-right: 1px solid #e2e4e7; } .text-control-with-affixes__prefix, .text-control-with-affixes__suffix { position: relative; background: #fff; border: 1px solid #e2e4e7; color: #555d66; padding: 7px 14px; white-space: nowrap; flex: 1 0 auto; font-size: 14px; line-height: 1.5; } .text-control-with-affixes__prefix { border-left: none; } .text-control-with-affixes__prefix + input[type='email']:disabled, .text-control-with-affixes__prefix + input[type='password']:disabled, .text-control-with-affixes__prefix + input[type='url']:disabled, .text-control-with-affixes__prefix + input[type='text']:disabled, .text-control-with-affixes__prefix + input[type='number']:disabled { border-right-color: #e2e4e7; border-left-width: 1px; } .text-control-with-affixes__suffix { border-right: none; } /** @format */ .woocommerce-view-more-list { padding-right: 4px; margin: 0 4px 0 0; vertical-align: middle; } .woocommerce-view-more-list__popover { margin: 0; padding: 16px; text-align: right; } .woocommerce-view-more-list__popover__item { display: block; margin: 16px 0; } .woocommerce-view-more-list__popover__item:first-child { margin-top: 0; } .woocommerce-view-more-list__popover__item:last-child { margin-bottom: 0; } .woocommerce-web-preview { width: 100%; display: flex; align-items: center; justify-content: center; background: #f6f7f7; } .woocommerce-web-preview.is-loading .woocommerce-web-preview__iframe-wrapper { display: none; } .woocommerce-web-preview .woocommerce-web-preview__iframe-wrapper { width: 100%; } .woocommerce-web-preview iframe { width: 100%; height: 100%; min-height: 400px; }