.wp-block-activecampaign-form-activecampaign-form-block {
padding: 1px;
}
@charset "UTF-8";
:root {
--wp-admin-theme-color: #3858e9;
--wp-admin-theme-color--rgb: 56, 88, 233;
--wp-admin-theme-color-darker-10: #2145e6;
--wp-admin-theme-color-darker-10--rgb: 33, 69, 230;
--wp-admin-theme-color-darker-20: #183ad6;
--wp-admin-theme-color-darker-20--rgb: 24, 58, 214;
--wp-admin-border-width-focus: 2px;
}
@media (min-resolution:192dpi) {
:root {
--wp-admin-border-width-focus: 1.5px;
}
}
@media not (prefers-reduced-motion) {
.components-animate__appear {
animation: components-animate__appear-animation .1s cubic-bezier(0, 0, .2, 1) 0s;
animation-fill-mode: forwards;
}
}
.components-animate__appear.is-from-top, .components-animate__appear.is-from-top.is-from-left {
transform-origin: top left;
}
.components-animate__appear.is-from-top.is-from-right {
transform-origin: top right;
}
.components-animate__appear.is-from-bottom, .components-animate__appear.is-from-bottom.is-from-left {
transform-origin: bottom left;
}
.components-animate__appear.is-from-bottom.is-from-right {
transform-origin: bottom right;
}
@keyframes components-animate__appear-animation {
0% {
transform: translateY(-2em) scaleY(0) scaleX(0);
}
to {
transform: translateY(0) scaleY(1) scaleX(1);
}
}
@media not (prefers-reduced-motion) {
.components-animate__slide-in {
animation: components-animate__slide-in-animation .1s cubic-bezier(0, 0, .2, 1);
animation-fill-mode: forwards;
}
.components-animate__slide-in.is-from-left {
transform: translateX(100%);
}
.components-animate__slide-in.is-from-right {
transform: translateX(-100%);
}
}
@keyframes components-animate__slide-in-animation {
to {
transform: translateX(0);
}
}
@media not (prefers-reduced-motion) {
.components-animate__loading {
animation: components-animate__loading 1.6s ease-in-out infinite;
}
}
@keyframes components-animate__loading {
0% {
opacity: .5;
}
50% {
opacity: 1;
}
to {
opacity: .5;
}
}
.components-autocomplete__popover .components-popover__content {
min-width: 200px;
padding: 8px;
}
.components-autocomplete__result.components-button {
display: flex;
height: auto;
min-height: 36px;
text-align: left;
width: 100%;
}
.components-autocomplete__result.components-button:focus:not(:disabled) {
box-shadow: inset 0 0 0 1px #fff, 0 0 0 var(--wp-admin-border-width-focus) var(--wp-admin-theme-color);
outline: 2px solid rgba(0, 0, 0, 0);
}
.components-badge {
align-items: center;
background-color: color-mix(in srgb, #fff 90%, var(--base-color));
border-radius: 2px;
box-sizing: border-box;
color: color-mix(in srgb, #000 50%, var(--base-color));
display: inline-flex;
font-size: 12px;
font-weight: 400;
gap: 2px;
line-height: 20px;
max-width: 100%;
min-height: 24px;
padding: 0 8px;
}
.components-badge *, .components-badge :after, .components-badge :before {
box-sizing: inherit;
}
.components-badge:where(.is-default) {
background-color: #f0f0f0;
color: #2f2f2f;
}
.components-badge.has-icon {
padding-inline-start: 4px;
}
.components-badge.is-info {
--base-color: #3858e9;
}
.components-badge.is-warning {
--base-color: #f0b849;
}
.components-badge.is-error {
--base-color: #cc1818;
}
.components-badge.is-success {
--base-color: #4ab866;
}
.components-badge__icon {
flex-shrink: 0;
}
.components-badge__content {
overflow: hidden;
text-overflow: ellipsis;
white-space: nowrap;
}
.components-button-group {
display: inline-block;
}
.components-button-group .components-button {
border-radius: 0;
box-shadow: inset 0 0 0 1px #1e1e1e;
color: #1e1e1e;
display: inline-flex;
}
.components-button-group .components-button+.components-button {
margin-left: -1px;
}
.components-button-group .components-button:first-child {
border-radius: 2px 0 0 2px;
}
.components-button-group .components-button:last-child {
border-radius: 0 2px 2px 0;
}
.components-button-group .components-button.is-primary, .components-button-group .components-button:focus {
position: relative;
z-index: 1;
}
.components-button-group .components-button.is-primary {
box-shadow: inset 0 0 0 1px #1e1e1e;
}
.components-button {
align-items: center;
-webkit-appearance: none;
background: none;
border: 0;
border-radius: 2px;
box-sizing: border-box;
color: var(--wp-components-color-foreground, #1e1e1e);
cursor: pointer;
display: inline-flex;
font-family: inherit;
font-size: 13px;
height: 36px;
margin: 0;
padding: 6px 12px;
text-decoration: none;
}
@media not (prefers-reduced-motion) {
.components-button {
transition: box-shadow .1s linear;
}
}
.components-button.is-next-40px-default-size {
height: 40px;
}
.components-button:hover:not(:disabled, [aria-disabled=true]), .components-button[aria-expanded=true] {
color: var(--wp-components-color-accent, var(--wp-admin-theme-color, #3858e9));
}
.components-button:focus:not(:disabled) {
box-shadow: 0 0 0 var(--wp-admin-border-width-focus) var(--wp-components-color-accent, var(--wp-admin-theme-color, #3858e9));
outline: 3px solid rgba(0, 0, 0, 0);
}
.components-button.is-primary {
background: var(--wp-components-color-accent, var(--wp-admin-theme-color, #3858e9));
color: var(--wp-components-color-accent-inverted, #fff);
outline: 1px solid rgba(0, 0, 0, 0);
text-decoration: none;
text-shadow: none;
white-space: nowrap;
}
.components-button.is-primary:hover:not(:disabled) {
background: var(--wp-components-color-accent-darker-10, var(--wp-admin-theme-color-darker-10, #2145e6));
color: var(--wp-components-color-accent-inverted, #fff);
}
.components-button.is-primary:active:not(:disabled) {
background: var(--wp-components-color-accent-darker-20, var(--wp-admin-theme-color-darker-20, #183ad6));
border-color: var(--wp-components-color-accent-darker-20, var(--wp-admin-theme-color-darker-20, #183ad6));
color: var(--wp-components-color-accent-inverted, #fff);
}
.components-button.is-primary:focus:not(:disabled) {
box-shadow: inset 0 0 0 1px var(--wp-components-color-background, #fff), 0 0 0 var(--wp-admin-border-width-focus) var(--wp-components-color-accent, var(--wp-admin-theme-color, #3858e9));
}
.components-button.is-primary:disabled, .components-button.is-primary:disabled:active:enabled, .components-button.is-primary[aria-disabled=true], .components-button.is-primary[aria-disabled=true]:active:enabled, .components-button.is-primary[aria-disabled=true]:enabled {
background: var(--wp-components-color-accent, var(--wp-admin-theme-color, #3858e9));
border-color: var(--wp-components-color-accent, var(--wp-admin-theme-color, #3858e9));
color: rgba(255, 255, 255, .4);
outline: none;
}
.components-button.is-primary:disabled:active:enabled:focus:enabled, .components-button.is-primary:disabled:focus:enabled, .components-button.is-primary[aria-disabled=true]:active:enabled:focus:enabled, .components-button.is-primary[aria-disabled=true]:enabled:focus:enabled, .components-button.is-primary[aria-disabled=true]:focus:enabled {
box-shadow: inset 0 0 0 1px var(--wp-components-color-background, #fff), 0 0 0 var(--wp-admin-border-width-focus) var(--wp-components-color-accent, var(--wp-admin-theme-color, #3858e9));
}
.components-button.is-primary.is-busy, .components-button.is-primary.is-busy:disabled, .components-button.is-primary.is-busy[aria-disabled=true] {
background-image: linear-gradient(-45deg, var(--wp-components-color-accent, var(--wp-admin-theme-color, #3858e9)) 33%, var(--wp-components-color-accent-darker-20, var(--wp-admin-theme-color-darker-20, #183ad6)) 33%, var(--wp-components-color-accent-darker-20, var(--wp-admin-theme-color-darker-20, #183ad6)) 70%, var(--wp-components-color-accent, var(--wp-admin-theme-color, #3858e9)) 70%);
background-size: 100px 100%;
border-color: var(--wp-components-color-accent, var(--wp-admin-theme-color, #3858e9));
color: var(--wp-components-color-accent-inverted, #fff);
}
.components-button.is-secondary, .components-button.is-tertiary {
outline: 1px solid rgba(0, 0, 0, 0);
}
.components-button.is-secondary:active:not(:disabled), .components-button.is-tertiary:active:not(:disabled) {
box-shadow: none;
}
.components-button.is-secondary:disabled, .components-button.is-secondary[aria-disabled=true], .components-button.is-secondary[aria-disabled=true]:hover, .components-button.is-tertiary:disabled, .components-button.is-tertiary[aria-disabled=true], .components-button.is-tertiary[aria-disabled=true]:hover {
background: rgba(0, 0, 0, 0);
color: #949494;
transform: none;
}
.components-button.is-secondary {
background: rgba(0, 0, 0, 0);
box-shadow: inset 0 0 0 1px var(--wp-components-color-accent, var(--wp-admin-theme-color, #3858e9)), 0 0 0 currentColor;
color: var(--wp-components-color-accent, var(--wp-admin-theme-color, #3858e9));
outline: 1px solid rgba(0, 0, 0, 0);
white-space: nowrap;
}
.components-button.is-secondary:hover:not(:disabled, [aria-disabled=true], .is-pressed) {
background: color-mix(in srgb, var(--wp-components-color-accent, var(--wp-admin-theme-color, #3858e9)) 4%, rgba(0, 0, 0, 0));
box-shadow: inset 0 0 0 1px var(--wp-components-color-accent-darker-20, var(--wp-admin-theme-color-darker-20, #183ad6));
color: var(--wp-components-color-accent-darker-20, var(--wp-admin-theme-color-darker-20, #183ad6));
}
.components-button.is-secondary:disabled:not(:focus), .components-button.is-secondary[aria-disabled=true]:hover:not(:focus), .components-button.is-secondary[aria-disabled=true]:not(:focus) {
box-shadow: inset 0 0 0 1px #ddd;
}
.components-button.is-secondary:focus:not(:disabled) {
box-shadow: 0 0 0 currentColor inset, 0 0 0 var(--wp-admin-border-width-focus) var(--wp-components-color-accent, var(--wp-admin-theme-color, #3858e9));
}
.components-button.is-tertiary {
background: rgba(0, 0, 0, 0);
color: var(--wp-components-color-accent, var(--wp-admin-theme-color, #3858e9));
white-space: nowrap;
}
.components-button.is-tertiary:hover:not(:disabled, [aria-disabled=true], .is-pressed) {
background: color-mix(in srgb, var(--wp-components-color-accent, var(--wp-admin-theme-color, #3858e9)) 4%, rgba(0, 0, 0, 0));
color: var(--wp-components-color-accent-darker-20, var(--wp-admin-theme-color-darker-20, #183ad6));
}
.components-button.is-tertiary:active:not(:disabled, [aria-disabled=true]) {
background: color-mix(in srgb, var(--wp-components-color-accent, var(--wp-admin-theme-color, #3858e9)) 8%, rgba(0, 0, 0, 0));
}
p+.components-button.is-tertiary {
margin-left: -6px;
}
.components-button.is-tertiary:disabled:not(:focus), .components-button.is-tertiary[aria-disabled=true]:hover:not(:focus), .components-button.is-tertiary[aria-disabled=true]:not(:focus) {
box-shadow: none;
outline: none;
}
.components-button.is-destructive {
--wp-components-color-accent: #cc1818;
--wp-components-color-accent-darker-10: #9e1313;
--wp-components-color-accent-darker-20: #710d0d;
}
.components-button.is-destructive:not(.is-primary):not(.is-secondary):not(.is-tertiary):not(.is-link) {
color: #cc1818;
}
.components-button.is-destructive:not(.is-primary):not(.is-secondary):not(.is-tertiary):not(.is-link):hover:not(:disabled, [aria-disabled=true]) {
color: #710d0d;
}
.components-button.is-destructive:not(.is-primary):not(.is-secondary):not(.is-tertiary):not(.is-link):focus {
box-shadow: 0 0 0 var(--wp-admin-border-width-focus) #cc1818;
}
.components-button.is-destructive:not(.is-primary):not(.is-secondary):not(.is-tertiary):not(.is-link):active:not(:disabled, [aria-disabled=true]) {
background: #ccc;
}
.components-button.is-destructive:not(.is-primary):not(.is-secondary):not(.is-tertiary):not(.is-link):disabled, .components-button.is-destructive:not(.is-primary):not(.is-secondary):not(.is-tertiary):not(.is-link)[aria-disabled=true] {
color: #949494;
}
.components-button.is-destructive.is-secondary:hover:not(:disabled, [aria-disabled=true]), .components-button.is-destructive.is-tertiary:hover:not(:disabled, [aria-disabled=true]) {
background: rgba(204, 24, 24, .04);
}
.components-button.is-destructive.is-secondary:active:not(:disabled, [aria-disabled=true]), .components-button.is-destructive.is-tertiary:active:not(:disabled, [aria-disabled=true]) {
background: rgba(204, 24, 24, .08);
}
.components-button.is-link {
background: none;
border: 0;
border-radius: 0;
box-shadow: none;
color: var(--wp-components-color-accent, var(--wp-admin-theme-color, #3858e9));
height: auto;
margin: 0;
outline: none;
padding: 0;
text-align: left;
text-decoration: underline;
}
@media not (prefers-reduced-motion) {
.components-button.is-link {
transition-duration: .05s;
transition-property: border, background, color;
transition-timing-function: ease-in-out;
}
}
.components-button.is-link:focus {
border-radius: 2px;
}
.components-button.is-link:disabled, .components-button.is-link[aria-disabled=true] {
color: #949494;
}
.components-button:not(:disabled, [aria-disabled=true]):active {
color: var(--wp-components-color-foreground, #1e1e1e);
}
.components-button:disabled, .components-button[aria-disabled=true] {
color: #949494;
cursor: default;
}
.components-button.is-busy, .components-button.is-secondary.is-busy, .components-button.is-secondary.is-busy:disabled, .components-button.is-secondary.is-busy[aria-disabled=true] {
background-image: linear-gradient(-45deg, #fafafa 33%, #e0e0e0 0, #e0e0e0 70%, #fafafa 0);
background-size: 100px 100%;
}
@media not (prefers-reduced-motion) {
.components-button.is-busy, .components-button.is-secondary.is-busy, .components-button.is-secondary.is-busy:disabled, .components-button.is-secondary.is-busy[aria-disabled=true] {
animation: components-button__busy-animation 2.5s linear infinite;
}
}
.components-button.is-compact {
height: 32px;
}
.components-button.is-compact.has-icon:not(.has-text) {
min-width: 32px;
padding: 0;
width: 32px;
}
.components-button.is-small {
font-size: 11px;
height: 24px;
line-height: 22px;
padding: 0 8px;
}
.components-button.is-small.has-icon:not(.has-text) {
min-width: 24px;
padding: 0;
width: 24px;
}
.components-button.has-icon {
justify-content: center;
min-width: 36px;
padding: 6px;
}
.components-button.has-icon.is-next-40px-default-size {
min-width: 40px;
}
.components-button.has-icon .dashicon {
align-items: center;
box-sizing: initial;
display: inline-flex;
justify-content: center;
padding: 2px;
}
.components-button.has-icon.has-text {
gap: 4px;
justify-content: start;
padding-left: 8px;
padding-right: 12px;
}
.components-button.is-pressed, .components-button.is-pressed:hover {
color: var(--wp-components-color-foreground-inverted, #fff);
}
.components-button.is-pressed:hover:not(:disabled, [aria-disabled=true]), .components-button.is-pressed:not(:disabled, [aria-disabled=true]) {
background: var(--wp-components-color-foreground, #1e1e1e);
}
.components-button.is-pressed:disabled, .components-button.is-pressed[aria-disabled=true] {
color: #949494;
}
.components-button.is-pressed:disabled:not(.is-primary):not(.is-secondary):not(.is-tertiary), .components-button.is-pressed[aria-disabled=true]:not(.is-primary):not(.is-secondary):not(.is-tertiary) {
background: #949494;
color: var(--wp-components-color-foreground-inverted, #fff);
}
.components-button.is-pressed:focus:not(:disabled) {
box-shadow: inset 0 0 0 1px var(--wp-components-color-background, #fff), 0 0 0 var(--wp-admin-border-width-focus) var(--wp-components-color-accent, var(--wp-admin-theme-color, #3858e9));
outline: 2px solid rgba(0, 0, 0, 0);
}
.components-button svg {
fill: currentColor;
outline: none;
}
@media (forced-colors:active) {
.components-button svg {
fill: CanvasText;
}
}
.components-button .components-visually-hidden {
height: auto;
}
@keyframes components-button__busy-animation {
0% {
background-position: 200px 0;
}
}
.components-checkbox-control {
--checkbox-input-size: 24px;
--checkbox-input-margin: 8px;
}
@media (min-width:600px) {
.components-checkbox-control {
--checkbox-input-size: 16px;
}
}
.components-checkbox-control__label {
cursor: pointer;
line-height: var(--checkbox-input-size);
}
.components-checkbox-control__input[type=checkbox] {
appearance: none;
background: #fff;
border: 1px solid #1e1e1e;
border-radius: 2px;
box-shadow: 0 0 0 rgba(0, 0, 0, 0);
clear: none;
color: #1e1e1e;
cursor: pointer;
display: inline-block;
font-family: -apple-system, BlinkMacSystemFont, Segoe UI, Roboto, Oxygen-Sans, Ubuntu, Cantarell, Helvetica Neue, sans-serif;
font-size: 16px;
height: var(--checkbox-input-size);
line-height: normal;
line-height: 0;
margin: 0 4px 0 0;
outline: 0;
padding: 6px 8px;
padding: 0 !important;
text-align: center;
transition: none;
vertical-align: top;
width: var(--checkbox-input-size);
}
@media not (prefers-reduced-motion) {
.components-checkbox-control__input[type=checkbox] {
transition: box-shadow .1s linear;
}
}
@media (min-width:600px) {
.components-checkbox-control__input[type=checkbox] {
font-size: 13px;
line-height: normal;
}
}
.components-checkbox-control__input[type=checkbox]:focus {
border-color: var(--wp-admin-theme-color);
box-shadow: 0 0 0 .5px var(--wp-admin-theme-color);
}
.components-checkbox-control__input[type=checkbox]::-webkit-input-placeholder {
color: rgba(30, 30, 30, .62);
}
.components-checkbox-control__input[type=checkbox]::-moz-placeholder {
color: rgba(30, 30, 30, .62);
}
.components-checkbox-control__input[type=checkbox]:-ms-input-placeholder {
color: rgba(30, 30, 30, .62);
}
.components-checkbox-control__input[type=checkbox]:focus {
box-shadow: 0 0 0 2px #fff, 0 0 0 4px var(--wp-admin-theme-color);
}
.components-checkbox-control__input[type=checkbox]:checked {
background: var(--wp-admin-theme-color);
border-color: var(--wp-admin-theme-color);
}
.components-checkbox-control__input[type=checkbox]:checked::-ms-check {
opacity: 0;
}
.components-checkbox-control__input[type=checkbox]:checked:before, .components-checkbox-control__input[type=checkbox][aria-checked=mixed]:before {
color: #fff;
margin: -3px -5px;
}
@media (min-width:782px) {
.components-checkbox-control__input[type=checkbox]:checked:before, .components-checkbox-control__input[type=checkbox][aria-checked=mixed]:before {
margin: -4px 0 0 -5px;
}
}
.components-checkbox-control__input[type=checkbox][aria-checked=mixed] {
background: var(--wp-admin-theme-color);
border-color: var(--wp-admin-theme-color);
}
.components-checkbox-control__input[type=checkbox][aria-checked=mixed]:before {
content: "";
display: inline-block;
float: left;
font: normal 30px/1 dashicons;
vertical-align: middle;
width: 16px;
speak: none;
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
}
@media (min-width:782px) {
.components-checkbox-control__input[type=checkbox][aria-checked=mixed]:before {
float: none;
font-size: 21px;
}
}
.components-checkbox-control__input[type=checkbox]:disabled, .components-checkbox-control__input[type=checkbox][aria-disabled=true] {
background: #f0f0f0;
border-color: #ddd;
cursor: default;
opacity: 1;
}
@media not (prefers-reduced-motion) {
.components-checkbox-control__input[type=checkbox] {
transition: border-color .1s ease-in-out;
}
}
.components-checkbox-control__input[type=checkbox]:focus {
box-shadow: 0 0 0 var(--wp-admin-border-width-focus) #fff, 0 0 0 calc(var(--wp-admin-border-width-focus) * 2) var(--wp-admin-theme-color);
outline: 2px solid rgba(0, 0, 0, 0);
outline-offset: 2px;
}
.components-checkbox-control__input[type=checkbox]:checked, .components-checkbox-control__input[type=checkbox]:indeterminate {
background: var(--wp-components-color-accent, var(--wp-admin-theme-color, #3858e9));
border-color: var(--wp-components-color-accent, var(--wp-admin-theme-color, #3858e9));
}
.components-checkbox-control__input[type=checkbox]:checked::-ms-check, .components-checkbox-control__input[type=checkbox]:indeterminate::-ms-check {
opacity: 0;
}
.components-checkbox-control__input[type=checkbox]:checked:before {
content: none;
}
.components-checkbox-control__input-container {
aspect-ratio: 1;
display: inline-block;
flex-shrink: 0;
line-height: 1;
margin-right: var(--checkbox-input-margin);
position: relative;
vertical-align: middle;
width: var(--checkbox-input-size);
}
svg.components-checkbox-control__checked, svg.components-checkbox-control__indeterminate {
--checkmark-size: var(--checkbox-input-size);
fill: #fff;
cursor: pointer;
height: var(--checkmark-size);
left: 50%;
pointer-events: none;
position: absolute;
top: 50%;
transform: translate(-50%, -50%);
-webkit-user-select: none;
user-select: none;
width: var(--checkmark-size);
}
@media (min-width:600px) {
svg.components-checkbox-control__checked, svg.components-checkbox-control__indeterminate {
--checkmark-size: calc(var(--checkbox-input-size) + 4px);
}
}
.components-checkbox-control__help {
display: inline-block;
margin-inline-start: calc(var(--checkbox-input-size) + var(--checkbox-input-margin));
}
.components-circular-option-picker {
display: inline-block;
min-width: 188px;
width: 100%;
}
.components-circular-option-picker .components-circular-option-picker__custom-clear-wrapper {
display: flex;
justify-content: flex-end;
margin-top: 12px;
}
.components-circular-option-picker .components-circular-option-picker__swatches {
display: flex;
flex-wrap: wrap;
gap: 12px;
position: relative;
z-index: 1;
}
.components-circular-option-picker>:not(.components-circular-option-picker__swatches) {
position: relative;
z-index: 0;
}
.components-circular-option-picker__option-wrapper {
display: inline-block;
height: 28px;
transform: scale(1);
vertical-align: top;
width: 28px;
}
@media not (prefers-reduced-motion) {
.components-circular-option-picker__option-wrapper {
transition: transform .1s ease;
will-change: transform;
}
}
.components-circular-option-picker__option-wrapper:hover {
transform: scale(1.2);
}
.components-circular-option-picker__option-wrapper>div {
height: 100%;
width: 100%;
}
.components-circular-option-picker__option-wrapper:before {
background: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns=\'http://www.w3.org/2000/svg\' width=\'28\' height=\'28\' fill=\'none\'%3E%3Cpath fill=\'%23555D65\' d=\'M6 8V6H4v2zm2 0V6h2v2zm2 8H8v-2h2zm2 0v-2h2v2zm0 2v-2h-2v2H8v2h2v-2zm2 0v2h-2v-2zm2 0h-2v-2h2z\'/%3E%3Cpath fill=\'%23555D65\' fill-rule=\'evenodd\' d=\'M18 18h2v-2h-2v-2h2v-2h-2v-2h2V8h-2v2h-2V8h-2v2h2v2h-2v2h2v2h2zm-2-4v-2h2v2z\' clip-rule=\'evenodd\'/%3E%3Cpath fill=\'%23555D65\' d=\'M18 18v2h-2v-2z\'/%3E%3Cpath fill=\'%23555D65\' fill-rule=\'evenodd\' d=\'M8 10V8H6v2H4v2h2v2H4v2h2v2H4v2h2v2H4v2h2v-2h2v2h2v-2h2v2h2v-2h2v2h2v-2h2v2h2v-2h2v-2h-2v-2h2v-2h-2v-2h2v-2h-2v-2h2V8h-2V6h2V4h-2v2h-2V4h-2v2h-2V4h-2v2h-2V4h-2v2h2v2h-2v2zm0 2v-2H6v2zm2 0v-2h2v2zm0 2v-2H8v2H6v2h2v2H6v2h2v2h2v-2h2v2h2v-2h2v2h2v-2h2v2h2v-2h-2v-2h2v-2h-2v-2h2v-2h-2v-2h2V8h-2V6h-2v2h-2V6h-2v2h-2v2h2v2h-2v2z\' clip-rule=\'evenodd\'/%3E%3Cpath fill=\'%23555D65\' fill-rule=\'evenodd\' d=\'M4 0H2v2H0v2h2v2H0v2h2v2H0v2h2v2H0v2h2v2H0v2h2v2H0v2h2v2H0v2h2v-2h2v2h2v-2h2v2h2v-2h2v2h2v-2h2v2h2v-2h2v2h2v-2h2v2h2v-2h2v-2h-2v-2h2v-2h-2v-2h2v-2h-2v-2h2v-2h-2v-2h2V8h-2V6h2V4h-2V2h2V0h-2v2h-2V0h-2v2h-2V0h-2v2h-2V0h-2v2h-2V0h-2v2H8V0H6v2H4zm0 4V2H2v2zm2 0V2h2v2zm0 2V4H4v2H2v2h2v2H2v2h2v2H2v2h2v2H2v2h2v2H2v2h2v2h2v-2h2v2h2v-2h2v2h2v-2h2v2h2v-2h2v2h2v-2h2v2h2v-2h-2v-2h2v-2h-2v-2h2v-2h-2v-2h2v-2h-2v-2h2V8h-2V6h2V4h-2V2h-2v2h-2V2h-2v2h-2V2h-2v2h-2V2h-2v2H8v2z\' clip-rule=\'evenodd\'/%3E%3C/svg%3E");
border-radius: 50%;
bottom: 1px;
content: "";
left: 1px;
position: absolute;
right: 1px;
top: 1px;
z-index: -1;
}
.components-circular-option-picker__option {
aspect-ratio: 1;
background: rgba(0, 0, 0, 0);
border: none;
border-radius: 50%;
box-shadow: inset 0 0 0 14px;
cursor: pointer;
display: inline-block;
height: 100% !important;
vertical-align: top;
}
@media not (prefers-reduced-motion) {
.components-circular-option-picker__option {
transition: box-shadow .1s ease;
}
}
.components-circular-option-picker__option:hover {
box-shadow: inset 0 0 0 14px !important;
}
.components-circular-option-picker__option[aria-pressed=true], .components-circular-option-picker__option[aria-selected=true] {
box-shadow: inset 0 0 0 4px;
overflow: visible;
position: relative;
z-index: 1;
}
.components-circular-option-picker__option[aria-pressed=true]+svg, .components-circular-option-picker__option[aria-selected=true]+svg {
border-radius: 50%;
left: 2px;
pointer-events: none;
position: absolute;
top: 2px;
z-index: 2;
}
.components-circular-option-picker__option:after {
border: 1px solid rgba(0, 0, 0, 0);
border-radius: 50%;
bottom: -1px;
box-shadow: inset 0 0 0 1px rgba(0, 0, 0, .2);
box-sizing: inherit;
content: "";
left: -1px;
position: absolute;
right: -1px;
top: -1px;
}
.components-circular-option-picker__option:focus:after {
border: 2px solid #757575;
border-radius: 50%;
box-shadow: inset 0 0 0 2px #fff;
content: "";
height: calc(100% + 4px);
left: 50%;
position: absolute;
top: 50%;
transform: translate(-50%, -50%);
width: calc(100% + 4px);
}
.components-circular-option-picker__option.components-button:focus {
background-color: initial;
box-shadow: inset 0 0 0 14px;
outline: none;
}
.components-circular-option-picker__button-action .components-circular-option-picker__option {
background: #fff;
color: #fff;
}
.components-circular-option-picker__dropdown-link-action {
margin-right: 16px;
}
.components-circular-option-picker__dropdown-link-action .components-button {
line-height: 22px;
}
.components-palette-edit__popover-gradient-picker {
padding: 8px;
width: 260px;
}
.components-dropdown-menu__menu .components-palette-edit__menu-button {
width: 100%;
}
.component-color-indicator {
background: #fff linear-gradient(-45deg, rgba(0, 0, 0, 0) 48%, #ddd 0, #ddd 52%, rgba(0, 0, 0, 0) 0);
border-radius: 50%;
box-shadow: inset 0 0 0 1px rgba(0, 0, 0, .2);
display: inline-block;
height: 20px;
padding: 0;
width: 20px;
}
.components-combobox-control {
width: 100%;
}
input.components-combobox-control__input[type=text] {
border: none;
box-shadow: none;
font-family: inherit;
font-size: 16px;
line-height: inherit;
margin: 0;
min-height: auto;
padding: 2px;
width: 100%;
}
@media (min-width:600px) {
input.components-combobox-control__input[type=text] {
font-size: 13px;
}
}
input.components-combobox-control__input[type=text]:focus {
box-shadow: none;
outline: none;
}
.components-combobox-control__suggestions-container {
align-items: flex-start;
border: 1px solid #949494;
border-radius: 2px;
box-shadow: 0 0 0 rgba(0, 0, 0, 0);
display: flex;
flex-wrap: wrap;
font-family: -apple-system, BlinkMacSystemFont, Segoe UI, Roboto, Oxygen-Sans, Ubuntu, Cantarell, Helvetica Neue, sans-serif;
font-size: 16px;
line-height: normal;
padding: 0;
width: 100%;
}
@media not (prefers-reduced-motion) {
.components-combobox-control__suggestions-container {
transition: box-shadow .1s linear;
}
}
@media (min-width:600px) {
.components-combobox-control__suggestions-container {
font-size: 13px;
line-height: normal;
}
}
.components-combobox-control__suggestions-container:focus {
border-color: var(--wp-admin-theme-color);
box-shadow: 0 0 0 .5px var(--wp-admin-theme-color);
outline: 2px solid rgba(0, 0, 0, 0);
}
.components-combobox-control__suggestions-container::-webkit-input-placeholder {
color: rgba(30, 30, 30, .62);
}
.components-combobox-control__suggestions-container::-moz-placeholder {
color: rgba(30, 30, 30, .62);
}
.components-combobox-control__suggestions-container:-ms-input-placeholder {
color: rgba(30, 30, 30, .62);
}
.components-combobox-control__suggestions-container:focus-within {
border-color: var(--wp-admin-theme-color);
box-shadow: 0 0 0 .5px var(--wp-admin-theme-color);
outline: 2px solid rgba(0, 0, 0, 0);
}
.components-combobox-control__suggestions-container .components-spinner {
margin: 0;
}
.components-color-palette__custom-color-wrapper {
position: relative;
z-index: 0;
}
.components-color-palette__custom-color-button {
background: none;
border: none;
border-radius: 4px 4px 0 0;
box-shadow: inset 0 0 0 1px rgba(0, 0, 0, .2);
box-sizing: border-box;
cursor: pointer;
height: 64px;
outline: 1px solid rgba(0, 0, 0, 0);
position: relative;
width: 100%;
}
.components-color-palette__custom-color-button:focus {
box-shadow: inset 0 0 0 var(--wp-admin-border-width-focus) var(--wp-components-color-accent, var(--wp-admin-theme-color, #3858e9));
outline-width: 2px;
}
.components-color-palette__custom-color-button:after {
background-image: repeating-linear-gradient(45deg, #e0e0e0 25%, rgba(0, 0, 0, 0) 0, rgba(0, 0, 0, 0) 75%, #e0e0e0 0, #e0e0e0), repeating-linear-gradient(45deg, #e0e0e0 25%, rgba(0, 0, 0, 0) 0, rgba(0, 0, 0, 0) 75%, #e0e0e0 0, #e0e0e0);
background-position: 0 0, 24px 24px;
background-size: 48px 48px;
border-radius: 3px 3px 0 0;
content: "";
inset: 1px;
position: absolute;
z-index: -1;
}
.components-color-palette__custom-color-text-wrapper {
border-radius: 0 0 4px 4px;
box-shadow: inset 0 -1px 0 0 rgba(0, 0, 0, .2), inset 1px 0 0 0 rgba(0, 0, 0, .2), inset -1px 0 0 0 rgba(0, 0, 0, .2);
font-size: 13px;
padding: 12px 16px;
position: relative;
}
.components-color-palette__custom-color-name {
color: var(--wp-components-color-foreground, #1e1e1e);
margin: 0 1px;
}
.components-color-palette__custom-color-value {
color: #757575;
}
.components-color-palette__custom-color-value--is-hex {
text-transform: uppercase;
}
.components-color-palette__custom-color-value:empty:after {
content: "";
visibility: hidden;
}
.components-custom-gradient-picker__gradient-bar {
border-radius: 2px;
height: 48px;
position: relative;
width: 100%;
z-index: 1;
}
.components-custom-gradient-picker__gradient-bar.has-gradient {
background-image: repeating-linear-gradient(45deg, #e0e0e0 25%, rgba(0, 0, 0, 0) 0, rgba(0, 0, 0, 0) 75%, #e0e0e0 0, #e0e0e0), repeating-linear-gradient(45deg, #e0e0e0 25%, rgba(0, 0, 0, 0) 0, rgba(0, 0, 0, 0) 75%, #e0e0e0 0, #e0e0e0);
background-position: 0 0, 12px 12px;
background-size: 24px 24px;
}
.components-custom-gradient-picker__gradient-bar .components-custom-gradient-picker__gradient-bar-background {
inset: 0;
position: absolute;
}
.components-custom-gradient-picker__gradient-bar .components-custom-gradient-picker__markers-container {
margin-left: auto;
margin-right: auto;
position: relative;
width: calc(100% - 48px);
}
.components-custom-gradient-picker__gradient-bar .components-custom-gradient-picker__control-point-dropdown {
display: flex;
height: 16px;
position: absolute;
top: 16px;
width: 16px;
}
.components-custom-gradient-picker__gradient-bar .components-custom-gradient-picker__insert-point-dropdown {
background: #fff;
border-radius: 50%;
color: #1e1e1e;
height: inherit;
min-width: 16px !important;
padding: 2px;
position: relative;
width: inherit;
}
.components-custom-gradient-picker__gradient-bar .components-custom-gradient-picker__insert-point-dropdown svg {
height: 100%;
width: 100%;
}
.components-custom-gradient-picker__gradient-bar .components-custom-gradient-picker__control-point-button {
border-radius: 50%;
box-shadow: inset 0 0 0 var(--wp-admin-border-width-focus) #fff, 0 0 2px 0 rgba(0, 0, 0, .25);
height: inherit;
outline: 2px solid rgba(0, 0, 0, 0);
padding: 0;
width: inherit;
}
.components-custom-gradient-picker__gradient-bar .components-custom-gradient-picker__control-point-button.is-active, .components-custom-gradient-picker__gradient-bar .components-custom-gradient-picker__control-point-button:focus {
box-shadow: inset 0 0 0 calc(var(--wp-admin-border-width-focus) * 2) #fff, 0 0 2px 0 rgba(0, 0, 0, .25);
outline: 1.5px solid rgba(0, 0, 0, 0);
}
.components-custom-gradient-picker__remove-control-point-wrapper {
padding-bottom: 8px;
}
.components-custom-gradient-picker__inserter {
direction: ltr;
}
.components-custom-gradient-picker__liner-gradient-indicator {
display: inline-block;
flex: 0 auto;
height: 20px;
width: 20px;
}
.components-custom-gradient-picker__ui-line {
position: relative;
z-index: 0;
}
.block-editor-dimension-control .components-base-control__field {
align-items: center;
display: flex;
}
.block-editor-dimension-control .components-base-control__label {
align-items: center;
display: flex;
margin-bottom: 0;
margin-right: 1em;
}
.block-editor-dimension-control .components-base-control__label .dashicon {
margin-right: .5em;
}
.block-editor-dimension-control.is-manual .components-base-control__label {
width: 10em;
}
body.is-dragging-components-draggable {
cursor: move;
cursor: grabbing !important;
}
.components-draggable__invisible-drag-image {
height: 50px;
left: -1000px;
position: fixed;
width: 50px;
}
.components-draggable__clone {
background: rgba(0, 0, 0, 0);
padding: 0;
pointer-events: none;
position: fixed;
z-index: 1000000000;
}
.components-drop-zone {
border-radius: 2px;
bottom: 0;
left: 0;
opacity: 0;
position: absolute;
right: 0;
top: 0;
visibility: hidden;
z-index: 40;
}
.components-drop-zone.is-active {
opacity: 1;
visibility: visible;
}
.components-drop-zone .components-drop-zone__content {
align-items: center;
background-color: var(--wp-components-color-accent, var(--wp-admin-theme-color, #3858e9));
bottom: 0;
color: #fff;
display: flex;
height: 100%;
justify-content: center;
left: 0;
opacity: 0;
pointer-events: none;
position: absolute;
right: 0;
text-align: center;
top: 0;
width: 100%;
z-index: 50;
}
.components-drop-zone .components-drop-zone__content-inner {
opacity: 0;
transform: scale(.9);
}
.components-drop-zone.is-active.is-dragging-over-element .components-drop-zone__content {
opacity: 1;
}
@media not (prefers-reduced-motion) {
.components-drop-zone.is-active.is-dragging-over-element .components-drop-zone__content {
transition: opacity .2s ease-in-out;
}
}
.components-drop-zone.is-active.is-dragging-over-element .components-drop-zone__content-inner {
opacity: 1;
transform: scale(1);
}
@media not (prefers-reduced-motion) {
.components-drop-zone.is-active.is-dragging-over-element .components-drop-zone__content-inner {
transition: opacity .1s ease-in-out .1s, transform .1s ease-in-out .1s;
}
}
.components-drop-zone__content-icon, .components-drop-zone__content-text {
display: block;
}
.components-drop-zone__content-icon {
line-height: 0;
margin: 0 auto 8px;
fill: currentColor;
pointer-events: none;
}
.components-drop-zone__content-text {
font-family: -apple-system, BlinkMacSystemFont, Segoe UI, Roboto, Oxygen-Sans, Ubuntu, Cantarell, Helvetica Neue, sans-serif;
font-size: 13px;
}
.components-dropdown {
display: inline-block;
}
.components-dropdown__content .components-popover__content {
padding: 8px;
}
.components-dropdown__content .components-popover__content:has(.components-menu-group) {
padding: 0;
}
.components-dropdown__content .components-popover__content:has(.components-menu-group) .components-dropdown-menu__menu>.components-menu-item__button, .components-dropdown__content .components-popover__content:has(.components-menu-group)>.components-menu-item__button {
margin: 8px;
width: auto;
}
.components-dropdown__content [role=menuitem] {
white-space: nowrap;
}
.components-dropdown__content .components-menu-group {
padding: 8px;
}
.components-dropdown__content .components-menu-group+.components-menu-group {
border-top: 1px solid #ccc;
padding: 8px;
}
.components-dropdown__content.is-alternate .components-menu-group+.components-menu-group {
border-color: #1e1e1e;
}
.components-dropdown-menu__toggle {
vertical-align: top;
}
.components-dropdown-menu__menu {
font-family: -apple-system, BlinkMacSystemFont, Segoe UI, Roboto, Oxygen-Sans, Ubuntu, Cantarell, Helvetica Neue, sans-serif;
font-size: 13px;
line-height: 1.4;
width: 100%;
}
.components-dropdown-menu__menu .components-dropdown-menu__menu-item, .components-dropdown-menu__menu .components-menu-item {
cursor: pointer;
outline: none;
padding: 6px;
white-space: nowrap;
width: 100%;
}
.components-dropdown-menu__menu .components-dropdown-menu__menu-item.has-separator, .components-dropdown-menu__menu .components-menu-item.has-separator {
margin-top: 6px;
overflow: visible;
position: relative;
}
.components-dropdown-menu__menu .components-dropdown-menu__menu-item.has-separator:before, .components-dropdown-menu__menu .components-menu-item.has-separator:before {
background-color: #ddd;
box-sizing: initial;
content: "";
display: block;
height: 1px;
left: 0;
position: absolute;
right: 0;
top: -3px;
}
.components-dropdown-menu__menu .components-dropdown-menu__menu-item.is-active .dashicon, .components-dropdown-menu__menu .components-dropdown-menu__menu-item.is-active svg, .components-dropdown-menu__menu .components-menu-item.is-active .dashicon, .components-dropdown-menu__menu .components-menu-item.is-active svg {
background: #1e1e1e;
border-radius: 1px;
box-shadow: 0 0 0 1px #1e1e1e;
color: #fff;
}
.components-dropdown-menu__menu .components-dropdown-menu__menu-item.is-icon-only, .components-dropdown-menu__menu .components-menu-item.is-icon-only {
width: auto;
}
.components-dropdown-menu__menu .components-menu-item__button, .components-dropdown-menu__menu .components-menu-item__button.components-button {
height: auto;
min-height: 40px;
padding-left: 8px;
padding-right: 8px;
text-align: left;
}
.components-duotone-picker__color-indicator:before {
background: rgba(0, 0, 0, 0);
}
.components-duotone-picker__color-indicator>.components-button, .components-duotone-picker__color-indicator>.components-button.is-pressed:hover:not(:disabled) {
background: linear-gradient(-45deg, rgba(0, 0, 0, 0) 48%, #ddd 0, #ddd 52%, rgba(0, 0, 0, 0) 0);
color: rgba(0, 0, 0, 0);
}
.components-duotone-picker__color-indicator>.components-button:not([aria-disabled=true]):active {
color: rgba(0, 0, 0, 0);
}
.components-color-list-picker, .components-color-list-picker__swatch-button {
width: 100%;
}
.components-color-list-picker__color-picker {
margin: 8px 0;
}
.components-color-list-picker__swatch-color {
margin: 2px;
}
.components-external-link {
text-decoration: none;
}
.components-external-link__contents {
text-decoration: underline;
}
.components-external-link__icon {
font-weight: 400;
margin-left: .5ch;
}
.components-form-toggle {
display: inline-block;
height: 16px;
position: relative;
}
.components-form-toggle .components-form-toggle__track {
background-color: #fff;
border: 1px solid #949494;
border-radius: 8px;
box-sizing: border-box;
content: "";
display: inline-block;
height: 16px;
overflow: hidden;
position: relative;
vertical-align: top;
width: 32px;
}
@media not (prefers-reduced-motion) {
.components-form-toggle .components-form-toggle__track {
transition: background-color .2s ease, border-color .2s ease;
}
}
.components-form-toggle .components-form-toggle__track:after {
border-top: 16px solid rgba(0, 0, 0, 0);
box-sizing: border-box;
content: "";
inset: 0;
opacity: 0;
position: absolute;
}
@media not (prefers-reduced-motion) {
.components-form-toggle .components-form-toggle__track:after {
transition: opacity .2s ease;
}
}
.components-form-toggle .components-form-toggle__thumb {
background-color: #1e1e1e;
border: 6px solid rgba(0, 0, 0, 0);
border-radius: 50%;
box-shadow: 0 1px 1px rgba(0, 0, 0, .03), 0 1px 2px rgba(0, 0, 0, .02), 0 3px 3px rgba(0, 0, 0, .02), 0 4px 4px rgba(0, 0, 0, .01);
box-sizing: border-box;
display: block;
height: 12px;
left: 2px;
position: absolute;
top: 2px;
width: 12px;
}
@media not (prefers-reduced-motion) {
.components-form-toggle .components-form-toggle__thumb {
transition: transform .2s ease, background-color .2s ease-out;
}
}
.components-form-toggle.is-checked .components-form-toggle__track {
background-color: var(--wp-components-color-accent, var(--wp-admin-theme-color, #3858e9));
border-color: var(--wp-components-color-accent, var(--wp-admin-theme-color, #3858e9));
}
.components-form-toggle.is-checked .components-form-toggle__track:after {
opacity: 1;
}
.components-form-toggle .components-form-toggle__input:focus+.components-form-toggle__track {
box-shadow: 0 0 0 var(--wp-admin-border-width-focus) #fff, 0 0 0 calc(var(--wp-admin-border-width-focus) * 2) var(--wp-components-color-accent, var(--wp-admin-theme-color, #3858e9));
outline: 2px solid rgba(0, 0, 0, 0);
outline-offset: 2px;
}
.components-form-toggle.is-checked .components-form-toggle__thumb {
background-color: #fff;
border-width: 0;
transform: translateX(16px);
}
.components-disabled .components-form-toggle, .components-form-toggle.is-disabled {
opacity: .3;
}
.components-form-toggle input.components-form-toggle__input[type=checkbox] {
border: none;
height: 100%;
left: 0;
margin: 0;
opacity: 0;
padding: 0;
position: absolute;
top: 0;
width: 100%;
z-index: 1;
}
.components-form-toggle input.components-form-toggle__input[type=checkbox]:checked {
background: none;
}
.components-form-toggle input.components-form-toggle__input[type=checkbox]:before {
content: "";
}
.components-form-toggle input.components-form-toggle__input[type=checkbox]:not(:disabled, [aria-disabled=true]) {
cursor: pointer;
}
.components-form-token-field__input-container {
border: 1px solid #949494;
border-radius: 2px;
box-shadow: 0 0 0 rgba(0, 0, 0, 0);
cursor: text;
font-family: -apple-system, BlinkMacSystemFont, Segoe UI, Roboto, Oxygen-Sans, Ubuntu, Cantarell, Helvetica Neue, sans-serif;
font-size: 16px;
line-height: normal;
padding: 0;
width: 100%;
}
@media not (prefers-reduced-motion) {
.components-form-token-field__input-container {
transition: box-shadow .1s linear;
}
}
@media (min-width:600px) {
.components-form-token-field__input-container {
font-size: 13px;
line-height: normal;
}
}
.components-form-token-field__input-container:focus {
border-color: var(--wp-admin-theme-color);
box-shadow: 0 0 0 .5px var(--wp-admin-theme-color);
outline: 2px solid rgba(0, 0, 0, 0);
}
.components-form-token-field__input-container::-webkit-input-placeholder {
color: rgba(30, 30, 30, .62);
}
.components-form-token-field__input-container::-moz-placeholder {
color: rgba(30, 30, 30, .62);
}
.components-form-token-field__input-container:-ms-input-placeholder {
color: rgba(30, 30, 30, .62);
}
.components-form-token-field__input-container.is-disabled {
background: #ddd;
border-color: #ddd;
}
.components-form-token-field__input-container.is-active {
border-color: var(--wp-admin-theme-color);
box-shadow: 0 0 0 .5px var(--wp-admin-theme-color);
outline: 2px solid rgba(0, 0, 0, 0);
}
.components-form-token-field__input-container input[type=text].components-form-token-field__input {
background: inherit;
border: 0;
box-shadow: none;
color: #1e1e1e;
display: inline-block;
flex: 1;
font-family: inherit;
font-size: 16px;
margin-left: 4px;
max-width: 100%;
min-height: 24px;
min-width: 50px;
padding: 0;
width: 100%;
}
@media (min-width:600px) {
.components-form-token-field__input-container input[type=text].components-form-token-field__input {
font-size: 13px;
}
}
.components-form-token-field.is-active .components-form-token-field__input-container input[type=text].components-form-token-field__input, .components-form-token-field__input-container input[type=text].components-form-token-field__input:focus {
box-shadow: none;
outline: none;
}
.components-form-token-field__input-container .components-form-token-field__token+input[type=text].components-form-token-field__input {
width: auto;
}
.components-form-token-field__token {
color: #1e1e1e;
display: flex;
font-size: 13px;
max-width: 100%;
}
.components-form-token-field__token.is-success .components-form-token-field__remove-token, .components-form-token-field__token.is-success .components-form-token-field__token-text {
background: #4ab866;
}
.components-form-token-field__token.is-error .components-form-token-field__remove-token, .components-form-token-field__token.is-error .components-form-token-field__token-text {
background: #cc1818;
}
.components-form-token-field__token.is-validating .components-form-token-field__remove-token, .components-form-token-field__token.is-validating .components-form-token-field__token-text {
color: #757575;
}
.components-form-token-field__token.is-borderless {
padding: 0 24px 0 0;
position: relative;
}
.components-form-token-field__token.is-borderless .components-form-token-field__token-text {
background: rgba(0, 0, 0, 0);
}
.components-form-token-field__token.is-borderless:not(.is-disabled) .components-form-token-field__token-text {
color: var(--wp-components-color-accent, var(--wp-admin-theme-color, #3858e9));
}
.components-form-token-field__token.is-borderless .components-form-token-field__remove-token {
background: rgba(0, 0, 0, 0);
color: #757575;
position: absolute;
right: 0;
top: 1px;
}
.components-form-token-field__token.is-borderless.is-success .components-form-token-field__token-text {
color: #4ab866;
}
.components-form-token-field__token.is-borderless.is-error .components-form-token-field__token-text {
color: #cc1818;
padding: 0 4px 0 6px;
}
.components-form-token-field__token.is-borderless.is-validating .components-form-token-field__token-text {
color: #1e1e1e;
}
.components-form-token-field__remove-token.components-button, .components-form-token-field__token-text {
background: #ddd;
display: inline-block;
height: auto;
min-width: unset;
}
@media not (prefers-reduced-motion) {
.components-form-token-field__remove-token.components-button, .components-form-token-field__token-text {
transition: all .2s cubic-bezier(.4, 1, .4, 1);
}
}
.components-form-token-field__token-text {
border-radius: 1px 0 0 1px;
line-height: 24px;
overflow: hidden;
padding: 0 0 0 8px;
text-overflow: ellipsis;
white-space: nowrap;
}
.components-form-token-field__remove-token.components-button {
border-radius: 0 1px 1px 0;
color: #1e1e1e;
line-height: 10px;
overflow: initial;
}
.components-form-token-field__remove-token.components-button:hover:not(:disabled) {
color: #1e1e1e;
}
.components-form-token-field__suggestions-list {
box-shadow: inset 0 1px 0 0 #949494;
flex: 1 0 100%;
list-style: none;
margin: 0;
max-height: 128px;
min-width: 100%;
overflow-y: auto;
padding: 0;
}
@media not (prefers-reduced-motion) {
.components-form-token-field__suggestions-list {
transition: all .15s ease-in-out;
}
}
.components-form-token-field__suggestion {
box-sizing: border-box;
color: #1e1e1e;
display: block;
font-size: 13px;
margin: 0;
min-height: 32px;
padding: 8px 12px;
}
.components-form-token-field__suggestion.is-selected {
background: var(--wp-components-color-accent, var(--wp-admin-theme-color, #3858e9));
color: #fff;
}
.components-form-token-field__suggestion[aria-disabled=true] {
color: #949494;
pointer-events: none;
}
.components-form-token-field__suggestion[aria-disabled=true].is-selected {
background-color: rgba(var(--wp-components-color-accent--rgb, var(--wp-admin-theme-color--rgb)), .04);
}
.components-form-token-field__suggestion:not(.is-empty) {
cursor: pointer;
}
@media (min-width:600px) {
.components-guide {
width: 600px;
}
}
.components-guide .components-modal__content {
margin-top: 0;
padding: 0;
}
.components-guide .components-modal__content:before {
content: none;
}
.components-guide .components-modal__header {
border-bottom: none;
height: 60px;
padding: 0;
position: sticky;
}
.components-guide .components-modal__header .components-button {
align-self: flex-start;
margin: 8px 8px 0 0;
position: static;
}
.components-guide .components-modal__header .components-button:hover svg {
fill: #fff;
}
.components-guide .components-guide__container {
display: flex;
flex-direction: column;
justify-content: space-between;
margin-top: -60px;
min-height: 100%;
}
.components-guide .components-guide__page {
display: flex;
flex-direction: column;
justify-content: center;
position: relative;
}
@media (min-width:600px) {
.components-guide .components-guide__page {
min-height: 300px;
}
}
.components-guide .components-guide__footer {
align-content: center;
display: flex;
height: 36px;
justify-content: center;
margin: 0 0 24px;
padding: 0 32px;
position: relative;
width: 100%;
}
.components-guide .components-guide__page-control {
margin: 0;
text-align: center;
}
.components-guide .components-guide__page-control li {
display: inline-block;
margin: 0;
}
.components-guide .components-guide__page-control .components-button {
color: #e0e0e0;
margin: -6px 0;
}
.components-guide .components-guide__page-control li[aria-current=step] .components-button {
color: var(--wp-components-color-accent, var(--wp-admin-theme-color, #3858e9));
}
.components-modal__frame.components-guide {
border: none;
max-height: 575px;
min-width: 312px;
}
@media (max-width:600px) {
.components-modal__frame.components-guide {
margin: auto;
max-width: calc(100vw - 32px);
}
}
.components-button.components-guide__back-button, .components-button.components-guide__finish-button, .components-button.components-guide__forward-button {
position: absolute;
}
.components-button.components-guide__back-button {
left: 32px;
}
.components-button.components-guide__finish-button, .components-button.components-guide__forward-button {
right: 32px;
}
[role=region] {
position: relative;
}
.is-focusing-regions [role=region]:focus:after, [role=region].interface-interface-skeleton__content:focus-visible:after {
bottom: 0;
content: "";
left: 0;
pointer-events: none;
position: absolute;
right: 0;
top: 0;
z-index: 1000000;
}
.is-focusing-regions .editor-post-publish-panel, .is-focusing-regions .interface-interface-skeleton__actions .editor-layout__toggle-entities-saved-states-panel, .is-focusing-regions .interface-interface-skeleton__actions .editor-layout__toggle-publish-panel, .is-focusing-regions .interface-interface-skeleton__sidebar .editor-layout__toggle-sidebar-panel, .is-focusing-regions [role=region]:focus:after, .is-focusing-regions.is-distraction-free .interface-interface-skeleton__header .edit-post-header, [role=region].interface-interface-skeleton__content:focus-visible:after {
outline-color: var(--wp-admin-theme-color);
outline-offset: calc(( ( -1 * var(--wp-admin-border-width-focus) ) / var(--wp-block-editor-iframe-zoom-out-scale, 1) ) * 2);
outline-style: solid;
outline-width: calc(( var(--wp-admin-border-width-focus) / var(--wp-block-editor-iframe-zoom-out-scale, 1) ) * 2);
}
.components-menu-group+.components-menu-group {
border-top: 1px solid #1e1e1e;
padding-top: 8px;
}
.components-menu-group+.components-menu-group.has-hidden-separator {
border-top: none;
margin-top: 0;
padding-top: 0;
}
.components-menu-group:has(>div:empty) {
display: none;
}
.components-menu-group__label {
color: #757575;
font-size: 11px;
font-weight: 500;
margin-bottom: 12px;
margin-top: 4px;
padding: 0 8px;
text-transform: uppercase;
white-space: nowrap;
}
.components-menu-item__button, .components-menu-item__button.components-button {
width: 100%;
}
.components-menu-item__button.components-button[role=menuitemcheckbox] .components-menu-item__item:only-child, .components-menu-item__button.components-button[role=menuitemradio] .components-menu-item__item:only-child, .components-menu-item__button[role=menuitemcheckbox] .components-menu-item__item:only-child, .components-menu-item__button[role=menuitemradio] .components-menu-item__item:only-child {
box-sizing: initial;
padding-right: 48px;
}
.components-menu-item__button .components-menu-items__item-icon, .components-menu-item__button.components-button .components-menu-items__item-icon {
display: inline-block;
flex: 0 0 auto;
}
.components-menu-item__button .components-menu-items__item-icon.has-icon-right, .components-menu-item__button.components-button .components-menu-items__item-icon.has-icon-right {
margin-left: 24px;
margin-right: -2px;
}
.components-menu-item__button .components-menu-item__shortcut+.components-menu-items__item-icon.has-icon-right, .components-menu-item__button.components-button .components-menu-item__shortcut+.components-menu-items__item-icon.has-icon-right {
margin-left: 8px;
}
.components-menu-item__button .block-editor-block-icon, .components-menu-item__button.components-button .block-editor-block-icon {
margin-left: -2px;
margin-right: 8px;
}
.components-menu-item__button.components-button.is-primary, .components-menu-item__button.is-primary {
justify-content: center;
}
.components-menu-item__button.components-button.is-primary .components-menu-item__item, .components-menu-item__button.is-primary .components-menu-item__item {
margin-right: 0;
}
.components-menu-item__button.components-button:disabled.is-tertiary, .components-menu-item__button.components-button[aria-disabled=true].is-tertiary, .components-menu-item__button:disabled.is-tertiary, .components-menu-item__button[aria-disabled=true].is-tertiary {
background: none;
color: var(--wp-components-color-accent-darker-10, var(--wp-admin-theme-color-darker-10, #2145e6));
opacity: .3;
}
.components-menu-item__info-wrapper {
display: flex;
flex-direction: column;
margin-right: auto;
}
.components-menu-item__info {
color: #757575;
font-size: 12px;
margin-top: 4px;
white-space: normal;
}
.components-menu-item__item {
align-items: center;
display: inline-flex;
margin-right: auto;
min-width: 160px;
white-space: nowrap;
}
.components-menu-item__shortcut {
align-self: center;
color: currentColor;
display: none;
margin-left: auto;
margin-right: 0;
padding-left: 24px;
}
@media (min-width:480px) {
.components-menu-item__shortcut {
display: inline;
}
}
.components-menu-items-choice, .components-menu-items-choice.components-button {
height: auto;
min-height: 40px;
}
.components-menu-items-choice svg, .components-menu-items-choice.components-button svg {
margin-right: 12px;
}
.components-menu-items-choice.components-button.has-icon, .components-menu-items-choice.has-icon {
padding-left: 12px;
}
.components-modal__screen-overlay {
background-color: rgba(0, 0, 0, .35);
bottom: 0;
display: flex;
left: 0;
position: fixed;
right: 0;
top: 0;
z-index: 100000;
}
@keyframes __wp-base-styles-fade-in {
0% {
opacity: 0;
}
to {
opacity: 1;
}
}
@media not (prefers-reduced-motion) {
.components-modal__screen-overlay {
animation: __wp-base-styles-fade-in .08s linear 0s;
animation-fill-mode: forwards;
}
}
@keyframes __wp-base-styles-fade-out {
0% {
opacity: 1;
}
to {
opacity: 0;
}
}
@media not (prefers-reduced-motion) {
.components-modal__screen-overlay.is-animating-out {
animation: __wp-base-styles-fade-out .08s linear 80ms;
animation-fill-mode: forwards;
}
}
.components-modal__frame {
animation-fill-mode: forwards;
animation-name: components-modal__appear-animation;
animation-timing-function: cubic-bezier(.29, 0, 0, 1);
background: #fff;
border-radius: 8px 8px 0 0;
box-shadow: 0 5px 15px rgba(0, 0, 0, .08), 0 15px 27px rgba(0, 0, 0, .07), 0 30px 36px rgba(0, 0, 0, .04), 0 50px 43px rgba(0, 0, 0, .02);
box-sizing: border-box;
display: flex;
margin: 40px 0 0;
overflow: hidden;
width: 100%;
}
.components-modal__frame *, .components-modal__frame :after, .components-modal__frame :before {
box-sizing: inherit;
}
@media not (prefers-reduced-motion) {
.components-modal__frame {
animation-duration: var(--modal-frame-animation-duration);
}
}
.components-modal__screen-overlay.is-animating-out .components-modal__frame {
animation-name: components-modal__disappear-animation;
animation-timing-function: cubic-bezier(1, 0, .2, 1);
}
@media (min-width:600px) {
.components-modal__frame {
border-radius: 8px;
margin: auto;
max-height: calc(100% - 120px);
max-width: calc(100% - 32px);
min-width: 350px;
width: auto;
}
}
@media (min-width:600px) and (min-width:600px) {
.components-modal__frame.is-full-screen {
height: calc(100% - 32px);
max-height: none;
width: calc(100% - 32px);
}
}
@media (min-width:600px) and (min-width:782px) {
.components-modal__frame.is-full-screen {
height: calc(100% - 80px);
max-width: none;
width: calc(100% - 80px);
}
}
@media (min-width:600px) {
.components-modal__frame.has-size-large, .components-modal__frame.has-size-medium, .components-modal__frame.has-size-small {
width: 100%;
}
.components-modal__frame.has-size-small {
max-width: 384px;
}
.components-modal__frame.has-size-medium {
max-width: 512px;
}
.components-modal__frame.has-size-large {
max-width: 840px;
}
}
@media (min-width:960px) {
.components-modal__frame {
max-height: 70%;
}
}
@keyframes components-modal__appear-animation {
0% {
opacity: 0;
transform: scale(.9);
}
to {
opacity: 1;
transform: scale(1);
}
}
@keyframes components-modal__disappear-animation {
0% {
opacity: 1;
transform: scale(1);
}
to {
opacity: 0;
transform: scale(.9);
}
}
.components-modal__header {
align-items: center;
border-bottom: 1px solid rgba(0, 0, 0, 0);
box-sizing: border-box;
display: flex;
flex-direction: row;
height: 72px;
justify-content: space-between;
left: 0;
padding: 24px 32px 8px;
position: absolute;
top: 0;
width: 100%;
z-index: 10;
}
.components-modal__header .components-modal__header-heading {
font-size: 1.2rem;
font-weight: 600;
}
.components-modal__header h1 {
line-height: 1;
margin: 0;
}
.components-modal__content.has-scrolled-content:not(.hide-header) .components-modal__header {
border-bottom-color: #ddd;
}
.components-modal__header+p {
margin-top: 0;
}
.components-modal__header-heading-container {
align-items: center;
display: flex;
flex-direction: row;
flex-grow: 1;
justify-content: left;
}
.components-modal__header-icon-container {
display: inline-block;
}
.components-modal__header-icon-container svg {
max-height: 36px;
max-width: 36px;
padding: 8px;
}
.components-modal__content {
flex: 1;
margin-top: 72px;
overflow: auto;
padding: 4px 32px 32px;
}
.components-modal__content.hide-header {
margin-top: 0;
padding-top: 32px;
}
.components-modal__content.is-scrollable:focus-visible {
box-shadow: inset 0 0 0 var(--wp-admin-border-width-focus) var(--wp-components-color-accent, var(--wp-admin-theme-color, #3858e9));
outline: 2px solid rgba(0, 0, 0, 0);
outline-offset: -2px;
}
.components-notice {
align-items: center;
background-color: #fff;
border-left: 4px solid var(--wp-components-color-accent, var(--wp-admin-theme-color, #3858e9));
color: #1e1e1e;
display: flex;
font-family: -apple-system, BlinkMacSystemFont, Segoe UI, Roboto, Oxygen-Sans, Ubuntu, Cantarell, Helvetica Neue, sans-serif;
font-size: 13px;
padding: 8px 12px;
}
.components-notice.is-dismissible {
position: relative;
}
.components-notice.is-success {
background-color: #eff9f1;
border-left-color: #4ab866;
}
.components-notice.is-warning {
background-color: #fef8ee;
border-left-color: #f0b849;
}
.components-notice.is-error {
background-color: #f4a2a2;
border-left-color: #cc1818;
}
.components-notice__content {
flex-grow: 1;
margin: 4px 25px 4px 0;
}
.components-notice__actions {
display: flex;
flex-wrap: wrap;
}
.components-notice__action.components-button {
margin-right: 8px;
}
.components-notice__action.components-button, .components-notice__action.components-button.is-link {
margin-left: 12px;
}
.components-notice__action.components-button.is-secondary {
vertical-align: initial;
}
.components-notice__dismiss {
align-self: flex-start;
color: #757575;
flex-shrink: 0;
}
.components-notice__dismiss:not(:disabled):not([aria-disabled=true]):focus, .components-notice__dismiss:not(:disabled):not([aria-disabled=true]):not(.is-secondary):active, .components-notice__dismiss:not(:disabled):not([aria-disabled=true]):not(.is-secondary):hover {
background-color: initial;
color: #1e1e1e;
}
.components-notice__dismiss:not(:disabled):not([aria-disabled=true]):not(.is-secondary):hover {
box-shadow: none;
}
.components-notice-list {
box-sizing: border-box;
max-width: 100vw;
}
.components-notice-list .components-notice__content {
line-height: 2;
margin-bottom: 12px;
margin-top: 12px;
}
.components-notice-list .components-notice__action.components-button {
display: block;
margin-left: 0;
margin-top: 8px;
}
.components-panel {
background: #fff;
border: 1px solid #e0e0e0;
}
.components-panel>.components-panel__body:first-child, .components-panel>.components-panel__header:first-child {
margin-top: -1px;
}
.components-panel>.components-panel__body:last-child, .components-panel>.components-panel__header:last-child {
border-bottom-width: 0;
}
.components-panel+.components-panel {
margin-top: -1px;
}
.components-panel__body {
border-bottom: 1px solid #e0e0e0;
border-top: 1px solid #e0e0e0;
}
.components-panel__body h3 {
margin: 0 0 .5em;
}
.components-panel__body.is-opened {
padding: 16px;
}
.components-panel__header {
align-items: center;
border-bottom: 1px solid #ddd;
box-sizing: initial;
display: flex;
flex-shrink: 0;
height: 47px;
justify-content: space-between;
padding: 0 16px;
}
.components-panel__header h2 {
color: inherit;
font-size: inherit;
margin: 0;
}
.components-panel__body+.components-panel__body, .components-panel__body+.components-panel__header, .components-panel__header+.components-panel__body, .components-panel__header+.components-panel__header {
margin-top: -1px;
}
.components-panel__body>.components-panel__body-title {
display: block;
font-size: inherit;
margin-bottom: 0;
margin-top: 0;
padding: 0;
}
@media not (prefers-reduced-motion) {
.components-panel__body>.components-panel__body-title {
transition: background .1s ease-in-out;
}
}
.components-panel__body.is-opened>.components-panel__body-title {
margin: -16px -16px 5px;
}
.components-panel__body>.components-panel__body-title:hover {
background: #f0f0f0;
border: none;
}
.components-panel__body-toggle.components-button {
border: none;
box-shadow: none;
color: #1e1e1e;
font-weight: 500;
height: auto;
outline: none;
padding: 16px 48px 16px 16px;
position: relative;
text-align: left;
width: 100%;
}
@media not (prefers-reduced-motion) {
.components-panel__body-toggle.components-button {
transition: background .1s ease-in-out;
}
}
.components-panel__body-toggle.components-button:focus {
border-radius: 0;
box-shadow: inset 0 0 0 var(--wp-admin-border-width-focus) var(--wp-components-color-accent, var(--wp-admin-theme-color, #3858e9));
}
.components-panel__body-toggle.components-button .components-panel__arrow {
color: #1e1e1e;
position: absolute;
right: 16px;
top: 50%;
transform: translateY(-50%);
fill: currentColor;
}
@media not (prefers-reduced-motion) {
.components-panel__body-toggle.components-button .components-panel__arrow {
transition: color .1s ease-in-out;
}
}
body.rtl .components-panel__body-toggle.components-button .dashicons-arrow-right {
-ms-filter: fliph;
filter: FlipH;
margin-top: -10px;
transform: scaleX(-1);
}
.components-panel__icon {
color: #757575;
margin: -2px 0 -2px 6px;
}
.components-panel__body-toggle-icon {
margin-right: -5px;
}
.components-panel__color-title {
float: left;
height: 19px;
}
.components-panel__row {
align-items: center;
display: flex;
justify-content: space-between;
margin-top: 8px;
min-height: 36px;
}
.components-panel__row select {
min-width: 0;
}
.components-panel__row label {
flex-shrink: 0;
margin-right: 12px;
max-width: 75%;
}
.components-panel__row:empty, .components-panel__row:first-of-type {
margin-top: 0;
}
.components-panel .circle-picker {
padding-bottom: 20px;
}
.components-placeholder.components-placeholder {
align-items: flex-start;
box-sizing: border-box;
color: #1e1e1e;
display: flex;
flex-direction: column;
font-size: 13px;
gap: 16px;
margin: 0;
padding: 24px;
position: relative;
text-align: left;
width: 100%;
-moz-font-smoothing: subpixel-antialiased;
-webkit-font-smoothing: subpixel-antialiased;
background-color: #fff;
border-radius: 2px;
box-shadow: inset 0 0 0 1px #1e1e1e;
outline: 1px solid rgba(0, 0, 0, 0);
}
.components-placeholder__error, .components-placeholder__fieldset, .components-placeholder__instructions, .components-placeholder__label {
font-family: -apple-system, BlinkMacSystemFont, Segoe UI, Roboto, Oxygen-Sans, Ubuntu, Cantarell, Helvetica Neue, sans-serif;
font-size: 13px;
font-weight: 400;
letter-spacing: normal;
line-height: normal;
text-transform: none;
}
.components-placeholder__label {
align-items: center;
display: flex;
font-weight: 600;
}
.components-placeholder__label .block-editor-block-icon, .components-placeholder__label .dashicon, .components-placeholder__label>svg {
margin-right: 4px;
fill: currentColor;
}
@media (forced-colors:active) {
.components-placeholder__label .block-editor-block-icon, .components-placeholder__label .dashicon, .components-placeholder__label>svg {
fill: CanvasText;
}
}
.components-placeholder__label:empty {
display: none;
}
.components-placeholder__fieldset, .components-placeholder__fieldset form {
display: flex;
flex-direction: row;
flex-wrap: wrap;
gap: 16px;
justify-content: flex-start;
width: 100%;
}
.components-placeholder__fieldset form p, .components-placeholder__fieldset p {
font-family: -apple-system, BlinkMacSystemFont, Segoe UI, Roboto, Oxygen-Sans, Ubuntu, Cantarell, Helvetica Neue, sans-serif;
font-size: 13px;
}
.components-placeholder__fieldset.is-column-layout, .components-placeholder__fieldset.is-column-layout form {
flex-direction: column;
}
.components-placeholder__input[type=url] {
border: 1px solid #949494;
border-radius: 2px;
box-shadow: 0 0 0 rgba(0, 0, 0, 0);
flex: 1 1 auto;
font-family: -apple-system, BlinkMacSystemFont, Segoe UI, Roboto, Oxygen-Sans, Ubuntu, Cantarell, Helvetica Neue, sans-serif;
font-size: 16px;
line-height: normal;
padding: 6px 8px;
}
@media not (prefers-reduced-motion) {
.components-placeholder__input[type=url] {
transition: box-shadow .1s linear;
}
}
@media (min-width:600px) {
.components-placeholder__input[type=url] {
font-size: 13px;
line-height: normal;
}
}
.components-placeholder__input[type=url]:focus {
border-color: var(--wp-admin-theme-color);
box-shadow: 0 0 0 .5px var(--wp-admin-theme-color);
outline: 2px solid rgba(0, 0, 0, 0);
}
.components-placeholder__input[type=url]::-webkit-input-placeholder {
color: rgba(30, 30, 30, .62);
}
.components-placeholder__input[type=url]::-moz-placeholder {
color: rgba(30, 30, 30, .62);
}
.components-placeholder__input[type=url]:-ms-input-placeholder {
color: rgba(30, 30, 30, .62);
}
.components-placeholder__error {
gap: 8px;
width: 100%;
}
.components-placeholder__fieldset .components-button:not(.is-link)~.components-button.is-link {
margin-left: 10px;
margin-right: 10px;
}
.components-placeholder__fieldset .components-button:not(.is-link)~.components-button.is-link:last-child {
margin-right: 0;
}
.components-placeholder.is-medium .components-placeholder__instructions, .components-placeholder.is-small .components-placeholder__instructions {
display: none;
}
.components-placeholder.is-medium .components-placeholder__fieldset, .components-placeholder.is-medium .components-placeholder__fieldset form, .components-placeholder.is-small .components-placeholder__fieldset, .components-placeholder.is-small .components-placeholder__fieldset form {
flex-direction: column;
}
.components-placeholder.is-medium .components-button, .components-placeholder.is-medium .components-placeholder__fieldset>*, .components-placeholder.is-small .components-button, .components-placeholder.is-small .components-placeholder__fieldset>* {
justify-content: center;
width: 100%;
}
.components-placeholder.is-small {
padding: 16px;
}
.components-placeholder.has-illustration {
-webkit-backdrop-filter: blur(100px);
backdrop-filter: blur(100px);
backface-visibility: hidden;
background-color: initial;
border-radius: 0;
box-shadow: none;
color: inherit;
display: flex;
overflow: hidden;
}
.is-dark-theme .components-placeholder.has-illustration {
background-color: rgba(0, 0, 0, .1);
}
.components-placeholder.has-illustration .components-placeholder__fieldset {
margin-left: 0;
margin-right: 0;
}
.components-placeholder.has-illustration .components-button, .components-placeholder.has-illustration .components-placeholder__instructions, .components-placeholder.has-illustration .components-placeholder__label {
opacity: 0;
pointer-events: none;
}
@media not (prefers-reduced-motion) {
.components-placeholder.has-illustration .components-button, .components-placeholder.has-illustration .components-placeholder__instructions, .components-placeholder.has-illustration .components-placeholder__label {
transition: opacity .1s linear;
}
}
.is-selected>.components-placeholder.has-illustration .components-button, .is-selected>.components-placeholder.has-illustration .components-placeholder__instructions, .is-selected>.components-placeholder.has-illustration .components-placeholder__label {
opacity: 1;
pointer-events: auto;
}
.components-placeholder.has-illustration:before {
background: currentColor;
bottom: 0;
content: "";
left: 0;
opacity: .1;
pointer-events: none;
position: absolute;
right: 0;
top: 0;
}
.is-selected .components-placeholder.has-illustration {
overflow: auto;
}
.components-placeholder__preview {
display: flex;
justify-content: center;
}
.components-placeholder__illustration {
box-sizing: initial;
height: 100%;
left: 50%;
position: absolute;
top: 50%;
transform: translate(-50%, -50%);
width: 100%;
stroke: currentColor;
opacity: .25;
}
.components-popover {
box-sizing: border-box;
will-change: transform;
z-index: 1000000;
}
.components-popover *, .components-popover :after, .components-popover :before {
box-sizing: inherit;
}
.components-popover.is-expanded {
bottom: 0;
left: 0;
position: fixed;
right: 0;
top: 0;
z-index: 1000000 !important;
}
.components-popover__content {
background: #fff;
border-radius: 4px;
box-shadow: 0 0 0 1px #ccc, 0 2px 3px rgba(0, 0, 0, .05), 0 4px 5px rgba(0, 0, 0, .04), 0 12px 12px rgba(0, 0, 0, .03), 0 16px 16px rgba(0, 0, 0, .02);
box-sizing: border-box;
width: min-content;
}
.is-alternate .components-popover__content {
border-radius: 2px;
box-shadow: 0 0 0 1px #1e1e1e;
}
.is-unstyled .components-popover__content {
background: none;
border-radius: 0;
box-shadow: none;
}
.components-popover.is-expanded .components-popover__content {
box-shadow: 0 -1px 0 0 #ccc;
height: calc(100% - 48px);
overflow-y: visible;
position: static;
width: auto;
}
.components-popover.is-expanded.is-alternate .components-popover__content {
box-shadow: 0 -1px 0 #1e1e1e;
}
.components-popover__header {
align-items: center;
background: #fff;
display: flex;
height: 48px;
justify-content: space-between;
padding: 0 8px 0 16px;
}
.components-popover__header-title {
overflow: hidden;
text-overflow: ellipsis;
white-space: nowrap;
width: 100%;
}
.components-popover__close.components-button {
z-index: 5;
}
.components-popover__arrow {
display: flex;
height: 14px;
pointer-events: none;
position: absolute;
width: 14px;
}
.components-popover__arrow:before {
background-color: #fff;
content: "";
height: 2px;
left: 1px;
position: absolute;
right: 1px;
top: -1px;
}
.components-popover__arrow.is-top {
bottom: -14px !important;
transform: rotate(0);
}
.components-popover__arrow.is-right {
left: -14px !important;
transform: rotate(90deg);
}
.components-popover__arrow.is-bottom {
top: -14px !important;
transform: rotate(180deg);
}
.components-popover__arrow.is-left {
right: -14px !important;
transform: rotate(-90deg);
}
.components-popover__triangle {
display: block;
flex: 1;
}
.components-popover__triangle-bg {
fill: #fff;
}
.components-popover__triangle-border {
fill: rgba(0, 0, 0, 0);
stroke-width: 1px;
stroke: #ccc;
}
.is-alternate .components-popover__triangle-border {
stroke: #1e1e1e;
}
.components-radio-control {
border: 0;
font-family: -apple-system, BlinkMacSystemFont, Segoe UI, Roboto, Oxygen-Sans, Ubuntu, Cantarell, Helvetica Neue, sans-serif;
font-size: 13px;
margin: 0;
padding: 0;
}
.components-radio-control__group-wrapper.has-help {
margin-block-end: 12px;
}
.components-radio-control__option {
align-items: center;
column-gap: 8px;
display: grid;
grid-template-columns: auto 1fr;
grid-template-rows: auto minmax(0, max-content);
}
.components-radio-control__input[type=radio] {
appearance: none;
border: 1px solid #1e1e1e;
border-radius: 2px;
border-radius: 50%;
box-shadow: 0 0 0 rgba(0, 0, 0, 0);
cursor: pointer;
display: inline-flex;
font-family: -apple-system, BlinkMacSystemFont, Segoe UI, Roboto, Oxygen-Sans, Ubuntu, Cantarell, Helvetica Neue, sans-serif;
font-size: 16px;
grid-column: 1;
grid-row: 1;
height: 24px;
line-height: normal;
margin: 0;
max-width: 24px;
min-width: 24px;
padding: 0;
position: relative;
transition: none;
width: 24px;
}
@media not (prefers-reduced-motion) {
.components-radio-control__input[type=radio] {
transition: box-shadow .1s linear;
}
}
@media (min-width:600px) {
.components-radio-control__input[type=radio] {
font-size: 13px;
line-height: normal;
}
}
.components-radio-control__input[type=radio]:focus {
border-color: var(--wp-admin-theme-color);
box-shadow: 0 0 0 .5px var(--wp-admin-theme-color);
}
.components-radio-control__input[type=radio]::-webkit-input-placeholder {
color: rgba(30, 30, 30, .62);
}
.components-radio-control__input[type=radio]::-moz-placeholder {
color: rgba(30, 30, 30, .62);
}
.components-radio-control__input[type=radio]:-ms-input-placeholder {
color: rgba(30, 30, 30, .62);
}
@media (min-width:600px) {
.components-radio-control__input[type=radio] {
height: 16px;
max-width: 16px;
min-width: 16px;
width: 16px;
}
}
.components-radio-control__input[type=radio]:checked:before {
background-color: #fff;
border: 4px solid #fff;
box-sizing: inherit;
height: 12px;
left: 50%;
margin: 0;
position: absolute;
top: 50%;
transform: translate(-50%, -50%);
width: 12px;
}
@media (min-width:600px) {
.components-radio-control__input[type=radio]:checked:before {
height: 8px;
width: 8px;
}
}
.components-radio-control__input[type=radio]:focus {
box-shadow: 0 0 0 2px #fff, 0 0 0 4px var(--wp-admin-theme-color);
}
.components-radio-control__input[type=radio]:checked {
background: var(--wp-admin-theme-color);
border: none;
}
.components-radio-control__input[type=radio]:focus {
box-shadow: 0 0 0 var(--wp-admin-border-width-focus) #fff, 0 0 0 calc(var(--wp-admin-border-width-focus) * 2) var(--wp-admin-theme-color);
outline: 2px solid rgba(0, 0, 0, 0);
outline-offset: 2px;
}
.components-radio-control__input[type=radio]:checked {
background: var(--wp-components-color-accent, var(--wp-admin-theme-color, #3858e9));
border-color: var(--wp-components-color-accent, var(--wp-admin-theme-color, #3858e9));
}
.components-radio-control__input[type=radio]:checked:before {
border-radius: 50%;
content: "";
}
.components-radio-control__label {
cursor: pointer;
grid-column: 2;
grid-row: 1;
line-height: 24px;
}
@media (min-width:600px) {
.components-radio-control__label {
line-height: 16px;
}
}
.components-radio-control__option-description {
grid-column: 2;
grid-row: 2;
padding-block-start: 4px;
}
.components-radio-control__option-description.components-radio-control__option-description {
margin-top: 0;
}
.components-resizable-box__handle {
display: none;
height: 23px;
width: 23px;
z-index: 2;
}
.components-resizable-box__container.has-show-handle .components-resizable-box__handle {
display: block;
}
.components-resizable-box__handle>div {
height: 100%;
outline: none;
position: relative;
width: 100%;
z-index: 2;
}
.components-resizable-box__container>img {
width: inherit;
}
.components-resizable-box__handle:after {
background: #fff;
border-radius: 50%;
box-shadow: inset 0 0 0 var(--wp-admin-border-width-focus) var(--wp-components-color-accent, var(--wp-admin-theme-color, #3858e9)), 0 1px 1px rgba(0, 0, 0, .03), 0 1px 2px rgba(0, 0, 0, .02), 0 3px 3px rgba(0, 0, 0, .02), 0 4px 4px rgba(0, 0, 0, .01);
content: "";
cursor: inherit;
display: block;
height: 15px;
outline: 2px solid rgba(0, 0, 0, 0);
position: absolute;
right: calc(50% - 8px);
top: calc(50% - 8px);
width: 15px;
}
.components-resizable-box__side-handle:before {
background: var(--wp-components-color-accent, var(--wp-admin-theme-color, #3858e9));
border-radius: 9999px;
content: "";
cursor: inherit;
display: block;
height: 3px;
opacity: 0;
position: absolute;
right: calc(50% - 1px);
top: calc(50% - 1px);
width: 3px;
}
@media not (prefers-reduced-motion) {
.components-resizable-box__side-handle:before {
transition: transform .1s ease-in;
will-change: transform;
}
}
.components-resizable-box__corner-handle, .components-resizable-box__side-handle {
z-index: 2;
}
.components-resizable-box__side-handle.components-resizable-box__handle-bottom, .components-resizable-box__side-handle.components-resizable-box__handle-bottom:before, .components-resizable-box__side-handle.components-resizable-box__handle-top, .components-resizable-box__side-handle.components-resizable-box__handle-top:before {
border-left: 0;
border-right: 0;
left: 0;
width: 100%;
}
.components-resizable-box__side-handle.components-resizable-box__handle-left, .components-resizable-box__side-handle.components-resizable-box__handle-left:before, .components-resizable-box__side-handle.components-resizable-box__handle-right, .components-resizable-box__side-handle.components-resizable-box__handle-right:before {
border-bottom: 0;
border-top: 0;
height: 100%;
top: 0;
}
@media not (prefers-reduced-motion) {
.components-resizable-box__side-handle.components-resizable-box__handle-bottom:active:before, .components-resizable-box__side-handle.components-resizable-box__handle-bottom:hover:before, .components-resizable-box__side-handle.components-resizable-box__handle-top:active:before, .components-resizable-box__side-handle.components-resizable-box__handle-top:hover:before {
animation: components-resizable-box__top-bottom-animation .1s ease-out 0s;
animation-fill-mode: forwards;
}
.components-resizable-box__side-handle.components-resizable-box__handle-left:active:before, .components-resizable-box__side-handle.components-resizable-box__handle-left:hover:before, .components-resizable-box__side-handle.components-resizable-box__handle-right:active:before, .components-resizable-box__side-handle.components-resizable-box__handle-right:hover:before {
animation: components-resizable-box__left-right-animation .1s ease-out 0s;
animation-fill-mode: forwards;
}
}
@media not all and (min-resolution:0.001dpcm) {
@supports (-webkit-appearance:none) {
.components-resizable-box__side-handle.components-resizable-box__handle-bottom:active:before, .components-resizable-box__side-handle.components-resizable-box__handle-bottom:hover:before, .components-resizable-box__side-handle.components-resizable-box__handle-left:active:before, .components-resizable-box__side-handle.components-resizable-box__handle-left:hover:before, .components-resizable-box__side-handle.components-resizable-box__handle-right:active:before, .components-resizable-box__side-handle.components-resizable-box__handle-right:hover:before, .components-resizable-box__side-handle.components-resizable-box__handle-top:active:before, .components-resizable-box__side-handle.components-resizable-box__handle-top:hover:before {
animation: none;
}
}
}
@keyframes components-resizable-box__top-bottom-animation {
0% {
opacity: 0;
transform: scaleX(0);
}
to {
opacity: 1;
transform: scaleX(1);
}
}
@keyframes components-resizable-box__left-right-animation {
0% {
opacity: 0;
transform: scaleY(0);
}
to {
opacity: 1;
transform: scaleY(1);
}
}
/*!rtl:begin:ignore*/
.components-resizable-box__handle-right {
right: -11.5px;
}
.components-resizable-box__handle-left {
left: -11.5px;
}
.components-resizable-box__handle-top {
top: -11.5px;
}
.components-resizable-box__handle-bottom {
bottom: -11.5px;
}
/*!rtl:end:ignore*/
.components-responsive-wrapper {
align-items: center;
display: flex;
justify-content: center;
max-width: 100%;
position: relative;
}
.components-responsive-wrapper__content {
display: block;
max-width: 100%;
width: 100%;
}
.components-sandbox {
overflow: hidden;
}
iframe.components-sandbox {
width: 100%;
}
body.lockscroll, html.lockscroll {
overflow: hidden;
}
.components-select-control__input {
outline: 0;
-webkit-tap-highlight-color: rgba(0, 0, 0, 0) !important;
}
@media (max-width:782px) {
.components-base-control .components-base-control__field .components-select-control__input {
font-size: 16px;
}
}
.components-snackbar {
-webkit-backdrop-filter: blur(16px) saturate(180%);
backdrop-filter: blur(16px) saturate(180%);
background: rgba(0, 0, 0, .85);
border-radius: 4px;
box-shadow: 0 1px 2px rgba(0, 0, 0, .05), 0 2px 3px rgba(0, 0, 0, .04), 0 6px 6px rgba(0, 0, 0, .03), 0 8px 8px rgba(0, 0, 0, .02);
box-sizing: border-box;
color: #fff;
cursor: pointer;
font-family: -apple-system, BlinkMacSystemFont, Segoe UI, Roboto, Oxygen-Sans, Ubuntu, Cantarell, Helvetica Neue, sans-serif;
font-size: 13px;
max-width: 600px;
padding: 12px 20px;
pointer-events: auto;
width: 100%;
}
@media (min-width:600px) {
.components-snackbar {
width: fit-content;
}
}
.components-snackbar:focus {
box-shadow: inset 0 0 0 1px #fff, 0 0 0 var(--wp-admin-border-width-focus) var(--wp-components-color-accent, var(--wp-admin-theme-color, #3858e9));
}
.components-snackbar.components-snackbar-explicit-dismiss {
cursor: default;
}
.components-snackbar .components-snackbar__content-with-icon {
padding-left: 24px;
position: relative;
}
.components-snackbar .components-snackbar__icon {
left: -8px;
position: absolute;
top: -2.9px;
}
.components-snackbar .components-snackbar__dismiss-button {
cursor: pointer;
margin-left: 24px;
}
.components-snackbar__action.components-button {
color: #fff;
flex-shrink: 0;
margin-left: 32px;
}
.components-snackbar__action.components-button:focus {
box-shadow: none;
outline: 1px dotted #fff;
}
.components-snackbar__action.components-button:hover {
color: currentColor;
text-decoration: none;
}
.components-snackbar__content {
align-items: baseline;
display: flex;
justify-content: space-between;
line-height: 1.4;
}
.components-snackbar-list {
box-sizing: border-box;
pointer-events: none;
position: absolute;
width: 100%;
z-index: 100000;
}
.components-snackbar-list__notice-container {
padding-top: 8px;
position: relative;
}
.components-tab-panel__tabs {
align-items: stretch;
display: flex;
flex-direction: row;
}
.components-tab-panel__tabs[aria-orientation=vertical] {
flex-direction: column;
}
.components-tab-panel__tabs-item {
background: rgba(0, 0, 0, 0);
border: none;
border-radius: 0;
box-shadow: none;
cursor: pointer;
font-weight: 500;
height: 48px !important;
margin-left: 0;
padding: 3px 16px;
position: relative;
}
.components-tab-panel__tabs-item:focus:not(:disabled) {
box-shadow: none;
outline: none;
position: relative;
}
.components-tab-panel__tabs-item:after {
background: var(--wp-components-color-accent, var(--wp-admin-theme-color, #3858e9));
border-radius: 0;
bottom: 0;
content: "";
height: calc(var(--wp-admin-border-width-focus) * 0);
left: 0;
pointer-events: none;
position: absolute;
right: 0;
}
@media not (prefers-reduced-motion) {
.components-tab-panel__tabs-item:after {
transition: all .1s linear;
}
}
.components-tab-panel__tabs-item.is-active:after {
height: calc(var(--wp-admin-border-width-focus) * 1);
outline: 2px solid rgba(0, 0, 0, 0);
outline-offset: -1px;
}
.components-tab-panel__tabs-item:before {
border-radius: 2px;
bottom: 12px;
box-shadow: 0 0 0 0 rgba(0, 0, 0, 0);
content: "";
left: 12px;
pointer-events: none;
position: absolute;
right: 12px;
top: 12px;
}
@media not (prefers-reduced-motion) {
.components-tab-panel__tabs-item:before {
transition: all .1s linear;
}
}
.components-tab-panel__tabs-item:focus-visible:before {
box-shadow: 0 0 0 var(--wp-admin-border-width-focus) var(--wp-components-color-accent, var(--wp-admin-theme-color, #3858e9));
outline: 2px solid rgba(0, 0, 0, 0);
}
.components-tab-panel__tab-content:focus {
box-shadow: none;
outline: none;
}
.components-tab-panel__tab-content:focus-visible {
box-shadow: 0 0 0 var(--wp-admin-border-width-focus) var(--wp-components-color-accent, var(--wp-admin-theme-color, #3858e9));
outline: 2px solid rgba(0, 0, 0, 0);
outline-offset: 0;
}
.components-text-control__input, .components-text-control__input[type=color], .components-text-control__input[type=date], .components-text-control__input[type=datetime-local], .components-text-control__input[type=datetime], .components-text-control__input[type=email], .components-text-control__input[type=month], .components-text-control__input[type=number], .components-text-control__input[type=password], .components-text-control__input[type=tel], .components-text-control__input[type=text], .components-text-control__input[type=time], .components-text-control__input[type=url], .components-text-control__input[type=week] {
border: 1px solid #949494;
border-radius: 2px;
box-shadow: 0 0 0 rgba(0, 0, 0, 0);
font-family: -apple-system, BlinkMacSystemFont, Segoe UI, Roboto, Oxygen-Sans, Ubuntu, Cantarell, Helvetica Neue, sans-serif;
font-size: 16px;
height: 32px;
line-height: normal;
margin: 0;
padding: 6px 8px;
width: 100%;
}
@media not (prefers-reduced-motion) {
.components-text-control__input, .components-text-control__input[type=color], .components-text-control__input[type=date], .components-text-control__input[type=datetime-local], .components-text-control__input[type=datetime], .components-text-control__input[type=email], .components-text-control__input[type=month], .components-text-control__input[type=number], .components-text-control__input[type=password], .components-text-control__input[type=tel], .components-text-control__input[type=text], .components-text-control__input[type=time], .components-text-control__input[type=url], .components-text-control__input[type=week] {
transition: box-shadow .1s linear;
}
}
@media (min-width:600px) {
.components-text-control__input, .components-text-control__input[type=color], .components-text-control__input[type=date], .components-text-control__input[type=datetime-local], .components-text-control__input[type=datetime], .components-text-control__input[type=email], .components-text-control__input[type=month], .components-text-control__input[type=number], .components-text-control__input[type=password], .components-text-control__input[type=tel], .components-text-control__input[type=text], .components-text-control__input[type=time], .components-text-control__input[type=url], .components-text-control__input[type=week] {
font-size: 13px;
line-height: normal;
}
}
.components-text-control__input:focus, .components-text-control__input[type=color]:focus, .components-text-control__input[type=date]:focus, .components-text-control__input[type=datetime-local]:focus, .components-text-control__input[type=datetime]:focus, .components-text-control__input[type=email]:focus, .components-text-control__input[type=month]:focus, .components-text-control__input[type=number]:focus, .components-text-control__input[type=password]:focus, .components-text-control__input[type=tel]:focus, .components-text-control__input[type=text]:focus, .components-text-control__input[type=time]:focus, .components-text-control__input[type=url]:focus, .components-text-control__input[type=week]:focus {
border-color: var(--wp-admin-theme-color);
box-shadow: 0 0 0 .5px var(--wp-admin-theme-color);
outline: 2px solid rgba(0, 0, 0, 0);
}
.components-text-control__input::-webkit-input-placeholder, .components-text-control__input[type=color]::-webkit-input-placeholder, .components-text-control__input[type=date]::-webkit-input-placeholder, .components-text-control__input[type=datetime-local]::-webkit-input-placeholder, .components-text-control__input[type=datetime]::-webkit-input-placeholder, .components-text-control__input[type=email]::-webkit-input-placeholder, .components-text-control__input[type=month]::-webkit-input-placeholder, .components-text-control__input[type=number]::-webkit-input-placeholder, .components-text-control__input[type=password]::-webkit-input-placeholder, .components-text-control__input[type=tel]::-webkit-input-placeholder, .components-text-control__input[type=text]::-webkit-input-placeholder, .components-text-control__input[type=time]::-webkit-input-placeholder, .components-text-control__input[type=url]::-webkit-input-placeholder, .components-text-control__input[type=week]::-webkit-input-placeholder {
color: rgba(30, 30, 30, .62);
}
.components-text-control__input::-moz-placeholder, .components-text-control__input[type=color]::-moz-placeholder, .components-text-control__input[type=date]::-moz-placeholder, .components-text-control__input[type=datetime-local]::-moz-placeholder, .components-text-control__input[type=datetime]::-moz-placeholder, .components-text-control__input[type=email]::-moz-placeholder, .components-text-control__input[type=month]::-moz-placeholder, .components-text-control__input[type=number]::-moz-placeholder, .components-text-control__input[type=password]::-moz-placeholder, .components-text-control__input[type=tel]::-moz-placeholder, .components-text-control__input[type=text]::-moz-placeholder, .components-text-control__input[type=time]::-moz-placeholder, .components-text-control__input[type=url]::-moz-placeholder, .components-text-control__input[type=week]::-moz-placeholder {
color: rgba(30, 30, 30, .62);
}
.components-text-control__input:-ms-input-placeholder, .components-text-control__input[type=color]:-ms-input-placeholder, .components-text-control__input[type=date]:-ms-input-placeholder, .components-text-control__input[type=datetime-local]:-ms-input-placeholder, .components-text-control__input[type=datetime]:-ms-input-placeholder, .components-text-control__input[type=email]:-ms-input-placeholder, .components-text-control__input[type=month]:-ms-input-placeholder, .components-text-control__input[type=number]:-ms-input-placeholder, .components-text-control__input[type=password]:-ms-input-placeholder, .components-text-control__input[type=tel]:-ms-input-placeholder, .components-text-control__input[type=text]:-ms-input-placeholder, .components-text-control__input[type=time]:-ms-input-placeholder, .components-text-control__input[type=url]:-ms-input-placeholder, .components-text-control__input[type=week]:-ms-input-placeholder {
color: rgba(30, 30, 30, .62);
}
.components-text-control__input.is-next-40px-default-size, .components-text-control__input[type=color].is-next-40px-default-size, .components-text-control__input[type=date].is-next-40px-default-size, .components-text-control__input[type=datetime-local].is-next-40px-default-size, .components-text-control__input[type=datetime].is-next-40px-default-size, .components-text-control__input[type=email].is-next-40px-default-size, .components-text-control__input[type=month].is-next-40px-default-size, .components-text-control__input[type=number].is-next-40px-default-size, .components-text-control__input[type=password].is-next-40px-default-size, .components-text-control__input[type=tel].is-next-40px-default-size, .components-text-control__input[type=text].is-next-40px-default-size, .components-text-control__input[type=time].is-next-40px-default-size, .components-text-control__input[type=url].is-next-40px-default-size, .components-text-control__input[type=week].is-next-40px-default-size {
height: 40px;
padding-left: 12px;
padding-right: 12px;
}
.components-text-control__input[type=email], .components-text-control__input[type=url] {
direction: ltr;
}
.components-tip {
color: #757575;
display: flex;
}
.components-tip svg {
align-self: center;
fill: #f0b849;
flex-shrink: 0;
margin-right: 16px;
}
.components-tip p {
margin: 0;
}
.components-toggle-control__label {
line-height: 16px;
}
.components-toggle-control__label:not(.is-disabled) {
cursor: pointer;
}
.components-toggle-control__help {
display: inline-block;
margin-inline-start: 40px;
}
.components-accessible-toolbar {
border: 1px solid #1e1e1e;
border-radius: 2px;
display: inline-flex;
flex-shrink: 0;
}
.components-accessible-toolbar>.components-toolbar-group:last-child {
border-right: none;
}
.components-accessible-toolbar.is-unstyled {
border: none;
}
.components-accessible-toolbar.is-unstyled>.components-toolbar-group {
border-right: none;
}
.components-accessible-toolbar[aria-orientation=vertical], .components-toolbar[aria-orientation=vertical] {
align-items: center;
display: flex;
flex-direction: column;
}
.components-accessible-toolbar .components-button, .components-toolbar .components-button {
height: 48px;
padding-left: 16px;
padding-right: 16px;
position: relative;
z-index: 1;
}
.components-accessible-toolbar .components-button:focus:not(:disabled), .components-toolbar .components-button:focus:not(:disabled) {
box-shadow: none;
outline: none;
}
.components-accessible-toolbar .components-button:before, .components-toolbar .components-button:before {
border-radius: 2px;
content: "";
display: block;
height: 32px;
left: 8px;
position: absolute;
right: 8px;
z-index: -1;
}
@media not (prefers-reduced-motion) {
.components-accessible-toolbar .components-button:before, .components-toolbar .components-button:before {
animation: components-button__appear-animation .1s ease;
animation-fill-mode: forwards;
}
}
.components-accessible-toolbar .components-button svg, .components-toolbar .components-button svg {
margin-left: auto;
margin-right: auto;
position: relative;
}
.components-accessible-toolbar .components-button.is-pressed, .components-accessible-toolbar .components-button.is-pressed:hover, .components-toolbar .components-button.is-pressed, .components-toolbar .components-button.is-pressed:hover {
background: rgba(0, 0, 0, 0);
}
.components-accessible-toolbar .components-button.is-pressed:before, .components-toolbar .components-button.is-pressed:before {
background: #1e1e1e;
}
.components-accessible-toolbar .components-button:focus:before, .components-toolbar .components-button:focus:before {
box-shadow: inset 0 0 0 1px #fff, 0 0 0 var(--wp-admin-border-width-focus) var(--wp-admin-theme-color);
outline: 2px solid rgba(0, 0, 0, 0);
}
.components-accessible-toolbar .components-button.has-icon.has-icon, .components-toolbar .components-button.has-icon.has-icon {
min-width: 48px;
padding-left: 8px;
padding-right: 8px;
}
@keyframes components-button__appear-animation {
0% {
transform: scaleY(0);
}
to {
transform: scaleY(1);
}
}
.components-toolbar__control.components-button {
position: relative;
}
.components-toolbar__control.components-button[data-subscript] svg {
padding: 5px 10px 5px 0;
}
.components-toolbar__control.components-button[data-subscript]:after {
bottom: 10px;
content: attr(data-subscript);
font-family: -apple-system, BlinkMacSystemFont, Segoe UI, Roboto, Oxygen-Sans, Ubuntu, Cantarell, Helvetica Neue, sans-serif;
font-size: 13px;
font-weight: 600;
line-height: 12px;
position: absolute;
right: 8px;
}
.components-toolbar__control.components-button:not(:disabled).is-pressed[data-subscript]:after {
color: #fff;
}
.components-toolbar-group {
background-color: #fff;
border-right: 1px solid #1e1e1e;
display: inline-flex;
flex-shrink: 0;
flex-wrap: wrap;
line-height: 0;
min-height: 48px;
padding-left: 6px;
padding-right: 6px;
}
.components-toolbar-group .components-toolbar-group.components-toolbar-group {
border-width: 0;
margin: 0;
}
.components-toolbar-group .components-button.components-button, .components-toolbar-group .components-button.has-icon.has-icon {
justify-content: center;
min-width: 36px;
padding-left: 6px;
padding-right: 6px;
}
.components-toolbar-group .components-button.components-button svg, .components-toolbar-group .components-button.has-icon.has-icon svg {
min-width: 24px;
}
.components-toolbar-group .components-button.components-button:before, .components-toolbar-group .components-button.has-icon.has-icon:before {
left: 2px;
right: 2px;
}
.components-toolbar {
background-color: #fff;
border: 1px solid #1e1e1e;
display: inline-flex;
flex-shrink: 0;
flex-wrap: wrap;
margin: 0;
min-height: 48px;
}
.components-toolbar .components-toolbar.components-toolbar {
border-width: 0;
margin: 0;
}
div.components-toolbar>div {
display: flex;
margin: 0;
}
div.components-toolbar>div+div.has-left-divider {
margin-left: 6px;
overflow: visible;
position: relative;
}
div.components-toolbar>div+div.has-left-divider:before {
background-color: #ddd;
box-sizing: initial;
content: "";
display: inline-block;
height: 20px;
left: -3px;
position: absolute;
top: 8px;
width: 1px;
}
.components-tooltip {
background: #000;
border-radius: 2px;
box-shadow: 0 1px 2px rgba(0, 0, 0, .05), 0 2px 3px rgba(0, 0, 0, .04), 0 6px 6px rgba(0, 0, 0, .03), 0 8px 8px rgba(0, 0, 0, .02);
color: #f0f0f0;
font-family: -apple-system, BlinkMacSystemFont, Segoe UI, Roboto, Oxygen-Sans, Ubuntu, Cantarell, Helvetica Neue, sans-serif;
font-size: 12px;
line-height: 1.4;
padding: 4px 8px;
text-align: center;
z-index: 1000002;
}
.components-tooltip__shortcut {
margin-left: 8px;
}
:root {
--wp-admin-theme-color: #007cba;
--wp-admin-theme-color--rgb: 0, 124, 186;
--wp-admin-theme-color-darker-10: #006ba1;
--wp-admin-theme-color-darker-10--rgb: 0, 107, 161;
--wp-admin-theme-color-darker-20: #005a87;
--wp-admin-theme-color-darker-20--rgb: 0, 90, 135;
--wp-admin-border-width-focus: 2px;
--wp-block-synced-color: #7a00df;
--wp-block-synced-color--rgb: 122, 0, 223;
--wp-bound-block-color: var(--wp-block-synced-color);
}
@media (min-resolution:192dpi) {
:root {
--wp-admin-border-width-focus: 1.5px;
}
}
.preference-base-option+.preference-base-option {
margin-top: 16px;
}
@media (min-width:600px) {
.preferences-modal {
height: calc(100% - 120px);
width: calc(100% - 32px);
}
}
@media (min-width:782px) {
.preferences-modal {
width: 750px;
}
}
@media (min-width:960px) {
.preferences-modal {
height: 70%;
}
}
@media (max-width:781px) {
.preferences-modal .components-modal__content {
padding: 0;
}
}
.preferences__tabs-tablist {
left: 16px;
position: absolute !important;
top: 84px;
width: 160px;
}
.preferences__tabs-tabpanel {
margin-left: 160px;
padding-left: 24px;
}
@media (max-width:781px) {
.preferences__provider {
height: 100%;
}
}
.preferences-modal__section {
margin: 0 0 2.5rem;
}
.preferences-modal__section:last-child {
margin: 0;
}
.preferences-modal__section-legend {
margin-bottom: 8px;
}
.preferences-modal__section-title {
font-size: .9rem;
font-weight: 600;
margin-top: 0;
}
.preferences-modal__section-description {
color: #757575;
font-size: 12px;
font-style: normal;
margin: -8px 0 8px;
}
.preferences-modal__section:has(.preferences-modal__section-content:empty) {
display: none;
}
:root {
--wp-admin-theme-color: #007cba;
--wp-admin-theme-color--rgb: 0, 124, 186;
--wp-admin-theme-color-darker-10: #006ba1;
--wp-admin-theme-color-darker-10--rgb: 0, 107, 161;
--wp-admin-theme-color-darker-20: #005a87;
--wp-admin-theme-color-darker-20--rgb: 0, 90, 135;
--wp-admin-border-width-focus: 2px;
--wp-block-synced-color: #7a00df;
--wp-block-synced-color--rgb: 122, 0, 223;
--wp-bound-block-color: var(--wp-block-synced-color);
}
@media (min-resolution:192dpi) {
:root {
--wp-admin-border-width-focus: 1.5px;
}
}
.block-editor-autocompleters__block {
white-space: nowrap;
}
.block-editor-autocompleters__block .block-editor-block-icon {
margin-right: 8px;
}
.block-editor-autocompleters__block[aria-selected=true] .block-editor-block-icon {
color: inherit !important;
}
.block-editor-autocompleters__link {
white-space: nowrap;
}
.block-editor-autocompleters__link .block-editor-block-icon {
margin-right: 8px;
}
.block-editor-global-styles-background-panel__inspector-media-replace-container {
border: 1px solid #ddd;
border-radius: 2px;
grid-column: 1/-1;
}
.block-editor-global-styles-background-panel__inspector-media-replace-container.is-open {
background-color: #f0f0f0;
}
.block-editor-global-styles-background-panel__inspector-media-replace-container .block-editor-global-styles-background-panel__image-tools-panel-item {
border: 0;
flex-grow: 1;
}
.block-editor-global-styles-background-panel__inspector-media-replace-container .block-editor-global-styles-background-panel__image-tools-panel-item .components-dropdown {
display: block;
}
.block-editor-global-styles-background-panel__inspector-media-replace-container .block-editor-global-styles-background-panel__inspector-preview-inner {
height: 100%;
}
.block-editor-global-styles-background-panel__inspector-media-replace-container .components-dropdown {
display: block;
}
.block-editor-global-styles-background-panel__inspector-media-replace-container .components-dropdown .block-editor-global-styles-background-panel__dropdown-toggle {
height: 40px;
}
.block-editor-global-styles-background-panel__image-tools-panel-item {
border: 1px solid #ddd;
grid-column: 1/-1;
position: relative;
}
.block-editor-global-styles-background-panel__image-tools-panel-item .components-drop-zone__content-icon {
display: none;
}
.block-editor-global-styles-background-panel__image-tools-panel-item .components-dropdown {
display: block;
}
.block-editor-global-styles-background-panel__image-tools-panel-item button.components-button {
color: #1e1e1e;
display: block;
width: 100%;
}
.block-editor-global-styles-background-panel__image-tools-panel-item button.components-button:hover {
color: var(--wp-admin-theme-color);
}
.block-editor-global-styles-background-panel__image-tools-panel-item button.components-button:focus {
box-shadow: inset 0 0 0 var(--wp-admin-border-width-focus) var(--wp-admin-theme-color);
}
.block-editor-global-styles-background-panel__image-tools-panel-item .block-editor-global-styles-background-panel__loading {
height: 100%;
padding: 10px 0 0;
position: absolute;
width: 100%;
z-index: 1;
}
.block-editor-global-styles-background-panel__image-tools-panel-item .block-editor-global-styles-background-panel__loading svg {
margin: 0;
}
.block-editor-global-styles-background-panel__dropdown-toggle, .block-editor-global-styles-background-panel__image-preview-content {
height: 100%;
padding-left: 12px;
width: 100%;
}
.block-editor-global-styles-background-panel__dropdown-toggle {
background: rgba(0, 0, 0, 0);
border: none;
cursor: pointer;
}
.block-editor-global-styles-background-panel__inspector-media-replace-title {
text-align: start;
text-align-last: center;
white-space: normal;
word-break: break-all;
}
.block-editor-global-styles-background-panel__inspector-preview-inner .block-editor-global-styles-background-panel__inspector-image-indicator-wrapper {
height: 20px;
min-width: auto;
width: 20px;
}
.block-editor-global-styles-background-panel__inspector-image-indicator {
background-size: cover;
border-radius: 50%;
display: block;
height: 20px;
position: relative;
width: 20px;
}
.block-editor-global-styles-background-panel__inspector-image-indicator:after {
border: 1px solid rgba(0, 0, 0, 0);
border-radius: 50%;
bottom: -1px;
box-shadow: inset 0 0 0 1px rgba(0, 0, 0, .2);
box-sizing: inherit;
content: "";
left: -1px;
position: absolute;
right: -1px;
top: -1px;
}
.block-editor-global-styles-background-panel__dropdown-content-wrapper {
min-width: 260px;
overflow-x: hidden;
}
.block-editor-global-styles-background-panel__dropdown-content-wrapper .components-focal-point-picker-wrapper {
background-color: #f0f0f0;
border: 1px solid #ddd;
border-radius: 2px;
width: 100%;
}
.block-editor-global-styles-background-panel__dropdown-content-wrapper .components-focal-point-picker__media--image {
max-height: 180px;
}
.block-editor-global-styles-background-panel__dropdown-content-wrapper .components-focal-point-picker:after {
content: none;
}
.modal-open .block-editor-global-styles-background-panel__popover {
z-index: 159890;
}
.block-editor-global-styles-background-panel__media-replace-popover .components-popover__content {
width: 226px;
}
.block-editor-global-styles-background-panel__media-replace-popover .components-button {
padding: 0 8px;
}
.block-editor-global-styles-background-panel__media-replace-popover .components-button .components-menu-items__item-icon.has-icon-right {
margin-left: 16px;
}
.block-editor-block-alignment-control__menu-group .components-menu-item__info {
margin-top: 0;
}
iframe[name=editor-canvas] {
background-color: #ddd;
box-sizing: border-box;
display: block;
height: 100%;
width: 100%;
}
@media not (prefers-reduced-motion) {
iframe[name=editor-canvas] {
transition: all .4s cubic-bezier(.46, .03, .52, .96);
}
}
.block-editor-block-icon {
align-items: center;
display: flex;
height: 24px;
justify-content: center;
width: 24px;
}
.block-editor-block-icon.has-colors svg {
fill: currentColor;
}
@media (forced-colors:active) {
.block-editor-block-icon.has-colors svg {
fill: CanvasText;
}
}
.block-editor-block-icon svg {
max-height: 24px;
max-width: 24px;
min-height: 20px;
min-width: 20px;
}
.block-editor-block-inspector p:not(.components-base-control__help) {
margin-top: 0;
}
.block-editor-block-inspector h2, .block-editor-block-inspector h3 {
color: #1e1e1e;
font-size: 13px;
margin-bottom: 1.5em;
}
.block-editor-block-inspector .components-base-control:where(:not(:last-child)), .block-editor-block-inspector .components-radio-control:where(:not(:last-child)) {
margin-bottom: 16px;
}
.block-editor-block-inspector .components-focal-point-picker-control .components-base-control, .block-editor-block-inspector .components-query-controls .components-base-control, .block-editor-block-inspector .components-range-control .components-base-control {
margin-bottom: 0;
}
.block-editor-block-inspector .components-panel__body {
border: none;
border-top: 1px solid #e0e0e0;
margin-top: -1px;
}
.block-editor-block-inspector__no-block-tools, .block-editor-block-inspector__no-blocks {
background: #fff;
display: block;
font-size: 13px;
padding: 32px 16px;
text-align: center;
}
.block-editor-block-inspector__no-block-tools {
border-top: 1px solid #ddd;
}
.block-editor-block-list__insertion-point {
bottom: 0;
left: 0;
position: absolute;
right: 0;
top: 0;
}
.block-editor-block-list__insertion-point-indicator {
background: var(--wp-admin-theme-color);
border-radius: 2px;
opacity: 0;
position: absolute;
transform-origin: center;
will-change: transform, opacity;
}
.block-editor-block-list__insertion-point.is-vertical>.block-editor-block-list__insertion-point-indicator {
height: 4px;
top: calc(50% - 2px);
width: 100%;
}
.block-editor-block-list__insertion-point.is-horizontal>.block-editor-block-list__insertion-point-indicator {
bottom: 0;
left: calc(50% - 2px);
top: 0;
width: 4px;
}
.block-editor-block-list__insertion-point-inserter {
display: none;
justify-content: center;
left: calc(50% - 12px);
position: absolute;
top: calc(50% - 12px);
will-change: transform;
}
@media (min-width:480px) {
.block-editor-block-list__insertion-point-inserter {
display: flex;
}
}
.block-editor-block-list__block-side-inserter-popover .components-popover__content>div {
pointer-events: none;
}
.block-editor-block-list__block-side-inserter-popover .components-popover__content>div>* {
pointer-events: all;
}
.block-editor-block-list__empty-block-inserter.block-editor-block-list__empty-block-inserter {
line-height: 0;
position: absolute;
right: 0;
top: 0;
}
.block-editor-block-list__empty-block-inserter.block-editor-block-list__empty-block-inserter:disabled {
display: none;
}
.block-editor-block-list__empty-block-inserter .block-editor-inserter__toggle.components-button.has-icon, .block-editor-block-list__insertion-point-inserter .block-editor-inserter__toggle.components-button.has-icon {
background: #1e1e1e;
color: #fff;
height: 24px;
min-width: 24px;
padding: 0;
}
.block-editor-block-list__empty-block-inserter .block-editor-inserter__toggle.components-button.has-icon:hover, .block-editor-block-list__insertion-point-inserter .block-editor-inserter__toggle.components-button.has-icon:hover {
background: var(--wp-admin-theme-color);
color: #fff;
}
.block-editor-block-list__insertion-point-inserter .block-editor-inserter__toggle.components-button.has-icon {
background: var(--wp-admin-theme-color);
}
.block-editor-block-list__insertion-point-inserter .block-editor-inserter__toggle.components-button.has-icon:hover {
background: #1e1e1e;
}
@keyframes hide-during-dragging {
to {
position: fixed;
transform: translate(9999px, 9999px);
}
}
.components-popover.block-editor-block-list__block-popover .block-editor-block-contextual-toolbar {
border: 1px solid #1e1e1e;
border-radius: 2px;
margin-bottom: 8px;
margin-top: 8px;
overflow: visible;
pointer-events: all;
position: static;
width: auto;
}
.components-popover.block-editor-block-list__block-popover .block-editor-block-contextual-toolbar.has-parent {
margin-left: 56px;
}
.show-icon-labels .components-popover.block-editor-block-list__block-popover .block-editor-block-contextual-toolbar.has-parent {
margin-left: 0;
}
.components-popover.block-editor-block-list__block-popover .block-editor-block-toolbar {
overflow: visible;
}
.components-popover.block-editor-block-list__block-popover .block-editor-block-toolbar .components-toolbar, .components-popover.block-editor-block-list__block-popover .block-editor-block-toolbar .components-toolbar-group {
border-right-color: #1e1e1e;
}
.components-popover.block-editor-block-list__block-popover .is-inverted-toolbar {
background-color: #1e1e1e;
color: #f0f0f0;
}
.components-popover.block-editor-block-list__block-popover .is-inverted-toolbar.block-editor-block-contextual-toolbar {
border-color: #2f2f2f;
}
.components-popover.block-editor-block-list__block-popover .is-inverted-toolbar button {
color: #ddd;
}
.components-popover.block-editor-block-list__block-popover .is-inverted-toolbar button:hover {
color: #fff;
}
.components-popover.block-editor-block-list__block-popover .is-inverted-toolbar button:focus:before {
box-shadow: inset 0 0 0 1px #1e1e1e, 0 0 0 var(--wp-admin-border-width-focus) var(--wp-admin-theme-color);
}
.components-popover.block-editor-block-list__block-popover .is-inverted-toolbar button:disabled, .components-popover.block-editor-block-list__block-popover .is-inverted-toolbar button[aria-disabled=true] {
color: #757575;
}
.components-popover.block-editor-block-list__block-popover .is-inverted-toolbar .block-editor-block-parent-selector .block-editor-block-parent-selector__button {
background-color: #1e1e1e;
border-color: #2f2f2f;
}
.components-popover.block-editor-block-list__block-popover .is-inverted-toolbar .block-editor-block-switcher__toggle {
color: #f0f0f0;
}
.components-popover.block-editor-block-list__block-popover .is-inverted-toolbar .components-toolbar, .components-popover.block-editor-block-list__block-popover .is-inverted-toolbar .components-toolbar-group {
border-right-color: #2f2f2f !important;
}
.components-popover.block-editor-block-list__block-popover .is-inverted-toolbar .is-pressed {
color: var(--wp-admin-theme-color);
}
.components-popover.block-editor-block-list__block-popover.is-insertion-point-visible {
visibility: hidden;
}
.is-dragging-components-draggable .components-popover.block-editor-block-list__block-popover {
opacity: 0;
}
@media not (prefers-reduced-motion) {
.is-dragging-components-draggable .components-popover.block-editor-block-list__block-popover {
animation: hide-during-dragging 1ms linear forwards;
}
}
.components-popover.block-editor-block-list__block-popover .block-editor-block-parent-selector {
left: -57px;
position: absolute;
}
.components-popover.block-editor-block-list__block-popover .block-editor-block-parent-selector:before {
content: "";
}
.components-popover.block-editor-block-list__block-popover .block-editor-block-parent-selector .block-editor-block-parent-selector__button {
background-color: #fff;
border: 1px solid #1e1e1e;
padding-left: 6px;
padding-right: 6px;
}
.show-icon-labels .components-popover.block-editor-block-list__block-popover .block-editor-block-parent-selector .block-editor-block-parent-selector__button {
padding-left: 12px;
padding-right: 12px;
}
.show-icon-labels .components-popover.block-editor-block-list__block-popover .block-editor-block-parent-selector {
left: auto;
margin-left: -1px;
position: relative;
}
.show-icon-labels .components-popover.block-editor-block-list__block-popover .block-editor-block-mover__move-button-container, .show-icon-labels .components-popover.block-editor-block-list__block-popover .block-editor-block-toolbar__block-controls .block-editor-block-mover {
border-left: 1px solid #1e1e1e;
}
.is-dragging-components-draggable .components-tooltip {
display: none;
}
.components-popover.block-editor-block-popover__inbetween .block-editor-button-pattern-inserter__button {
left: 50%;
pointer-events: all;
position: absolute;
top: 50%;
transform: translateX(-50%) translateY(-50%);
}
.block-editor-block-lock-modal {
z-index: 1000001;
}
@media (min-width:600px) {
.block-editor-block-lock-modal .components-modal__frame {
max-width: 480px;
}
}
.block-editor-block-lock-modal__options legend {
margin-bottom: 16px;
padding: 0;
}
.block-editor-block-lock-modal__checklist {
margin: 0;
}
.block-editor-block-lock-modal__options-all {
padding: 12px 0;
}
.block-editor-block-lock-modal__options-all .components-checkbox-control__label {
font-weight: 600;
}
.block-editor-block-lock-modal__checklist-item {
align-items: center;
display: flex;
gap: 12px;
justify-content: space-between;
margin-bottom: 0;
padding: 12px 0 12px 32px;
}
.block-editor-block-lock-modal__checklist-item .block-editor-block-lock-modal__lock-icon {
flex-shrink: 0;
margin-right: 12px;
fill: #1e1e1e;
}
.block-editor-block-lock-modal__checklist-item:hover {
background-color: #f0f0f0;
border-radius: 2px;
}
.block-editor-block-lock-modal__template-lock {
border-top: 1px solid #ddd;
margin-top: 16px;
padding-top: 16px;
}
.block-editor-block-lock-modal__actions {
margin-top: 24px;
}
.block-editor-block-lock-toolbar .components-button.has-icon {
min-width: 36px !important;
}
.block-editor-block-toolbar__block-controls .block-editor-block-lock-toolbar {
margin-left: -6px !important;
}
.show-icon-labels .block-editor-block-toolbar__block-controls .block-editor-block-lock-toolbar {
border-left: 1px solid #1e1e1e;
margin-left: 6px !important;
margin-right: -6px;
}
.block-editor-block-breadcrumb {
list-style: none;
margin: 0;
padding: 0;
}
.block-editor-block-breadcrumb li {
display: inline-flex;
margin: 0;
}
.block-editor-block-breadcrumb li .block-editor-block-breadcrumb__separator {
fill: currentColor;
margin-left: -4px;
margin-right: -4px;
transform: scaleX(1);
}
.block-editor-block-breadcrumb li:last-child .block-editor-block-breadcrumb__separator {
display: none;
}
.block-editor-block-breadcrumb__current {
cursor: default;
}
.block-editor-block-breadcrumb__button.block-editor-block-breadcrumb__button, .block-editor-block-breadcrumb__current {
color: #1e1e1e;
font-size: inherit;
padding: 0 8px;
}
.block-editor-block-card {
align-items: flex-start;
color: #1e1e1e;
display: flex;
padding: 16px;
}
.block-editor-block-card__title {
align-items: center;
display: flex;
flex-wrap: wrap;
font-weight: 500;
gap: 4px 8px;
}
.block-editor-block-card__title.block-editor-block-card__title {
font-size: 13px;
line-height: 1.4;
margin: 0;
}
.block-editor-block-card__name {
padding: 3px 0;
}
.block-editor-block-card .block-editor-block-icon {
flex: 0 0 24px;
height: 24px;
margin-left: 0;
margin-right: 12px;
width: 24px;
}
.block-editor-block-card.is-synced .block-editor-block-icon {
color: var(--wp-block-synced-color);
}
.block-editor-block-compare {
height: auto;
}
.block-editor-block-compare__wrapper {
display: flex;
padding-bottom: 16px;
}
.block-editor-block-compare__wrapper>div {
display: flex;
flex-direction: column;
justify-content: space-between;
max-width: 600px;
min-width: 200px;
padding: 0 16px 0 0;
width: 50%;
}
.block-editor-block-compare__wrapper>div button {
float: right;
}
.block-editor-block-compare__wrapper .block-editor-block-compare__converted {
border-left: 1px solid #ddd;
padding-left: 15px;
padding-right: 0;
}
.block-editor-block-compare__wrapper .block-editor-block-compare__html {
border-bottom: 1px solid #ddd;
color: #1e1e1e;
font-family: Menlo, Consolas, monaco, monospace;
font-size: 12px;
line-height: 1.7;
padding-bottom: 15px;
}
.block-editor-block-compare__wrapper .block-editor-block-compare__html span {
background-color: #e6ffed;
padding-bottom: 3px;
padding-top: 3px;
}
.block-editor-block-compare__wrapper .block-editor-block-compare__html span.block-editor-block-compare__added {
background-color: #acf2bd;
}
.block-editor-block-compare__wrapper .block-editor-block-compare__html span.block-editor-block-compare__removed {
background-color: #cc1818;
}
.block-editor-block-compare__wrapper .block-editor-block-compare__preview {
padding: 16px 0 0;
}
.block-editor-block-compare__wrapper .block-editor-block-compare__preview p {
font-size: 12px;
margin-top: 0;
}
.block-editor-block-compare__wrapper .block-editor-block-compare__action {
margin-top: 16px;
}
.block-editor-block-compare__wrapper .block-editor-block-compare__heading {
font-size: 1em;
font-weight: 400;
margin: .67em 0;
}
.block-editor-block-draggable-chip-wrapper {
left: 0;
position: absolute;
top: -24px;
}
.block-editor-block-draggable-chip {
background-color: #1e1e1e;
border-radius: 2px;
box-shadow: 0 1px 2px rgba(0, 0, 0, .05), 0 2px 3px rgba(0, 0, 0, .04), 0 6px 6px rgba(0, 0, 0, .03), 0 8px 8px rgba(0, 0, 0, .02);
color: #fff;
cursor: grabbing;
display: inline-flex;
height: 48px;
padding: 0 13px;
position: relative;
-webkit-user-select: none;
user-select: none;
width: max-content;
}
.block-editor-block-draggable-chip svg {
fill: currentColor;
}
.block-editor-block-draggable-chip .block-editor-block-draggable-chip__content {
justify-content: flex-start;
margin: auto;
}
.block-editor-block-draggable-chip .block-editor-block-draggable-chip__content>.components-flex__item {
margin-right: 6px;
}
.block-editor-block-draggable-chip .block-editor-block-draggable-chip__content>.components-flex__item:last-child {
margin-right: 0;
}
.block-editor-block-draggable-chip .block-editor-block-draggable-chip__content .block-editor-block-icon svg {
min-height: 18px;
min-width: 18px;
}
.block-editor-block-draggable-chip .components-flex__item {
font-family: -apple-system, BlinkMacSystemFont, Segoe UI, Roboto, Oxygen-Sans, Ubuntu, Cantarell, Helvetica Neue, sans-serif;
font-size: 13px;
}
.block-editor-block-draggable-chip__disabled.block-editor-block-draggable-chip__disabled {
align-items: center;
background-color: initial;
bottom: 0;
display: flex;
justify-content: center;
left: 0;
opacity: 0;
position: absolute;
right: 0;
top: 0;
}
@media not (prefers-reduced-motion) {
.block-editor-block-draggable-chip__disabled.block-editor-block-draggable-chip__disabled {
transition: all .1s linear .1s;
}
}
.block-editor-block-draggable-chip__disabled.block-editor-block-draggable-chip__disabled .block-editor-block-draggable-chip__disabled-icon {
background: rgba(0, 0, 0, 0) linear-gradient(-45deg, rgba(0, 0, 0, 0) 47.5%, #fff 0, #fff 52.5%, rgba(0, 0, 0, 0) 0);
border-radius: 50%;
box-shadow: inset 0 0 0 1.5px #fff;
display: inline-block;
height: 20px;
padding: 0;
width: 20px;
}
.block-draggable-invalid-drag-token .block-editor-block-draggable-chip__disabled.block-editor-block-draggable-chip__disabled {
background-color: #757575;
box-shadow: 0 1px 2px rgba(0, 0, 0, .05), 0 2px 3px rgba(0, 0, 0, .04), 0 6px 6px rgba(0, 0, 0, .03), 0 8px 8px rgba(0, 0, 0, .02);
opacity: 1;
}
.block-editor-block-manager__no-results {
font-style: italic;
padding: 24px 0;
text-align: center;
}
.block-editor-block-manager__search {
margin: 16px 0;
}
.block-editor-block-manager__disabled-blocks-count {
background-color: #fff;
border: 1px solid #ddd;
border-width: 1px 0;
box-shadow: -32px 0 0 0 #fff, 32px 0 0 0 #fff;
padding: 8px;
position: sticky;
text-align: center;
top: -5px;
z-index: 2;
}
.block-editor-block-manager__disabled-blocks-count~.block-editor-block-manager__results .block-editor-block-manager__category-title {
top: 31px;
}
.block-editor-block-manager__disabled-blocks-count .is-link {
margin-left: 12px;
}
.block-editor-block-manager__category {
margin: 0 0 24px;
}
.block-editor-block-manager__category-title {
background-color: #fff;
padding: 16px 0;
position: sticky;
top: -4px;
z-index: 1;
}
.block-editor-block-manager__category-title .components-checkbox-control__label {
font-weight: 600;
}
.block-editor-block-manager__checklist {
margin-top: 0;
}
.block-editor-block-manager__category-title, .block-editor-block-manager__checklist-item {
border-bottom: 1px solid #ddd;
}
.block-editor-block-manager__checklist-item {
align-items: center;
display: flex;
justify-content: space-between;
margin-bottom: 0;
padding: 8px 0 8px 16px;
}
.components-modal__content .block-editor-block-manager__checklist-item.components-checkbox-control__input-container {
margin: 0 8px;
}
.block-editor-block-manager__checklist-item .block-editor-block-icon {
margin-right: 10px;
fill: #1e1e1e;
}
.block-editor-block-manager__results {
border-top: 1px solid #ddd;
}
.block-editor-block-manager__disabled-blocks-count+.block-editor-block-manager__results {
border-top-width: 0;
}
.block-editor-block-mover__move-button-container {
border: none;
display: flex;
justify-content: center;
padding: 0;
}
@media (min-width:600px) {
.block-editor-block-mover:not(.is-horizontal) .block-editor-block-mover__move-button-container {
flex-direction: column;
}
.block-editor-block-mover:not(.is-horizontal) .block-editor-block-mover__move-button-container>* {
height: 20px;
min-width: 0 !important;
width: 100%;
}
.block-editor-block-mover:not(.is-horizontal) .block-editor-block-mover__move-button-container>:before {
height: calc(100% - 4px);
}
.block-editor-block-mover:not(.is-horizontal) .block-editor-block-mover__move-button-container .block-editor-block-mover-button.is-up-button svg {
flex-shrink: 0;
top: 3px;
}
.block-editor-block-mover:not(.is-horizontal) .block-editor-block-mover__move-button-container .block-editor-block-mover-button.is-down-button svg {
bottom: 3px;
flex-shrink: 0;
}
.block-editor-block-mover.is-horizontal .block-editor-block-mover__move-button-container {
width: 48px;
}
.block-editor-block-mover.is-horizontal .block-editor-block-mover__move-button-container>* {
min-width: 0 !important;
overflow: hidden;
width: 24px;
}
.block-editor-block-mover.is-horizontal .block-editor-block-mover__move-button-container .block-editor-block-mover-button {
padding-left: 0;
padding-right: 0;
}
.block-editor-block-mover.is-horizontal .block-editor-block-mover__move-button-container .block-editor-block-mover-button.is-up-button svg {
left: 5px;
}
.block-editor-block-mover.is-horizontal .block-editor-block-mover__move-button-container .block-editor-block-mover-button.is-down-button svg {
right: 5px;
}
}
.block-editor-block-mover__drag-handle {
cursor: grab;
}
@media (min-width:600px) {
.block-editor-block-mover__drag-handle {
min-width: 0 !important;
overflow: hidden;
width: 24px;
}
.block-editor-block-mover .block-editor-block-mover__drag-handle.has-icon.has-icon {
padding-left: 0;
padding-right: 0;
}
}
.components-button.block-editor-block-mover-button {
overflow: hidden;
}
.components-button.block-editor-block-mover-button:before {
border-radius: 2px;
content: "";
display: block;
height: 32px;
left: 8px;
position: absolute;
right: 8px;
z-index: -1;
}
@media not (prefers-reduced-motion) {
.components-button.block-editor-block-mover-button:before {
animation: components-button__appear-animation .1s ease;
animation-fill-mode: forwards;
}
}
.components-button.block-editor-block-mover-button:focus, .components-button.block-editor-block-mover-button:focus:before, .components-button.block-editor-block-mover-button:focus:enabled {
box-shadow: none;
outline: none;
}
.components-button.block-editor-block-mover-button:focus-visible:before {
box-shadow: inset 0 0 0 1px #fff, 0 0 0 var(--wp-admin-border-width-focus) var(--wp-admin-theme-color);
outline: 2px solid rgba(0, 0, 0, 0);
}
.block-editor-block-navigation__container {
min-width: 280px;
}
.block-editor-block-navigation__label {
color: #757575;
font-size: 11px;
font-weight: 500;
margin: 0 0 12px;
text-transform: uppercase;
}
.block-editor-block-patterns-list__list-item {
cursor: pointer;
margin-bottom: 16px;
position: relative;
}
.block-editor-block-patterns-list__list-item.is-placeholder {
min-height: 100px;
}
.block-editor-block-patterns-list__list-item[draggable=true] {
cursor: grab;
}
.block-editor-block-patterns-list__item {
height: 100%;
outline: 0;
scroll-margin-bottom: 56px;
scroll-margin-top: 24px;
}
.block-editor-block-patterns-list__item .block-editor-block-patterns-list__item-title {
flex-grow: 1;
font-size: 12px;
text-align: left;
}
.block-editor-block-patterns-list__item .block-editor-block-preview__container {
align-items: center;
border-radius: 4px;
display: flex;
overflow: hidden;
}
.block-editor-block-patterns-list__item .block-editor-block-preview__container:after {
border-radius: 4px;
outline: 1px solid rgba(0, 0, 0, .1);
outline-offset: -1px;
}
@media not (prefers-reduced-motion) {
.block-editor-block-patterns-list__item .block-editor-block-preview__container:after {
transition: outline .1s linear;
}
}
.block-editor-block-patterns-list__item.is-selected .block-editor-block-preview__container:after {
outline-color: #1e1e1e;
outline-offset: calc(var(--wp-admin-border-width-focus) * -1);
outline-width: var(--wp-admin-border-width-focus);
}
.block-editor-block-patterns-list__item:hover .block-editor-block-preview__container:after {
outline-color: rgba(0, 0, 0, .3);
}
.block-editor-block-patterns-list__item[data-focus-visible] .block-editor-block-preview__container:after {
outline-color: var(--wp-admin-theme-color);
outline-offset: calc(var(--wp-admin-border-width-focus) * -1);
outline-width: var(--wp-admin-border-width-focus);
}
.block-editor-block-patterns-list__item .block-editor-patterns__pattern-details:not(:empty) {
align-items: center;
margin-top: 8px;
padding-bottom: 4px;
}
.block-editor-block-patterns-list__item .block-editor-patterns__pattern-icon-wrapper {
height: 24px;
min-width: 24px;
}
.block-editor-block-patterns-list__item .block-editor-patterns__pattern-icon-wrapper .block-editor-patterns__pattern-icon {
fill: var(--wp-block-synced-color);
}
.block-editor-patterns__grid-pagination-wrapper .block-editor-patterns__grid-pagination {
border-top: 1px solid #2f2f2f;
justify-content: center;
padding: 4px;
}
.show-icon-labels .block-editor-patterns__grid-pagination-button {
width: auto;
}
.show-icon-labels .block-editor-patterns__grid-pagination-button span {
display: none;
}
.show-icon-labels .block-editor-patterns__grid-pagination-button:before {
content: attr(aria-label);
}
.components-popover.block-editor-block-popover {
margin: 0 !important;
pointer-events: none;
position: absolute;
z-index: 31;
}
.components-popover.block-editor-block-popover .components-popover__content {
margin: 0 !important;
min-width: auto;
overflow-y: visible;
width: max-content;
}
.components-popover.block-editor-block-popover:not(.block-editor-block-popover__inbetween, .block-editor-block-popover__drop-zone, .block-editor-block-list__block-side-inserter-popover) .components-popover__content * {
pointer-events: all;
}
.components-popover.block-editor-block-popover__inbetween, .components-popover.block-editor-block-popover__inbetween * {
pointer-events: none;
}
.components-popover.block-editor-block-popover__inbetween .is-with-inserter, .components-popover.block-editor-block-popover__inbetween .is-with-inserter * {
pointer-events: all;
}
.components-popover.block-editor-block-popover__drop-zone * {
pointer-events: none;
}
.components-popover.block-editor-block-popover__drop-zone .block-editor-block-popover__drop-zone-foreground {
background-color: var(--wp-admin-theme-color);
border-radius: 2px;
inset: 0;
position: absolute;
}
.block-editor-block-preview__container {
overflow: hidden;
position: relative;
width: 100%;
}
.block-editor-block-preview__container .block-editor-block-preview__content {
left: 0;
margin: 0;
min-height: auto;
overflow: visible;
text-align: initial;
top: 0;
transform-origin: top left;
width: 100%;
}
.block-editor-block-preview__container .block-editor-block-preview__content .block-editor-block-list__insertion-point, .block-editor-block-preview__container .block-editor-block-preview__content .block-list-appender {
display: none;
}
.block-editor-block-preview__container:after {
bottom: 0;
content: "";
left: 0;
position: absolute;
right: 0;
top: 0;
z-index: 1;
}
.block-editor-block-rename-modal {
z-index: 1000001;
}
.block-editor-block-styles__preview-panel {
display: none;
z-index: 90;
}
@media (min-width:782px) {
.block-editor-block-styles__preview-panel {
display: block;
}
}
.block-editor-block-styles__preview-panel .block-editor-block-icon {
display: none;
}
.block-editor-block-styles__variants {
display: flex;
flex-wrap: wrap;
gap: 8px;
justify-content: space-between;
}
.block-editor-block-styles__variants button.components-button.block-editor-block-styles__item {
box-shadow: inset 0 0 0 1px #ddd;
color: #1e1e1e;
display: inline-block;
width: calc(50% - 4px);
}
.block-editor-block-styles__variants button.components-button.block-editor-block-styles__item:hover {
box-shadow: inset 0 0 0 1px #ddd;
color: var(--wp-admin-theme-color);
}
.block-editor-block-styles__variants button.components-button.block-editor-block-styles__item.is-active, .block-editor-block-styles__variants button.components-button.block-editor-block-styles__item.is-active:hover {
background-color: #1e1e1e;
box-shadow: none;
}
.block-editor-block-styles__variants button.components-button.block-editor-block-styles__item.is-active .block-editor-block-styles__item-text, .block-editor-block-styles__variants button.components-button.block-editor-block-styles__item.is-active:hover .block-editor-block-styles__item-text {
color: #fff;
}
.block-editor-block-styles__variants button.components-button.block-editor-block-styles__item.is-active:focus, .block-editor-block-styles__variants button.components-button.block-editor-block-styles__item:focus {
box-shadow: inset 0 0 0 1px #fff, 0 0 0 var(--wp-admin-border-width-focus) var(--wp-admin-theme-color);
outline: 2px solid rgba(0, 0, 0, 0);
}
.block-editor-block-styles__variants .block-editor-block-styles__item-text {
text-align: start;
text-align-last: center;
white-space: normal;
word-break: break-all;
}
.block-editor-block-styles__block-preview-container, .block-editor-block-styles__block-preview-container * {
box-sizing: border-box !important;
}
.block-editor-block-switcher {
position: relative;
}
.block-editor-block-switcher .components-button.components-dropdown-menu__toggle.has-icon.has-icon {
min-width: 36px;
}
.block-editor-block-switcher__no-switcher-icon, .block-editor-block-switcher__toggle {
position: relative;
}
.components-button.block-editor-block-switcher__no-switcher-icon, .components-button.block-editor-block-switcher__toggle {
display: block;
height: 48px;
margin: 0;
}
.components-button.block-editor-block-switcher__no-switcher-icon .block-editor-block-icon, .components-button.block-editor-block-switcher__toggle .block-editor-block-icon {
margin: auto;
}
.components-button.block-editor-block-switcher__no-switcher-icon {
display: flex;
}
.components-button.block-editor-block-switcher__no-switcher-icon .block-editor-block-icon {
margin-left: auto;
margin-right: auto;
min-width: 24px !important;
}
.components-button.block-editor-block-switcher__no-switcher-icon[aria-disabled=true], .components-button.block-editor-block-switcher__no-switcher-icon[aria-disabled=true]:hover {
color: #1e1e1e;
}
.components-popover.block-editor-block-switcher__popover .components-popover__content {
min-width: 300px;
}
.block-editor-block-switcher__popover-preview-container {
bottom: 0;
left: 0;
pointer-events: none;
position: absolute;
top: -1px;
width: 100%;
}
.block-editor-block-switcher__popover-preview {
overflow: hidden;
}
.block-editor-block-switcher__popover-preview .components-popover__content {
background: #fff;
border: 1px solid #1e1e1e;
border-radius: 4px;
box-shadow: none;
outline: none;
overflow: auto;
width: 300px;
}
.block-editor-block-switcher__popover-preview .block-editor-block-switcher__preview {
margin: 16px 0;
max-height: 468px;
overflow: hidden;
padding: 0 16px;
}
.block-editor-block-switcher__popover-preview .block-editor-block-switcher__preview.is-pattern-list-preview {
overflow: unset;
}
.block-editor-block-switcher__preview-title {
color: #757575;
font-size: 11px;
font-weight: 500;
margin-bottom: 12px;
text-transform: uppercase;
}
.block-editor-block-contextual-toolbar .components-button.block-editor-block-switcher__no-switcher-icon {
min-width: 36px;
}
.block-editor-block-contextual-toolbar .components-button.block-editor-block-switcher__no-switcher-icon, .block-editor-block-contextual-toolbar .components-button.block-editor-block-switcher__toggle {
height: 48px;
}
.block-editor-block-contextual-toolbar .components-button.block-editor-block-switcher__no-switcher-icon .block-editor-block-icon, .block-editor-block-contextual-toolbar .components-button.block-editor-block-switcher__no-switcher-icon .block-editor-block-switcher__transform, .block-editor-block-contextual-toolbar .components-button.block-editor-block-switcher__toggle .block-editor-block-icon, .block-editor-block-contextual-toolbar .components-button.block-editor-block-switcher__toggle .block-editor-block-switcher__transform {
height: 48px;
width: 48px;
}
.block-editor-block-contextual-toolbar .components-button.block-editor-block-switcher__no-switcher-icon .block-editor-block-switcher__transform, .block-editor-block-contextual-toolbar .components-button.block-editor-block-switcher__toggle .block-editor-block-switcher__transform {
padding: 12px;
}
.block-editor-block-switcher__preview-patterns-container {
padding-bottom: 16px;
}
.block-editor-block-switcher__preview-patterns-container .block-editor-block-switcher__preview-patterns-container-list__list-item {
margin-top: 16px;
}
.block-editor-block-switcher__preview-patterns-container .block-editor-block-switcher__preview-patterns-container-list__list-item .block-editor-block-preview__container {
cursor: pointer;
}
.block-editor-block-switcher__preview-patterns-container .block-editor-block-switcher__preview-patterns-container-list__list-item .block-editor-block-switcher__preview-patterns-container-list__item {
border: 1px solid rgba(0, 0, 0, 0);
border-radius: 2px;
height: 100%;
position: relative;
}
@media not (prefers-reduced-motion) {
.block-editor-block-switcher__preview-patterns-container .block-editor-block-switcher__preview-patterns-container-list__list-item .block-editor-block-switcher__preview-patterns-container-list__item {
transition: all .05s ease-in-out;
}
}
.block-editor-block-switcher__preview-patterns-container .block-editor-block-switcher__preview-patterns-container-list__list-item .block-editor-block-switcher__preview-patterns-container-list__item:focus, .block-editor-block-switcher__preview-patterns-container .block-editor-block-switcher__preview-patterns-container-list__list-item .block-editor-block-switcher__preview-patterns-container-list__item:hover {
box-shadow: inset 0 0 0 1px #fff, 0 0 0 var(--wp-admin-border-width-focus) var(--wp-admin-theme-color);
outline: 2px solid rgba(0, 0, 0, 0);
}
.block-editor-block-switcher__preview-patterns-container .block-editor-block-switcher__preview-patterns-container-list__list-item .block-editor-block-switcher__preview-patterns-container-list__item:hover {
box-shadow: inset 0 0 0 1px #fff, 0 0 0 var(--wp-admin-border-width-focus) #1e1e1e;
}
.block-editor-block-switcher__preview-patterns-container .block-editor-block-switcher__preview-patterns-container-list__list-item .block-editor-block-switcher__preview-patterns-container-list__item .block-editor-block-switcher__preview-patterns-container-list__item-title {
cursor: pointer;
font-size: 12px;
padding: 4px;
text-align: center;
}
.block-editor-block-switcher__no-transforms {
color: #757575;
margin: 0;
padding: 6px 8px;
}
.block-editor-block-switcher__binding-indicator {
display: block;
padding: 8px;
}
.block-editor-block-types-list>[role=presentation] {
display: flex;
flex-wrap: wrap;
overflow: hidden;
}
.block-editor-block-pattern-setup {
align-items: flex-start;
border-radius: 2px;
display: flex;
flex-direction: column;
justify-content: center;
width: 100%;
}
.block-editor-block-pattern-setup.view-mode-grid {
padding-top: 4px;
}
.block-editor-block-pattern-setup.view-mode-grid .block-editor-block-pattern-setup__toolbar {
justify-content: center;
}
.block-editor-block-pattern-setup.view-mode-grid .block-editor-block-pattern-setup__container {
column-count: 2;
column-gap: 24px;
display: block;
padding: 0 32px;
width: 100%;
}
@media (min-width:1440px) {
.block-editor-block-pattern-setup.view-mode-grid .block-editor-block-pattern-setup__container {
column-count: 3;
}
}
.block-editor-block-pattern-setup.view-mode-grid .block-editor-block-pattern-setup__container .block-editor-block-preview__container, .block-editor-block-pattern-setup.view-mode-grid .block-editor-block-pattern-setup__container div[role=button] {
cursor: pointer;
}
.block-editor-block-pattern-setup.view-mode-grid .block-editor-block-pattern-setup__container .block-editor-block-pattern-setup-list__item {
scroll-margin: 5px 0;
}
.block-editor-block-pattern-setup.view-mode-grid .block-editor-block-pattern-setup__container .block-editor-block-pattern-setup-list__item:hover .block-editor-block-preview__container {
box-shadow: 0 0 0 2px var(--wp-admin-theme-color);
}
.block-editor-block-pattern-setup.view-mode-grid .block-editor-block-pattern-setup__container .block-editor-block-pattern-setup-list__item:focus .block-editor-block-preview__container {
box-shadow: 0 0 0 var(--wp-admin-border-width-focus) #fff, 0 0 0 calc(var(--wp-admin-border-width-focus) * 2) var(--wp-admin-theme-color);
outline: 2px solid rgba(0, 0, 0, 0);
outline-offset: 2px;
}
.block-editor-block-pattern-setup.view-mode-grid .block-editor-block-pattern-setup__container .block-editor-block-pattern-setup-list__item:focus .block-editor-block-pattern-setup-list__item-title, .block-editor-block-pattern-setup.view-mode-grid .block-editor-block-pattern-setup__container .block-editor-block-pattern-setup-list__item:hover .block-editor-block-pattern-setup-list__item-title {
color: var(--wp-admin-theme-color);
}
.block-editor-block-pattern-setup.view-mode-grid .block-editor-block-pattern-setup__container .block-editor-block-pattern-setup-list__list-item {
break-inside: avoid-column;
margin-bottom: 24px;
}
.block-editor-block-pattern-setup.view-mode-grid .block-editor-block-pattern-setup__container .block-editor-block-pattern-setup-list__list-item .block-editor-block-pattern-setup-list__item-title {
cursor: pointer;
font-size: 12px;
padding-top: 8px;
text-align: center;
}
.block-editor-block-pattern-setup.view-mode-grid .block-editor-block-pattern-setup__container .block-editor-block-pattern-setup-list__list-item .block-editor-block-preview__container {
border: 1px solid #ddd;
border-radius: 4px;
min-height: 100px;
}
.block-editor-block-pattern-setup.view-mode-grid .block-editor-block-pattern-setup__container .block-editor-block-pattern-setup-list__list-item .block-editor-block-preview__content {
width: 100%;
}
.block-editor-block-pattern-setup .block-editor-block-pattern-setup__toolbar {
align-items: center;
align-self: stretch;
background-color: #fff;
border-top: 1px solid #ddd;
bottom: 0;
box-sizing: border-box;
color: #1e1e1e;
display: flex;
flex-direction: row;
height: 60px;
justify-content: space-between;
margin: 0;
padding: 16px;
position: absolute;
text-align: left;
width: 100%;
}
.block-editor-block-pattern-setup .block-editor-block-pattern-setup__toolbar .block-editor-block-pattern-setup__display-controls {
display: flex;
}
.block-editor-block-pattern-setup .block-editor-block-pattern-setup__toolbar .block-editor-block-pattern-setup__actions, .block-editor-block-pattern-setup .block-editor-block-pattern-setup__toolbar .block-editor-block-pattern-setup__navigation {
display: flex;
width: calc(50% - 36px);
}
.block-editor-block-pattern-setup .block-editor-block-pattern-setup__toolbar .block-editor-block-pattern-setup__actions {
justify-content: flex-end;
}
.block-editor-block-pattern-setup .block-editor-block-pattern-setup__container {
box-sizing: border-box;
display: flex;
flex-direction: column;
height: 100%;
width: 100%;
}
.block-editor-block-pattern-setup .block-editor-block-pattern-setup__container .carousel-container {
height: 100%;
list-style: none;
margin: 0;
overflow: hidden;
padding: 0;
position: relative;
transform-style: preserve-3d;
}
.block-editor-block-pattern-setup .block-editor-block-pattern-setup__container .carousel-container * {
box-sizing: border-box;
}
.block-editor-block-pattern-setup .block-editor-block-pattern-setup__container .carousel-container .pattern-slide {
background-color: #fff;
height: 100%;
margin: auto;
padding: 0;
position: absolute;
top: 0;
width: 100%;
z-index: 100;
}
@media not (prefers-reduced-motion) {
.block-editor-block-pattern-setup .block-editor-block-pattern-setup__container .carousel-container .pattern-slide {
transition: transform .5s, z-index .5s;
}
}
.block-editor-block-pattern-setup .block-editor-block-pattern-setup__container .carousel-container .pattern-slide.active-slide {
opacity: 1;
position: relative;
z-index: 102;
}
.block-editor-block-pattern-setup .block-editor-block-pattern-setup__container .carousel-container .pattern-slide.previous-slide {
transform: translateX(-100%);
z-index: 101;
}
.block-editor-block-pattern-setup .block-editor-block-pattern-setup__container .carousel-container .pattern-slide.next-slide {
transform: translateX(100%);
z-index: 101;
}
.block-editor-block-pattern-setup .block-editor-block-pattern-setup__container .block-list-appender {
display: none;
}
.block-editor-block-pattern-setup__carousel, .block-editor-block-pattern-setup__grid {
width: 100%;
}
.block-editor-block-variation-transforms {
padding: 0 16px 16px 52px;
width: 100%;
}
.block-editor-block-variation-transforms .components-dropdown-menu__toggle {
border: 1px solid #757575;
border-radius: 2px;
justify-content: left;
min-height: 30px;
padding: 6px 12px;
position: relative;
text-align: left;
width: 100%;
}
.block-editor-block-variation-transforms .components-dropdown-menu__toggle.components-dropdown-menu__toggle {
padding-right: 24px;
}
.block-editor-block-variation-transforms .components-dropdown-menu__toggle:focus:not(:disabled) {
border-color: var(--wp-admin-theme-color);
box-shadow: 0 0 0 calc(var(--wp-admin-border-width-focus) - 1px) var(--wp-admin-theme-color);
}
.block-editor-block-variation-transforms .components-dropdown-menu__toggle svg {
height: 100%;
padding: 0;
position: absolute;
right: 0;
top: 0;
}
.block-editor-block-variation-transforms__popover .components-popover__content {
min-width: 230px;
}
.components-border-radius-control {
margin-bottom: 12px;
}
.components-border-radius-control legend {
margin-bottom: 8px;
}
.components-border-radius-control .components-border-radius-control__wrapper {
align-items: flex-start;
display: flex;
justify-content: space-between;
}
.components-border-radius-control .components-border-radius-control__wrapper .components-border-radius-control__unit-control {
flex-shrink: 0;
margin-bottom: 0;
margin-right: 16px;
width: calc(50% - 8px);
}
.components-border-radius-control .components-border-radius-control__wrapper .components-border-radius-control__range-control {
flex: 1;
margin-right: 12px;
}
.components-border-radius-control .components-border-radius-control__input-controls-wrapper {
display: grid;
gap: 16px;
grid-template-columns: repeat(2, minmax(0, 1fr));
margin-right: 12px;
}
.components-border-radius-control .component-border-radius-control__linked-button {
display: flex;
justify-content: center;
margin-top: 8px;
}
.components-border-radius-control .component-border-radius-control__linked-button svg {
margin-right: 0;
}
.block-editor-color-gradient-control .block-editor-color-gradient-control__color-indicator {
margin-bottom: 12px;
}
.block-editor-color-gradient-control__fieldset {
min-width: 0;
}
.block-editor-panel-color-gradient-settings.block-editor-panel-color-gradient-settings, .block-editor-panel-color-gradient-settings.block-editor-panel-color-gradient-settings>div:not(:first-of-type) {
display: block;
}
@media screen and (min-width:782px) {
.block-editor-panel-color-gradient-settings .components-circular-option-picker__swatches {
display: grid;
grid-template-columns: repeat(6, 28px);
}
}
.block-editor-block-inspector .block-editor-panel-color-gradient-settings .components-base-control {
margin-bottom: inherit;
}
.block-editor-panel-color-gradient-settings__dropdown-content .block-editor-color-gradient-control__panel {
padding: 16px;
width: 260px;
}
.block-editor-panel-color-gradient-settings__color-indicator {
background: linear-gradient(-45deg, rgba(0, 0, 0, 0) 48%, #ddd 0, #ddd 52%, rgba(0, 0, 0, 0) 0);
}
.block-editor-tools-panel-color-gradient-settings__item {
border-bottom: 1px solid #ddd;
border-left: 1px solid #ddd;
border-right: 1px solid #ddd;
max-width: 100%;
padding: 0;
position: relative;
}
.block-editor-tools-panel-color-gradient-settings__item:nth-child(1 of .block-editor-tools-panel-color-gradient-settings__item) {
border-top: 1px solid #ddd;
border-top-left-radius: 2px;
border-top-right-radius: 2px;
margin-top: 24px;
}
.block-editor-tools-panel-color-gradient-settings__item:nth-last-child(1 of .block-editor-tools-panel-color-gradient-settings__item) {
border-bottom-left-radius: 2px;
border-bottom-right-radius: 2px;
}
.block-editor-tools-panel-color-gradient-settings__item>div, .block-editor-tools-panel-color-gradient-settings__item>div>button {
border-radius: inherit;
}
.block-editor-tools-panel-color-gradient-settings__dropdown {
display: block;
padding: 0;
}
.block-editor-tools-panel-color-gradient-settings__dropdown>button {
height: auto;
padding-bottom: 10px;
padding-top: 10px;
text-align: left;
}
.block-editor-tools-panel-color-gradient-settings__dropdown>button.is-open {
background: #f0f0f0;
color: var(--wp-admin-theme-color);
}
.block-editor-tools-panel-color-gradient-settings__dropdown .block-editor-panel-color-gradient-settings__color-name {
max-width: calc(100% - 44px);
overflow: hidden;
text-overflow: ellipsis;
white-space: nowrap;
}
.block-editor-panel-color-gradient-settings__dropdown {
width: 100%;
}
.block-editor-panel-color-gradient-settings__dropdown .component-color-indicator {
flex-shrink: 0;
}
.block-editor-panel-color-gradient-settings__reset {
margin: auto 8px;
opacity: 0;
position: absolute;
right: 0;
top: 8px;
}
@media not (prefers-reduced-motion) {
.block-editor-panel-color-gradient-settings__reset {
transition: opacity .1s ease-in-out;
}
}
.block-editor-panel-color-gradient-settings__reset.block-editor-panel-color-gradient-settings__reset {
border-radius: 2px;
}
.block-editor-panel-color-gradient-settings__dropdown:hover+.block-editor-panel-color-gradient-settings__reset, .block-editor-panel-color-gradient-settings__reset:focus, .block-editor-panel-color-gradient-settings__reset:hover {
opacity: 1;
}
@media (hover:none) {
.block-editor-panel-color-gradient-settings__reset {
opacity: 1;
}
}
.block-editor-date-format-picker {
border: none;
margin: 0 0 16px;
padding: 0;
}
.block-editor-date-format-picker__custom-format-select-control__custom-option {
border-top: 1px solid #ddd;
}
.block-editor-duotone-control__popover.components-popover>.components-popover__content {
padding: 8px;
width: 260px;
}
.block-editor-duotone-control__popover.components-popover .components-menu-group__label {
padding: 0;
}
.block-editor-duotone-control__popover.components-popover .components-circular-option-picker__swatches {
display: grid;
gap: 12px;
grid-template-columns: repeat(6, 28px);
justify-content: space-between;
}
.block-editor-duotone-control__unset-indicator {
background: linear-gradient(-45deg, rgba(0, 0, 0, 0) 48%, #ddd 0, #ddd 52%, rgba(0, 0, 0, 0) 0);
}
.components-font-appearance-control [role=option] {
color: #1e1e1e;
text-transform: capitalize;
}
.block-editor-font-family-control:not(.is-next-has-no-margin-bottom) {
margin-bottom: 8px;
}
.block-editor-global-styles__toggle-icon {
fill: currentColor;
}
.block-editor-global-styles__shadow-popover-container {
width: 230px;
}
.block-editor-global-styles__shadow__list {
display: flex;
flex-wrap: wrap;
gap: 12px;
padding-bottom: 8px;
}
.block-editor-global-styles__clear-shadow {
text-align: right;
}
.block-editor-global-styles-filters-panel__dropdown, .block-editor-global-styles__shadow-dropdown {
display: block;
padding: 0;
position: relative;
}
.block-editor-global-styles-filters-panel__dropdown button, .block-editor-global-styles__shadow-dropdown button {
padding: 8px;
width: 100%;
}
.block-editor-global-styles-filters-panel__dropdown button.is-open, .block-editor-global-styles__shadow-dropdown button.is-open {
background-color: #f0f0f0;
}
.block-editor-global-styles__shadow-editor__remove-button {
margin: auto 8px;
opacity: 0;
position: absolute;
right: 0;
top: 8px;
}
@media not (prefers-reduced-motion) {
.block-editor-global-styles__shadow-editor__remove-button {
transition: opacity .1s ease-in-out;
}
}
.block-editor-global-styles__shadow-dropdown:hover .block-editor-global-styles__shadow-editor__remove-button, .block-editor-global-styles__shadow-editor__remove-button:focus, .block-editor-global-styles__shadow-editor__remove-button:hover {
opacity: 1;
}
@media (hover:none) {
.block-editor-global-styles__shadow-editor__remove-button {
opacity: 1;
}
}
.block-editor-global-styles-filters-panel__dropdown {
border: 1px solid #ddd;
border-radius: 2px;
}
.block-editor-global-styles__shadow-indicator {
align-items: center;
appearance: none;
background: none;
border: 1px solid #e0e0e0;
border-radius: 2px;
box-sizing: border-box;
color: #2f2f2f;
cursor: pointer;
display: inline-flex;
height: 26px;
padding: 0;
transform: scale(1);
width: 26px;
will-change: transform;
}
@media not (prefers-reduced-motion) {
.block-editor-global-styles__shadow-indicator {
transition: transform .1s ease;
}
}
.block-editor-global-styles__shadow-indicator:focus {
border: 2px solid #757575;
}
.block-editor-global-styles__shadow-indicator:hover {
transform: scale(1.2);
}
.block-editor-global-styles__shadow-indicator.unset {
background: linear-gradient(-45deg, rgba(0, 0, 0, 0) 48%, #ddd 0, #ddd 52%, rgba(0, 0, 0, 0) 0);
}
.block-editor-global-styles-advanced-panel__custom-css-input textarea {
direction: ltr;
font-family: Menlo, Consolas, monaco, monospace;
}
.block-editor-panel-duotone-settings__reset {
margin: auto 8px;
opacity: 0;
position: absolute;
right: 0;
top: 8px;
}
@media not (prefers-reduced-motion) {
.block-editor-panel-duotone-settings__reset {
transition: opacity .1s ease-in-out;
}
}
.block-editor-global-styles-filters-panel__dropdown:hover .block-editor-panel-duotone-settings__reset, .block-editor-panel-duotone-settings__reset:focus, .block-editor-panel-duotone-settings__reset:hover {
opacity: 1;
}
@media (hover:none) {
.block-editor-panel-duotone-settings__reset {
opacity: 1;
}
}
.block-editor-grid-visualizer.block-editor-grid-visualizer.block-editor-grid-visualizer {
z-index: 30;
}
.block-editor-grid-visualizer.block-editor-grid-visualizer.block-editor-grid-visualizer .components-popover__content * {
pointer-events: none;
}
.block-editor-grid-visualizer.block-editor-grid-visualizer.block-editor-grid-visualizer.is-dropping-allowed .block-editor-grid-visualizer__drop-zone {
pointer-events: all;
}
.block-editor-grid-visualizer.block-editor-grid-visualizer.block-editor-grid-visualizer .block-editor-inserter * {
pointer-events: auto;
}
.block-editor-grid-visualizer__grid {
display: grid;
position: absolute;
}
.block-editor-grid-visualizer__cell {
display: grid;
position: relative;
}
.block-editor-grid-visualizer__cell .block-editor-inserter {
bottom: 0;
color: inherit;
left: 0;
overflow: hidden;
position: absolute;
right: 0;
top: 0;
z-index: 32;
}
.block-editor-grid-visualizer__cell .block-editor-inserter .block-editor-grid-visualizer__appender {
box-shadow: inset 0 0 0 1px color-mix(in srgb, currentColor 20%, rgba(0, 0, 0, 0));
color: inherit;
height: 100%;
opacity: 0;
overflow: hidden;
padding: 0 !important;
width: 100%;
}
.block-editor-grid-visualizer__cell.is-highlighted .block-editor-grid-visualizer__drop-zone, .block-editor-grid-visualizer__cell.is-highlighted .block-editor-inserter {
background: var(--wp-admin-theme-color);
}
.block-editor-grid-visualizer__cell .block-editor-grid-visualizer__appender:focus, .block-editor-grid-visualizer__cell:hover .block-editor-grid-visualizer__appender {
background-color: color-mix(in srgb, currentColor 20%, rgba(0, 0, 0, 0));
opacity: 1;
}
.block-editor-grid-visualizer__drop-zone {
background: rgba(204, 204, 204, .1);
grid-column: 1;
grid-row: 1;
height: 100%;
min-height: 8px;
min-width: 8px;
width: 100%;
}
.block-editor-grid-item-resizer.block-editor-grid-item-resizer.block-editor-grid-item-resizer {
z-index: 30;
}
.block-editor-grid-item-resizer.block-editor-grid-item-resizer.block-editor-grid-item-resizer .components-popover__content * {
pointer-events: none;
}
.block-editor-grid-item-resizer__box {
border: 1px solid var(--wp-admin-theme-color);
}
.block-editor-grid-item-resizer__box .components-resizable-box__handle.components-resizable-box__handle.components-resizable-box__handle {
pointer-events: all;
}
.block-editor-grid-item-mover__move-button-container {
border: none;
display: flex;
justify-content: center;
padding: 0;
}
.block-editor-grid-item-mover__move-button-container .block-editor-grid-item-mover-button {
min-width: 0 !important;
padding-left: 0;
padding-right: 0;
width: 24px;
}
.block-editor-grid-item-mover__move-button-container .block-editor-grid-item-mover-button svg {
min-width: 24px;
}
.block-editor-grid-item-mover__move-button-container .block-editor-grid-item-mover-button:before {
border-radius: 2px;
content: "";
display: block;
height: 32px;
left: 8px;
position: absolute;
right: 8px;
z-index: -1;
}
@media not (prefers-reduced-motion) {
.block-editor-grid-item-mover__move-button-container .block-editor-grid-item-mover-button:before {
animation: components-button__appear-animation .1s ease;
animation-fill-mode: forwards;
}
}
.block-editor-grid-item-mover__move-button-container .block-editor-grid-item-mover-button:focus, .block-editor-grid-item-mover__move-button-container .block-editor-grid-item-mover-button:focus:before, .block-editor-grid-item-mover__move-button-container .block-editor-grid-item-mover-button:focus:enabled {
box-shadow: none;
outline: none;
}
.block-editor-grid-item-mover__move-button-container .block-editor-grid-item-mover-button:focus-visible:before {
box-shadow: inset 0 0 0 1px #fff, 0 0 0 var(--wp-admin-border-width-focus) var(--wp-admin-theme-color);
outline: 2px solid rgba(0, 0, 0, 0);
}
.block-editor-grid-item-mover__move-vertical-button-container {
display: flex;
position: relative;
}
@media (min-width:600px) {
.block-editor-grid-item-mover__move-vertical-button-container {
flex-direction: column;
justify-content: space-around;
}
.block-editor-grid-item-mover__move-vertical-button-container>.block-editor-grid-item-mover-button.block-editor-grid-item-mover-button {
height: 20px !important;
min-width: 0 !important;
width: 100%;
}
.block-editor-grid-item-mover__move-vertical-button-container>.block-editor-grid-item-mover-button.block-editor-grid-item-mover-button:before {
height: calc(100% - 4px);
}
.block-editor-grid-item-mover__move-vertical-button-container .block-editor-grid-item-mover-button.is-down-button svg, .block-editor-grid-item-mover__move-vertical-button-container .block-editor-grid-item-mover-button.is-up-button svg {
flex-shrink: 0;
height: 20px;
}
.editor-collapsible-block-toolbar .block-editor-grid-item-mover__move-vertical-button-container {
height: 40px;
position: relative;
top: -5px;
}
}
.show-icon-labels .block-editor-grid-item-mover__move-horizontal-button-container {
position: relative;
}
@media (min-width:600px) {
.show-icon-labels .block-editor-grid-item-mover__move-horizontal-button-container:before {
background: #e0e0e0;
content: "";
height: 100%;
position: absolute;
top: 0;
width: 1px;
}
}
@media (min-width:782px) {
.show-icon-labels .block-editor-grid-item-mover__move-horizontal-button-container:before {
background: #1e1e1e;
}
}
.show-icon-labels .block-editor-grid-item-mover__move-horizontal-button-container.is-left {
padding-right: 6px;
}
.show-icon-labels .block-editor-grid-item-mover__move-horizontal-button-container.is-left:before {
right: 0;
}
.show-icon-labels .block-editor-grid-item-mover__move-horizontal-button-container.is-right {
padding-left: 6px;
}
.show-icon-labels .block-editor-grid-item-mover__move-horizontal-button-container.is-right:before {
left: 0;
}
@media (min-width:600px) {
.show-icon-labels .block-editor-grid-item-mover__move-vertical-button-container:before {
background: #e0e0e0;
content: "";
height: 1px;
left: 50%;
margin-top: -.5px;
position: absolute;
top: 50%;
transform: translate(-50%);
width: 100%;
}
}
@media (min-width:782px) {
.show-icon-labels .block-editor-grid-item-mover__move-vertical-button-container:before {
background: #1e1e1e;
}
}
.show-icon-labels .block-editor-grid-item-mover-button {
white-space: nowrap;
}
.show-icon-labels .editor-collapsible-block-toolbar .block-editor-grid-item-mover__move-horizontal-button-container:before {
background: #ddd;
height: 24px;
top: 4px;
}
.show-icon-labels .editor-collapsible-block-toolbar .block-editor-grid-item-mover__move-vertical-button-container:before {
background: #ddd;
width: calc(100% - 24px);
}
.block-editor-height-control {
border: 0;
margin: 0;
padding: 0;
}
.block-editor-iframe__container {
height: 100%;
width: 100%;
}
.block-editor-iframe__scale-container {
height: 100%;
}
.block-editor-iframe__scale-container.is-zoomed-out {
position: absolute;
right: 0;
width: var(--wp-block-editor-iframe-zoom-out-scale-container-width, 100vw);
}
.block-editor-image-size-control {
margin-bottom: 1em;
}
.block-editor-image-size-control .block-editor-image-size-control__height, .block-editor-image-size-control .block-editor-image-size-control__width {
margin-bottom: 1.115em;
}
.block-editor-block-types-list__list-item {
display: block;
margin: 0;
padding: 0;
width: 33.33%;
}
.block-editor-block-types-list__list-item.is-synced .components-button.block-editor-block-types-list__item:not(:disabled) .block-editor-block-icon.has-colors {
color: var(--wp-block-synced-color);
}
.block-editor-block-types-list__list-item.is-synced .components-button.block-editor-block-types-list__item:not(:disabled):hover .block-editor-block-types-list__item-title {
color: var(--wp-block-synced-color) !important;
filter: brightness(.95);
}
.block-editor-block-types-list__list-item.is-synced .components-button.block-editor-block-types-list__item:not(:disabled):hover svg {
color: var(--wp-block-synced-color) !important;
}
.block-editor-block-types-list__list-item.is-synced .components-button.block-editor-block-types-list__item:not(:disabled):after {
background: var(--wp-block-synced-color);
}
.components-button.block-editor-block-types-list__item {
align-items: stretch;
background: rgba(0, 0, 0, 0);
color: #1e1e1e;
cursor: pointer;
display: flex;
flex-direction: column;
font-size: 13px;
height: auto;
justify-content: center;
padding: 8px;
position: relative;
width: 100%;
word-break: break-word;
}
@media not (prefers-reduced-motion) {
.components-button.block-editor-block-types-list__item {
transition: all .05s ease-in-out;
}
}
.components-button.block-editor-block-types-list__item:disabled {
cursor: default;
opacity: .6;
}
.components-button.block-editor-block-types-list__item:not(:disabled):hover .block-editor-block-types-list__item-title {
color: var(--wp-admin-theme-color) !important;
filter: brightness(.95);
}
.components-button.block-editor-block-types-list__item:not(:disabled):hover svg {
color: var(--wp-admin-theme-color) !important;
}
.components-button.block-editor-block-types-list__item:not(:disabled):hover:after {
background: var(--wp-admin-theme-color);
border-radius: 2px;
bottom: 0;
content: "";
left: 0;
opacity: .04;
pointer-events: none;
position: absolute;
right: 0;
top: 0;
}
.components-button.block-editor-block-types-list__item:not(:disabled):focus {
box-shadow: inset 0 0 0 var(--wp-admin-border-width-focus) var(--wp-admin-theme-color);
}
.components-button.block-editor-block-types-list__item:not(:disabled).is-active {
background: #1e1e1e;
color: #fff;
outline: 2px solid rgba(0, 0, 0, 0);
outline-offset: -2px;
}
.block-editor-block-types-list__item-icon {
color: #1e1e1e;
padding: 12px 20px;
}
@media not (prefers-reduced-motion) {
.block-editor-block-types-list__item-icon {
transition: all .05s ease-in-out;
}
}
.block-editor-block-types-list__item-icon .block-editor-block-icon {
margin-left: auto;
margin-right: auto;
}
@media not (prefers-reduced-motion) {
.block-editor-block-types-list__item-icon svg {
transition: all .15s ease-out;
}
}
.block-editor-block-types-list__list-item[draggable=true] .block-editor-block-types-list__item-icon {
cursor: grab;
}
.block-editor-block-types-list__item-title {
font-size: 12px;
hyphens: auto;
padding: 4px 2px 8px;
}
.block-editor-block-inspector__tabs [role=tablist] {
width: 100%;
}
.block-editor-inspector-popover-header {
margin-bottom: 16px;
}
.items-justified-left {
justify-content: flex-start;
}
.items-justified-center {
justify-content: center;
}
.items-justified-right {
justify-content: flex-end;
}
.items-justified-space-between {
justify-content: space-between;
}
@keyframes loadingpulse {
0% {
opacity: 1;
}
50% {
opacity: 0;
}
to {
opacity: 1;
}
}
.block-editor-link-control {
min-width: 350px;
position: relative;
}
.components-popover__content .block-editor-link-control {
max-width: 350px;
min-width: auto;
width: 90vw;
}
.show-icon-labels .block-editor-link-control .components-button.has-icon svg {
display: none;
}
.show-icon-labels .block-editor-link-control .components-button.has-icon:before {
content: attr(aria-label);
}
.show-icon-labels .block-editor-link-control .block-editor-link-control__search-item-top {
flex-wrap: wrap;
gap: 4px;
}
.show-icon-labels .block-editor-link-control .block-editor-link-control__search-item-top .components-button.has-icon {
padding: 4px;
width: auto;
}
.show-icon-labels .block-editor-link-control .is-preview .block-editor-link-control__search-item-header {
margin-right: 0;
min-width: 100%;
}
.block-editor-link-control__search-input-wrapper {
margin-bottom: 8px;
position: relative;
}
.block-editor-link-control__search-input-container, .block-editor-link-control__search-input-wrapper {
position: relative;
}
.block-editor-link-control__field {
margin: 16px;
}
.block-editor-link-control__field .components-base-control__label {
color: #1e1e1e;
}
.block-editor-link-control__search-error {
margin: -8px 16px 16px;
}
.block-editor-link-control__search-actions {
padding: 8px 16px 16px;
}
.block-editor-link-control__search-results-wrapper {
position: relative;
}
.block-editor-link-control__search-results-wrapper:after, .block-editor-link-control__search-results-wrapper:before {
content: "";
display: block;
left: -1px;
pointer-events: none;
position: absolute;
right: 16px;
z-index: 100;
}
.block-editor-link-control__search-results-wrapper:before {
bottom: auto;
height: 8px;
top: 0;
}
.block-editor-link-control__search-results-wrapper:after {
bottom: 0;
height: 16px;
top: auto;
}
.block-editor-link-control__search-results {
margin-top: -16px;
max-height: 200px;
overflow-y: auto;
padding: 8px;
}
.block-editor-link-control__search-results.is-loading {
opacity: .2;
}
.block-editor-link-control__search-item.components-button.components-menu-item__button {
height: auto;
text-align: left;
}
.block-editor-link-control__search-item .components-menu-item__item {
display: inline-block;
overflow: hidden;
text-overflow: ellipsis;
width: 100%;
}
.block-editor-link-control__search-item .components-menu-item__item mark {
background-color: initial;
color: inherit;
font-weight: 600;
}
.block-editor-link-control__search-item .components-menu-item__shortcut {
color: #757575;
text-transform: capitalize;
white-space: nowrap;
}
.block-editor-link-control__search-item[aria-selected] {
background: #f0f0f0;
}
.block-editor-link-control__search-item.is-current {
background: rgba(0, 0, 0, 0);
border: 0;
cursor: default;
flex-direction: column;
padding: 16px;
width: 100%;
}
.block-editor-link-control__search-item .block-editor-link-control__search-item-header {
align-items: center;
display: block;
flex-direction: row;
gap: 8px;
margin-right: 8px;
overflow-wrap: break-word;
white-space: pre-wrap;
}
.block-editor-link-control__search-item .block-editor-link-control__search-item-header .block-editor-link-control__search-item-info {
color: #757575;
font-size: 12px;
line-height: 1.1;
word-break: break-all;
}
.block-editor-link-control__search-item.is-preview .block-editor-link-control__search-item-header {
display: flex;
flex: 1;
}
.block-editor-link-control__search-item.is-error .block-editor-link-control__search-item-header {
align-items: center;
}
.block-editor-link-control__search-item.is-url-title .block-editor-link-control__search-item-title {
word-break: break-all;
}
.block-editor-link-control__search-item .block-editor-link-control__search-item-details {
display: flex;
flex-direction: column;
gap: 4px;
justify-content: space-between;
}
.block-editor-link-control__search-item .block-editor-link-control__search-item-header .block-editor-link-control__search-item-icon {
background-color: #f0f0f0;
border-radius: 2px;
height: 32px;
width: 32px;
}
.block-editor-link-control__search-item .block-editor-link-control__search-item-icon {
align-items: center;
display: flex;
flex-shrink: 0;
justify-content: center;
position: relative;
}
.block-editor-link-control__search-item .block-editor-link-control__search-item-icon img {
width: 16px;
}
.block-editor-link-control__search-item.is-error .block-editor-link-control__search-item-icon {
max-height: 32px;
top: 0;
width: 32px;
}
.block-editor-link-control__search-item .block-editor-link-control__search-item-title {
line-height: 1.1;
}
.block-editor-link-control__search-item .block-editor-link-control__search-item-title:focus {
box-shadow: none;
}
.block-editor-link-control__search-item .block-editor-link-control__search-item-title:focus-visible {
box-shadow: inset 0 0 0 1px #fff, 0 0 0 var(--wp-admin-border-width-focus) var(--wp-admin-theme-color);
outline: 2px solid rgba(0, 0, 0, 0);
text-decoration: none;
}
.block-editor-link-control__search-item .block-editor-link-control__search-item-title mark {
background-color: initial;
color: inherit;
font-weight: 600;
}
.block-editor-link-control__search-item .block-editor-link-control__search-item-title span {
font-weight: 400;
}
.block-editor-link-control__search-item .block-editor-link-control__search-item-title .components-external-link__icon {
height: 1px;
margin: -1px;
overflow: hidden;
padding: 0;
position: absolute;
width: 1px;
clip: rect(0, 0, 0, 0);
border: 0;
}
.block-editor-link-control__search-item-top {
align-items: center;
display: flex;
flex-direction: row;
width: 100%;
}
.block-editor-link-control__search-item.is-fetching .block-editor-link-control__search-item-icon img, .block-editor-link-control__search-item.is-fetching .block-editor-link-control__search-item-icon svg {
opacity: 0;
}
.block-editor-link-control__search-item.is-fetching .block-editor-link-control__search-item-icon:before {
background-color: #f0f0f0;
border-radius: 100%;
bottom: 0;
content: "";
display: block;
left: 0;
position: absolute;
right: 0;
top: 0;
}
@media not (prefers-reduced-motion) {
.block-editor-link-control__search-item.is-fetching .block-editor-link-control__search-item-icon:before {
animation: loadingpulse 1s linear infinite;
animation-delay: .5s;
}
}
.block-editor-link-control__loading {
align-items: center;
display: flex;
margin: 16px;
}
.block-editor-link-control__loading .components-spinner {
margin-top: 0;
}
.components-button+.block-editor-link-control__search-create {
overflow: visible;
padding: 12px 16px;
}
.components-button+.block-editor-link-control__search-create:before {
content: "";
display: block;
left: 0;
position: absolute;
top: -10px;
width: 100%;
}
.block-editor-link-control__search-create {
align-items: center;
}
.block-editor-link-control__search-create .block-editor-link-control__search-item-title {
margin-bottom: 0;
}
.block-editor-link-control__search-create .block-editor-link-control__search-item-icon {
top: 0;
}
.block-editor-link-control__drawer-inner {
display: flex;
flex-basis: 100%;
flex-direction: column;
position: relative;
}
.block-editor-link-control__setting {
flex: 1;
margin-bottom: 0;
padding: 8px 0 8px 24px;
}
.block-editor-link-control__setting .components-base-control__field {
display: flex;
}
.block-editor-link-control__setting .components-base-control__field .components-checkbox-control__label {
color: #1e1e1e;
}
.block-editor-link-control__setting input {
margin-left: 0;
}
.is-preview .block-editor-link-control__setting {
padding: 20px 8px 8px 0;
}
.block-editor-link-control__tools {
margin-top: -16px;
padding: 8px 8px 0;
}
.block-editor-link-control__tools .components-button.block-editor-link-control__drawer-toggle {
gap: 0;
padding-left: 0;
}
.block-editor-link-control__tools .components-button.block-editor-link-control__drawer-toggle[aria-expanded=true] {
color: #1e1e1e;
}
.block-editor-link-control__tools .components-button.block-editor-link-control__drawer-toggle[aria-expanded=true] svg {
transform: rotate(90deg);
visibility: visible;
}
@media not (prefers-reduced-motion) {
.block-editor-link-control__tools .components-button.block-editor-link-control__drawer-toggle[aria-expanded=true] svg {
transition: transform .1s ease;
}
}
.block-editor-link-control__tools .components-button.block-editor-link-control__drawer-toggle[aria-expanded=false] svg {
transform: rotate(0deg);
visibility: visible;
}
@media not (prefers-reduced-motion) {
.block-editor-link-control__tools .components-button.block-editor-link-control__drawer-toggle[aria-expanded=false] svg {
transition: transform .1s ease;
}
}
.block-editor-link-control .block-editor-link-control__search-input .components-spinner {
display: block;
}
.block-editor-link-control .block-editor-link-control__search-input .components-spinner.components-spinner {
bottom: auto;
left: auto;
position: absolute;
right: 40px;
top: calc(50% - 8px);
}
.block-editor-link-control .block-editor-link-control__search-input-wrapper.has-actions .components-spinner {
right: 12px;
top: calc(50% + 4px);
}
.block-editor-list-view-tree {
border-collapse: collapse;
margin: 0;
padding: 0;
width: 100%;
}
.components-modal__content .block-editor-list-view-tree {
margin: -12px -6px 0;
width: calc(100% + 12px);
}
.block-editor-list-view-tree.is-dragging tbody {
pointer-events: none;
}
.block-editor-list-view-leaf {
position: relative;
transform: translateY(0);
}
.block-editor-list-view-leaf.is-draggable, .block-editor-list-view-leaf.is-draggable .block-editor-list-view-block-contents {
cursor: grab;
}
.block-editor-list-view-leaf .block-editor-list-view-block-select-button[aria-expanded=true] {
color: inherit;
}
.block-editor-list-view-leaf .block-editor-list-view-block-select-button:hover {
color: var(--wp-admin-theme-color);
}
.block-editor-list-view-leaf .block-editor-list-view-block-select-button svg {
fill: currentColor;
}
@media (forced-colors:active) {
.block-editor-list-view-leaf .block-editor-list-view-block-select-button svg {
fill: CanvasText;
}
}
.is-dragging-components-draggable .block-editor-list-view-leaf:not(.is-selected) .block-editor-list-view-block-select-button:hover {
color: inherit;
}
.block-editor-list-view-leaf.is-selected td {
background: var(--wp-admin-theme-color);
}
.block-editor-list-view-leaf.is-selected.is-synced td {
background: var(--wp-block-synced-color);
}
.block-editor-list-view-leaf.is-synced:not(.is-selected) .block-editor-list-view-block-contents .block-editor-block-icon, .block-editor-list-view-leaf.is-synced:not(.is-selected) .block-editor-list-view-block-contents:focus, .block-editor-list-view-leaf.is-synced:not(.is-selected) .block-editor-list-view-block-contents:hover {
color: var(--wp-block-synced-color);
}
.block-editor-list-view-leaf.is-synced:not(.is-selected) .block-editor-list-view-block-contents:focus:after {
box-shadow: inset 0 0 0 1px #fff, 0 0 0 var(--wp-admin-border-width-focus) var(--wp-block-synced-color);
}
.block-editor-list-view-leaf.is-selected .block-editor-list-view-block-contents, .block-editor-list-view-leaf.is-selected .components-button.has-icon {
color: #fff;
}
.block-editor-list-view-leaf.is-selected .block-editor-list-view-block-contents:focus:after {
box-shadow: inset 0 0 0 1px #fff, 0 0 0 var(--wp-admin-border-width-focus) var(--wp-admin-theme-color);
}
.block-editor-list-view-leaf.is-selected.is-synced .block-editor-list-view-block-contents:focus:after {
box-shadow: inset 0 0 0 1px #fff, 0 0 0 var(--wp-admin-border-width-focus) var(--wp-block-synced-color);
}
.block-editor-list-view-leaf.is-selected .block-editor-list-view-block__menu:focus {
box-shadow: inset 0 0 0 var(--wp-admin-border-width-focus) #fff;
}
.block-editor-list-view-leaf.is-first-selected td:first-child {
border-top-left-radius: 2px;
}
.block-editor-list-view-leaf.is-first-selected td:last-child {
border-top-right-radius: 2px;
}
.block-editor-list-view-leaf.is-last-selected td:first-child {
border-bottom-left-radius: 2px;
}
.block-editor-list-view-leaf.is-last-selected td:last-child {
border-bottom-right-radius: 2px;
}
.block-editor-list-view-leaf.is-branch-selected:not(.is-selected):not(.is-synced-branch) {
background: rgba(var(--wp-admin-theme-color--rgb), .04);
}
.block-editor-list-view-leaf.is-synced-branch.is-branch-selected {
background: rgba(var(--wp-block-synced-color--rgb), .04);
}
.block-editor-list-view-leaf.is-branch-selected.is-first-selected td:first-child {
border-top-left-radius: 2px;
}
.block-editor-list-view-leaf.is-branch-selected.is-first-selected td:last-child {
border-top-right-radius: 2px;
}
.block-editor-list-view-leaf[data-expanded=false].is-branch-selected.is-first-selected td:first-child {
border-top-left-radius: 2px;
}
.block-editor-list-view-leaf[data-expanded=false].is-branch-selected.is-first-selected td:last-child {
border-top-right-radius: 2px;
}
.block-editor-list-view-leaf[data-expanded=false].is-branch-selected.is-last-selected td:first-child {
border-bottom-left-radius: 2px;
}
.block-editor-list-view-leaf[data-expanded=false].is-branch-selected.is-last-selected td:last-child {
border-bottom-right-radius: 2px;
}
.block-editor-list-view-leaf.is-branch-selected:not(.is-selected) td {
border-radius: 0;
}
.block-editor-list-view-leaf.is-displacement-normal {
transform: translateY(0);
}
@media not (prefers-reduced-motion) {
.block-editor-list-view-leaf.is-displacement-normal {
transition: transform .2s;
}
}
.block-editor-list-view-leaf.is-displacement-up {
transform: translateY(-32px);
}
@media not (prefers-reduced-motion) {
.block-editor-list-view-leaf.is-displacement-up {
transition: transform .2s;
}
}
.block-editor-list-view-leaf.is-displacement-down {
transform: translateY(32px);
}
@media not (prefers-reduced-motion) {
.block-editor-list-view-leaf.is-displacement-down {
transition: transform .2s;
}
}
.block-editor-list-view-leaf.is-after-dragged-blocks {
transform: translateY(calc(var(--wp-admin--list-view-dragged-items-height, 32px) * -1));
}
@media not (prefers-reduced-motion) {
.block-editor-list-view-leaf.is-after-dragged-blocks {
transition: transform .2s;
}
}
.block-editor-list-view-leaf.is-after-dragged-blocks.is-displacement-up {
transform: translateY(calc(-32px + var(--wp-admin--list-view-dragged-items-height, 32px) * -1));
}
@media not (prefers-reduced-motion) {
.block-editor-list-view-leaf.is-after-dragged-blocks.is-displacement-up {
transition: transform .2s;
}
}
.block-editor-list-view-leaf.is-after-dragged-blocks.is-displacement-down {
transform: translateY(calc(32px + var(--wp-admin--list-view-dragged-items-height, 32px) * -1));
}
@media not (prefers-reduced-motion) {
.block-editor-list-view-leaf.is-after-dragged-blocks.is-displacement-down {
transition: transform .2s;
}
}
.block-editor-list-view-leaf.is-dragging {
left: 0;
opacity: 0;
pointer-events: none;
z-index: -9999;
}
.block-editor-list-view-leaf .block-editor-list-view-block-contents {
align-items: center;
border-radius: 2px;
box-sizing: border-box;
color: inherit;
display: flex;
font-family: inherit;
font-size: 13px;
font-weight: 400;
height: 32px;
margin: 0;
padding: 6px 4px 6px 0;
position: relative;
text-align: left;
text-decoration: none;
white-space: nowrap;
width: 100%;
}
@media not (prefers-reduced-motion) {
.block-editor-list-view-leaf .block-editor-list-view-block-contents {
transition: box-shadow .1s linear;
}
}
.components-modal__content .block-editor-list-view-leaf .block-editor-list-view-block-contents {
padding-left: 0;
padding-right: 0;
}
.block-editor-list-view-leaf .block-editor-list-view-block-contents:focus, .block-editor-list-view-leaf.is-nesting .block-editor-list-view-block-contents {
box-shadow: none;
}
.block-editor-list-view-leaf .block-editor-list-view-block-contents:focus:after, .block-editor-list-view-leaf.is-nesting .block-editor-list-view-block-contents:after {
border-radius: inherit;
bottom: 0;
box-shadow: inset 0 0 0 var(--wp-admin-border-width-focus) var(--wp-admin-theme-color);
content: "";
left: 0;
pointer-events: none;
position: absolute;
right: -29px;
top: 0;
z-index: 2;
}
.block-editor-list-view-leaf.has-single-cell .block-editor-list-view-block-contents:focus:after {
right: 0;
}
.block-editor-list-view-leaf .block-editor-list-view-block__menu:focus, .block-editor-list-view-leaf.is-nesting .block-editor-list-view__menu {
box-shadow: inset 0 0 0 var(--wp-admin-border-width-focus) var(--wp-admin-theme-color);
z-index: 1;
}
.block-editor-list-view-leaf.is-visible .block-editor-list-view-block-contents {
opacity: 1;
}
@keyframes __wp-base-styles-fade-in {
0% {
opacity: 0;
}
to {
opacity: 1;
}
}
@media not (prefers-reduced-motion) {
.block-editor-list-view-leaf.is-visible .block-editor-list-view-block-contents {
animation: __wp-base-styles-fade-in .08s linear 0s;
animation-fill-mode: forwards;
}
}
.block-editor-list-view-leaf .block-editor-block-icon {
flex: 0 0 24px;
margin-right: 4px;
}
.block-editor-list-view-leaf .block-editor-list-view-block__contents-cell, .block-editor-list-view-leaf .block-editor-list-view-block__menu-cell, .block-editor-list-view-leaf .block-editor-list-view-block__mover-cell {
padding: 0;
}
.block-editor-list-view-leaf .block-editor-list-view-block__menu-cell, .block-editor-list-view-leaf .block-editor-list-view-block__mover-cell {
line-height: 0;
vertical-align: middle;
width: 36px;
}
.block-editor-list-view-leaf .block-editor-list-view-block__menu-cell>*, .block-editor-list-view-leaf .block-editor-list-view-block__mover-cell>* {
opacity: 0;
}
.block-editor-list-view-leaf .block-editor-list-view-block__menu-cell.is-visible>*, .block-editor-list-view-leaf .block-editor-list-view-block__menu-cell:focus-within>*, .block-editor-list-view-leaf .block-editor-list-view-block__menu-cell:hover>*, .block-editor-list-view-leaf .block-editor-list-view-block__mover-cell.is-visible>*, .block-editor-list-view-leaf .block-editor-list-view-block__mover-cell:focus-within>*, .block-editor-list-view-leaf .block-editor-list-view-block__mover-cell:hover>* {
opacity: 1;
}
.block-editor-list-view-leaf .block-editor-list-view-block__menu-cell, .block-editor-list-view-leaf .block-editor-list-view-block__menu-cell .components-button.has-icon, .block-editor-list-view-leaf .block-editor-list-view-block__mover-cell, .block-editor-list-view-leaf .block-editor-list-view-block__mover-cell .components-button.has-icon {
min-width: 24px;
padding: 0;
width: 24px;
}
.block-editor-list-view-leaf .block-editor-list-view-block__menu-cell {
padding-right: 4px;
}
.block-editor-list-view-leaf .block-editor-list-view-block__menu-cell .components-button.has-icon {
height: 24px;
}
.block-editor-list-view-leaf .block-editor-list-view-block__mover-cell-alignment-wrapper {
align-items: center;
display: flex;
flex-direction: column;
height: 100%;
}
.block-editor-list-view-leaf .block-editor-block-mover-button {
height: 24px;
position: relative;
width: 36px;
}
.block-editor-list-view-leaf .block-editor-block-mover-button svg {
height: 24px;
position: relative;
}
.block-editor-list-view-leaf .block-editor-block-mover-button.is-up-button {
align-items: flex-end;
margin-top: -6px;
}
.block-editor-list-view-leaf .block-editor-block-mover-button.is-up-button svg {
bottom: -4px;
}
.block-editor-list-view-leaf .block-editor-block-mover-button.is-down-button {
align-items: flex-start;
margin-bottom: -6px;
}
.block-editor-list-view-leaf .block-editor-block-mover-button.is-down-button svg {
top: -4px;
}
.block-editor-list-view-leaf .block-editor-block-mover-button:before {
height: 16px;
left: 0;
min-width: 100%;
right: 0;
}
.block-editor-list-view-leaf .block-editor-inserter__toggle {
background: #1e1e1e;
color: #fff;
height: 24px;
margin: 6px 6px 6px 1px;
min-width: 24px;
}
.block-editor-list-view-leaf .block-editor-inserter__toggle:active {
color: #fff;
}
.block-editor-list-view-leaf .block-editor-list-view-block-select-button__label-wrapper svg {
left: 2px;
position: relative;
}
.block-editor-list-view-leaf .block-editor-list-view-block-select-button__title {
flex: 1;
position: relative;
}
.block-editor-list-view-leaf .block-editor-list-view-block-select-button__title .components-truncate {
position: absolute;
transform: translateY(-50%);
width: 100%;
}
.block-editor-list-view-leaf .block-editor-list-view-block-select-button__anchor-wrapper {
max-width: min(110px, 40%);
position: relative;
width: 100%;
}
.block-editor-list-view-leaf .block-editor-list-view-block-select-button__anchor {
position: absolute;
right: 0;
transform: translateY(-50%);
}
.block-editor-list-view-leaf.is-selected .block-editor-list-view-block-select-button__anchor {
background: rgba(0, 0, 0, .3);
color: #fff;
}
.block-editor-list-view-leaf .block-editor-list-view-block-select-button__lock, .block-editor-list-view-leaf .block-editor-list-view-block-select-button__sticky {
line-height: 0;
}
.block-editor-list-view-leaf .block-editor-list-view-block-select-button__images {
display: flex;
}
.block-editor-list-view-leaf .block-editor-list-view-block-select-button__image {
background-size: cover;
border-radius: 1px;
height: 18px;
width: 18px;
}
.block-editor-list-view-leaf .block-editor-list-view-block-select-button__image:not(:only-child) {
box-shadow: 0 0 0 2px #fff;
}
.block-editor-list-view-leaf .block-editor-list-view-block-select-button__image:not(:first-child) {
margin-left: -6px;
}
.block-editor-list-view-leaf.is-selected .block-editor-list-view-block-select-button__image:not(:only-child) {
box-shadow: 0 0 0 2px var(--wp-admin-theme-color);
}
.block-editor-list-view-draggable-chip {
opacity: .8;
}
.block-editor-list-view-appender__cell .block-editor-list-view-appender__container, .block-editor-list-view-appender__cell .block-editor-list-view-block__contents-container, .block-editor-list-view-block__contents-cell .block-editor-list-view-appender__container, .block-editor-list-view-block__contents-cell .block-editor-list-view-block__contents-container {
display: flex;
}
.block-editor-list-view__expander {
cursor: pointer;
height: 24px;
width: 24px;
}
.block-editor-list-view-leaf[aria-level] .block-editor-list-view__expander {
margin-left: 192px;
}
.block-editor-list-view-leaf[aria-level="1"] .block-editor-list-view__expander {
margin-left: 0;
}
.block-editor-list-view-leaf[aria-level="2"] .block-editor-list-view__expander {
margin-left: 24px;
}
.block-editor-list-view-leaf[aria-level="3"] .block-editor-list-view__expander {
margin-left: 48px;
}
.block-editor-list-view-leaf[aria-level="4"] .block-editor-list-view__expander {
margin-left: 72px;
}
.block-editor-list-view-leaf[aria-level="5"] .block-editor-list-view__expander {
margin-left: 96px;
}
.block-editor-list-view-leaf[aria-level="6"] .block-editor-list-view__expander {
margin-left: 120px;
}
.block-editor-list-view-leaf[aria-level="7"] .block-editor-list-view__expander {
margin-left: 144px;
}
.block-editor-list-view-leaf[aria-level="8"] .block-editor-list-view__expander {
margin-left: 168px;
}
.block-editor-list-view-leaf .block-editor-list-view__expander {
visibility: hidden;
}
.block-editor-list-view-leaf[data-expanded=true] .block-editor-list-view__expander svg {
transform: rotate(90deg);
visibility: visible;
}
@media not (prefers-reduced-motion) {
.block-editor-list-view-leaf[data-expanded=true] .block-editor-list-view__expander svg {
transition: transform .2s ease;
}
}
.block-editor-list-view-leaf[data-expanded=false] .block-editor-list-view__expander svg {
transform: rotate(0deg);
visibility: visible;
}
@media not (prefers-reduced-motion) {
.block-editor-list-view-leaf[data-expanded=false] .block-editor-list-view__expander svg {
transition: transform .2s ease;
}
}
.block-editor-list-view-drop-indicator {
pointer-events: none;
}
.block-editor-list-view-drop-indicator .block-editor-list-view-drop-indicator__line {
background: var(--wp-admin-theme-color);
border-radius: 4px;
height: 4px;
}
.block-editor-list-view-drop-indicator--preview {
pointer-events: none;
}
.block-editor-list-view-drop-indicator--preview .components-popover__content {
overflow: hidden !important;
}
.block-editor-list-view-drop-indicator--preview .block-editor-list-view-drop-indicator__line {
background: rgba(var(--wp-admin-theme-color--rgb), .04);
border-radius: 4px;
height: 32px;
overflow: hidden;
}
.block-editor-list-view-drop-indicator--preview .block-editor-list-view-drop-indicator__line--darker {
background: rgba(var(--wp-admin-theme-color--rgb), .09);
}
.block-editor-list-view-placeholder {
height: 32px;
margin: 0;
padding: 0;
}
.list-view-appender .block-editor-inserter__toggle {
background-color: #1e1e1e;
color: #fff;
height: 24px;
margin: 8px 0 0 24px;
padding: 0;
}
.list-view-appender .block-editor-inserter__toggle.has-icon.is-next-40px-default-size {
min-width: 24px;
}
.list-view-appender .block-editor-inserter__toggle:focus, .list-view-appender .block-editor-inserter__toggle:hover {
background: var(--wp-admin-theme-color);
color: #fff;
}
.list-view-appender__description {
display: none;
}
.block-editor-media-placeholder__url-input-form {
min-width: 260px;
}
@media (min-width:600px) {
.block-editor-media-placeholder__url-input-form {
width: 300px;
}
}
.block-editor-media-placeholder__url-input-form input {
direction: ltr;
}
.modal-open .block-editor-media-replace-flow__options {
display: none;
}
.block-editor-media-replace-flow__indicator {
margin-left: 4px;
}
.block-editor-media-replace-flow__media-upload-menu:not(:empty)+.block-editor-media-flow__url-input {
border-top: 1px solid #1e1e1e;
margin-top: 8px;
padding-bottom: 8px;
}
.block-editor-media-flow__url-input {
margin-left: -8px;
margin-right: -8px;
padding: 16px;
}
.block-editor-media-flow__url-input .block-editor-media-replace-flow__image-url-label {
display: block;
margin-bottom: 8px;
top: 16px;
}
.block-editor-media-flow__url-input .block-editor-link-control {
width: 300px;
}
.block-editor-media-flow__url-input .block-editor-link-control .block-editor-url-input {
margin: 0;
padding: 0;
}
.block-editor-media-flow__url-input .block-editor-link-control .block-editor-link-control__search-item-info, .block-editor-media-flow__url-input .block-editor-link-control .block-editor-link-control__search-item-title {
max-width: 200px;
white-space: nowrap;
}
.block-editor-media-flow__url-input .block-editor-link-control .block-editor-link-control__tools {
justify-content: flex-end;
padding: 16px var(--wp-admin-border-width-focus) var(--wp-admin-border-width-focus);
}
.block-editor-media-flow__url-input .block-editor-link-control .block-editor-link-control__search-item.is-current {
padding: 0;
width: auto;
}
.block-editor-media-flow__url-input .block-editor-link-control .block-editor-link-control__search-input.block-editor-link-control__search-input input[type=text] {
margin: 0;
width: 100%;
}
.block-editor-media-flow__url-input .block-editor-link-control .block-editor-link-control__search-actions {
padding: 8px 0 0;
}
.block-editor-media-flow__error {
max-width: 255px;
padding: 0 20px 20px;
}
.block-editor-media-flow__error .components-with-notices-ui {
max-width: 255px;
}
.block-editor-media-flow__error .components-with-notices-ui .components-notice__content {
overflow: hidden;
word-wrap: break-word;
}
.block-editor-media-flow__error .components-with-notices-ui .components-notice__dismiss {
position: absolute;
right: 10px;
}
.block-editor-multi-selection-inspector__card {
padding: 16px;
}
.block-editor-multi-selection-inspector__card-title {
font-weight: 500;
}
.block-editor-multi-selection-inspector__card .block-editor-block-icon {
height: 24px;
margin-left: -2px;
padding: 0 3px;
width: 36px;
}
.block-editor-responsive-block-control {
border-bottom: 1px solid #ccc;
margin-bottom: 28px;
padding-bottom: 14px;
}
.block-editor-responsive-block-control:last-child {
border-bottom: 0;
padding-bottom: 0;
}
.block-editor-responsive-block-control__title {
margin: 0 0 .6em -3px;
}
.block-editor-responsive-block-control__label {
font-weight: 600;
margin-bottom: .6em;
margin-left: -3px;
}
.block-editor-responsive-block-control__inner {
margin-left: -1px;
}
.block-editor-responsive-block-control__toggle {
margin-left: 1px;
}
.block-editor-responsive-block-control .components-base-control__help {
border: 0;
clip-path: inset(50%);
height: 1px;
margin: -1px;
overflow: hidden;
padding: 0;
position: absolute;
width: 1px;
word-wrap: normal !important;
}
.components-popover.block-editor-rich-text__inline-format-toolbar {
z-index: 99998;
}
.components-popover.block-editor-rich-text__inline-format-toolbar .components-popover__content {
border-radius: 2px;
box-shadow: none;
margin-bottom: 8px;
min-width: auto;
outline: none;
width: auto;
}
.components-popover.block-editor-rich-text__inline-format-toolbar .components-toolbar {
border-radius: 2px;
}
.components-popover.block-editor-rich-text__inline-format-toolbar .components-toolbar-group {
background: none;
}
.components-popover.block-editor-rich-text__inline-format-toolbar .components-dropdown-menu__toggle, .components-popover.block-editor-rich-text__inline-format-toolbar .components-toolbar__control {
min-height: 48px;
min-width: 48px;
padding-left: 12px;
padding-right: 12px;
}
.block-editor-rich-text__inline-format-toolbar-group .components-dropdown-menu__toggle {
justify-content: center;
}
.show-icon-labels .block-editor-rich-text__inline-format-toolbar-group .components-button.has-icon {
width: auto;
}
.show-icon-labels .block-editor-rich-text__inline-format-toolbar-group .components-button.has-icon svg {
display: none;
}
.show-icon-labels .block-editor-rich-text__inline-format-toolbar-group .components-button.has-icon:after {
content: attr(aria-label);
}
.block-editor-skip-to-selected-block {
position: absolute;
top: -9999em;
}
.block-editor-skip-to-selected-block:focus {
background: #f1f1f1;
font-size: 14px;
font-weight: 600;
z-index: 100000;
}
.block-editor-tabbed-sidebar {
background-color: #fff;
display: flex;
flex-direction: column;
flex-grow: 1;
height: 100%;
overflow: hidden;
}
.block-editor-tabbed-sidebar__tablist-and-close-button {
border-bottom: 1px solid #ddd;
display: flex;
justify-content: space-between;
padding-right: 8px;
}
.block-editor-tabbed-sidebar__close-button {
align-self: center;
background: #fff;
order: 1;
}
.block-editor-tabbed-sidebar__tablist {
margin-bottom: -1px;
}
.block-editor-tabbed-sidebar__tabpanel {
display: flex;
flex-direction: column;
flex-grow: 1;
overflow-y: auto;
scrollbar-gutter: auto;
}
.block-editor-tool-selector__help {
border-top: 1px solid #ddd;
color: #757575;
margin: 8px -8px -8px;
min-width: 280px;
padding: 16px;
}
.block-editor-tool-selector__menu .components-menu-item__info {
margin-left: 36px;
text-align: left;
}
.block-editor-block-list__block .block-editor-url-input, .block-editor-url-input, .components-popover .block-editor-url-input {
flex-grow: 1;
padding: 1px;
position: relative;
}
@media (min-width:600px) {
.block-editor-block-list__block .block-editor-url-input, .block-editor-url-input, .components-popover .block-editor-url-input {
min-width: 300px;
width: auto;
}
}
.block-editor-block-list__block .block-editor-url-input.is-full-width, .block-editor-block-list__block .block-editor-url-input.is-full-width__suggestions, .block-editor-url-input.is-full-width, .block-editor-url-input.is-full-width__suggestions, .components-popover .block-editor-url-input.is-full-width, .components-popover .block-editor-url-input.is-full-width__suggestions {
width: 100%;
}
.block-editor-block-list__block .block-editor-url-input .components-spinner, .block-editor-url-input .components-spinner, .components-popover .block-editor-url-input .components-spinner {
margin: 0;
position: absolute;
right: 8px;
top: calc(50% - 8px);
}
.block-editor-url-input__suggestions {
max-height: 200px;
overflow-y: auto;
padding: 4px 0;
width: 302px;
}
@media not (prefers-reduced-motion) {
.block-editor-url-input__suggestions {
transition: all .15s ease-in-out;
}
}
.block-editor-url-input .components-spinner, .block-editor-url-input__suggestions {
display: none;
}
@media (min-width:600px) {
.block-editor-url-input .components-spinner, .block-editor-url-input__suggestions {
display: grid;
}
}
.block-editor-url-input__suggestion {
background: #fff;
border: none;
box-shadow: none;
color: #757575;
cursor: pointer;
display: block;
font-size: 13px;
height: auto;
min-height: 36px;
text-align: left;
width: 100%;
}
.block-editor-url-input__suggestion:hover {
background: #ddd;
}
.block-editor-url-input__suggestion.is-selected, .block-editor-url-input__suggestion:focus {
background: var(--wp-admin-theme-color-darker-20);
color: #fff;
outline: none;
}
.components-toolbar-group>.block-editor-url-input__button, .components-toolbar>.block-editor-url-input__button {
position: inherit;
}
.block-editor-url-input__button .block-editor-url-input__back {
margin-right: 4px;
overflow: visible;
}
.block-editor-url-input__button .block-editor-url-input__back:after {
background: #ddd;
content: "";
display: block;
height: 24px;
position: absolute;
right: -1px;
width: 1px;
}
.block-editor-url-input__button-modal {
background: #fff;
border: 1px solid #ddd;
box-shadow: 0 1px 1px rgba(0, 0, 0, .03), 0 1px 2px rgba(0, 0, 0, .02), 0 3px 3px rgba(0, 0, 0, .02), 0 4px 4px rgba(0, 0, 0, .01);
}
.block-editor-url-input__button-modal-line {
align-items: flex-start;
display: flex;
flex-direction: row;
flex-grow: 1;
flex-shrink: 1;
min-width: 0;
}
.block-editor-url-popover__additional-controls {
border-top: 1px solid #1e1e1e;
padding: 8px;
}
.block-editor-url-popover__input-container {
padding: 8px;
}
.block-editor-url-popover__row {
align-items: center;
display: flex;
gap: 4px;
}
.block-editor-url-popover__row>:not(.block-editor-url-popover__settings-toggle) {
flex-grow: 1;
gap: 8px;
}
.block-editor-url-popover__additional-controls .components-button.has-icon {
height: auto;
padding-left: 8px;
padding-right: 8px;
text-align: left;
}
.block-editor-url-popover__additional-controls .components-button.has-icon>svg {
margin-right: 8px;
}
.block-editor-url-popover__settings-toggle {
flex-shrink: 0;
}
.block-editor-url-popover__settings-toggle[aria-expanded=true] .dashicon {
transform: rotate(180deg);
}
.block-editor-url-popover__settings {
border-top: 1px solid #1e1e1e;
display: block;
padding: 16px;
}
.block-editor-url-popover__link-editor, .block-editor-url-popover__link-viewer {
display: flex;
}
.block-editor-url-popover__link-viewer-url {
align-items: center;
display: flex;
flex-grow: 1;
flex-shrink: 1;
margin-right: 8px;
max-width: 350px;
min-width: 150px;
overflow: hidden;
text-overflow: ellipsis;
white-space: nowrap;
}
.block-editor-url-popover__link-viewer-url.has-invalid-link {
color: #cc1818;
}
.block-editor-url-popover__expand-on-click {
align-items: center;
display: flex;
min-width: 350px;
white-space: nowrap;
}
.block-editor-url-popover__expand-on-click .text {
flex-grow: 1;
}
.block-editor-url-popover__expand-on-click .text p {
line-height: 16px;
margin: 0;
}
.block-editor-url-popover__expand-on-click .text p.description {
color: #757575;
font-size: 12px;
}
.block-editor-hooks__block-hooks .components-toggle-control .components-h-stack .components-h-stack {
flex-direction: row;
}
.block-editor-hooks__block-hooks .block-editor-hooks__block-hooks-helptext {
color: #757575;
font-size: 12px;
margin-bottom: 16px;
}
div.block-editor-bindings__panel {
grid-template-columns: repeat(auto-fit, minmax(100%, 1fr));
}
div.block-editor-bindings__panel button:hover .block-editor-bindings__item span {
color: inherit;
}
.border-block-support-panel .single-column {
grid-column: span 1;
}
.color-block-support-panel .block-editor-contrast-checker {
grid-column: span 2;
margin-top: 16px;
}
.color-block-support-panel .block-editor-contrast-checker .components-notice__content {
margin-right: 0;
}
.color-block-support-panel.color-block-support-panel .color-block-support-panel__inner-wrapper {
row-gap: 0;
}
.color-block-support-panel .block-editor-tools-panel-color-gradient-settings__item.first {
margin-top: 0;
}
.dimensions-block-support-panel .single-column {
grid-column: span 1;
}
.block-editor-hooks__layout-constrained .components-base-control {
margin-bottom: 0;
}
.block-editor-hooks__layout-constrained-helptext {
color: #757575;
font-size: 12px;
margin-bottom: 0;
}
.block-editor-hooks__flex-layout-justification-controls, .block-editor-hooks__flex-layout-orientation-controls {
margin-bottom: 12px;
}
.block-editor-hooks__flex-layout-justification-controls legend, .block-editor-hooks__flex-layout-orientation-controls legend {
margin-bottom: 8px;
}
.block-editor__spacing-visualizer {
border-color: var(--wp-admin-theme-color);
border-style: solid;
bottom: 0;
box-sizing: border-box;
left: 0;
opacity: .5;
pointer-events: none;
position: absolute;
right: 0;
top: 0;
}
.typography-block-support-panel .single-column {
grid-column: span 1;
}
.block-editor-block-toolbar {
display: flex;
flex-grow: 1;
overflow-x: auto;
overflow-y: hidden;
position: relative;
width: 100%;
}
@media not (prefers-reduced-motion) {
.block-editor-block-toolbar {
transition: border-color .1s linear, box-shadow .1s linear;
}
}
@media (min-width:600px) {
.block-editor-block-toolbar {
overflow: inherit;
}
}
.block-editor-block-toolbar .components-toolbar, .block-editor-block-toolbar .components-toolbar-group {
background: none;
border: 0;
border-right: 1px solid #ddd;
margin-bottom: -1px;
margin-top: -1px;
}
.block-editor-block-toolbar.is-connected .block-editor-block-switcher .components-button:before {
background: color-mix(in srgb, var(--wp-block-synced-color) 10%, rgba(0, 0, 0, 0));
border-radius: 2px;
}
.block-editor-block-toolbar.is-connected .block-editor-block-switcher .components-button .block-editor-block-icon, .block-editor-block-toolbar.is-connected .components-toolbar-button.block-editor-block-switcher__no-switcher-icon:disabled .block-editor-block-icon.has-colors, .block-editor-block-toolbar.is-synced .block-editor-block-switcher .components-button .block-editor-block-icon, .block-editor-block-toolbar.is-synced .components-toolbar-button.block-editor-block-switcher__no-switcher-icon:disabled .block-editor-block-icon.has-colors {
color: var(--wp-block-synced-color);
}
.block-editor-block-toolbar:has(>:last-child:empty)>:nth-last-child(2), .block-editor-block-toolbar:has(>:last-child:empty)>:nth-last-child(2) .components-toolbar, .block-editor-block-toolbar:has(>:last-child:empty)>:nth-last-child(2) .components-toolbar-group, .block-editor-block-toolbar>:last-child, .block-editor-block-toolbar>:last-child .components-toolbar, .block-editor-block-toolbar>:last-child .components-toolbar-group {
border-right: none;
}
.block-editor-block-toolbar .components-toolbar-group:empty {
display: none;
}
.block-editor-block-contextual-toolbar {
background-color: #fff;
display: block;
flex-shrink: 3;
position: sticky;
top: 0;
width: 100%;
z-index: 31;
}
.block-editor-block-contextual-toolbar.components-accessible-toolbar {
border: none;
border-radius: 0;
}
.block-editor-block-contextual-toolbar.is-unstyled {
box-shadow: 0 1px 0 0 rgba(0, 0, 0, .133);
}
.block-editor-block-contextual-toolbar .block-editor-block-toolbar {
overflow: auto;
overflow-y: hidden;
scrollbar-color: #e0e0e0 rgba(0, 0, 0, 0);
scrollbar-gutter: stable both-edges;
scrollbar-gutter: auto;
scrollbar-width: thin;
will-change: transform;
}
.block-editor-block-contextual-toolbar .block-editor-block-toolbar::-webkit-scrollbar {
height: 12px;
width: 12px;
}
.block-editor-block-contextual-toolbar .block-editor-block-toolbar::-webkit-scrollbar-track {
background-color: initial;
}
.block-editor-block-contextual-toolbar .block-editor-block-toolbar::-webkit-scrollbar-thumb {
background-clip: padding-box;
background-color: #e0e0e0;
border: 3px solid rgba(0, 0, 0, 0);
border-radius: 8px;
}
.block-editor-block-contextual-toolbar .block-editor-block-toolbar:focus-within::-webkit-scrollbar-thumb, .block-editor-block-contextual-toolbar .block-editor-block-toolbar:focus::-webkit-scrollbar-thumb, .block-editor-block-contextual-toolbar .block-editor-block-toolbar:hover::-webkit-scrollbar-thumb {
background-color: #949494;
}
.block-editor-block-contextual-toolbar .block-editor-block-toolbar:focus, .block-editor-block-contextual-toolbar .block-editor-block-toolbar:focus-within, .block-editor-block-contextual-toolbar .block-editor-block-toolbar:hover {
scrollbar-color: #949494 rgba(0, 0, 0, 0);
}
@media (hover:none) {
.block-editor-block-contextual-toolbar .block-editor-block-toolbar {
scrollbar-color: #949494 rgba(0, 0, 0, 0);
}
}
.block-editor-block-contextual-toolbar .block-editor-block-toolbar>:last-child .components-toolbar-group:after, .block-editor-block-contextual-toolbar .block-editor-block-toolbar>:last-child .components-toolbar:after, .block-editor-block-contextual-toolbar .block-editor-block-toolbar>:last-child:after {
display: none;
}
.block-editor-block-contextual-toolbar>.block-editor-block-toolbar {
flex-grow: 0;
width: auto;
}
.block-editor-block-contextual-toolbar .block-editor-block-parent-selector {
margin-bottom: -1px;
margin-top: -1px;
position: relative;
}
.block-editor-block-contextual-toolbar .block-editor-block-parent-selector:after {
align-items: center;
background-color: #1e1e1e;
border-radius: 100%;
content: "";
display: inline-flex;
height: 2px;
position: absolute;
right: 0;
top: 15px;
width: 2px;
}
.block-editor-block-toolbar__block-controls .block-editor-block-switcher .components-dropdown-menu__toggle .block-editor-block-icon, .block-editor-block-toolbar__block-controls .block-editor-block-switcher__no-switcher-icon .block-editor-block-icon {
margin: 0 !important;
width: 24px !important;
}
.block-editor-block-toolbar__block-controls .components-toolbar-group {
padding: 0;
}
.block-editor-block-toolbar .components-toolbar, .block-editor-block-toolbar .components-toolbar-group, .block-editor-rich-text__inline-format-toolbar-group .components-toolbar, .block-editor-rich-text__inline-format-toolbar-group .components-toolbar-group {
display: flex;
flex-wrap: nowrap;
}
.block-editor-block-toolbar__slot {
display: inline-flex;
}
.show-icon-labels .block-editor-block-toolbar .components-button.has-icon {
width: auto;
}
.show-icon-labels .block-editor-block-toolbar .components-button.has-icon svg {
display: none;
}
.show-icon-labels .block-editor-block-toolbar .components-button.has-icon:after {
content: attr(aria-label);
font-size: 12px;
}
.show-icon-labels .components-accessible-toolbar .components-toolbar-group>div:first-child:last-child>.components-button.has-icon {
padding-left: 6px;
padding-right: 6px;
}
.show-icon-labels .block-editor-block-switcher .components-dropdown-menu__toggle .block-editor-block-icon, .show-icon-labels .block-editor-block-switcher__no-switcher-icon .block-editor-block-icon {
height: 0 !important;
min-width: 0 !important;
width: 0 !important;
}
.show-icon-labels .block-editor-block-parent-selector .block-editor-block-parent-selector__button {
border-bottom-right-radius: 0;
border-top-right-radius: 0;
padding-left: 12px;
padding-right: 12px;
text-wrap: nowrap;
}
.show-icon-labels .block-editor-block-parent-selector .block-editor-block-parent-selector__button .block-editor-block-icon {
width: 0;
}
.show-icon-labels .block-editor-block-mover .block-editor-block-mover__move-button-container {
position: relative;
width: auto;
}
@media (min-width:600px) {
.show-icon-labels .block-editor-block-mover:not(.is-horizontal) .block-editor-block-mover__move-button-container:before {
background: #e0e0e0;
content: "";
height: 1px;
left: 50%;
margin-top: -.5px;
position: absolute;
top: 50%;
transform: translate(-50%);
width: 100%;
}
}
@media (min-width:782px) {
.show-icon-labels .block-editor-block-mover:not(.is-horizontal) .block-editor-block-mover__move-button-container:before {
background: #1e1e1e;
}
}
.show-icon-labels .block-editor-block-mover.is-horizontal .block-editor-block-mover-button, .show-icon-labels .block-editor-block-mover.is-horizontal .block-editor-block-mover__move-button-container {
padding-left: 6px;
padding-right: 6px;
}
.show-icon-labels .block-editor-block-mover:not(.is-horizontal) .block-editor-block-mover-button {
padding-left: 8px;
padding-right: 8px;
}
.show-icon-labels .block-editor-block-toolbar__block-controls .block-editor-block-mover {
border-left: 1px solid #ddd;
margin-left: 6px;
margin-right: -6px;
white-space: nowrap;
}
.show-icon-labels .block-editor-block-mover .block-editor-block-mover__drag-handle.has-icon {
padding-left: 12px;
padding-right: 12px;
}
.show-icon-labels .block-editor-block-contextual-toolbar .block-editor-block-mover.is-horizontal .block-editor-block-mover-button.block-editor-block-mover-button {
width: auto;
}
.show-icon-labels .components-toolbar, .show-icon-labels .components-toolbar-group {
flex-shrink: 1;
}
.show-icon-labels .block-editor-rich-text__inline-format-toolbar-group .components-button+.components-button {
margin-left: 6px;
}
.block-editor-block-toolbar-change-design-content-wrapper {
padding: 12px;
width: 320px;
}
.block-editor-block-toolbar-change-design-content-wrapper .block-editor-block-patterns-list {
display: grid;
grid-template-columns: 1fr 1fr;
grid-gap: 12px;
}
.block-editor-block-toolbar-change-design-content-wrapper .block-editor-block-patterns-list .block-editor-block-patterns-list__list-item {
margin-bottom: 0;
}
.block-editor-block-toolbar-change-design-content-wrapper .block-editor-block-patterns-list .block-editor-inserter__media-list__list-item {
min-height: 100px;
}
.block-editor-inserter {
background: none;
border: none;
display: inline-block;
font-family: -apple-system, BlinkMacSystemFont, Segoe UI, Roboto, Oxygen-Sans, Ubuntu, Cantarell, Helvetica Neue, sans-serif;
font-size: 13px;
line-height: 0;
padding: 0;
}
@media (min-width:782px) {
.block-editor-inserter {
position: relative;
}
}
.block-editor-inserter__main-area {
gap: 16px;
height: 100%;
position: relative;
}
.block-editor-inserter__main-area.show-as-tabs {
gap: 0;
}
@media (min-width:782px) {
.block-editor-inserter__main-area .block-editor-tabbed-sidebar {
width: 350px;
}
}
.block-editor-inserter__popover.is-quick .components-popover__content {
border: none;
box-shadow: 0 1px 1px rgba(0, 0, 0, .03), 0 1px 2px rgba(0, 0, 0, .02), 0 3px 3px rgba(0, 0, 0, .02), 0 4px 4px rgba(0, 0, 0, .01);
outline: none;
}
.block-editor-inserter__popover.is-quick .components-popover__content .block-editor-inserter__quick-inserter>* {
border-left: 1px solid #ccc;
border-right: 1px solid #ccc;
}
.block-editor-inserter__popover.is-quick .components-popover__content .block-editor-inserter__quick-inserter>:first-child {
border-radius: 4px 4px 0 0;
border-top: 1px solid #ccc;
}
.block-editor-inserter__popover.is-quick .components-popover__content .block-editor-inserter__quick-inserter>:last-child {
border-bottom: 1px solid #ccc;
border-radius: 0 0 4px 4px;
}
.block-editor-inserter__popover.is-quick .components-popover__content .block-editor-inserter__quick-inserter>.components-button {
border: 1px solid #1e1e1e;
}
.block-editor-inserter__popover .block-editor-inserter__menu {
margin: -12px;
}
.block-editor-inserter__popover .block-editor-inserter__menu .block-editor-inserter__tablist {
top: 60px;
}
.block-editor-inserter__popover .block-editor-inserter__menu .block-editor-inserter__main-area {
height: auto;
overflow: visible;
}
.block-editor-inserter__popover .block-editor-inserter__menu .block-editor-inserter__preview-container {
display: none;
}
.block-editor-inserter__toggle.components-button {
align-items: center;
border: none;
cursor: pointer;
display: inline-flex;
outline: none;
padding: 0;
}
@media not (prefers-reduced-motion) {
.block-editor-inserter__toggle.components-button {
transition: color .2s ease;
}
}
.block-editor-inserter__menu {
height: 100%;
overflow: visible;
position: relative;
}
@media (min-width:782px) {
.block-editor-inserter__menu.show-panel {
width: 630px;
}
}
.block-editor-inserter__inline-elements {
margin-top: -1px;
}
.block-editor-inserter__menu.is-bottom:after {
border-bottom-color: #fff;
}
.components-popover.block-editor-inserter__popover {
z-index: 99999;
}
.block-editor-inserter__search {
padding: 16px 16px 0;
}
.block-editor-inserter__no-tab-container {
flex-grow: 1;
overflow-y: auto;
position: relative;
}
.block-editor-inserter__panel-header {
align-items: center;
display: inline-flex;
padding: 16px 16px 0;
position: relative;
}
.block-editor-inserter__panel-content {
padding: 16px;
}
.block-editor-inserter__panel-title, .block-editor-inserter__panel-title button {
color: #757575;
font-size: 11px;
font-weight: 500;
margin: 0 12px 0 0;
text-transform: uppercase;
}
.block-editor-inserter__panel-dropdown select.components-select-control__input.components-select-control__input.components-select-control__input {
height: 36px;
line-height: 36px;
}
.block-editor-inserter__panel-dropdown select {
border: none;
}
.block-editor-inserter__reusable-blocks-panel {
position: relative;
text-align: right;
}
.block-editor-inserter__no-results, .block-editor-inserter__patterns-loading {
padding: 32px;
text-align: center;
}
.block-editor-inserter__child-blocks {
padding: 0 16px;
}
.block-editor-inserter__parent-block-header {
align-items: center;
display: flex;
}
.block-editor-inserter__parent-block-header h2 {
font-size: 13px;
}
.block-editor-inserter__parent-block-header .block-editor-block-icon {
margin-right: 8px;
}
.block-editor-inserter__preview-container__popover {
top: 16px !important;
}
.block-editor-inserter__preview-container {
display: none;
max-height: calc(100% - 32px);
overflow-y: hidden;
padding: 16px;
width: 280px;
}
@media (min-width:782px) {
.block-editor-inserter__preview-container {
display: block;
}
}
.block-editor-inserter__preview-container .block-editor-inserter__media-list__list-item {
height: 100%;
}
.block-editor-inserter__preview-container .block-editor-block-card {
padding-bottom: 4px;
padding-left: 0;
padding-right: 0;
}
.block-editor-inserter__insertable-blocks-at-selection {
border-bottom: 1px solid #e0e0e0;
}
.block-editor-inserter__block-patterns-tabs-container, .block-editor-inserter__media-tabs-container {
display: flex;
flex-direction: column;
flex-grow: 1;
justify-content: space-between;
padding: 16px;
}
.block-editor-inserter__category-tablist {
margin-bottom: 8px;
}
.block-editor-inserter__category-panel {
display: flex;
flex-direction: column;
outline: 1px solid rgba(0, 0, 0, 0);
padding: 0 16px;
}
@media (min-width:782px) {
.block-editor-inserter__category-panel {
background: #f0f0f0;
border-left: 1px solid #e0e0e0;
border-top: 1px solid #e0e0e0;
height: calc(100% + 1px);
left: 350px;
padding: 0;
position: absolute;
top: -1px;
width: 280px;
}
.block-editor-inserter__category-panel .block-editor-block-patterns-list, .block-editor-inserter__category-panel .block-editor-inserter__media-list {
padding: 0 24px 16px;
}
}
.block-editor-inserter__patterns-category-panel-header {
padding: 8px 0;
}
@media (min-width:782px) {
.block-editor-inserter__patterns-category-panel-header {
padding: 8px 24px;
}
}
.block-editor-inserter__patterns-category-no-results {
margin-top: 24px;
}
.block-editor-inserter__patterns-filter-help {
border-top: 1px solid #ddd;
color: #757575;
min-width: 280px;
padding: 16px;
}
.block-editor-block-patterns-list, .block-editor-inserter__media-list {
flex-grow: 1;
height: 100%;
overflow-y: auto;
}
.block-editor-inserter__preview-content {
align-items: center;
background: #f0f0f0;
display: grid;
flex-grow: 1;
}
.block-editor-inserter__preview-content-missing {
align-items: center;
background: #f0f0f0;
border-radius: 2px;
color: #757575;
display: flex;
flex: 1;
justify-content: center;
min-height: 144px;
}
.block-editor-inserter__tips {
border-top: 1px solid #ddd;
flex-shrink: 0;
padding: 16px;
position: relative;
}
.block-editor-inserter__quick-inserter {
max-width: 100%;
width: 100%;
}
@media (min-width:782px) {
.block-editor-inserter__quick-inserter {
width: 350px;
}
}
.block-editor-inserter__quick-inserter-results .block-editor-inserter__panel-header {
float: left;
height: 0;
padding: 0;
}
.block-editor-inserter__quick-inserter.has-expand .block-editor-inserter__panel-content, .block-editor-inserter__quick-inserter.has-search .block-editor-inserter__panel-content {
padding: 16px;
}
.block-editor-inserter__quick-inserter-patterns .block-editor-block-patterns-list {
display: grid;
grid-template-columns: 1fr 1fr;
grid-gap: 8px;
}
.block-editor-inserter__quick-inserter-patterns .block-editor-block-patterns-list .block-editor-block-patterns-list__list-item {
margin-bottom: 0;
}
.block-editor-inserter__quick-inserter-patterns .block-editor-block-patterns-list .block-editor-inserter__media-list__list-item {
min-height: 100px;
}
.block-editor-inserter__quick-inserter-separator {
border-top: 1px solid #ddd;
}
.block-editor-inserter__popover.is-quick>.components-popover__content {
padding: 0;
}
.block-editor-inserter__quick-inserter-expand.components-button {
background: #1e1e1e;
border-radius: 0;
color: #fff;
display: block;
width: 100%;
}
.block-editor-inserter__quick-inserter-expand.components-button:hover {
color: #fff;
}
.block-editor-inserter__quick-inserter-expand.components-button:active {
color: #ccc;
}
.block-editor-inserter__quick-inserter-expand.components-button.components-button:focus:not(:disabled) {
background: var(--wp-admin-theme-color);
border-color: var(--wp-admin-theme-color);
box-shadow: none;
}
.block-editor-block-patterns-explorer__sidebar {
bottom: 0;
left: 0;
overflow-x: visible;
overflow-y: scroll;
padding: 24px 32px 32px;
position: absolute;
top: 72px;
width: 280px;
}
.block-editor-block-patterns-explorer__sidebar__categories-list__item {
display: block;
height: 48px;
text-align: left;
width: 100%;
}
.block-editor-block-patterns-explorer__search {
margin-bottom: 32px;
}
.block-editor-block-patterns-explorer__search-results-count {
padding-bottom: 32px;
}
.block-editor-block-patterns-explorer__list {
margin-left: 280px;
padding: 24px 0 32px;
}
.block-editor-block-patterns-explorer__list .block-editor-patterns__sync-status-filter .components-input-control__container {
width: 380px;
}
.block-editor-block-patterns-explorer .block-editor-block-patterns-list {
display: grid;
grid-gap: 32px;
grid-template-columns: repeat(1, 1fr);
margin-bottom: 16px;
}
@media (min-width:1080px) {
.block-editor-block-patterns-explorer .block-editor-block-patterns-list {
grid-template-columns: repeat(2, 1fr);
}
}
@media (min-width:1440px) {
.block-editor-block-patterns-explorer .block-editor-block-patterns-list {
grid-template-columns: repeat(3, 1fr);
}
}
.block-editor-block-patterns-explorer .block-editor-block-patterns-list .block-editor-block-patterns-list__list-item {
min-height: 240px;
}
.block-editor-block-patterns-explorer .block-editor-block-patterns-list .block-editor-inserter__media-list__list-item {
height: inherit;
max-height: 800px;
min-height: 100px;
}
.components-heading.block-editor-inserter__patterns-category-panel-title {
font-weight: 500;
}
.block-editor-inserter__media-library-button.components-button, .block-editor-inserter__patterns-explore-button.components-button {
justify-content: center;
margin-top: 16px;
padding: 16px;
width: 100%;
}
.block-editor-inserter__media-panel {
display: flex;
flex-direction: column;
min-height: 100%;
padding: 0 16px;
}
@media (min-width:782px) {
.block-editor-inserter__media-panel {
padding: 0;
}
}
.block-editor-inserter__media-panel .block-editor-inserter__media-panel-spinner {
align-items: center;
display: flex;
flex: 1;
height: 100%;
justify-content: center;
}
.block-editor-inserter__media-panel .block-editor-inserter__media-panel-search {
margin-bottom: 24px;
}
@media (min-width:782px) {
.block-editor-inserter__media-panel .block-editor-inserter__media-panel-search {
margin-bottom: 0;
padding: 16px 24px;
}
.block-editor-inserter__media-panel .block-editor-inserter__media-panel-search:not(:focus-within) {
--wp-components-color-background: #fff;
}
}
.block-editor-inserter__media-list__list-item {
cursor: pointer;
margin-bottom: 24px;
position: relative;
}
.block-editor-inserter__media-list__list-item.is-placeholder {
min-height: 100px;
}
.block-editor-inserter__media-list__list-item[draggable=true] .block-editor-inserter__media-list__list-item {
cursor: grab;
}
.block-editor-inserter__media-list__list-item.is-hovered .block-editor-inserter__media-list__item-preview>* {
outline-color: rgba(0, 0, 0, .3);
}
.block-editor-inserter__media-list__list-item.is-hovered .block-editor-inserter__media-list__item-preview-options>button {
display: block;
}
.block-editor-inserter__media-list__list-item .block-editor-inserter__media-list__item-preview-options {
position: absolute;
right: 8px;
top: 8px;
}
.block-editor-inserter__media-list__list-item .block-editor-inserter__media-list__item-preview-options>button {
background: #fff;
display: none;
}
.block-editor-inserter__media-list__list-item .block-editor-inserter__media-list__item-preview-options>button.is-opened, .block-editor-inserter__media-list__list-item .block-editor-inserter__media-list__item-preview-options>button:focus {
display: block;
}
.block-editor-inserter__media-list__list-item .block-editor-inserter__media-list__item-preview-options>button:hover {
box-shadow: inset 0 0 0 2px #fff, 0 0 0 var(--wp-admin-border-width-focus) var(--wp-admin-theme-color);
outline: 2px solid rgba(0, 0, 0, 0);
}
.block-editor-inserter__media-list__item {
height: 100%;
}
.block-editor-inserter__media-list__item .block-editor-inserter__media-list__item-preview {
align-items: center;
border-radius: 2px;
display: flex;
overflow: hidden;
}
.block-editor-inserter__media-list__item .block-editor-inserter__media-list__item-preview>* {
margin: 0 auto;
max-width: 100%;
outline: 1px solid rgba(0, 0, 0, .1);
outline-offset: -1px;
}
.block-editor-inserter__media-list__item .block-editor-inserter__media-list__item-preview .block-editor-inserter__media-list__item-preview-spinner {
align-items: center;
background: rgba(255, 255, 255, .7);
display: flex;
height: 100%;
justify-content: center;
pointer-events: none;
position: absolute;
width: 100%;
}
.block-editor-inserter__media-list__item:focus .block-editor-inserter__media-list__item-preview>* {
outline-color: var(--wp-admin-theme-color);
outline-offset: calc(var(--wp-admin-border-width-focus) * -1);
outline-width: var(--wp-admin-border-width-focus);
}
@media not (prefers-reduced-motion) {
.block-editor-inserter__media-list__item:focus .block-editor-inserter__media-list__item-preview>* {
transition: outline .1s linear;
}
}
.block-editor-inserter__media-list__item-preview-options__popover .components-menu-item__button .components-menu-item__item {
min-width: auto;
}
.block-editor-inserter__mobile-tab-navigation {
height: 100%;
padding: 16px;
}
.block-editor-inserter__mobile-tab-navigation>* {
height: 100%;
}
@media (min-width:600px) {
.block-editor-inserter-media-tab-media-preview-inserter-external-image-modal {
max-width: 480px;
}
}
.block-editor-inserter-media-tab-media-preview-inserter-external-image-modal p {
margin: 0;
}
.block-editor-inserter__hint {
margin: 16px 16px 0;
}
.block-editor-patterns__sync-status-filter .components-input-control__container select.components-select-control__input {
height: 40px;
}
.block-editor-inserter__pattern-panel-placeholder {
display: none;
}
.block-editor-inserter__menu.is-zoom-out {
display: flex;
}
@media (min-width:782px) {
.block-editor-inserter__menu.is-zoom-out.show-panel:after {
content: "";
display: block;
height: 100%;
width: 300px;
}
}
@media (max-width:959px) {
.show-icon-labels .block-editor-block-patterns-explorer .block-editor-patterns__grid-pagination, .show-icon-labels .block-editor-block-patterns-explorer .block-editor-patterns__grid-pagination .block-editor-patterns__grid-pagination-next, .show-icon-labels .block-editor-block-patterns-explorer .block-editor-patterns__grid-pagination .block-editor-patterns__grid-pagination-previous {
flex-direction: column;
}
}
.show-icon-labels .block-editor-inserter__category-panel .block-editor-patterns__grid-pagination, .show-icon-labels .block-editor-inserter__category-panel .block-editor-patterns__grid-pagination .block-editor-patterns__grid-pagination-next, .show-icon-labels .block-editor-inserter__category-panel .block-editor-patterns__grid-pagination .block-editor-patterns__grid-pagination-previous {
flex-direction: column;
}
.block-editor-tabbed-sidebar__tabpanel .block-editor-inserter__help-text {
display: none;
padding: 0 24px 16px;
}
@media (min-width:480px) {
.block-editor-tabbed-sidebar__tabpanel .block-editor-inserter__help-text {
display: block;
}
}
.spacing-sizes-control .spacing-sizes-control__custom-value-input, .spacing-sizes-control .spacing-sizes-control__label {
margin-bottom: 0;
}
.spacing-sizes-control .spacing-sizes-control__custom-value-range, .spacing-sizes-control .spacing-sizes-control__range-control {
flex: 1;
margin-bottom: 0;
}
.spacing-sizes-control__header {
height: 16px;
margin-bottom: 12px;
}
.spacing-sizes-control__dropdown {
height: 24px;
}
.spacing-sizes-control__custom-select-control, .spacing-sizes-control__custom-value-input {
flex: 1;
}
.spacing-sizes-control__custom-toggle, .spacing-sizes-control__icon {
flex: 0 0 auto;
}
.spacing-sizes-control__icon {
margin-left: -4px;
}
body.admin-color-light {
--wp-admin-theme-color: #0085ba;
--wp-admin-theme-color--rgb: 0, 133, 186;
--wp-admin-theme-color-darker-10: #0073a1;
--wp-admin-theme-color-darker-10--rgb: 0, 115, 161;
--wp-admin-theme-color-darker-20: #006187;
--wp-admin-theme-color-darker-20--rgb: 0, 97, 135;
--wp-admin-border-width-focus: 2px;
}
@media (min-resolution:192dpi) {
body.admin-color-light {
--wp-admin-border-width-focus: 1.5px;
}
}
body.admin-color-modern {
--wp-admin-theme-color: #3858e9;
--wp-admin-theme-color--rgb: 56, 88, 233;
--wp-admin-theme-color-darker-10: #2145e6;
--wp-admin-theme-color-darker-10--rgb: 33, 69, 230;
--wp-admin-theme-color-darker-20: #183ad6;
--wp-admin-theme-color-darker-20--rgb: 24, 58, 214;
--wp-admin-border-width-focus: 2px;
}
@media (min-resolution:192dpi) {
body.admin-color-modern {
--wp-admin-border-width-focus: 1.5px;
}
}
body.admin-color-blue {
--wp-admin-theme-color: #096484;
--wp-admin-theme-color--rgb: 9, 100, 132;
--wp-admin-theme-color-darker-10: #07526c;
--wp-admin-theme-color-darker-10--rgb: 7, 82, 108;
--wp-admin-theme-color-darker-20: #064054;
--wp-admin-theme-color-darker-20--rgb: 6, 64, 84;
--wp-admin-border-width-focus: 2px;
}
@media (min-resolution:192dpi) {
body.admin-color-blue {
--wp-admin-border-width-focus: 1.5px;
}
}
body.admin-color-coffee {
--wp-admin-theme-color: #46403c;
--wp-admin-theme-color--rgb: 70, 64, 60;
--wp-admin-theme-color-darker-10: #383330;
--wp-admin-theme-color-darker-10--rgb: 56, 51, 48;
--wp-admin-theme-color-darker-20: #2b2724;
--wp-admin-theme-color-darker-20--rgb: 43, 39, 36;
--wp-admin-border-width-focus: 2px;
}
@media (min-resolution:192dpi) {
body.admin-color-coffee {
--wp-admin-border-width-focus: 1.5px;
}
}
body.admin-color-ectoplasm {
--wp-admin-theme-color: #523f6d;
--wp-admin-theme-color--rgb: 82, 63, 109;
--wp-admin-theme-color-darker-10: #46365d;
--wp-admin-theme-color-darker-10--rgb: 70, 54, 93;
--wp-admin-theme-color-darker-20: #3a2c4d;
--wp-admin-theme-color-darker-20--rgb: 58, 44, 77;
--wp-admin-border-width-focus: 2px;
}
@media (min-resolution:192dpi) {
body.admin-color-ectoplasm {
--wp-admin-border-width-focus: 1.5px;
}
}
body.admin-color-midnight {
--wp-admin-theme-color: #e14d43;
--wp-admin-theme-color--rgb: 225, 77, 67;
--wp-admin-theme-color-darker-10: #dd382d;
--wp-admin-theme-color-darker-10--rgb: 221, 56, 45;
--wp-admin-theme-color-darker-20: #d02c21;
--wp-admin-theme-color-darker-20--rgb: 208, 44, 33;
--wp-admin-border-width-focus: 2px;
}
@media (min-resolution:192dpi) {
body.admin-color-midnight {
--wp-admin-border-width-focus: 1.5px;
}
}
body.admin-color-ocean {
--wp-admin-theme-color: #627c83;
--wp-admin-theme-color--rgb: 98, 124, 131;
--wp-admin-theme-color-darker-10: #576e74;
--wp-admin-theme-color-darker-10--rgb: 87, 110, 116;
--wp-admin-theme-color-darker-20: #4c6066;
--wp-admin-theme-color-darker-20--rgb: 76, 96, 102;
--wp-admin-border-width-focus: 2px;
}
@media (min-resolution:192dpi) {
body.admin-color-ocean {
--wp-admin-border-width-focus: 1.5px;
}
}
body.admin-color-sunrise {
--wp-admin-theme-color: #dd823b;
--wp-admin-theme-color--rgb: 221, 130, 59;
--wp-admin-theme-color-darker-10: #d97426;
--wp-admin-theme-color-darker-10--rgb: 217, 116, 38;
--wp-admin-theme-color-darker-20: #c36922;
--wp-admin-theme-color-darker-20--rgb: 195, 105, 34;
--wp-admin-border-width-focus: 2px;
}
@media (min-resolution:192dpi) {
body.admin-color-sunrise {
--wp-admin-border-width-focus: 1.5px;
}
}
.wp-block-popup-maker-cta-button__link {
align-content: center;
box-sizing: border-box;
cursor: pointer;
display: inline-block;
height: 100%;
text-align: center;
width: 100%;
word-break: break-word;
}
.wp-block-popup-maker-cta-button__link.aligncenter, .wp-block-popup-maker-cta-button__link.has-text-align-center {
text-align: center;
}
.wp-block-popup-maker-cta-button__link.alignright, .wp-block-popup-maker-cta-button__link.has-text-align-right {
text-align: right;
}
.wp-block-popup-maker-cta-button__link.alignleft, .wp-block-popup-maker-cta-button__link.has-text-align-left {
text-align: left;
}
:where(.wp-block-popup-maker-cta-button__link) {
border-radius: 9999px;
box-shadow: none;
padding: 1rem 2.25rem;
text-decoration: none;
}
.wp-block-popup-maker-cta-button[style*=text-decoration] .wp-block-popup-maker-cta-button__link {
text-decoration: inherit;
}
.wp-block-popup-maker-cta-buttons>.wp-block-popup-maker-cta-button.has-custom-width {
max-width: none;
}
.wp-block-popup-maker-cta-buttons>.wp-block-popup-maker-cta-button.has-custom-width .wp-block-popup-maker-cta-button__link {
width: 100%;
}
.wp-block-popup-maker-cta-buttons>.wp-block-popup-maker-cta-button.has-custom-font-size .wp-block-popup-maker-cta-button__link {
font-size: inherit;
}
.wp-block-popup-maker-cta-buttons>.wp-block-popup-maker-cta-button.wp-block-popup-maker-cta-button__width-25 {
width: calc(25% - var(--wp--style--block-gap, .5em) * .75);
}
.wp-block-popup-maker-cta-buttons>.wp-block-popup-maker-cta-button.wp-block-popup-maker-cta-button__width-50 {
width: calc(50% - var(--wp--style--block-gap, .5em) * .5);
}
.wp-block-popup-maker-cta-buttons>.wp-block-popup-maker-cta-button.wp-block-popup-maker-cta-button__width-75 {
width: calc(75% - var(--wp--style--block-gap, .5em) * .25);
}
.wp-block-popup-maker-cta-buttons>.wp-block-popup-maker-cta-button.wp-block-popup-maker-cta-button__width-100 {
flex-basis: 100%;
width: 100%;
}
.wp-block-popup-maker-cta-buttons.is-vertical>.wp-block-popup-maker-cta-button.wp-block-popup-maker-cta-button__width-25 {
width: 25%;
}
.wp-block-popup-maker-cta-buttons.is-vertical>.wp-block-popup-maker-cta-button.wp-block-popup-maker-cta-button__width-50 {
width: 50%;
}
.wp-block-popup-maker-cta-buttons.is-vertical>.wp-block-popup-maker-cta-button.wp-block-popup-maker-cta-button__width-75 {
width: 75%;
}
.wp-block-popup-maker-cta-button.is-style-squared, .wp-block-popup-maker-cta-button__link.wp-block-popup-maker-cta-button.is-style-squared {
border-radius: 0;
}
.wp-block-popup-maker-cta-button.no-border-radius, .wp-block-popup-maker-cta-button__link.no-border-radius {
border-radius: 0 !important;
}
:root :where(.wp-block-popup-maker-cta-button) {
font-family: inherit;
font-size: var(--wp--preset--font-size--medium);
font-style: normal;
line-height: inherit;
}
:root :where(.wp-block-popup-maker-cta-button:not(.is-style-outline))>.wp-block-popup-maker-cta-button__link:not(.is-style-outline) {
background-color: var(--wp--preset--color--contrast);
border-color: var(--wp--preset--color--contrast);
color: var(--wp--preset--color--base);
}
:root :where(.wp-block-popup-maker-cta-button:not(.is-style-outline))>.wp-block-popup-maker-cta-button__link:not(.is-style-outline):hover {
background-color: color-mix(in srgb, var(--wp--preset--color--contrast) 85%, rgba(0, 0, 0, 0));
border-color: rgba(0, 0, 0, 0);
color: var(--wp--preset--color--base);
}
:root :where(.wp-block-popup-maker-cta-button .wp-block-popup-maker-cta-button__link.is-style-outline), :root :where(.wp-block-popup-maker-cta-button.is-style-outline>.wp-block-popup-maker-cta-button__link) {
border: 1px solid;
padding: calc(1rem - 1px) calc(2.25rem - 1px);
}
:root :where(.wp-block-popup-maker-cta-button .wp-block-popup-maker-cta-button__link.is-style-outline:not(.has-text-color)), :root :where(.wp-block-popup-maker-cta-button.is-style-outline>.wp-block-popup-maker-cta-button__link:not(.has-text-color)) {
color: currentColor;
}
:root :where(.wp-block-popup-maker-cta-button .wp-block-popup-maker-cta-button__link.is-style-outline:not(.has-background)), :root :where(.wp-block-popup-maker-cta-button.is-style-outline>.wp-block-popup-maker-cta-button__link:not(.has-background)) {
background-color: rgba(0, 0, 0, 0);
background-image: none;
}
:root :where(.wp-block-popup-maker-cta-button .wp-block-popup-maker-cta-button__link.is-style-outline:not(.has-background)).nitro-lazy, :root :where(.wp-block-popup-maker-cta-button.is-style-outline>.wp-block-popup-maker-cta-button__link:not(.has-background)).nitro-lazy {
background-image: none !important;
}
:root :where(.wp-block-popup-maker-cta-button.is-style-outline>.wp-block-popup-maker-cta-button__link.wp-block-popup-maker-cta-button__link:not(.has-background):hover) {
background-color: color-mix(in srgb, var(--wp--preset--color--contrast) 5%, rgba(0, 0, 0, 0));
}
.wp-block-popup-maker-cta-button__link:hover.has-background:not(.is-style-outline):hover, .wp-block-popup-maker-cta-button__link:hover[style*=background-color]:not(.is-style-outline) {
filter: brightness(.85);
}
.wp-block-popup-maker-cta-button__link:hover.is-style-outline:hover {
filter: brightness(1.05);
}
@supports not (background-color:color-mix(in srgb,red 50%,blue)) {
:where(.wp-block-popup-maker-cta-button:not(.is-style-outline))>.wp-block-popup-maker-cta-button__link:not(.is-style-outline):hover {
filter: brightness(.85);
}
:where(.wp-block-popup-maker-cta-button.is-style-outline>.wp-block-popup-maker-cta-button__link.wp-block-popup-maker-cta-button__link:not(.has-background):hover) {
filter: brightness(1.05);
}
}
.wp-block-popup-maker-cta-button {
cursor: text;
position: relative;
}
.wp-block-popup-maker-cta-buttons {
box-sizing: border-box;
}
.wp-block-popup-maker-cta-buttons.is-vertical {
flex-direction: column;
}
.wp-block-popup-maker-cta-buttons.is-vertical>.wp-block-popup-maker-cta-button:last-child {
margin-bottom: 0;
}
.wp-block-popup-maker-cta-buttons>.wp-block-popup-maker-cta-button {
display: inline-block;
margin: 0;
}
.wp-block-popup-maker-cta-buttons.is-content-justification-left {
justify-content: flex-start;
}
.wp-block-popup-maker-cta-buttons.is-content-justification-left.is-vertical {
align-items: flex-start;
}
.wp-block-popup-maker-cta-buttons.is-content-justification-center {
justify-content: center;
}
.wp-block-popup-maker-cta-buttons.is-content-justification-center.is-vertical {
align-items: center;
}
.wp-block-popup-maker-cta-buttons.is-content-justification-right {
justify-content: flex-end;
}
.wp-block-popup-maker-cta-buttons.is-content-justification-right.is-vertical {
align-items: flex-end;
}
.wp-block-popup-maker-cta-buttons.is-content-justification-space-between {
justify-content: space-between;
}
.wp-block-popup-maker-cta-buttons.aligncenter {
text-align: center;
}
.wp-block-popup-maker-cta-buttons:not(.is-content-justification-space-between, .is-content-justification-right, .is-content-justification-left, .is-content-justification-center) .wp-block-popup-maker-cta-button.aligncenter {
margin-left: auto;
margin-right: auto;
width: 100%;
}
.wp-block-popup-maker-cta-buttons[style*=text-decoration] .wp-block-popup-maker-cta-button, .wp-block-popup-maker-cta-buttons[style*=text-decoration] .wp-block-popup-maker-cta-button__link {
text-decoration: inherit;
}
.wp-block-popup-maker-cta-buttons.has-custom-font-size .wp-block-popup-maker-cta-button__link {
font-size: inherit;
}
.wp-block-popup-maker-cta-button.aligncenter {
text-align: center;
}
:root .wp-block-popup-maker-cta-buttons.is-layout-flex:not([class*=wp-container-popup-maker-cta-buttons-is-layout-]) {
gap: 16px;
}
.dipe-cf7 * {
box-sizing: border-box;
}
.dipe-cf7 .wpcf7 form {
position: relative;
}
.dipe-cf7 .wpcf7-form .wpcf7-submit {
display: block !important;
}
.dipe-cf7 .wpcf7 form .dp-col>label, .dipe-cf7 .wpcf7 form>label {
display: block;
}
.dipe-cf7 .wpcf7 .dipe-cf7 .wpcf7-control-wrap {
width: 100%;
display: block;
}
.dipe-cf7 .wpcf7 input:not([type=submit]):focus, .dipe-cf7 .wpcf7 select:focus, .dipe-cf7 .wpcf7 textarea:focus {
border-color: #eaeaea;
outline: 0;
box-shadow: none;
}
.dipe-cf7 .wpcf7 input:not([type=submit]):not([type=checkbox]):not([type=radio]), .dipe-cf7 .wpcf7 select, .dipe-cf7 .wpcf7 textarea {
width: 100%;
max-width: 100%;
padding: .75em;
border-style: solid;
}
.dipe-cf7 .wpcf7 input[type=file] {
color: #666;
height: auto;
border-width: 1px;
border-style: solid;
border-color: #eaeaea;
background: #fafafa;
box-shadow: none;
transition: all .2s linear;
border-radius: 2px;
box-sizing: border-box;
}
.dipe-cf7.dipe-cf7-cr .wpcf7 input[type=checkbox], .dipe-cf7.dipe-cf7-cr .wpcf7 input[type=radio] {
display: inline-block;
position: relative;
visibility: hidden;
clear: none;
cursor: pointer;
line-height: 0;
height: 1.2em;
margin: -3px 4px 0 0;
outline: 0;
padding: 0;
border-radius: .2em;
text-align: center;
vertical-align: middle;
width: 1.4em;
min-width: 1.4em;
transition: all .2s linear;
}
.dipe-cf7 input[type=range] {
background: 0 0 !important;
border: none !important;
padding-left: 0 !important;
padding-right: 0 !important;
}
.dipe-cf7.dipe-cf7-cr .wpcf7-acceptance input[type=checkbox]+span:before, .dipe-cf7.dipe-cf7-cr .wpcf7-acceptance input[type=checkbox]:checked+span:before, .dipe-cf7.dipe-cf7-cr .wpcf7-checkbox input[type=checkbox]+span:before, .dipe-cf7.dipe-cf7-cr .wpcf7-checkbox input[type=checkbox]:checked+span:before, .dipe-cf7.dipe-cf7-cr .wpcf7-radio input[type=radio]+span:before {
box-sizing: content-box;
}
.dipe-cf7.dipe-cf7-cr .wpcf7-acceptance input[type=checkbox], .dipe-cf7.dipe-cf7-cr .wpcf7-checkbox input[type=checkbox], .dipe-cf7.dipe-cf7-cr .wpcf7-radio input[type=radio] {
display: none;
}
.dipe-cf7.dipe-cf7-cr .wpcf7-checkbox input[type=checkbox]+span:before, .dipe-cf7.dipe-cf7-cr .wpcf7-acceptance input[type=checkbox]+span:before, .dipe-cf7.dipe-cf7-cr .wpcf7-radio input[type=radio]:not(:checked)+span:before {
background-color: #fff;
}
.dipe-cf7.dipe-cf7-cr .wpcf7-checkbox input[type=checkbox]+span:before, .dipe-cf7.dipe-cf7-cr .wpcf7-acceptance input[type=checkbox]+span:before, .dipe-cf7.dipe-cf7-cr .wpcf7-radio input[type=radio]+span:before {
border-width: 1px;
border-style: solid;
border-color: #d1d8de;
width: 14px;
height: 14px;
}
.dipe-cf7.dipe-cf7-cr .wpcf7-radio input[type=radio]:checked+span:before {
box-shadow: inset 0px 0px 0px 4px #fff;
}
.dipe-cf7.dipe-cf7-cr .wpcf7-radio input[type=radio]+span:before {
border-radius: 100%;
background-color: #d1d8de;
}
.dipe-cf7.dipe-cf7-cr .wpcf7-acceptance input[type=checkbox]+span:before, .dipe-cf7.dipe-cf7-cr .wpcf7-checkbox input[type=checkbox]+span:before, .dipe-cf7.dipe-cf7-cr .wpcf7-radio input[type=radio]+span:before {
content: "";
display: inline-block;
vertical-align: middle;
margin-right: 10px;
text-align: center;
}
.dipe-cf7.dipe-cf7-cr .wpcf7-acceptance input[type=checkbox]:checked+span:before, .dipe-cf7.dipe-cf7-cr .wpcf7-checkbox input[type=checkbox]:checked+span:before {
content: "✔";
line-height: 1.2;
}
.dipe-cf7-button-center input.wpcf7-form-control.wpcf7-submit, .dipe-cf7-button-justify input.wpcf7-form-control.wpcf7-submit, .dipe-cf7-button-left input.wpcf7-form-control.wpcf7-submit, .dipe-cf7-button-right input.wpcf7-form-control.wpcf7-submit {
-js-display: flex;
display: flex;
width: auto;
}
.dipe-cf7 .wpcf7 input[type=submit] {
letter-spacing: .6px;
width: auto;
font-size: 16px;
padding: 10px 22px 10px 22px;
border-radius: 3px;
border-style: solid;
border-color: #2ea3f2;
color: #fff;
background-color: #2ea3f2;
-webkit-appearance: button;
cursor: pointer;
}
.dipe-cf7 .wpcf7 input[type=submit][disabled] {
cursor: not-allowed;
}
.dipe-cf7 .wpcf7 div.wpcf7-response-output {
margin: 0;
}
@media only screen and (min-width: 769px) {
.dvppl-cf7-col, .dipe-cf7-col {
display: flex;
}
.dvppl-cf7-col label, .dvppl-cf7-col>span, .dvppl-cf7-col>p, .dipe-cf7-col label, .dipe-cf7-col>span, .dipe-cf7-col>p {
flex-grow: 1;
padding: 0 10px;
}
}
.dipe-form-header {
display: flex;
align-items: center;
}
.dipe-form-header-icon, .dipe-form-header-image {
position: relative;
display: flex;
flex: auto 0 0;
align-items: center;
justify-content: center;
overflow: hidden;
width: 60px;
height: 60px;
margin-right: 20px;
border-radius: 50% 50%;
}
.dipe-form-header-icon span {
font-size: 32px !important;
}
.dipe-form-header-title {
font-size: 32px;
font-weight: 600;
}
.dipe-form-header-text {
margin-top: 8px;
opacity: .7;
font-size: 15px;
}
.dipe-cf7-button-center .wpcf7-form input[type=submit], .dipe-cf7-button-center .wpcf7-form button.wpcf7-submit {
margin-left: auto !important;
margin-right: auto !important;
}
.dipe-cf7-button-right .wpcf7-form input[type=submit], .dipe-cf7-button-right .wpcf7-form button.wpcf7-submit {
margin-left: auto !important;
}
.dipe-cf7-button-left .wpcf7-form input[type=submit], .dipe-cf7-button-left .wpcf7-form button.wpcf7-submit {
margin-right: auto !important;
}
.tfs-ff-styler .fluentform input[type=checkbox], .tfs-ff-styler .fluentform input[type=radio], .tfs-ff-styler select {
-webkit-appearance: none;
-moz-appearance: none;
appearance: none;
border-style: solid;
}
.tfs-ff-styler .fluentform input[type=checkbox], .tfs-ff-styler .fluentform input[type=radio] {
box-sizing: content-box;
display: inline-block;
margin-right: 10px;
height: 20px;
width: 20px;
cursor: pointer;
}
.tfs-ff-styler .fluentform input[type=checkbox]:before, .tfs-ff-styler .fluentform input[type=radio]:before {
content: "";
box-sizing: content-box;
cursor: pointer;
display: flex;
height: 100%;
width: 100%;
justify-content: center;
align-items: center;
}
.tfs-ff-styler .fluentform input[type=checkbox]:focus, .tfs-ff-styler .fluentform input[type=radio]:focus {
outline: 0;
}
.tfs-ff-styler .fluentform .ff-el-form-check label.ff-el-form-check-label {
display: inline-block;
vertical-align: middle;
margin-bottom: 5px;
}
.tfs-ff-styler .fluentform input[type=radio], .tfs-ff-styler .fluentform input[type=radio]:checked:before {
border-radius: 100%;
}
.tfs-ff-styler .fluentform input[type=checkbox]:checked:before {
content: "✔";
line-height: 1.2;
}
.tfs-gf-styler .gform_wrapper .chosen-container-multi .chosen-choices, .tfs-gf-styler .gform_wrapper .chosen-container-single .chosen-single {
position: relative;
display: block;
overflow: hidden;
padding: 0;
height: auto;
border: 1px solid #aaa;
border-radius: 0;
background: #fff;
box-shadow: none;
color: #444;
text-decoration: none;
white-space: nowrap;
}
.tfs-gf-styler .gform_wrapper .field_sublabel_hidden_label .ginput_complex.ginput_container input {
margin-bottom: 0;
}
.tfs-gf-styler .gform_wrapper li.hidden_label input {
margin-top: 0;
}
.tfs-gf-styler .gform_wrapper .chosen-container-single .chosen-single span {
line-height: 1;
}
.tfs-gf-styler .gform_wrapper .chosen-container-active.chosen-with-drop .chosen-single {
background: #fff;
}
.tfs-gf-styler .gform_page .gform_page_footer input[type=button], .tfs-gf-styler .gform_page .gform_page_footer input[type=submit] {
display: inline-block;
}
.tfs-gf-styler .gform_wrapper .gf_progressbar_wrapper .gf_progressbar_title, .tfs-gf-styler .gform_wrapper .gf_progressbar_wrapper h3.gf_progressbar_title {
opacity: 1;
}
.tfs-gf-styler .gchoice, .tfs-gf-styler .gchoice_button {
align-items: center;
vertical-align: middle;
}
.tfs-gf-styler .chosen-single, .tfs-gf-styler select {
-webkit-appearance: none;
-moz-appearance: none;
appearance: none;
}
.tfs-gf-styler .gform_wrapper div.validation_error {
border-top: none;
border-bottom: none;
}
.tfs-gf-styler .gform_wrapper .gfield_radio li label {
margin: 0;
}
.tfs-gf-styler .gform_wrapper .gform_body {
width: 100% !important;
}
.tfs-gf-styler .gform_wrapper .gsection {
margin-right: 0;
}
.tfs-gf-styler .gform_body ul {
margin-left: 0;
list-style: none;
}
.tfs-gf-styler .gform_wrapper .chosen-choices li.search-field input.default, .tfs-gf-styler .gform_wrapper .chosen-choices li.search-field input[type=text], .tfs-gf-styler .gform_wrapper .gfield .ginput_container .chosen-choices, .tfs-gf-styler .gform_wrapper .gfield .ginput_container .chosen-single, .tfs-gf-styler .gform_wrapper .gfield .ginput_container select {
height: auto;
}
.tfs-gf-styler .gform_page .gform_page_footer input[type=button] {
margin-bottom: 20px;
}
.gform_wrapper .gform_body .gform_page .gform_page_footer .gform_next_button, .gform_wrapper .gform_body .gform_page .gform_page_footer .gform_previous_button {
display: inline-block;
}
.tfs-gf-styler .gform_wrapper .gform_validation_errors>h2 .gform-icon {
display: unset;
position: relative;
left: unset;
top: unset;
}
.tfs-gf-styler .gform_wrapper .gform_validation_errors>h2.gform_submission_error {
display: flex;
align-items: center;
}
.tfs-gf-styler .gform_wrapper {
display: block !important;
}
.dfs-row {
margin-left: -15px;
margin-right: -15px;
display: flex;
flex-wrap: wrap;
}
.dfs-col {
padding-left: 15px;
padding-right: 15px;
}
.dfs-col-1 {
flex: 0 0 8.333333%;
max-width: 8.333333%;
}
.dfs-col-2 {
flex: 0 0 16.666666%;
max-width: 16.666666%;
}
.dfs-col-3 {
flex: 0 0 24.999999%;
max-width: 24.999999%;
}
.dfs-col-4 {
flex: 0 0 33.333332%;
max-width: 33.333332%;
}
.dfs-col-5 {
flex: 0 0 41.666665%;
max-width: 41.666665%;
}
.dfs-col-6 {
flex: 0 0 49.999998%;
max-width: 49.999998%;
}
.dfs-col-7 {
flex: 0 0 58.333331%;
max-width: 58.333331%;
}
.dfs-col-8 {
flex: 0 0 66.666664%;
max-width: 66.666664%;
}
.dfs-col-9 {
flex: 0 0 74.999997%;
max-width: 74.999997%;
}
.dfs-col-10 {
flex: 0 0 83.33333%;
max-width: 83.33333%;
}
.dfs-col-11 {
flex: 0 0 91.666663%;
max-width: 91.666663%;
}
.dfs-col-12 {
flex: 0 0 99.999996%;
max-width: 99.999996%;
}
@media (min-width: 768px) {
.dfs-col-md-1 {
flex: 0 0 8.333333%;
max-width: 8.333333%;
}
.dfs-col-md-2 {
flex: 0 0 16.666666%;
max-width: 16.666666%;
}
.dfs-col-md-3 {
flex: 0 0 24.999999%;
max-width: 24.999999%;
}
.dfs-col-md-4 {
flex: 0 0 33.333332%;
max-width: 33.333332%;
}
.dfs-col-md-5 {
flex: 0 0 41.666665%;
max-width: 41.666665%;
}
.dfs-col-md-6 {
flex: 0 0 49.999998%;
max-width: 49.999998%;
}
.dfs-col-md-7 {
flex: 0 0 58.333331%;
max-width: 58.333331%;
}
.dfs-col-md-8 {
flex: 0 0 66.666664%;
max-width: 66.666664%;
}
.dfs-col-md-9 {
flex: 0 0 74.999997%;
max-width: 74.999997%;
}
.dfs-col-md-10 {
flex: 0 0 83.33333%;
max-width: 83.33333%;
}
.dfs-col-md-11 {
flex: 0 0 91.666663%;
max-width: 91.666663%;
}
.dfs-col-md-12 {
flex: 0 0 99.999996%;
max-width: 99.999996%;
}
}
@media (min-width: 981px) {
.dfs-col-lg-1 {
flex: 0 0 8.333333%;
max-width: 8.333333%;
}
.dfs-col-lg-2 {
flex: 0 0 16.666666%;
max-width: 16.666666%;
}
.dfs-col-lg-3 {
flex: 0 0 24.999999%;
max-width: 24.999999%;
}
.dfs-col-lg-4 {
flex: 0 0 33.333332%;
max-width: 33.333332%;
}
.dfs-col-lg-5 {
flex: 0 0 41.666665%;
max-width: 41.666665%;
}
.dfs-col-lg-6 {
flex: 0 0 49.999998%;
max-width: 49.999998%;
}
.dfs-col-lg-7 {
flex: 0 0 58.333331%;
max-width: 58.333331%;
}
.dfs-col-lg-8 {
flex: 0 0 66.666664%;
max-width: 66.666664%;
}
.dfs-col-lg-9 {
flex: 0 0 74.999997%;
max-width: 74.999997%;
}
.dfs-col-lg-10 {
flex: 0 0 83.33333%;
max-width: 83.33333%;
}
.dfs-col-lg-11 {
flex: 0 0 91.666663%;
max-width: 91.666663%;
}
.dfs-col-lg-12 {
flex: 0 0 99.999996%;
max-width: 99.999996%;
}
}
.tfs-row {
margin-left: -15px;
margin-right: -15px;
display: flex;
flex-wrap: wrap;
}
.tfs-col {
padding-left: 15px;
padding-right: 15px;
}
.tfs-col-1 {
flex: 0 0 8.333333%;
max-width: 8.333333%;
}
.tfs-col-2 {
flex: 0 0 16.666666%;
max-width: 16.666666%;
}
.tfs-col-3 {
flex: 0 0 24.999999%;
max-width: 24.999999%;
}
.tfs-col-4 {
flex: 0 0 33.333332%;
max-width: 33.333332%;
}
.tfs-col-5 {
flex: 0 0 41.666665%;
max-width: 41.666665%;
}
.tfs-col-6 {
flex: 0 0 49.999998%;
max-width: 49.999998%;
}
.tfs-col-7 {
flex: 0 0 58.333331%;
max-width: 58.333331%;
}
.tfs-col-8 {
flex: 0 0 66.666664%;
max-width: 66.666664%;
}
.tfs-col-9 {
flex: 0 0 74.999997%;
max-width: 74.999997%;
}
.tfs-col-10 {
flex: 0 0 83.33333%;
max-width: 83.33333%;
}
.tfs-col-11 {
flex: 0 0 91.666663%;
max-width: 91.666663%;
}
.tfs-col-12 {
flex: 0 0 99.999996%;
max-width: 99.999996%;
}
@media (min-width: 768px) {
.tfs-col-md-1 {
flex: 0 0 8.333333%;
max-width: 8.333333%;
}
.tfs-col-md-2 {
flex: 0 0 16.666666%;
max-width: 16.666666%;
}
.tfs-col-md-3 {
flex: 0 0 24.999999%;
max-width: 24.999999%;
}
.tfs-col-md-4 {
flex: 0 0 33.333332%;
max-width: 33.333332%;
}
.tfs-col-md-5 {
flex: 0 0 41.666665%;
max-width: 41.666665%;
}
.tfs-col-md-6 {
flex: 0 0 49.999998%;
max-width: 49.999998%;
}
.tfs-col-md-7 {
flex: 0 0 58.333331%;
max-width: 58.333331%;
}
.tfs-col-md-8 {
flex: 0 0 66.666664%;
max-width: 66.666664%;
}
.tfs-col-md-9 {
flex: 0 0 74.999997%;
max-width: 74.999997%;
}
.tfs-col-md-10 {
flex: 0 0 83.33333%;
max-width: 83.33333%;
}
.tfs-col-md-11 {
flex: 0 0 91.666663%;
max-width: 91.666663%;
}
.tfs-col-md-12 {
flex: 0 0 99.999996%;
max-width: 99.999996%;
}
}
@media (min-width: 981px) {
.tfs-col-lg-1 {
flex: 0 0 8.333333%;
max-width: 8.333333%;
}
.tfs-col-lg-2 {
flex: 0 0 16.666666%;
max-width: 16.666666%;
}
.tfs-col-lg-3 {
flex: 0 0 24.999999%;
max-width: 24.999999%;
}
.tfs-col-lg-4 {
flex: 0 0 33.333332%;
max-width: 33.333332%;
}
.tfs-col-lg-5 {
flex: 0 0 41.666665%;
max-width: 41.666665%;
}
.tfs-col-lg-6 {
flex: 0 0 49.999998%;
max-width: 49.999998%;
}
.tfs-col-lg-7 {
flex: 0 0 58.333331%;
max-width: 58.333331%;
}
.tfs-col-lg-8 {
flex: 0 0 66.666664%;
max-width: 66.666664%;
}
.tfs-col-lg-9 {
flex: 0 0 74.999997%;
max-width: 74.999997%;
}
.tfs-col-lg-10 {
flex: 0 0 83.33333%;
max-width: 83.33333%;
}
.tfs-col-lg-11 {
flex: 0 0 91.666663%;
max-width: 91.666663%;
}
.tfs-col-lg-12 {
flex: 0 0 99.999996%;
max-width: 99.999996%;
}
}
.eael-contact-form-align-default {
display: block !important;
}
.wpcf7-form {
position: relative;
overflow: hidden;
display: block !important;
}
.wpcf7-form .fieldset-cf7mls {
border: none;
background: none;
}
.wpcf7 form.sent .wpcf7-response-output {
display: block;
}
.cf7mls-btns.cf7mls-btns-last-step {
display: inline;
}
.cf7mls-btns.cf7mls-btns-last-step .cf7mls_back.action-button {
margin: 16px 0px 26px;
}
.cf7mls-btns .cf7mls_next.action-button, .cf7mls-btns .cf7mls_back.action-button {
margin: 25px 0px 26px;
padding: 13px 15px;
}
.cf7mls_next.action-button {
background-color: #0073aa;
border: 0 none;
border-radius: 3px;
color: #fff;
cursor: pointer;
font-weight: bold;
margin: 25px 0px 26px;
padding: 13px 5px;
min-width: 100px;
position: relative;
}
.cf7mls_back.action-button {
background-color: #e3e3e3;
border: 0 none;
border-radius: 3px;
color: #23282d;
cursor: pointer;
font-weight: bold;
margin: 16px 0px 26px;
padding: 13px 5px;
min-width: 100px;
position: relative;
}
.fieldset-cf7mls .wpcf7-form-control.wpcf7-cf7mls_preview_step {
background-color: #27ae60;
border: 0 none;
border-radius: 3px;
color: white;
cursor: pointer;
font-weight: bold;
margin: 26px 0px 32px;
padding: 13px 5px;
min-width: 100px;
position: relative;
}
.cf7mls_back.action-button {
margin-right: 10px;
float: left;
}
.cf7mls_next.action-button:hover, .cf7mls_back.action-button:hover, .fieldset-cf7mls .wpcf7-form-control.wpcf7-cf7mls_preview_step:hover {
opacity: .8;
}
.fieldset-cf7mls .cf7mls_back {
float: left;
}
.fieldset-cf7mls .cf7mls_next {
float: right;
}
form.cf7mls input.wpcf7-form-control.wpcf7-submit {
border-radius: 3px;
padding: 13px 29px;
font-weight: bold;
margin: 16px 0px 26px;
float: right;
}
form.cf7mls input.wpcf7-form-control.wpcf7-submit:hover {
opacity: .8;
}
.cf7mls_reviewing_overlay {
position: fixed;
left: 0;
top: 0;
right: 0;
bottom: 0;
background-color: rgba(0, 0, 0, .8);
z-index: 100;
display: none;
}
form.wpcf7-form.cf7mls_reviewing {
position: relative;
z-index: 999999;
background-color: #fff;
}
form.wpcf7-form.cf7mls_reviewing:before {
content: "";
position: absolute;
background: rgba(0, 0, 0, .8);
width: 100000px;
height: 100000px;
left: -30000px;
top: -30000px;
z-index: 1;
}
form.wpcf7-form.cf7mls_reviewing > * {
position: relative;
z-index: 3;
}
form.wpcf7-form.cf7mls_reviewing .cf7mls_close_preview {
cursor: pointer;
position: absolute;
top: 10px;
right: 0;
}
form.wpcf7-form.cf7mls_reviewing:after {
content: "";
position: absolute;
top: -5px;
left: -20px;
right: -20px;
bottom: -10px;
background: #fff;
z-index: 2;
}
/*
* Animation
*/
/*
button.cf7mls_btn:not(.disabled):before {
content: '';
position: absolute;
right: 10px;
top: 50%;
margin-top: -11px;
width: 20px;
height: 20px;
border: 4px solid;
border-left-color: transparent;
border-radius: 50%;
filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=0);
opacity: 0;
-moz-transition-duration: 0.5s;
-o-transition-duration: 0.5s;
-webkit-transition-duration: 0.5s;
transition-duration: 0.5s;
-moz-transition-property: opacity;
-o-transition-property: opacity;
-webkit-transition-property: opacity;
transition-property: opacity;
-moz-animation-duration: 1s;
-webkit-animation-duration: 1s;
animation-duration: 1s;
-moz-animation-iteration-count: infinite;
-webkit-animation-iteration-count: infinite;
animation-iteration-count: infinite;
-moz-animation-name: rotate;
-webkit-animation-name: rotate;
animation-name: rotate;
-moz-animation-timing-function: linear;
-webkit-animation-timing-function: linear;
animation-timing-function: linear;
}
button.cf7mls_btn:not(.disabled):after {
content: '';
display: inline-block;
height: 100%;
width: 0px;
-moz-transition-delay: 0.5s;
-o-transition-delay: 0.5s;
-webkit-transition-delay: 0.5s;
transition-delay: 0.5s;
-moz-transition-duration: 0.75s;
-o-transition-duration: 0.75s;
-webkit-transition-duration: 0.75s;
transition-duration: 0.75s;
-moz-transition-property: width;
-o-transition-property: width;
-webkit-transition-property: width;
transition-property: width;
}
button.cf7mls_btn:not(.disabled).sending {
pointer-events: none;
cursor: not-allowed;
}
button.cf7mls_btn:not(.disabled).sending:not(.expand) {
text-align: left;
}
button.cf7mls_btn:not(.disabled).sending:before {
-moz-transition-delay: 0.5s;
-o-transition-delay: 0.5s;
-webkit-transition-delay: 0.5s;
transition-delay: 0.5s;
-moz-transition-duration: 1s;
-o-transition-duration: 1s;
-webkit-transition-duration: 1s;
transition-duration: 1s;
filter: progid:DXImageTransform.Microsoft.Alpha(enabled=false);
opacity: 1;
}
button.cf7mls_btn:not(.disabled).sending:after {
-moz-transition-delay: 0s;
-o-transition-delay: 0s;
-webkit-transition-delay: 0s;
transition-delay: 0s;
width: 20px;
}
@keyframes rotate {
0% {
-moz-transform: rotate(0deg);
-ms-transform: rotate(0deg);
-webkit-transform: rotate(0deg);
transform: rotate(0deg);
}
100% {
-moz-transform: rotate(360deg);
-ms-transform: rotate(360deg);
-webkit-transform: rotate(360deg);
transform: rotate(360deg);
}
}
*/
.wpcf7-form .fieldset-cf7mls .cf7mls-btns {
min-height: 80px;
}
.cf7mls_next.action-button img {
width: 20px;
position: relative;
margin-left: 5px;
vertical-align: middle;
}
.cf7mls_next.action-button.sending img {
display: inline-block !important;
}
.cf7mls_next.action-button:focus, .cf7mls_back.action-button:focus {
outline: none;
}
.fieldset-cf7mls-wrapper {
position: relative;
overflow: hidden;
}
.fieldset-cf7mls-wrapper .fieldset-cf7mls {
width: 100%;
opacity: 0;
visibility: hidden;
-webkit-transition: all 800ms cubic-bezier(.68, 0, .265, 1);
-webkit-transition: all 800ms cubic-bezier(.68, -.55, .265, 1.55);
-moz-transition: all 800ms cubic-bezier(.68, -.55, .265, 1.55);
-o-transition: all 800ms cubic-bezier(.68, -.55, .265, 1.55);
transition: all 800ms cubic-bezier(.68, -.55, .265, 1.55);
-webkit-transition-timing-function: cubic-bezier(.68, 0, .265, 1);
-webkit-transition-timing-function: cubic-bezier(.68, -.55, .265, 1.55);
-moz-transition-timing-function: cubic-bezier(.68, -.55, .265, 1.55);
-o-transition-timing-function: cubic-bezier(.68, -.55, .265, 1.55);
transition-timing-function: cubic-bezier(.68, -.55, .265, 1.55);
}
.cf7mls-no-moving-animation .fieldset-cf7mls-wrapper .fieldset-cf7mls {
transition: none;
}
.fieldset-cf7mls-wrapper .cf7mls_back_fs {
position: absolute;
left: 0;
top: 15px;
transform: translate(-110%, 0);
-webkit-transform: translate(-110%, 0);
-moz-transform: translate(-110%, 0);
}
.fieldset-cf7mls-wrapper .cf7mls_current_fs ~ .fieldset-cf7mls {
position: absolute;
left: 0;
top: 15px;
transform: translate(110%, 0);
-webkit-transform: translate(110%, 0);
-moz-transform: translate(110%, 0);
}
.wpcf7-form .cf7mls_progress_bar ~ .fieldset-cf7mls-wrapper fieldset {
padding-top: 0px;
margin-top: 0px;
padding-bottom: 2px;
margin-bottom: 20px;
}
.fieldset-cf7mls-wrapper .cf7mls_current_fs {
opacity: 1;
visibility: visible;
}
.fieldset-cf7mls.cf7mls_preview_fs {
height: auto;
overflow: visible;
opacity: 1;
visibility: visible;
transform: translate(0, 0);
-webkit-transform: translate(0, 0);
-moz-transform: translate(0, 0);
position: relative;
}
.fieldset-cf7mls-wrapper .wpcf7-not-valid-tip {
font-size: 13px;
}
.fieldset-cf7mls-wrapper div.wpcf7-validation-errors {
border: none;
display: block;
color: #f00;
font-size: 13px;
padding-left: 0px;
margin-left: 0px;
}
.fieldset-cf7mls-wrapper div.wpcf7-validation-errors .wpcf7-icon-wraning {
display: block;
float: left;
margin-right: 8px;
margin-top: 2px;
fill: #f00;
}
.woodmart-ajax-shop-on .fieldset-cf7mls-wrapper div.wpcf7-validation-errors, .theme-woodmart .fieldset-cf7mls-wrapper div.wpcf7-validation-errors {
display: flex !important;
padding-left: 65px;
}
.woodmart-ajax-shop-on
.fieldset-cf7mls-wrapper
div.wpcf7-validation-errors
.wpcf7-icon-wraning, .theme-woodmart
.fieldset-cf7mls-wrapper
div.wpcf7-validation-errors
.wpcf7-icon-wraning {
display: none !important;
}
.fieldset-cf7mls-wrapper .fieldset-cf7mls span.ajax-loader {
position: absolute;
right: 39px;
margin-top: 33px;
}
@media only screen and (max-width: 767px) {
.fieldset-cf7mls input[type="radio"], .fieldset-cf7mls input[type="checkbox"] {
width: auto;
}
.fieldset-cf7mls input, .wpcf7-form .fieldset-cf7mls textarea {
width: 100%;
}
}
@charset "UTF-8";
/*!
* animate.css -https://daneden.github.io/animate.css/
* Version - 3.7.2
* Licensed under the MIT license - http://opensource.org/licenses/MIT
*
* Copyright (c) 2019 Daniel Eden
*/
@-webkit-keyframes bounce {
0%, 20%, 53%, 80%, to {
-webkit-animation-timing-function: cubic-bezier(.215, .61, .355, 1);
animation-timing-function: cubic-bezier(.215, .61, .355, 1);
-webkit-transform: translateZ(0);
transform: translateZ(0);
}
40%, 43% {
-webkit-animation-timing-function: cubic-bezier(.755, .05, .855, .06);
animation-timing-function: cubic-bezier(.755, .05, .855, .06);
-webkit-transform: translate3d(0, -30px, 0);
transform: translate3d(0, -30px, 0);
}
70% {
-webkit-animation-timing-function: cubic-bezier(.755, .05, .855, .06);
animation-timing-function: cubic-bezier(.755, .05, .855, .06);
-webkit-transform: translate3d(0, -15px, 0);
transform: translate3d(0, -15px, 0);
}
90% {
-webkit-transform: translate3d(0, -4px, 0);
transform: translate3d(0, -4px, 0);
}
}
@keyframes bounce {
0%, 20%, 53%, 80%, to {
-webkit-animation-timing-function: cubic-bezier(.215, .61, .355, 1);
animation-timing-function: cubic-bezier(.215, .61, .355, 1);
-webkit-transform: translateZ(0);
transform: translateZ(0);
}
40%, 43% {
-webkit-animation-timing-function: cubic-bezier(.755, .05, .855, .06);
animation-timing-function: cubic-bezier(.755, .05, .855, .06);
-webkit-transform: translate3d(0, -30px, 0);
transform: translate3d(0, -30px, 0);
}
70% {
-webkit-animation-timing-function: cubic-bezier(.755, .05, .855, .06);
animation-timing-function: cubic-bezier(.755, .05, .855, .06);
-webkit-transform: translate3d(0, -15px, 0);
transform: translate3d(0, -15px, 0);
}
90% {
-webkit-transform: translate3d(0, -4px, 0);
transform: translate3d(0, -4px, 0);
}
}
.bounce {
-webkit-animation-name: bounce;
animation-name: bounce;
-webkit-transform-origin: center bottom;
transform-origin: center bottom;
}
@-webkit-keyframes flash {
0%, 50%, to {
opacity: 1;
}
25%, 75% {
opacity: 0;
}
}
@keyframes flash {
0%, 50%, to {
opacity: 1;
}
25%, 75% {
opacity: 0;
}
}
.flash {
-webkit-animation-name: flash;
animation-name: flash;
}
@-webkit-keyframes pulse {
0% {
-webkit-transform: scaleX(1);
transform: scaleX(1);
}
50% {
-webkit-transform: scale3d(1.05, 1.05, 1.05);
transform: scale3d(1.05, 1.05, 1.05);
}
to {
-webkit-transform: scaleX(1);
transform: scaleX(1);
}
}
@keyframes pulse {
0% {
-webkit-transform: scaleX(1);
transform: scaleX(1);
}
50% {
-webkit-transform: scale3d(1.05, 1.05, 1.05);
transform: scale3d(1.05, 1.05, 1.05);
}
to {
-webkit-transform: scaleX(1);
transform: scaleX(1);
}
}
.pulse {
-webkit-animation-name: pulse;
animation-name: pulse;
}
@-webkit-keyframes rubberBand {
0% {
-webkit-transform: scaleX(1);
transform: scaleX(1);
}
30% {
-webkit-transform: scale3d(1.25, .75, 1);
transform: scale3d(1.25, .75, 1);
}
40% {
-webkit-transform: scale3d(.75, 1.25, 1);
transform: scale3d(.75, 1.25, 1);
}
50% {
-webkit-transform: scale3d(1.15, .85, 1);
transform: scale3d(1.15, .85, 1);
}
65% {
-webkit-transform: scale3d(.95, 1.05, 1);
transform: scale3d(.95, 1.05, 1);
}
75% {
-webkit-transform: scale3d(1.05, .95, 1);
transform: scale3d(1.05, .95, 1);
}
to {
-webkit-transform: scaleX(1);
transform: scaleX(1);
}
}
@keyframes rubberBand {
0% {
-webkit-transform: scaleX(1);
transform: scaleX(1);
}
30% {
-webkit-transform: scale3d(1.25, .75, 1);
transform: scale3d(1.25, .75, 1);
}
40% {
-webkit-transform: scale3d(.75, 1.25, 1);
transform: scale3d(.75, 1.25, 1);
}
50% {
-webkit-transform: scale3d(1.15, .85, 1);
transform: scale3d(1.15, .85, 1);
}
65% {
-webkit-transform: scale3d(.95, 1.05, 1);
transform: scale3d(.95, 1.05, 1);
}
75% {
-webkit-transform: scale3d(1.05, .95, 1);
transform: scale3d(1.05, .95, 1);
}
to {
-webkit-transform: scaleX(1);
transform: scaleX(1);
}
}
.rubberBand {
-webkit-animation-name: rubberBand;
animation-name: rubberBand;
}
@-webkit-keyframes shake {
0%, to {
-webkit-transform: translateZ(0);
transform: translateZ(0);
}
10%, 30%, 50%, 70%, 90% {
-webkit-transform: translate3d(-10px, 0, 0);
transform: translate3d(-10px, 0, 0);
}
20%, 40%, 60%, 80% {
-webkit-transform: translate3d(10px, 0, 0);
transform: translate3d(10px, 0, 0);
}
}
@keyframes shake {
0%, to {
-webkit-transform: translateZ(0);
transform: translateZ(0);
}
10%, 30%, 50%, 70%, 90% {
-webkit-transform: translate3d(-10px, 0, 0);
transform: translate3d(-10px, 0, 0);
}
20%, 40%, 60%, 80% {
-webkit-transform: translate3d(10px, 0, 0);
transform: translate3d(10px, 0, 0);
}
}
.shake {
-webkit-animation-name: shake;
animation-name: shake;
}
@-webkit-keyframes headShake {
0% {
-webkit-transform: translateX(0);
transform: translateX(0);
}
6.5% {
-webkit-transform: translateX(-6px) rotateY(-9deg);
transform: translateX(-6px) rotateY(-9deg);
}
18.5% {
-webkit-transform: translateX(5px) rotateY(7deg);
transform: translateX(5px) rotateY(7deg);
}
31.5% {
-webkit-transform: translateX(-3px) rotateY(-5deg);
transform: translateX(-3px) rotateY(-5deg);
}
43.5% {
-webkit-transform: translateX(2px) rotateY(3deg);
transform: translateX(2px) rotateY(3deg);
}
50% {
-webkit-transform: translateX(0);
transform: translateX(0);
}
}
@keyframes headShake {
0% {
-webkit-transform: translateX(0);
transform: translateX(0);
}
6.5% {
-webkit-transform: translateX(-6px) rotateY(-9deg);
transform: translateX(-6px) rotateY(-9deg);
}
18.5% {
-webkit-transform: translateX(5px) rotateY(7deg);
transform: translateX(5px) rotateY(7deg);
}
31.5% {
-webkit-transform: translateX(-3px) rotateY(-5deg);
transform: translateX(-3px) rotateY(-5deg);
}
43.5% {
-webkit-transform: translateX(2px) rotateY(3deg);
transform: translateX(2px) rotateY(3deg);
}
50% {
-webkit-transform: translateX(0);
transform: translateX(0);
}
}
.headShake {
-webkit-animation-timing-function: ease-in-out;
animation-timing-function: ease-in-out;
-webkit-animation-name: headShake;
animation-name: headShake;
}
@-webkit-keyframes swing {
20% {
-webkit-transform: rotate(15deg);
transform: rotate(15deg);
}
40% {
-webkit-transform: rotate(-10deg);
transform: rotate(-10deg);
}
60% {
-webkit-transform: rotate(5deg);
transform: rotate(5deg);
}
80% {
-webkit-transform: rotate(-5deg);
transform: rotate(-5deg);
}
to {
-webkit-transform: rotate(0deg);
transform: rotate(0deg);
}
}
@keyframes swing {
20% {
-webkit-transform: rotate(15deg);
transform: rotate(15deg);
}
40% {
-webkit-transform: rotate(-10deg);
transform: rotate(-10deg);
}
60% {
-webkit-transform: rotate(5deg);
transform: rotate(5deg);
}
80% {
-webkit-transform: rotate(-5deg);
transform: rotate(-5deg);
}
to {
-webkit-transform: rotate(0deg);
transform: rotate(0deg);
}
}
.swing {
-webkit-transform-origin: top center;
transform-origin: top center;
-webkit-animation-name: swing;
animation-name: swing;
}
@-webkit-keyframes tada {
0% {
-webkit-transform: scaleX(1);
transform: scaleX(1);
}
10%, 20% {
-webkit-transform: scale3d(.9, .9, .9) rotate(-3deg);
transform: scale3d(.9, .9, .9) rotate(-3deg);
}
30%, 50%, 70%, 90% {
-webkit-transform: scale3d(1.1, 1.1, 1.1) rotate(3deg);
transform: scale3d(1.1, 1.1, 1.1) rotate(3deg);
}
40%, 60%, 80% {
-webkit-transform: scale3d(1.1, 1.1, 1.1) rotate(-3deg);
transform: scale3d(1.1, 1.1, 1.1) rotate(-3deg);
}
to {
-webkit-transform: scaleX(1);
transform: scaleX(1);
}
}
@keyframes tada {
0% {
-webkit-transform: scaleX(1);
transform: scaleX(1);
}
10%, 20% {
-webkit-transform: scale3d(.9, .9, .9) rotate(-3deg);
transform: scale3d(.9, .9, .9) rotate(-3deg);
}
30%, 50%, 70%, 90% {
-webkit-transform: scale3d(1.1, 1.1, 1.1) rotate(3deg);
transform: scale3d(1.1, 1.1, 1.1) rotate(3deg);
}
40%, 60%, 80% {
-webkit-transform: scale3d(1.1, 1.1, 1.1) rotate(-3deg);
transform: scale3d(1.1, 1.1, 1.1) rotate(-3deg);
}
to {
-webkit-transform: scaleX(1);
transform: scaleX(1);
}
}
.tada {
-webkit-animation-name: tada;
animation-name: tada;
}
@-webkit-keyframes wobble {
0% {
-webkit-transform: translateZ(0);
transform: translateZ(0);
}
15% {
-webkit-transform: translate3d(-25%, 0, 0) rotate(-5deg);
transform: translate3d(-25%, 0, 0) rotate(-5deg);
}
30% {
-webkit-transform: translate3d(20%, 0, 0) rotate(3deg);
transform: translate3d(20%, 0, 0) rotate(3deg);
}
45% {
-webkit-transform: translate3d(-15%, 0, 0) rotate(-3deg);
transform: translate3d(-15%, 0, 0) rotate(-3deg);
}
60% {
-webkit-transform: translate3d(10%, 0, 0) rotate(2deg);
transform: translate3d(10%, 0, 0) rotate(2deg);
}
75% {
-webkit-transform: translate3d(-5%, 0, 0) rotate(-1deg);
transform: translate3d(-5%, 0, 0) rotate(-1deg);
}
to {
-webkit-transform: translateZ(0);
transform: translateZ(0);
}
}
@keyframes wobble {
0% {
-webkit-transform: translateZ(0);
transform: translateZ(0);
}
15% {
-webkit-transform: translate3d(-25%, 0, 0) rotate(-5deg);
transform: translate3d(-25%, 0, 0) rotate(-5deg);
}
30% {
-webkit-transform: translate3d(20%, 0, 0) rotate(3deg);
transform: translate3d(20%, 0, 0) rotate(3deg);
}
45% {
-webkit-transform: translate3d(-15%, 0, 0) rotate(-3deg);
transform: translate3d(-15%, 0, 0) rotate(-3deg);
}
60% {
-webkit-transform: translate3d(10%, 0, 0) rotate(2deg);
transform: translate3d(10%, 0, 0) rotate(2deg);
}
75% {
-webkit-transform: translate3d(-5%, 0, 0) rotate(-1deg);
transform: translate3d(-5%, 0, 0) rotate(-1deg);
}
to {
-webkit-transform: translateZ(0);
transform: translateZ(0);
}
}
.wobble {
-webkit-animation-name: wobble;
animation-name: wobble;
}
@-webkit-keyframes jello {
0%, 11.1%, to {
-webkit-transform: translateZ(0);
transform: translateZ(0);
}
22.2% {
-webkit-transform: skewX(-12.5deg) skewY(-12.5deg);
transform: skewX(-12.5deg) skewY(-12.5deg);
}
33.3% {
-webkit-transform: skewX(6.25deg) skewY(6.25deg);
transform: skewX(6.25deg) skewY(6.25deg);
}
44.4% {
-webkit-transform: skewX(-3.125deg) skewY(-3.125deg);
transform: skewX(-3.125deg) skewY(-3.125deg);
}
55.5% {
-webkit-transform: skewX(1.5625deg) skewY(1.5625deg);
transform: skewX(1.5625deg) skewY(1.5625deg);
}
66.6% {
-webkit-transform: skewX(-.78125deg) skewY(-.78125deg);
transform: skewX(-.78125deg) skewY(-.78125deg);
}
77.7% {
-webkit-transform: skewX(.390625deg) skewY(.390625deg);
transform: skewX(.390625deg) skewY(.390625deg);
}
88.8% {
-webkit-transform: skewX(-.1953125deg) skewY(-.1953125deg);
transform: skewX(-.1953125deg) skewY(-.1953125deg);
}
}
@keyframes jello {
0%, 11.1%, to {
-webkit-transform: translateZ(0);
transform: translateZ(0);
}
22.2% {
-webkit-transform: skewX(-12.5deg) skewY(-12.5deg);
transform: skewX(-12.5deg) skewY(-12.5deg);
}
33.3% {
-webkit-transform: skewX(6.25deg) skewY(6.25deg);
transform: skewX(6.25deg) skewY(6.25deg);
}
44.4% {
-webkit-transform: skewX(-3.125deg) skewY(-3.125deg);
transform: skewX(-3.125deg) skewY(-3.125deg);
}
55.5% {
-webkit-transform: skewX(1.5625deg) skewY(1.5625deg);
transform: skewX(1.5625deg) skewY(1.5625deg);
}
66.6% {
-webkit-transform: skewX(-.78125deg) skewY(-.78125deg);
transform: skewX(-.78125deg) skewY(-.78125deg);
}
77.7% {
-webkit-transform: skewX(.390625deg) skewY(.390625deg);
transform: skewX(.390625deg) skewY(.390625deg);
}
88.8% {
-webkit-transform: skewX(-.1953125deg) skewY(-.1953125deg);
transform: skewX(-.1953125deg) skewY(-.1953125deg);
}
}
.jello {
-webkit-animation-name: jello;
animation-name: jello;
-webkit-transform-origin: center;
transform-origin: center;
}
@-webkit-keyframes heartBeat {
0% {
-webkit-transform: scale(1);
transform: scale(1);
}
14% {
-webkit-transform: scale(1.3);
transform: scale(1.3);
}
28% {
-webkit-transform: scale(1);
transform: scale(1);
}
42% {
-webkit-transform: scale(1.3);
transform: scale(1.3);
}
70% {
-webkit-transform: scale(1);
transform: scale(1);
}
}
@keyframes heartBeat {
0% {
-webkit-transform: scale(1);
transform: scale(1);
}
14% {
-webkit-transform: scale(1.3);
transform: scale(1.3);
}
28% {
-webkit-transform: scale(1);
transform: scale(1);
}
42% {
-webkit-transform: scale(1.3);
transform: scale(1.3);
}
70% {
-webkit-transform: scale(1);
transform: scale(1);
}
}
.heartBeat {
-webkit-animation-name: heartBeat;
animation-name: heartBeat;
-webkit-animation-duration: 1.3s;
animation-duration: 1.3s;
-webkit-animation-timing-function: ease-in-out;
animation-timing-function: ease-in-out;
}
@-webkit-keyframes bounceIn {
0%, 20%, 40%, 60%, 80%, to {
-webkit-animation-timing-function: cubic-bezier(.215, .61, .355, 1);
animation-timing-function: cubic-bezier(.215, .61, .355, 1);
}
0% {
opacity: 0;
-webkit-transform: scale3d(.3, .3, .3);
transform: scale3d(.3, .3, .3);
}
20% {
-webkit-transform: scale3d(1.1, 1.1, 1.1);
transform: scale3d(1.1, 1.1, 1.1);
}
40% {
-webkit-transform: scale3d(.9, .9, .9);
transform: scale3d(.9, .9, .9);
}
60% {
opacity: 1;
-webkit-transform: scale3d(1.03, 1.03, 1.03);
transform: scale3d(1.03, 1.03, 1.03);
}
80% {
-webkit-transform: scale3d(.97, .97, .97);
transform: scale3d(.97, .97, .97);
}
to {
opacity: 1;
-webkit-transform: scaleX(1);
transform: scaleX(1);
}
}
@keyframes bounceIn {
0%, 20%, 40%, 60%, 80%, to {
-webkit-animation-timing-function: cubic-bezier(.215, .61, .355, 1);
animation-timing-function: cubic-bezier(.215, .61, .355, 1);
}
0% {
opacity: 0;
-webkit-transform: scale3d(.3, .3, .3);
transform: scale3d(.3, .3, .3);
}
20% {
-webkit-transform: scale3d(1.1, 1.1, 1.1);
transform: scale3d(1.1, 1.1, 1.1);
}
40% {
-webkit-transform: scale3d(.9, .9, .9);
transform: scale3d(.9, .9, .9);
}
60% {
opacity: 1;
-webkit-transform: scale3d(1.03, 1.03, 1.03);
transform: scale3d(1.03, 1.03, 1.03);
}
80% {
-webkit-transform: scale3d(.97, .97, .97);
transform: scale3d(.97, .97, .97);
}
to {
opacity: 1;
-webkit-transform: scaleX(1);
transform: scaleX(1);
}
}
.bounceIn {
-webkit-animation-duration: .75s;
animation-duration: .75s;
-webkit-animation-name: bounceIn;
animation-name: bounceIn;
}
@-webkit-keyframes bounceInDown {
0%, 60%, 75%, 90%, to {
-webkit-animation-timing-function: cubic-bezier(.215, .61, .355, 1);
animation-timing-function: cubic-bezier(.215, .61, .355, 1);
}
0% {
opacity: 0;
-webkit-transform: translate3d(0, -3000px, 0);
transform: translate3d(0, -3000px, 0);
}
60% {
opacity: 1;
-webkit-transform: translate3d(0, 25px, 0);
transform: translate3d(0, 25px, 0);
}
75% {
-webkit-transform: translate3d(0, -10px, 0);
transform: translate3d(0, -10px, 0);
}
90% {
-webkit-transform: translate3d(0, 5px, 0);
transform: translate3d(0, 5px, 0);
}
to {
-webkit-transform: translateZ(0);
transform: translateZ(0);
}
}
@keyframes bounceInDown {
0%, 60%, 75%, 90%, to {
-webkit-animation-timing-function: cubic-bezier(.215, .61, .355, 1);
animation-timing-function: cubic-bezier(.215, .61, .355, 1);
}
0% {
opacity: 0;
-webkit-transform: translate3d(0, -3000px, 0);
transform: translate3d(0, -3000px, 0);
}
60% {
opacity: 1;
-webkit-transform: translate3d(0, 25px, 0);
transform: translate3d(0, 25px, 0);
}
75% {
-webkit-transform: translate3d(0, -10px, 0);
transform: translate3d(0, -10px, 0);
}
90% {
-webkit-transform: translate3d(0, 5px, 0);
transform: translate3d(0, 5px, 0);
}
to {
-webkit-transform: translateZ(0);
transform: translateZ(0);
}
}
.bounceInDown {
-webkit-animation-name: bounceInDown;
animation-name: bounceInDown;
}
@-webkit-keyframes bounceInLeft {
0%, 60%, 75%, 90%, to {
-webkit-animation-timing-function: cubic-bezier(.215, .61, .355, 1);
animation-timing-function: cubic-bezier(.215, .61, .355, 1);
}
0% {
opacity: 0;
-webkit-transform: translate3d(-3000px, 0, 0);
transform: translate3d(-3000px, 0, 0);
}
60% {
opacity: 1;
-webkit-transform: translate3d(25px, 0, 0);
transform: translate3d(25px, 0, 0);
}
75% {
-webkit-transform: translate3d(-10px, 0, 0);
transform: translate3d(-10px, 0, 0);
}
90% {
-webkit-transform: translate3d(5px, 0, 0);
transform: translate3d(5px, 0, 0);
}
to {
-webkit-transform: translateZ(0);
transform: translateZ(0);
}
}
@keyframes bounceInLeft {
0%, 60%, 75%, 90%, to {
-webkit-animation-timing-function: cubic-bezier(.215, .61, .355, 1);
animation-timing-function: cubic-bezier(.215, .61, .355, 1);
}
0% {
opacity: 0;
-webkit-transform: translate3d(-3000px, 0, 0);
transform: translate3d(-3000px, 0, 0);
}
60% {
opacity: 1;
-webkit-transform: translate3d(25px, 0, 0);
transform: translate3d(25px, 0, 0);
}
75% {
-webkit-transform: translate3d(-10px, 0, 0);
transform: translate3d(-10px, 0, 0);
}
90% {
-webkit-transform: translate3d(5px, 0, 0);
transform: translate3d(5px, 0, 0);
}
to {
-webkit-transform: translateZ(0);
transform: translateZ(0);
}
}
.bounceInLeft {
-webkit-animation-name: bounceInLeft;
animation-name: bounceInLeft;
}
@-webkit-keyframes bounceInRight {
0%, 60%, 75%, 90%, to {
-webkit-animation-timing-function: cubic-bezier(.215, .61, .355, 1);
animation-timing-function: cubic-bezier(.215, .61, .355, 1);
}
0% {
opacity: 0;
-webkit-transform: translate3d(3000px, 0, 0);
transform: translate3d(3000px, 0, 0);
}
60% {
opacity: 1;
-webkit-transform: translate3d(-25px, 0, 0);
transform: translate3d(-25px, 0, 0);
}
75% {
-webkit-transform: translate3d(10px, 0, 0);
transform: translate3d(10px, 0, 0);
}
90% {
-webkit-transform: translate3d(-5px, 0, 0);
transform: translate3d(-5px, 0, 0);
}
to {
-webkit-transform: translateZ(0);
transform: translateZ(0);
}
}
@keyframes bounceInRight {
0%, 60%, 75%, 90%, to {
-webkit-animation-timing-function: cubic-bezier(.215, .61, .355, 1);
animation-timing-function: cubic-bezier(.215, .61, .355, 1);
}
0% {
opacity: 0;
-webkit-transform: translate3d(3000px, 0, 0);
transform: translate3d(3000px, 0, 0);
}
60% {
opacity: 1;
-webkit-transform: translate3d(-25px, 0, 0);
transform: translate3d(-25px, 0, 0);
}
75% {
-webkit-transform: translate3d(10px, 0, 0);
transform: translate3d(10px, 0, 0);
}
90% {
-webkit-transform: translate3d(-5px, 0, 0);
transform: translate3d(-5px, 0, 0);
}
to {
-webkit-transform: translateZ(0);
transform: translateZ(0);
}
}
.bounceInRight {
-webkit-animation-name: bounceInRight;
animation-name: bounceInRight;
}
@-webkit-keyframes bounceInUp {
0%, 60%, 75%, 90%, to {
-webkit-animation-timing-function: cubic-bezier(.215, .61, .355, 1);
animation-timing-function: cubic-bezier(.215, .61, .355, 1);
}
0% {
opacity: 0;
-webkit-transform: translate3d(0, 3000px, 0);
transform: translate3d(0, 3000px, 0);
}
60% {
opacity: 1;
-webkit-transform: translate3d(0, -20px, 0);
transform: translate3d(0, -20px, 0);
}
75% {
-webkit-transform: translate3d(0, 10px, 0);
transform: translate3d(0, 10px, 0);
}
90% {
-webkit-transform: translate3d(0, -5px, 0);
transform: translate3d(0, -5px, 0);
}
to {
-webkit-transform: translateZ(0);
transform: translateZ(0);
}
}
@keyframes bounceInUp {
0%, 60%, 75%, 90%, to {
-webkit-animation-timing-function: cubic-bezier(.215, .61, .355, 1);
animation-timing-function: cubic-bezier(.215, .61, .355, 1);
}
0% {
opacity: 0;
-webkit-transform: translate3d(0, 3000px, 0);
transform: translate3d(0, 3000px, 0);
}
60% {
opacity: 1;
-webkit-transform: translate3d(0, -20px, 0);
transform: translate3d(0, -20px, 0);
}
75% {
-webkit-transform: translate3d(0, 10px, 0);
transform: translate3d(0, 10px, 0);
}
90% {
-webkit-transform: translate3d(0, -5px, 0);
transform: translate3d(0, -5px, 0);
}
to {
-webkit-transform: translateZ(0);
transform: translateZ(0);
}
}
.bounceInUp {
-webkit-animation-name: bounceInUp;
animation-name: bounceInUp;
}
@-webkit-keyframes bounceOut {
20% {
-webkit-transform: scale3d(.9, .9, .9);
transform: scale3d(.9, .9, .9);
}
50%, 55% {
opacity: 1;
-webkit-transform: scale3d(1.1, 1.1, 1.1);
transform: scale3d(1.1, 1.1, 1.1);
}
to {
opacity: 0;
-webkit-transform: scale3d(.3, .3, .3);
transform: scale3d(.3, .3, .3);
}
}
@keyframes bounceOut {
20% {
-webkit-transform: scale3d(.9, .9, .9);
transform: scale3d(.9, .9, .9);
}
50%, 55% {
opacity: 1;
-webkit-transform: scale3d(1.1, 1.1, 1.1);
transform: scale3d(1.1, 1.1, 1.1);
}
to {
opacity: 0;
-webkit-transform: scale3d(.3, .3, .3);
transform: scale3d(.3, .3, .3);
}
}
.bounceOut {
-webkit-animation-duration: .75s;
animation-duration: .75s;
-webkit-animation-name: bounceOut;
animation-name: bounceOut;
}
@-webkit-keyframes bounceOutDown {
20% {
-webkit-transform: translate3d(0, 10px, 0);
transform: translate3d(0, 10px, 0);
}
40%, 45% {
opacity: 1;
-webkit-transform: translate3d(0, -20px, 0);
transform: translate3d(0, -20px, 0);
}
to {
opacity: 0;
-webkit-transform: translate3d(0, 2000px, 0);
transform: translate3d(0, 2000px, 0);
}
}
@keyframes bounceOutDown {
20% {
-webkit-transform: translate3d(0, 10px, 0);
transform: translate3d(0, 10px, 0);
}
40%, 45% {
opacity: 1;
-webkit-transform: translate3d(0, -20px, 0);
transform: translate3d(0, -20px, 0);
}
to {
opacity: 0;
-webkit-transform: translate3d(0, 2000px, 0);
transform: translate3d(0, 2000px, 0);
}
}
.bounceOutDown {
-webkit-animation-name: bounceOutDown;
animation-name: bounceOutDown;
}
@-webkit-keyframes bounceOutLeft {
20% {
opacity: 1;
-webkit-transform: translate3d(20px, 0, 0);
transform: translate3d(20px, 0, 0);
}
to {
opacity: 0;
-webkit-transform: translate3d(-2000px, 0, 0);
transform: translate3d(-2000px, 0, 0);
}
}
@keyframes bounceOutLeft {
20% {
opacity: 1;
-webkit-transform: translate3d(20px, 0, 0);
transform: translate3d(20px, 0, 0);
}
to {
opacity: 0;
-webkit-transform: translate3d(-2000px, 0, 0);
transform: translate3d(-2000px, 0, 0);
}
}
.bounceOutLeft {
-webkit-animation-name: bounceOutLeft;
animation-name: bounceOutLeft;
}
@-webkit-keyframes bounceOutRight {
20% {
opacity: 1;
-webkit-transform: translate3d(-20px, 0, 0);
transform: translate3d(-20px, 0, 0);
}
to {
opacity: 0;
-webkit-transform: translate3d(2000px, 0, 0);
transform: translate3d(2000px, 0, 0);
}
}
@keyframes bounceOutRight {
20% {
opacity: 1;
-webkit-transform: translate3d(-20px, 0, 0);
transform: translate3d(-20px, 0, 0);
}
to {
opacity: 0;
-webkit-transform: translate3d(2000px, 0, 0);
transform: translate3d(2000px, 0, 0);
}
}
.bounceOutRight {
-webkit-animation-name: bounceOutRight;
animation-name: bounceOutRight;
}
@-webkit-keyframes bounceOutUp {
20% {
-webkit-transform: translate3d(0, -10px, 0);
transform: translate3d(0, -10px, 0);
}
40%, 45% {
opacity: 1;
-webkit-transform: translate3d(0, 20px, 0);
transform: translate3d(0, 20px, 0);
}
to {
opacity: 0;
-webkit-transform: translate3d(0, -2000px, 0);
transform: translate3d(0, -2000px, 0);
}
}
@keyframes bounceOutUp {
20% {
-webkit-transform: translate3d(0, -10px, 0);
transform: translate3d(0, -10px, 0);
}
40%, 45% {
opacity: 1;
-webkit-transform: translate3d(0, 20px, 0);
transform: translate3d(0, 20px, 0);
}
to {
opacity: 0;
-webkit-transform: translate3d(0, -2000px, 0);
transform: translate3d(0, -2000px, 0);
}
}
.bounceOutUp {
-webkit-animation-name: bounceOutUp;
animation-name: bounceOutUp;
}
@-webkit-keyframes fadeIn {
0% {
opacity: 0;
}
to {
opacity: 1;
}
}
@keyframes fadeIn {
0% {
opacity: 0;
}
to {
opacity: 1;
}
}
.fadeIn {
-webkit-animation-name: fadeIn;
animation-name: fadeIn;
}
@-webkit-keyframes fadeInDown {
0% {
opacity: 0;
-webkit-transform: translate3d(0, -100%, 0);
transform: translate3d(0, -100%, 0);
}
to {
opacity: 1;
-webkit-transform: translateZ(0);
transform: translateZ(0);
}
}
@keyframes fadeInDown {
0% {
opacity: 0;
-webkit-transform: translate3d(0, -100%, 0);
transform: translate3d(0, -100%, 0);
}
to {
opacity: 1;
-webkit-transform: translateZ(0);
transform: translateZ(0);
}
}
.fadeInDown {
-webkit-animation-name: fadeInDown;
animation-name: fadeInDown;
}
@-webkit-keyframes fadeInDownBig {
0% {
opacity: 0;
-webkit-transform: translate3d(0, -2000px, 0);
transform: translate3d(0, -2000px, 0);
}
to {
opacity: 1;
-webkit-transform: translateZ(0);
transform: translateZ(0);
}
}
@keyframes fadeInDownBig {
0% {
opacity: 0;
-webkit-transform: translate3d(0, -2000px, 0);
transform: translate3d(0, -2000px, 0);
}
to {
opacity: 1;
-webkit-transform: translateZ(0);
transform: translateZ(0);
}
}
.fadeInDownBig {
-webkit-animation-name: fadeInDownBig;
animation-name: fadeInDownBig;
}
@-webkit-keyframes fadeInLeft {
0% {
opacity: 0;
-webkit-transform: translate3d(-100%, 0, 0);
transform: translate3d(-100%, 0, 0);
}
to {
opacity: 1;
-webkit-transform: translateZ(0);
transform: translateZ(0);
}
}
@keyframes fadeInLeft {
0% {
opacity: 0;
-webkit-transform: translate3d(-100%, 0, 0);
transform: translate3d(-100%, 0, 0);
}
to {
opacity: 1;
-webkit-transform: translateZ(0);
transform: translateZ(0);
}
}
.fadeInLeft {
-webkit-animation-name: fadeInLeft;
animation-name: fadeInLeft;
}
@-webkit-keyframes fadeInLeftBig {
0% {
opacity: 0;
-webkit-transform: translate3d(-2000px, 0, 0);
transform: translate3d(-2000px, 0, 0);
}
to {
opacity: 1;
-webkit-transform: translateZ(0);
transform: translateZ(0);
}
}
@keyframes fadeInLeftBig {
0% {
opacity: 0;
-webkit-transform: translate3d(-2000px, 0, 0);
transform: translate3d(-2000px, 0, 0);
}
to {
opacity: 1;
-webkit-transform: translateZ(0);
transform: translateZ(0);
}
}
.fadeInLeftBig {
-webkit-animation-name: fadeInLeftBig;
animation-name: fadeInLeftBig;
}
@-webkit-keyframes fadeInRight {
0% {
opacity: 0;
-webkit-transform: translate3d(100%, 0, 0);
transform: translate3d(100%, 0, 0);
}
to {
opacity: 1;
-webkit-transform: translateZ(0);
transform: translateZ(0);
}
}
@keyframes fadeInRight {
0% {
opacity: 0;
-webkit-transform: translate3d(100%, 0, 0);
transform: translate3d(100%, 0, 0);
}
to {
opacity: 1;
-webkit-transform: translateZ(0);
transform: translateZ(0);
}
}
.fadeInRight {
-webkit-animation-name: fadeInRight;
animation-name: fadeInRight;
}
@-webkit-keyframes fadeInRightBig {
0% {
opacity: 0;
-webkit-transform: translate3d(2000px, 0, 0);
transform: translate3d(2000px, 0, 0);
}
to {
opacity: 1;
-webkit-transform: translateZ(0);
transform: translateZ(0);
}
}
@keyframes fadeInRightBig {
0% {
opacity: 0;
-webkit-transform: translate3d(2000px, 0, 0);
transform: translate3d(2000px, 0, 0);
}
to {
opacity: 1;
-webkit-transform: translateZ(0);
transform: translateZ(0);
}
}
.fadeInRightBig {
-webkit-animation-name: fadeInRightBig;
animation-name: fadeInRightBig;
}
@-webkit-keyframes fadeInUp {
0% {
opacity: 0;
-webkit-transform: translate3d(0, 100%, 0);
transform: translate3d(0, 100%, 0);
}
to {
opacity: 1;
-webkit-transform: translateZ(0);
transform: translateZ(0);
}
}
@keyframes fadeInUp {
0% {
opacity: 0;
-webkit-transform: translate3d(0, 100%, 0);
transform: translate3d(0, 100%, 0);
}
to {
opacity: 1;
-webkit-transform: translateZ(0);
transform: translateZ(0);
}
}
.fadeInUp {
-webkit-animation-name: fadeInUp;
animation-name: fadeInUp;
}
@-webkit-keyframes fadeInUpBig {
0% {
opacity: 0;
-webkit-transform: translate3d(0, 2000px, 0);
transform: translate3d(0, 2000px, 0);
}
to {
opacity: 1;
-webkit-transform: translateZ(0);
transform: translateZ(0);
}
}
@keyframes fadeInUpBig {
0% {
opacity: 0;
-webkit-transform: translate3d(0, 2000px, 0);
transform: translate3d(0, 2000px, 0);
}
to {
opacity: 1;
-webkit-transform: translateZ(0);
transform: translateZ(0);
}
}
.fadeInUpBig {
-webkit-animation-name: fadeInUpBig;
animation-name: fadeInUpBig;
}
@-webkit-keyframes fadeOut {
0% {
opacity: 1;
}
to {
opacity: 0;
}
}
@keyframes fadeOut {
0% {
opacity: 1;
}
to {
opacity: 0;
}
}
.fadeOut {
-webkit-animation-name: fadeOut;
animation-name: fadeOut;
}
@-webkit-keyframes fadeOutDown {
0% {
opacity: 1;
}
to {
opacity: 0;
-webkit-transform: translate3d(0, 100%, 0);
transform: translate3d(0, 100%, 0);
}
}
@keyframes fadeOutDown {
0% {
opacity: 1;
}
to {
opacity: 0;
-webkit-transform: translate3d(0, 100%, 0);
transform: translate3d(0, 100%, 0);
}
}
.fadeOutDown {
-webkit-animation-name: fadeOutDown;
animation-name: fadeOutDown;
}
@-webkit-keyframes fadeOutDownBig {
0% {
opacity: 1;
}
to {
opacity: 0;
-webkit-transform: translate3d(0, 2000px, 0);
transform: translate3d(0, 2000px, 0);
}
}
@keyframes fadeOutDownBig {
0% {
opacity: 1;
}
to {
opacity: 0;
-webkit-transform: translate3d(0, 2000px, 0);
transform: translate3d(0, 2000px, 0);
}
}
.fadeOutDownBig {
-webkit-animation-name: fadeOutDownBig;
animation-name: fadeOutDownBig;
}
@-webkit-keyframes fadeOutLeft {
0% {
opacity: 1;
}
to {
opacity: 0;
-webkit-transform: translate3d(-100%, 0, 0);
transform: translate3d(-100%, 0, 0);
}
}
@keyframes fadeOutLeft {
0% {
opacity: 1;
}
to {
opacity: 0;
-webkit-transform: translate3d(-100%, 0, 0);
transform: translate3d(-100%, 0, 0);
}
}
.fadeOutLeft {
-webkit-animation-name: fadeOutLeft;
animation-name: fadeOutLeft;
}
@-webkit-keyframes fadeOutLeftBig {
0% {
opacity: 1;
}
to {
opacity: 0;
-webkit-transform: translate3d(-2000px, 0, 0);
transform: translate3d(-2000px, 0, 0);
}
}
@keyframes fadeOutLeftBig {
0% {
opacity: 1;
}
to {
opacity: 0;
-webkit-transform: translate3d(-2000px, 0, 0);
transform: translate3d(-2000px, 0, 0);
}
}
.fadeOutLeftBig {
-webkit-animation-name: fadeOutLeftBig;
animation-name: fadeOutLeftBig;
}
@-webkit-keyframes fadeOutRight {
0% {
opacity: 1;
}
to {
opacity: 0;
-webkit-transform: translate3d(100%, 0, 0);
transform: translate3d(100%, 0, 0);
}
}
@keyframes fadeOutRight {
0% {
opacity: 1;
}
to {
opacity: 0;
-webkit-transform: translate3d(100%, 0, 0);
transform: translate3d(100%, 0, 0);
}
}
.fadeOutRight {
-webkit-animation-name: fadeOutRight;
animation-name: fadeOutRight;
}
@-webkit-keyframes fadeOutRightBig {
0% {
opacity: 1;
}
to {
opacity: 0;
-webkit-transform: translate3d(2000px, 0, 0);
transform: translate3d(2000px, 0, 0);
}
}
@keyframes fadeOutRightBig {
0% {
opacity: 1;
}
to {
opacity: 0;
-webkit-transform: translate3d(2000px, 0, 0);
transform: translate3d(2000px, 0, 0);
}
}
.fadeOutRightBig {
-webkit-animation-name: fadeOutRightBig;
animation-name: fadeOutRightBig;
}
@-webkit-keyframes fadeOutUp {
0% {
opacity: 1;
}
to {
opacity: 0;
-webkit-transform: translate3d(0, -100%, 0);
transform: translate3d(0, -100%, 0);
}
}
@keyframes fadeOutUp {
0% {
opacity: 1;
}
to {
opacity: 0;
-webkit-transform: translate3d(0, -100%, 0);
transform: translate3d(0, -100%, 0);
}
}
.fadeOutUp {
-webkit-animation-name: fadeOutUp;
animation-name: fadeOutUp;
}
@-webkit-keyframes fadeOutUpBig {
0% {
opacity: 1;
}
to {
opacity: 0;
-webkit-transform: translate3d(0, -2000px, 0);
transform: translate3d(0, -2000px, 0);
}
}
@keyframes fadeOutUpBig {
0% {
opacity: 1;
}
to {
opacity: 0;
-webkit-transform: translate3d(0, -2000px, 0);
transform: translate3d(0, -2000px, 0);
}
}
.fadeOutUpBig {
-webkit-animation-name: fadeOutUpBig;
animation-name: fadeOutUpBig;
}
@-webkit-keyframes flip {
0% {
-webkit-transform: perspective(400px) scaleX(1) translateZ(0) rotateY(-1turn);
transform: perspective(400px) scaleX(1) translateZ(0) rotateY(-1turn);
-webkit-animation-timing-function: ease-out;
animation-timing-function: ease-out;
}
40% {
-webkit-transform: perspective(400px) scaleX(1) translateZ(150px) rotateY(-190deg);
transform: perspective(400px) scaleX(1) translateZ(150px) rotateY(-190deg);
-webkit-animation-timing-function: ease-out;
animation-timing-function: ease-out;
}
50% {
-webkit-transform: perspective(400px) scaleX(1) translateZ(150px) rotateY(-170deg);
transform: perspective(400px) scaleX(1) translateZ(150px) rotateY(-170deg);
-webkit-animation-timing-function: ease-in;
animation-timing-function: ease-in;
}
80% {
-webkit-transform: perspective(400px) scale3d(.95, .95, .95) translateZ(0) rotateY(0deg);
transform: perspective(400px) scale3d(.95, .95, .95) translateZ(0) rotateY(0deg);
-webkit-animation-timing-function: ease-in;
animation-timing-function: ease-in;
}
to {
-webkit-transform: perspective(400px) scaleX(1) translateZ(0) rotateY(0deg);
transform: perspective(400px) scaleX(1) translateZ(0) rotateY(0deg);
-webkit-animation-timing-function: ease-in;
animation-timing-function: ease-in;
}
}
@keyframes flip {
0% {
-webkit-transform: perspective(400px) scaleX(1) translateZ(0) rotateY(-1turn);
transform: perspective(400px) scaleX(1) translateZ(0) rotateY(-1turn);
-webkit-animation-timing-function: ease-out;
animation-timing-function: ease-out;
}
40% {
-webkit-transform: perspective(400px) scaleX(1) translateZ(150px) rotateY(-190deg);
transform: perspective(400px) scaleX(1) translateZ(150px) rotateY(-190deg);
-webkit-animation-timing-function: ease-out;
animation-timing-function: ease-out;
}
50% {
-webkit-transform: perspective(400px) scaleX(1) translateZ(150px) rotateY(-170deg);
transform: perspective(400px) scaleX(1) translateZ(150px) rotateY(-170deg);
-webkit-animation-timing-function: ease-in;
animation-timing-function: ease-in;
}
80% {
-webkit-transform: perspective(400px) scale3d(.95, .95, .95) translateZ(0) rotateY(0deg);
transform: perspective(400px) scale3d(.95, .95, .95) translateZ(0) rotateY(0deg);
-webkit-animation-timing-function: ease-in;
animation-timing-function: ease-in;
}
to {
-webkit-transform: perspective(400px) scaleX(1) translateZ(0) rotateY(0deg);
transform: perspective(400px) scaleX(1) translateZ(0) rotateY(0deg);
-webkit-animation-timing-function: ease-in;
animation-timing-function: ease-in;
}
}
.animated.flip {
-webkit-backface-visibility: visible;
backface-visibility: visible;
-webkit-animation-name: flip;
animation-name: flip;
}
@-webkit-keyframes flipInX {
0% {
-webkit-transform: perspective(400px) rotateX(90deg);
transform: perspective(400px) rotateX(90deg);
-webkit-animation-timing-function: ease-in;
animation-timing-function: ease-in;
opacity: 0;
}
40% {
-webkit-transform: perspective(400px) rotateX(-20deg);
transform: perspective(400px) rotateX(-20deg);
-webkit-animation-timing-function: ease-in;
animation-timing-function: ease-in;
}
60% {
-webkit-transform: perspective(400px) rotateX(10deg);
transform: perspective(400px) rotateX(10deg);
opacity: 1;
}
80% {
-webkit-transform: perspective(400px) rotateX(-5deg);
transform: perspective(400px) rotateX(-5deg);
}
to {
-webkit-transform: perspective(400px);
transform: perspective(400px);
}
}
@keyframes flipInX {
0% {
-webkit-transform: perspective(400px) rotateX(90deg);
transform: perspective(400px) rotateX(90deg);
-webkit-animation-timing-function: ease-in;
animation-timing-function: ease-in;
opacity: 0;
}
40% {
-webkit-transform: perspective(400px) rotateX(-20deg);
transform: perspective(400px) rotateX(-20deg);
-webkit-animation-timing-function: ease-in;
animation-timing-function: ease-in;
}
60% {
-webkit-transform: perspective(400px) rotateX(10deg);
transform: perspective(400px) rotateX(10deg);
opacity: 1;
}
80% {
-webkit-transform: perspective(400px) rotateX(-5deg);
transform: perspective(400px) rotateX(-5deg);
}
to {
-webkit-transform: perspective(400px);
transform: perspective(400px);
}
}
.flipInX {
-webkit-backface-visibility: visible !important;
backface-visibility: visible !important;
-webkit-animation-name: flipInX;
animation-name: flipInX;
}
@-webkit-keyframes flipInY {
0% {
-webkit-transform: perspective(400px) rotateY(90deg);
transform: perspective(400px) rotateY(90deg);
-webkit-animation-timing-function: ease-in;
animation-timing-function: ease-in;
opacity: 0;
}
40% {
-webkit-transform: perspective(400px) rotateY(-20deg);
transform: perspective(400px) rotateY(-20deg);
-webkit-animation-timing-function: ease-in;
animation-timing-function: ease-in;
}
60% {
-webkit-transform: perspective(400px) rotateY(10deg);
transform: perspective(400px) rotateY(10deg);
opacity: 1;
}
80% {
-webkit-transform: perspective(400px) rotateY(-5deg);
transform: perspective(400px) rotateY(-5deg);
}
to {
-webkit-transform: perspective(400px);
transform: perspective(400px);
}
}
@keyframes flipInY {
0% {
-webkit-transform: perspective(400px) rotateY(90deg);
transform: perspective(400px) rotateY(90deg);
-webkit-animation-timing-function: ease-in;
animation-timing-function: ease-in;
opacity: 0;
}
40% {
-webkit-transform: perspective(400px) rotateY(-20deg);
transform: perspective(400px) rotateY(-20deg);
-webkit-animation-timing-function: ease-in;
animation-timing-function: ease-in;
}
60% {
-webkit-transform: perspective(400px) rotateY(10deg);
transform: perspective(400px) rotateY(10deg);
opacity: 1;
}
80% {
-webkit-transform: perspective(400px) rotateY(-5deg);
transform: perspective(400px) rotateY(-5deg);
}
to {
-webkit-transform: perspective(400px);
transform: perspective(400px);
}
}
.flipInY {
-webkit-backface-visibility: visible !important;
backface-visibility: visible !important;
-webkit-animation-name: flipInY;
animation-name: flipInY;
}
@-webkit-keyframes flipOutX {
0% {
-webkit-transform: perspective(400px);
transform: perspective(400px);
}
30% {
-webkit-transform: perspective(400px) rotateX(-20deg);
transform: perspective(400px) rotateX(-20deg);
opacity: 1;
}
to {
-webkit-transform: perspective(400px) rotateX(90deg);
transform: perspective(400px) rotateX(90deg);
opacity: 0;
}
}
@keyframes flipOutX {
0% {
-webkit-transform: perspective(400px);
transform: perspective(400px);
}
30% {
-webkit-transform: perspective(400px) rotateX(-20deg);
transform: perspective(400px) rotateX(-20deg);
opacity: 1;
}
to {
-webkit-transform: perspective(400px) rotateX(90deg);
transform: perspective(400px) rotateX(90deg);
opacity: 0;
}
}
.flipOutX {
-webkit-animation-duration: .75s;
animation-duration: .75s;
-webkit-animation-name: flipOutX;
animation-name: flipOutX;
-webkit-backface-visibility: visible !important;
backface-visibility: visible !important;
}
@-webkit-keyframes flipOutY {
0% {
-webkit-transform: perspective(400px);
transform: perspective(400px);
}
30% {
-webkit-transform: perspective(400px) rotateY(-15deg);
transform: perspective(400px) rotateY(-15deg);
opacity: 1;
}
to {
-webkit-transform: perspective(400px) rotateY(90deg);
transform: perspective(400px) rotateY(90deg);
opacity: 0;
}
}
@keyframes flipOutY {
0% {
-webkit-transform: perspective(400px);
transform: perspective(400px);
}
30% {
-webkit-transform: perspective(400px) rotateY(-15deg);
transform: perspective(400px) rotateY(-15deg);
opacity: 1;
}
to {
-webkit-transform: perspective(400px) rotateY(90deg);
transform: perspective(400px) rotateY(90deg);
opacity: 0;
}
}
.flipOutY {
-webkit-animation-duration: .75s;
animation-duration: .75s;
-webkit-backface-visibility: visible !important;
backface-visibility: visible !important;
-webkit-animation-name: flipOutY;
animation-name: flipOutY;
}
@-webkit-keyframes lightSpeedIn {
0% {
-webkit-transform: translate3d(100%, 0, 0) skewX(-30deg);
transform: translate3d(100%, 0, 0) skewX(-30deg);
opacity: 0;
}
60% {
-webkit-transform: skewX(20deg);
transform: skewX(20deg);
opacity: 1;
}
80% {
-webkit-transform: skewX(-5deg);
transform: skewX(-5deg);
}
to {
-webkit-transform: translateZ(0);
transform: translateZ(0);
}
}
@keyframes lightSpeedIn {
0% {
-webkit-transform: translate3d(100%, 0, 0) skewX(-30deg);
transform: translate3d(100%, 0, 0) skewX(-30deg);
opacity: 0;
}
60% {
-webkit-transform: skewX(20deg);
transform: skewX(20deg);
opacity: 1;
}
80% {
-webkit-transform: skewX(-5deg);
transform: skewX(-5deg);
}
to {
-webkit-transform: translateZ(0);
transform: translateZ(0);
}
}
.lightSpeedIn {
-webkit-animation-name: lightSpeedIn;
animation-name: lightSpeedIn;
-webkit-animation-timing-function: ease-out;
animation-timing-function: ease-out;
}
@-webkit-keyframes lightSpeedOut {
0% {
opacity: 1;
}
to {
-webkit-transform: translate3d(100%, 0, 0) skewX(30deg);
transform: translate3d(100%, 0, 0) skewX(30deg);
opacity: 0;
}
}
@keyframes lightSpeedOut {
0% {
opacity: 1;
}
to {
-webkit-transform: translate3d(100%, 0, 0) skewX(30deg);
transform: translate3d(100%, 0, 0) skewX(30deg);
opacity: 0;
}
}
.lightSpeedOut {
-webkit-animation-name: lightSpeedOut;
animation-name: lightSpeedOut;
-webkit-animation-timing-function: ease-in;
animation-timing-function: ease-in;
}
@-webkit-keyframes rotateIn {
0% {
-webkit-transform-origin: center;
transform-origin: center;
-webkit-transform: rotate(-200deg);
transform: rotate(-200deg);
opacity: 0;
}
to {
-webkit-transform-origin: center;
transform-origin: center;
-webkit-transform: translateZ(0);
transform: translateZ(0);
opacity: 1;
}
}
@keyframes rotateIn {
0% {
-webkit-transform-origin: center;
transform-origin: center;
-webkit-transform: rotate(-200deg);
transform: rotate(-200deg);
opacity: 0;
}
to {
-webkit-transform-origin: center;
transform-origin: center;
-webkit-transform: translateZ(0);
transform: translateZ(0);
opacity: 1;
}
}
.rotateIn {
-webkit-animation-name: rotateIn;
animation-name: rotateIn;
}
@-webkit-keyframes rotateInDownLeft {
0% {
-webkit-transform-origin: left bottom;
transform-origin: left bottom;
-webkit-transform: rotate(-45deg);
transform: rotate(-45deg);
opacity: 0;
}
to {
-webkit-transform-origin: left bottom;
transform-origin: left bottom;
-webkit-transform: translateZ(0);
transform: translateZ(0);
opacity: 1;
}
}
@keyframes rotateInDownLeft {
0% {
-webkit-transform-origin: left bottom;
transform-origin: left bottom;
-webkit-transform: rotate(-45deg);
transform: rotate(-45deg);
opacity: 0;
}
to {
-webkit-transform-origin: left bottom;
transform-origin: left bottom;
-webkit-transform: translateZ(0);
transform: translateZ(0);
opacity: 1;
}
}
.rotateInDownLeft {
-webkit-animation-name: rotateInDownLeft;
animation-name: rotateInDownLeft;
}
@-webkit-keyframes rotateInDownRight {
0% {
-webkit-transform-origin: right bottom;
transform-origin: right bottom;
-webkit-transform: rotate(45deg);
transform: rotate(45deg);
opacity: 0;
}
to {
-webkit-transform-origin: right bottom;
transform-origin: right bottom;
-webkit-transform: translateZ(0);
transform: translateZ(0);
opacity: 1;
}
}
@keyframes rotateInDownRight {
0% {
-webkit-transform-origin: right bottom;
transform-origin: right bottom;
-webkit-transform: rotate(45deg);
transform: rotate(45deg);
opacity: 0;
}
to {
-webkit-transform-origin: right bottom;
transform-origin: right bottom;
-webkit-transform: translateZ(0);
transform: translateZ(0);
opacity: 1;
}
}
.rotateInDownRight {
-webkit-animation-name: rotateInDownRight;
animation-name: rotateInDownRight;
}
@-webkit-keyframes rotateInUpLeft {
0% {
-webkit-transform-origin: left bottom;
transform-origin: left bottom;
-webkit-transform: rotate(45deg);
transform: rotate(45deg);
opacity: 0;
}
to {
-webkit-transform-origin: left bottom;
transform-origin: left bottom;
-webkit-transform: translateZ(0);
transform: translateZ(0);
opacity: 1;
}
}
@keyframes rotateInUpLeft {
0% {
-webkit-transform-origin: left bottom;
transform-origin: left bottom;
-webkit-transform: rotate(45deg);
transform: rotate(45deg);
opacity: 0;
}
to {
-webkit-transform-origin: left bottom;
transform-origin: left bottom;
-webkit-transform: translateZ(0);
transform: translateZ(0);
opacity: 1;
}
}
.rotateInUpLeft {
-webkit-animation-name: rotateInUpLeft;
animation-name: rotateInUpLeft;
}
@-webkit-keyframes rotateInUpRight {
0% {
-webkit-transform-origin: right bottom;
transform-origin: right bottom;
-webkit-transform: rotate(-90deg);
transform: rotate(-90deg);
opacity: 0;
}
to {
-webkit-transform-origin: right bottom;
transform-origin: right bottom;
-webkit-transform: translateZ(0);
transform: translateZ(0);
opacity: 1;
}
}
@keyframes rotateInUpRight {
0% {
-webkit-transform-origin: right bottom;
transform-origin: right bottom;
-webkit-transform: rotate(-90deg);
transform: rotate(-90deg);
opacity: 0;
}
to {
-webkit-transform-origin: right bottom;
transform-origin: right bottom;
-webkit-transform: translateZ(0);
transform: translateZ(0);
opacity: 1;
}
}
.rotateInUpRight {
-webkit-animation-name: rotateInUpRight;
animation-name: rotateInUpRight;
}
@-webkit-keyframes rotateOut {
0% {
-webkit-transform-origin: center;
transform-origin: center;
opacity: 1;
}
to {
-webkit-transform-origin: center;
transform-origin: center;
-webkit-transform: rotate(200deg);
transform: rotate(200deg);
opacity: 0;
}
}
@keyframes rotateOut {
0% {
-webkit-transform-origin: center;
transform-origin: center;
opacity: 1;
}
to {
-webkit-transform-origin: center;
transform-origin: center;
-webkit-transform: rotate(200deg);
transform: rotate(200deg);
opacity: 0;
}
}
.rotateOut {
-webkit-animation-name: rotateOut;
animation-name: rotateOut;
}
@-webkit-keyframes rotateOutDownLeft {
0% {
-webkit-transform-origin: left bottom;
transform-origin: left bottom;
opacity: 1;
}
to {
-webkit-transform-origin: left bottom;
transform-origin: left bottom;
-webkit-transform: rotate(45deg);
transform: rotate(45deg);
opacity: 0;
}
}
@keyframes rotateOutDownLeft {
0% {
-webkit-transform-origin: left bottom;
transform-origin: left bottom;
opacity: 1;
}
to {
-webkit-transform-origin: left bottom;
transform-origin: left bottom;
-webkit-transform: rotate(45deg);
transform: rotate(45deg);
opacity: 0;
}
}
.rotateOutDownLeft {
-webkit-animation-name: rotateOutDownLeft;
animation-name: rotateOutDownLeft;
}
@-webkit-keyframes rotateOutDownRight {
0% {
-webkit-transform-origin: right bottom;
transform-origin: right bottom;
opacity: 1;
}
to {
-webkit-transform-origin: right bottom;
transform-origin: right bottom;
-webkit-transform: rotate(-45deg);
transform: rotate(-45deg);
opacity: 0;
}
}
@keyframes rotateOutDownRight {
0% {
-webkit-transform-origin: right bottom;
transform-origin: right bottom;
opacity: 1;
}
to {
-webkit-transform-origin: right bottom;
transform-origin: right bottom;
-webkit-transform: rotate(-45deg);
transform: rotate(-45deg);
opacity: 0;
}
}
.rotateOutDownRight {
-webkit-animation-name: rotateOutDownRight;
animation-name: rotateOutDownRight;
}
@-webkit-keyframes rotateOutUpLeft {
0% {
-webkit-transform-origin: left bottom;
transform-origin: left bottom;
opacity: 1;
}
to {
-webkit-transform-origin: left bottom;
transform-origin: left bottom;
-webkit-transform: rotate(-45deg);
transform: rotate(-45deg);
opacity: 0;
}
}
@keyframes rotateOutUpLeft {
0% {
-webkit-transform-origin: left bottom;
transform-origin: left bottom;
opacity: 1;
}
to {
-webkit-transform-origin: left bottom;
transform-origin: left bottom;
-webkit-transform: rotate(-45deg);
transform: rotate(-45deg);
opacity: 0;
}
}
.rotateOutUpLeft {
-webkit-animation-name: rotateOutUpLeft;
animation-name: rotateOutUpLeft;
}
@-webkit-keyframes rotateOutUpRight {
0% {
-webkit-transform-origin: right bottom;
transform-origin: right bottom;
opacity: 1;
}
to {
-webkit-transform-origin: right bottom;
transform-origin: right bottom;
-webkit-transform: rotate(90deg);
transform: rotate(90deg);
opacity: 0;
}
}
@keyframes rotateOutUpRight {
0% {
-webkit-transform-origin: right bottom;
transform-origin: right bottom;
opacity: 1;
}
to {
-webkit-transform-origin: right bottom;
transform-origin: right bottom;
-webkit-transform: rotate(90deg);
transform: rotate(90deg);
opacity: 0;
}
}
.rotateOutUpRight {
-webkit-animation-name: rotateOutUpRight;
animation-name: rotateOutUpRight;
}
@-webkit-keyframes hinge {
0% {
-webkit-transform-origin: top left;
transform-origin: top left;
-webkit-animation-timing-function: ease-in-out;
animation-timing-function: ease-in-out;
}
20%, 60% {
-webkit-transform: rotate(80deg);
transform: rotate(80deg);
-webkit-transform-origin: top left;
transform-origin: top left;
-webkit-animation-timing-function: ease-in-out;
animation-timing-function: ease-in-out;
}
40%, 80% {
-webkit-transform: rotate(60deg);
transform: rotate(60deg);
-webkit-transform-origin: top left;
transform-origin: top left;
-webkit-animation-timing-function: ease-in-out;
animation-timing-function: ease-in-out;
opacity: 1;
}
to {
-webkit-transform: translate3d(0, 700px, 0);
transform: translate3d(0, 700px, 0);
opacity: 0;
}
}
@keyframes hinge {
0% {
-webkit-transform-origin: top left;
transform-origin: top left;
-webkit-animation-timing-function: ease-in-out;
animation-timing-function: ease-in-out;
}
20%, 60% {
-webkit-transform: rotate(80deg);
transform: rotate(80deg);
-webkit-transform-origin: top left;
transform-origin: top left;
-webkit-animation-timing-function: ease-in-out;
animation-timing-function: ease-in-out;
}
40%, 80% {
-webkit-transform: rotate(60deg);
transform: rotate(60deg);
-webkit-transform-origin: top left;
transform-origin: top left;
-webkit-animation-timing-function: ease-in-out;
animation-timing-function: ease-in-out;
opacity: 1;
}
to {
-webkit-transform: translate3d(0, 700px, 0);
transform: translate3d(0, 700px, 0);
opacity: 0;
}
}
.hinge {
-webkit-animation-duration: 2s;
animation-duration: 2s;
-webkit-animation-name: hinge;
animation-name: hinge;
}
@-webkit-keyframes jackInTheBox {
0% {
opacity: 0;
-webkit-transform: scale(.1) rotate(30deg);
transform: scale(.1) rotate(30deg);
-webkit-transform-origin: center bottom;
transform-origin: center bottom;
}
50% {
-webkit-transform: rotate(-10deg);
transform: rotate(-10deg);
}
70% {
-webkit-transform: rotate(3deg);
transform: rotate(3deg);
}
to {
opacity: 1;
-webkit-transform: scale(1);
transform: scale(1);
}
}
@keyframes jackInTheBox {
0% {
opacity: 0;
-webkit-transform: scale(.1) rotate(30deg);
transform: scale(.1) rotate(30deg);
-webkit-transform-origin: center bottom;
transform-origin: center bottom;
}
50% {
-webkit-transform: rotate(-10deg);
transform: rotate(-10deg);
}
70% {
-webkit-transform: rotate(3deg);
transform: rotate(3deg);
}
to {
opacity: 1;
-webkit-transform: scale(1);
transform: scale(1);
}
}
.jackInTheBox {
-webkit-animation-name: jackInTheBox;
animation-name: jackInTheBox;
}
@-webkit-keyframes rollIn {
0% {
opacity: 0;
-webkit-transform: translate3d(-100%, 0, 0) rotate(-120deg);
transform: translate3d(-100%, 0, 0) rotate(-120deg);
}
to {
opacity: 1;
-webkit-transform: translateZ(0);
transform: translateZ(0);
}
}
@keyframes rollIn {
0% {
opacity: 0;
-webkit-transform: translate3d(-100%, 0, 0) rotate(-120deg);
transform: translate3d(-100%, 0, 0) rotate(-120deg);
}
to {
opacity: 1;
-webkit-transform: translateZ(0);
transform: translateZ(0);
}
}
.rollIn {
-webkit-animation-name: rollIn;
animation-name: rollIn;
}
@-webkit-keyframes rollOut {
0% {
opacity: 1;
}
to {
opacity: 0;
-webkit-transform: translate3d(100%, 0, 0) rotate(120deg);
transform: translate3d(100%, 0, 0) rotate(120deg);
}
}
@keyframes rollOut {
0% {
opacity: 1;
}
to {
opacity: 0;
-webkit-transform: translate3d(100%, 0, 0) rotate(120deg);
transform: translate3d(100%, 0, 0) rotate(120deg);
}
}
.rollOut {
-webkit-animation-name: rollOut;
animation-name: rollOut;
}
@-webkit-keyframes zoomIn {
0% {
opacity: 0;
-webkit-transform: scale3d(.3, .3, .3);
transform: scale3d(.3, .3, .3);
}
50% {
opacity: 1;
}
}
@keyframes zoomIn {
0% {
opacity: 0;
-webkit-transform: scale3d(.3, .3, .3);
transform: scale3d(.3, .3, .3);
}
50% {
opacity: 1;
}
}
.zoomIn {
-webkit-animation-name: zoomIn;
animation-name: zoomIn;
}
@-webkit-keyframes zoomInDown {
0% {
opacity: 0;
-webkit-transform: scale3d(.1, .1, .1) translate3d(0, -1000px, 0);
transform: scale3d(.1, .1, .1) translate3d(0, -1000px, 0);
-webkit-animation-timing-function: cubic-bezier(.55, .055, .675, .19);
animation-timing-function: cubic-bezier(.55, .055, .675, .19);
}
60% {
opacity: 1;
-webkit-transform: scale3d(.475, .475, .475) translate3d(0, 60px, 0);
transform: scale3d(.475, .475, .475) translate3d(0, 60px, 0);
-webkit-animation-timing-function: cubic-bezier(.175, .885, .32, 1);
animation-timing-function: cubic-bezier(.175, .885, .32, 1);
}
}
@keyframes zoomInDown {
0% {
opacity: 0;
-webkit-transform: scale3d(.1, .1, .1) translate3d(0, -1000px, 0);
transform: scale3d(.1, .1, .1) translate3d(0, -1000px, 0);
-webkit-animation-timing-function: cubic-bezier(.55, .055, .675, .19);
animation-timing-function: cubic-bezier(.55, .055, .675, .19);
}
60% {
opacity: 1;
-webkit-transform: scale3d(.475, .475, .475) translate3d(0, 60px, 0);
transform: scale3d(.475, .475, .475) translate3d(0, 60px, 0);
-webkit-animation-timing-function: cubic-bezier(.175, .885, .32, 1);
animation-timing-function: cubic-bezier(.175, .885, .32, 1);
}
}
.zoomInDown {
-webkit-animation-name: zoomInDown;
animation-name: zoomInDown;
}
@-webkit-keyframes zoomInLeft {
0% {
opacity: 0;
-webkit-transform: scale3d(.1, .1, .1) translate3d(-1000px, 0, 0);
transform: scale3d(.1, .1, .1) translate3d(-1000px, 0, 0);
-webkit-animation-timing-function: cubic-bezier(.55, .055, .675, .19);
animation-timing-function: cubic-bezier(.55, .055, .675, .19);
}
60% {
opacity: 1;
-webkit-transform: scale3d(.475, .475, .475) translate3d(10px, 0, 0);
transform: scale3d(.475, .475, .475) translate3d(10px, 0, 0);
-webkit-animation-timing-function: cubic-bezier(.175, .885, .32, 1);
animation-timing-function: cubic-bezier(.175, .885, .32, 1);
}
}
@keyframes zoomInLeft {
0% {
opacity: 0;
-webkit-transform: scale3d(.1, .1, .1) translate3d(-1000px, 0, 0);
transform: scale3d(.1, .1, .1) translate3d(-1000px, 0, 0);
-webkit-animation-timing-function: cubic-bezier(.55, .055, .675, .19);
animation-timing-function: cubic-bezier(.55, .055, .675, .19);
}
60% {
opacity: 1;
-webkit-transform: scale3d(.475, .475, .475) translate3d(10px, 0, 0);
transform: scale3d(.475, .475, .475) translate3d(10px, 0, 0);
-webkit-animation-timing-function: cubic-bezier(.175, .885, .32, 1);
animation-timing-function: cubic-bezier(.175, .885, .32, 1);
}
}
.zoomInLeft {
-webkit-animation-name: zoomInLeft;
animation-name: zoomInLeft;
}
@-webkit-keyframes zoomInRight {
0% {
opacity: 0;
-webkit-transform: scale3d(.1, .1, .1) translate3d(1000px, 0, 0);
transform: scale3d(.1, .1, .1) translate3d(1000px, 0, 0);
-webkit-animation-timing-function: cubic-bezier(.55, .055, .675, .19);
animation-timing-function: cubic-bezier(.55, .055, .675, .19);
}
60% {
opacity: 1;
-webkit-transform: scale3d(.475, .475, .475) translate3d(-10px, 0, 0);
transform: scale3d(.475, .475, .475) translate3d(-10px, 0, 0);
-webkit-animation-timing-function: cubic-bezier(.175, .885, .32, 1);
animation-timing-function: cubic-bezier(.175, .885, .32, 1);
}
}
@keyframes zoomInRight {
0% {
opacity: 0;
-webkit-transform: scale3d(.1, .1, .1) translate3d(1000px, 0, 0);
transform: scale3d(.1, .1, .1) translate3d(1000px, 0, 0);
-webkit-animation-timing-function: cubic-bezier(.55, .055, .675, .19);
animation-timing-function: cubic-bezier(.55, .055, .675, .19);
}
60% {
opacity: 1;
-webkit-transform: scale3d(.475, .475, .475) translate3d(-10px, 0, 0);
transform: scale3d(.475, .475, .475) translate3d(-10px, 0, 0);
-webkit-animation-timing-function: cubic-bezier(.175, .885, .32, 1);
animation-timing-function: cubic-bezier(.175, .885, .32, 1);
}
}
.zoomInRight {
-webkit-animation-name: zoomInRight;
animation-name: zoomInRight;
}
@-webkit-keyframes zoomInUp {
0% {
opacity: 0;
-webkit-transform: scale3d(.1, .1, .1) translate3d(0, 1000px, 0);
transform: scale3d(.1, .1, .1) translate3d(0, 1000px, 0);
-webkit-animation-timing-function: cubic-bezier(.55, .055, .675, .19);
animation-timing-function: cubic-bezier(.55, .055, .675, .19);
}
60% {
opacity: 1;
-webkit-transform: scale3d(.475, .475, .475) translate3d(0, -60px, 0);
transform: scale3d(.475, .475, .475) translate3d(0, -60px, 0);
-webkit-animation-timing-function: cubic-bezier(.175, .885, .32, 1);
animation-timing-function: cubic-bezier(.175, .885, .32, 1);
}
}
@keyframes zoomInUp {
0% {
opacity: 0;
-webkit-transform: scale3d(.1, .1, .1) translate3d(0, 1000px, 0);
transform: scale3d(.1, .1, .1) translate3d(0, 1000px, 0);
-webkit-animation-timing-function: cubic-bezier(.55, .055, .675, .19);
animation-timing-function: cubic-bezier(.55, .055, .675, .19);
}
60% {
opacity: 1;
-webkit-transform: scale3d(.475, .475, .475) translate3d(0, -60px, 0);
transform: scale3d(.475, .475, .475) translate3d(0, -60px, 0);
-webkit-animation-timing-function: cubic-bezier(.175, .885, .32, 1);
animation-timing-function: cubic-bezier(.175, .885, .32, 1);
}
}
.zoomInUp {
-webkit-animation-name: zoomInUp;
animation-name: zoomInUp;
}
@-webkit-keyframes zoomOut {
0% {
opacity: 1;
}
50% {
opacity: 0;
-webkit-transform: scale3d(.3, .3, .3);
transform: scale3d(.3, .3, .3);
}
to {
opacity: 0;
}
}
@keyframes zoomOut {
0% {
opacity: 1;
}
50% {
opacity: 0;
-webkit-transform: scale3d(.3, .3, .3);
transform: scale3d(.3, .3, .3);
}
to {
opacity: 0;
}
}
.zoomOut {
-webkit-animation-name: zoomOut;
animation-name: zoomOut;
}
@-webkit-keyframes zoomOutDown {
40% {
opacity: 1;
-webkit-transform: scale3d(.475, .475, .475) translate3d(0, -60px, 0);
transform: scale3d(.475, .475, .475) translate3d(0, -60px, 0);
-webkit-animation-timing-function: cubic-bezier(.55, .055, .675, .19);
animation-timing-function: cubic-bezier(.55, .055, .675, .19);
}
to {
opacity: 0;
-webkit-transform: scale3d(.1, .1, .1) translate3d(0, 2000px, 0);
transform: scale3d(.1, .1, .1) translate3d(0, 2000px, 0);
-webkit-transform-origin: center bottom;
transform-origin: center bottom;
-webkit-animation-timing-function: cubic-bezier(.175, .885, .32, 1);
animation-timing-function: cubic-bezier(.175, .885, .32, 1);
}
}
@keyframes zoomOutDown {
40% {
opacity: 1;
-webkit-transform: scale3d(.475, .475, .475) translate3d(0, -60px, 0);
transform: scale3d(.475, .475, .475) translate3d(0, -60px, 0);
-webkit-animation-timing-function: cubic-bezier(.55, .055, .675, .19);
animation-timing-function: cubic-bezier(.55, .055, .675, .19);
}
to {
opacity: 0;
-webkit-transform: scale3d(.1, .1, .1) translate3d(0, 2000px, 0);
transform: scale3d(.1, .1, .1) translate3d(0, 2000px, 0);
-webkit-transform-origin: center bottom;
transform-origin: center bottom;
-webkit-animation-timing-function: cubic-bezier(.175, .885, .32, 1);
animation-timing-function: cubic-bezier(.175, .885, .32, 1);
}
}
.zoomOutDown {
-webkit-animation-name: zoomOutDown;
animation-name: zoomOutDown;
}
@-webkit-keyframes zoomOutLeft {
40% {
opacity: 1;
-webkit-transform: scale3d(.475, .475, .475) translate3d(42px, 0, 0);
transform: scale3d(.475, .475, .475) translate3d(42px, 0, 0);
}
to {
opacity: 0;
-webkit-transform: scale(.1) translate3d(-2000px, 0, 0);
transform: scale(.1) translate3d(-2000px, 0, 0);
-webkit-transform-origin: left center;
transform-origin: left center;
}
}
@keyframes zoomOutLeft {
40% {
opacity: 1;
-webkit-transform: scale3d(.475, .475, .475) translate3d(42px, 0, 0);
transform: scale3d(.475, .475, .475) translate3d(42px, 0, 0);
}
to {
opacity: 0;
-webkit-transform: scale(.1) translate3d(-2000px, 0, 0);
transform: scale(.1) translate3d(-2000px, 0, 0);
-webkit-transform-origin: left center;
transform-origin: left center;
}
}
.zoomOutLeft {
-webkit-animation-name: zoomOutLeft;
animation-name: zoomOutLeft;
}
@-webkit-keyframes zoomOutRight {
40% {
opacity: 1;
-webkit-transform: scale3d(.475, .475, .475) translate3d(-42px, 0, 0);
transform: scale3d(.475, .475, .475) translate3d(-42px, 0, 0);
}
to {
opacity: 0;
-webkit-transform: scale(.1) translate3d(2000px, 0, 0);
transform: scale(.1) translate3d(2000px, 0, 0);
-webkit-transform-origin: right center;
transform-origin: right center;
}
}
@keyframes zoomOutRight {
40% {
opacity: 1;
-webkit-transform: scale3d(.475, .475, .475) translate3d(-42px, 0, 0);
transform: scale3d(.475, .475, .475) translate3d(-42px, 0, 0);
}
to {
opacity: 0;
-webkit-transform: scale(.1) translate3d(2000px, 0, 0);
transform: scale(.1) translate3d(2000px, 0, 0);
-webkit-transform-origin: right center;
transform-origin: right center;
}
}
.zoomOutRight {
-webkit-animation-name: zoomOutRight;
animation-name: zoomOutRight;
}
@-webkit-keyframes zoomOutUp {
40% {
opacity: 1;
-webkit-transform: scale3d(.475, .475, .475) translate3d(0, 60px, 0);
transform: scale3d(.475, .475, .475) translate3d(0, 60px, 0);
-webkit-animation-timing-function: cubic-bezier(.55, .055, .675, .19);
animation-timing-function: cubic-bezier(.55, .055, .675, .19);
}
to {
opacity: 0;
-webkit-transform: scale3d(.1, .1, .1) translate3d(0, -2000px, 0);
transform: scale3d(.1, .1, .1) translate3d(0, -2000px, 0);
-webkit-transform-origin: center bottom;
transform-origin: center bottom;
-webkit-animation-timing-function: cubic-bezier(.175, .885, .32, 1);
animation-timing-function: cubic-bezier(.175, .885, .32, 1);
}
}
@keyframes zoomOutUp {
40% {
opacity: 1;
-webkit-transform: scale3d(.475, .475, .475) translate3d(0, 60px, 0);
transform: scale3d(.475, .475, .475) translate3d(0, 60px, 0);
-webkit-animation-timing-function: cubic-bezier(.55, .055, .675, .19);
animation-timing-function: cubic-bezier(.55, .055, .675, .19);
}
to {
opacity: 0;
-webkit-transform: scale3d(.1, .1, .1) translate3d(0, -2000px, 0);
transform: scale3d(.1, .1, .1) translate3d(0, -2000px, 0);
-webkit-transform-origin: center bottom;
transform-origin: center bottom;
-webkit-animation-timing-function: cubic-bezier(.175, .885, .32, 1);
animation-timing-function: cubic-bezier(.175, .885, .32, 1);
}
}
.zoomOutUp {
-webkit-animation-name: zoomOutUp;
animation-name: zoomOutUp;
}
@-webkit-keyframes slideInDown {
0% {
-webkit-transform: translate3d(0, -100%, 0);
transform: translate3d(0, -100%, 0);
visibility: visible;
}
to {
-webkit-transform: translateZ(0);
transform: translateZ(0);
}
}
@keyframes slideInDown {
0% {
-webkit-transform: translate3d(0, -100%, 0);
transform: translate3d(0, -100%, 0);
visibility: visible;
}
to {
-webkit-transform: translateZ(0);
transform: translateZ(0);
}
}
.slideInDown {
-webkit-animation-name: slideInDown;
animation-name: slideInDown;
}
@-webkit-keyframes slideInLeft {
0% {
-webkit-transform: translate3d(-100%, 0, 0);
transform: translate3d(-100%, 0, 0);
visibility: visible;
}
to {
-webkit-transform: translateZ(0);
transform: translateZ(0);
}
}
@keyframes slideInLeft {
0% {
-webkit-transform: translate3d(-100%, 0, 0);
transform: translate3d(-100%, 0, 0);
visibility: visible;
}
to {
-webkit-transform: translateZ(0);
transform: translateZ(0);
}
}
.slideInLeft {
-webkit-animation-name: slideInLeft;
animation-name: slideInLeft;
}
@-webkit-keyframes slideInRight {
0% {
-webkit-transform: translate3d(100%, 0, 0);
transform: translate3d(100%, 0, 0);
visibility: visible;
}
to {
-webkit-transform: translateZ(0);
transform: translateZ(0);
}
}
@keyframes slideInRight {
0% {
-webkit-transform: translate3d(100%, 0, 0);
transform: translate3d(100%, 0, 0);
visibility: visible;
}
to {
-webkit-transform: translateZ(0);
transform: translateZ(0);
}
}
.slideInRight {
-webkit-animation-name: slideInRight;
animation-name: slideInRight;
}
@-webkit-keyframes slideInUp {
0% {
-webkit-transform: translate3d(0, 100%, 0);
transform: translate3d(0, 100%, 0);
visibility: visible;
}
to {
-webkit-transform: translateZ(0);
transform: translateZ(0);
}
}
@keyframes slideInUp {
0% {
-webkit-transform: translate3d(0, 100%, 0);
transform: translate3d(0, 100%, 0);
visibility: visible;
}
to {
-webkit-transform: translateZ(0);
transform: translateZ(0);
}
}
.slideInUp {
-webkit-animation-name: slideInUp;
animation-name: slideInUp;
}
@-webkit-keyframes slideOutDown {
0% {
-webkit-transform: translateZ(0);
transform: translateZ(0);
}
to {
visibility: hidden;
-webkit-transform: translate3d(0, 100%, 0);
transform: translate3d(0, 100%, 0);
}
}
@keyframes slideOutDown {
0% {
-webkit-transform: translateZ(0);
transform: translateZ(0);
}
to {
visibility: hidden;
-webkit-transform: translate3d(0, 100%, 0);
transform: translate3d(0, 100%, 0);
}
}
.slideOutDown {
-webkit-animation-name: slideOutDown;
animation-name: slideOutDown;
}
@-webkit-keyframes slideOutLeft {
0% {
-webkit-transform: translateZ(0);
transform: translateZ(0);
}
to {
visibility: hidden;
-webkit-transform: translate3d(-100%, 0, 0);
transform: translate3d(-100%, 0, 0);
}
}
@keyframes slideOutLeft {
0% {
-webkit-transform: translateZ(0);
transform: translateZ(0);
}
to {
visibility: hidden;
-webkit-transform: translate3d(-100%, 0, 0);
transform: translate3d(-100%, 0, 0);
}
}
.slideOutLeft {
-webkit-animation-name: slideOutLeft;
animation-name: slideOutLeft;
}
@-webkit-keyframes slideOutRight {
0% {
-webkit-transform: translateZ(0);
transform: translateZ(0);
}
to {
visibility: hidden;
-webkit-transform: translate3d(100%, 0, 0);
transform: translate3d(100%, 0, 0);
}
}
@keyframes slideOutRight {
0% {
-webkit-transform: translateZ(0);
transform: translateZ(0);
}
to {
visibility: hidden;
-webkit-transform: translate3d(100%, 0, 0);
transform: translate3d(100%, 0, 0);
}
}
.slideOutRight {
-webkit-animation-name: slideOutRight;
animation-name: slideOutRight;
}
@-webkit-keyframes slideOutUp {
0% {
-webkit-transform: translateZ(0);
transform: translateZ(0);
}
to {
visibility: hidden;
-webkit-transform: translate3d(0, -100%, 0);
transform: translate3d(0, -100%, 0);
}
}
@keyframes slideOutUp {
0% {
-webkit-transform: translateZ(0);
transform: translateZ(0);
}
to {
visibility: hidden;
-webkit-transform: translate3d(0, -100%, 0);
transform: translate3d(0, -100%, 0);
}
}
.slideOutUp {
-webkit-animation-name: slideOutUp;
animation-name: slideOutUp;
}
.animated {
-webkit-animation-duration: 1s;
animation-duration: 1s;
-webkit-animation-fill-mode: both;
animation-fill-mode: both;
}
.animated.infinite {
-webkit-animation-iteration-count: infinite;
animation-iteration-count: infinite;
}
.animated.delay-1s {
-webkit-animation-delay: 1s;
animation-delay: 1s;
}
.animated.delay-2s {
-webkit-animation-delay: 2s;
animation-delay: 2s;
}
.animated.delay-3s {
-webkit-animation-delay: 3s;
animation-delay: 3s;
}
.animated.delay-4s {
-webkit-animation-delay: 4s;
animation-delay: 4s;
}
.animated.delay-5s {
-webkit-animation-delay: 5s;
animation-delay: 5s;
}
.animated.fast {
-webkit-animation-duration: .8s;
animation-duration: .8s;
}
.animated.faster {
-webkit-animation-duration: .5s;
animation-duration: .5s;
}
.animated.slow {
-webkit-animation-duration: 2s;
animation-duration: 2s;
}
.animated.slower {
-webkit-animation-duration: 3s;
animation-duration: 3s;
}
@media (prefers-reduced-motion:reduce),(print) {
.animated {
-webkit-animation-duration: 1ms !important;
animation-duration: 1ms !important;
-webkit-transition-duration: 1ms !important;
transition-duration: 1ms !important;
-webkit-animation-iteration-count: 1 !important;
animation-iteration-count: 1 !important;
}
}
.wpcf7 .screen-reader-response {
position: absolute;
overflow: hidden;
clip: rect(1px, 1px, 1px, 1px);
clip-path: inset(50%);
height: 1px;
width: 1px;
margin: -1px;
padding: 0;
border: 0;
word-wrap: normal !important;
}
.wpcf7 .hidden-fields-container {
display: none;
}
.wpcf7 form .wpcf7-response-output {
margin: 2em .5em 1em;
padding: .2em 1em;
border: 2px solid #00a0d2;
}
.wpcf7 form.init .wpcf7-response-output, .wpcf7 form.resetting .wpcf7-response-output, .wpcf7 form.submitting .wpcf7-response-output {
display: none;
}
.wpcf7 form.sent .wpcf7-response-output {
border-color: #46b450;
}
.wpcf7 form.failed .wpcf7-response-output, .wpcf7 form.aborted .wpcf7-response-output {
border-color: #dc3232;
}
.wpcf7 form.spam .wpcf7-response-output {
border-color: #f56e28;
}
.wpcf7 form.invalid .wpcf7-response-output, .wpcf7 form.unaccepted .wpcf7-response-output, .wpcf7 form.payment-required .wpcf7-response-output {
border-color: #ffb900;
}
.wpcf7-form-control-wrap {
position: relative;
}
.wpcf7-not-valid-tip {
color: #dc3232;
font-size: 1em;
font-weight: normal;
display: block;
}
.use-floating-validation-tip .wpcf7-not-valid-tip {
position: relative;
top: -2ex;
left: 1em;
z-index: 100;
border: 1px solid #dc3232;
background: #fff;
padding: .2em .8em;
width: 24em;
}
.wpcf7-list-item {
display: inline-block;
margin: 0 0 0 1em;
}
.wpcf7-list-item-label::before, .wpcf7-list-item-label::after {
content: " ";
}
.wpcf7-spinner {
visibility: hidden;
display: inline-block;
background-color: #23282d;
opacity: .75;
width: 24px;
height: 24px;
border: none;
border-radius: 100%;
padding: 0;
margin: 0 24px;
position: relative;
}
form.submitting .wpcf7-spinner {
visibility: visible;
}
.wpcf7-spinner::before {
content: "";
position: absolute;
background-color: #fbfbfc;
top: 4px;
left: 4px;
width: 6px;
height: 6px;
border: none;
border-radius: 100%;
transform-origin: 8px 8px;
animation-name: spin;
animation-duration: 1000ms;
animation-timing-function: linear;
animation-iteration-count: infinite;
}
@media (prefers-reduced-motion: reduce) {
.wpcf7-spinner::before {
animation-name: blink;
animation-duration: 2000ms;
}
}
@keyframes spin {
from {
transform: rotate(0deg);
}
to {
transform: rotate(360deg);
}
}
@keyframes blink {
from {
opacity: 0;
}
50% {
opacity: 1;
}
to {
opacity: 0;
}
}
.wpcf7 [inert] {
opacity: .5;
}
.wpcf7 input[type="file"] {
cursor: pointer;
}
.wpcf7 input[type="file"]:disabled {
cursor: default;
}
.wpcf7 .wpcf7-submit:disabled {
cursor: not-allowed;
}
.wpcf7 input[type="url"], .wpcf7 input[type="email"], .wpcf7 input[type="tel"] {
direction: ltr;
}
.wpcf7-reflection > output {
display: list-item;
list-style: none;
}
.wpcf7-reflection > output[hidden] {
display: none;
}
.wpa-test-msg {
background: #d1ecf1 !important;
border: 1px solid #bee5eb !important;
border-radius: 5px !important;
color: #0c5460 !important;
font-size: 14px !important;
padding: .75rem 1.25rem !important;
font-family: Arial !important;
margin-top: 5px !important;
}
span.wpa-button {
display: inline-block !important;
padding-top: 5px !important;
color: #fff !important;
background-color: #6c757d !important;
border-color: #6c757d !important;
padding: 5px 10px !important;
border-radius: 5px !important;
margin-top: 5px !important;
cursor: pointer !important;
}
#altEmail_container, .altEmail_container {
position: absolute !important;
overflow: hidden !important;
display: inline !important;
height: 1px !important;
width: 1px !important;
z-index: -1000 !important;
}
:root {
--woocommerce: #720eec;
--wc-green: #7ad03a;
--wc-red: #a00;
--wc-orange: #ffba00;
--wc-blue: #2ea2cc;
--wc-primary: #720eec;
--wc-primary-text: #fcfbfe;
--wc-secondary: #e9e6ed;
--wc-secondary-text: #515151;
--wc-highlight: #958e09;
--wc-highligh-text: white;
--wc-content-bg: #fff;
--wc-subtext: #767676;
--wc-form-border-color: rgba(32, 7, 7, .8);
--wc-form-border-radius: 4px;
--wc-form-border-width: 1px;
}
.woocommerce .woocommerce-error .button, .woocommerce .woocommerce-info .button, .woocommerce .woocommerce-message .button, .woocommerce-page .woocommerce-error .button, .woocommerce-page .woocommerce-info .button, .woocommerce-page .woocommerce-message .button {
float: right;
}
.woocommerce .col2-set, .woocommerce-page .col2-set {
width: 100%;
}
.woocommerce .col2-set::after, .woocommerce .col2-set::before, .woocommerce-page .col2-set::after, .woocommerce-page .col2-set::before {
content: " ";
display: table;
}
.woocommerce .col2-set::after, .woocommerce-page .col2-set::after {
clear: both;
}
.woocommerce .col2-set .col-1, .woocommerce-page .col2-set .col-1 {
float: left;
width: 48%;
}
.woocommerce .col2-set .col-2, .woocommerce-page .col2-set .col-2 {
float: right;
width: 48%;
}
.woocommerce img, .woocommerce-page img {
height: auto;
max-width: 100%;
}
.woocommerce #content div.product div.images, .woocommerce div.product div.images, .woocommerce-page #content div.product div.images, .woocommerce-page div.product div.images {
float: left;
width: 48%;
}
.woocommerce #content div.product div.thumbnails::after, .woocommerce #content div.product div.thumbnails::before, .woocommerce div.product div.thumbnails::after, .woocommerce div.product div.thumbnails::before, .woocommerce-page #content div.product div.thumbnails::after, .woocommerce-page #content div.product div.thumbnails::before, .woocommerce-page div.product div.thumbnails::after, .woocommerce-page div.product div.thumbnails::before {
content: " ";
display: table;
}
.woocommerce #content div.product div.thumbnails::after, .woocommerce div.product div.thumbnails::after, .woocommerce-page #content div.product div.thumbnails::after, .woocommerce-page div.product div.thumbnails::after {
clear: both;
}
.woocommerce #content div.product div.thumbnails a, .woocommerce div.product div.thumbnails a, .woocommerce-page #content div.product div.thumbnails a, .woocommerce-page div.product div.thumbnails a {
float: left;
width: 30.75%;
margin-right: 3.8%;
margin-bottom: 1em;
}
.woocommerce #content div.product div.thumbnails a.last, .woocommerce div.product div.thumbnails a.last, .woocommerce-page #content div.product div.thumbnails a.last, .woocommerce-page div.product div.thumbnails a.last {
margin-right: 0;
}
.woocommerce #content div.product div.thumbnails a.first, .woocommerce div.product div.thumbnails a.first, .woocommerce-page #content div.product div.thumbnails a.first, .woocommerce-page div.product div.thumbnails a.first {
clear: both;
}
.woocommerce #content div.product div.thumbnails.columns-1 a, .woocommerce div.product div.thumbnails.columns-1 a, .woocommerce-page #content div.product div.thumbnails.columns-1 a, .woocommerce-page div.product div.thumbnails.columns-1 a {
width: 100%;
margin-right: 0;
float: none;
}
.woocommerce #content div.product div.thumbnails.columns-2 a, .woocommerce div.product div.thumbnails.columns-2 a, .woocommerce-page #content div.product div.thumbnails.columns-2 a, .woocommerce-page div.product div.thumbnails.columns-2 a {
width: 48%;
}
.woocommerce #content div.product div.thumbnails.columns-4 a, .woocommerce div.product div.thumbnails.columns-4 a, .woocommerce-page #content div.product div.thumbnails.columns-4 a, .woocommerce-page div.product div.thumbnails.columns-4 a {
width: 22.05%;
}
.woocommerce #content div.product div.thumbnails.columns-5 a, .woocommerce div.product div.thumbnails.columns-5 a, .woocommerce-page #content div.product div.thumbnails.columns-5 a, .woocommerce-page div.product div.thumbnails.columns-5 a {
width: 16.9%;
}
.woocommerce #content div.product div.summary, .woocommerce div.product div.summary, .woocommerce-page #content div.product div.summary, .woocommerce-page div.product div.summary {
float: right;
width: 48%;
clear: none;
}
.woocommerce #content div.product .woocommerce-tabs, .woocommerce div.product .woocommerce-tabs, .woocommerce-page #content div.product .woocommerce-tabs, .woocommerce-page div.product .woocommerce-tabs {
clear: both;
}
.woocommerce #content div.product .woocommerce-tabs ul.tabs::after, .woocommerce #content div.product .woocommerce-tabs ul.tabs::before, .woocommerce div.product .woocommerce-tabs ul.tabs::after, .woocommerce div.product .woocommerce-tabs ul.tabs::before, .woocommerce-page #content div.product .woocommerce-tabs ul.tabs::after, .woocommerce-page #content div.product .woocommerce-tabs ul.tabs::before, .woocommerce-page div.product .woocommerce-tabs ul.tabs::after, .woocommerce-page div.product .woocommerce-tabs ul.tabs::before {
content: " ";
display: table;
}
.woocommerce #content div.product .woocommerce-tabs ul.tabs::after, .woocommerce div.product .woocommerce-tabs ul.tabs::after, .woocommerce-page #content div.product .woocommerce-tabs ul.tabs::after, .woocommerce-page div.product .woocommerce-tabs ul.tabs::after {
clear: both;
}
.woocommerce #content div.product .woocommerce-tabs ul.tabs li, .woocommerce div.product .woocommerce-tabs ul.tabs li, .woocommerce-page #content div.product .woocommerce-tabs ul.tabs li, .woocommerce-page div.product .woocommerce-tabs ul.tabs li {
display: inline-block;
}
.woocommerce #content div.product #reviews .comment::after, .woocommerce #content div.product #reviews .comment::before, .woocommerce div.product #reviews .comment::after, .woocommerce div.product #reviews .comment::before, .woocommerce-page #content div.product #reviews .comment::after, .woocommerce-page #content div.product #reviews .comment::before, .woocommerce-page div.product #reviews .comment::after, .woocommerce-page div.product #reviews .comment::before {
content: " ";
display: table;
}
.woocommerce #content div.product #reviews .comment::after, .woocommerce div.product #reviews .comment::after, .woocommerce-page #content div.product #reviews .comment::after, .woocommerce-page div.product #reviews .comment::after {
clear: both;
}
.woocommerce #content div.product #reviews .comment img, .woocommerce div.product #reviews .comment img, .woocommerce-page #content div.product #reviews .comment img, .woocommerce-page div.product #reviews .comment img {
float: right;
height: auto;
}
.woocommerce ul.products, .woocommerce-page ul.products {
clear: both;
}
.woocommerce ul.products::after, .woocommerce ul.products::before, .woocommerce-page ul.products::after, .woocommerce-page ul.products::before {
content: " ";
display: table;
}
.woocommerce ul.products::after, .woocommerce-page ul.products::after {
clear: both;
}
.woocommerce ul.products li.product, .woocommerce-page ul.products li.product {
float: left;
margin: 0 3.8% 2.992em 0;
padding: 0;
position: relative;
width: 22.05%;
margin-left: 0;
}
.woocommerce ul.products li.first, .woocommerce-page ul.products li.first {
clear: both;
}
.woocommerce ul.products li.last, .woocommerce-page ul.products li.last {
margin-right: 0;
}
.woocommerce ul.products.columns-1 li.product, .woocommerce-page ul.products.columns-1 li.product {
width: 100%;
margin-right: 0;
}
.woocommerce ul.products.columns-2 li.product, .woocommerce-page ul.products.columns-2 li.product {
width: 48%;
}
.woocommerce ul.products.columns-3 li.product, .woocommerce-page ul.products.columns-3 li.product {
width: 30.75%;
}
.woocommerce ul.products.columns-5 li.product, .woocommerce-page ul.products.columns-5 li.product {
width: 16.95%;
}
.woocommerce ul.products.columns-6 li.product, .woocommerce-page ul.products.columns-6 li.product {
width: 13.5%;
}
.woocommerce-page.columns-1 ul.products li.product, .woocommerce.columns-1 ul.products li.product {
width: 100%;
margin-right: 0;
}
.woocommerce-page.columns-2 ul.products li.product, .woocommerce.columns-2 ul.products li.product {
width: 48%;
}
.woocommerce-page.columns-3 ul.products li.product, .woocommerce.columns-3 ul.products li.product {
width: 30.75%;
}
.woocommerce-page.columns-5 ul.products li.product, .woocommerce.columns-5 ul.products li.product {
width: 16.95%;
}
.woocommerce-page.columns-6 ul.products li.product, .woocommerce.columns-6 ul.products li.product {
width: 13.5%;
}
.woocommerce .woocommerce-result-count, .woocommerce-page .woocommerce-result-count {
float: left;
}
.woocommerce .woocommerce-ordering, .woocommerce-page .woocommerce-ordering {
float: right;
}
.woocommerce .woocommerce-pagination ul.page-numbers::after, .woocommerce .woocommerce-pagination ul.page-numbers::before, .woocommerce-page .woocommerce-pagination ul.page-numbers::after, .woocommerce-page .woocommerce-pagination ul.page-numbers::before {
content: " ";
display: table;
}
.woocommerce .woocommerce-pagination ul.page-numbers::after, .woocommerce-page .woocommerce-pagination ul.page-numbers::after {
clear: both;
}
.woocommerce .woocommerce-pagination ul.page-numbers li, .woocommerce-page .woocommerce-pagination ul.page-numbers li {
display: inline-block;
}
.woocommerce #content table.cart img, .woocommerce table.cart img, .woocommerce-page #content table.cart img, .woocommerce-page table.cart img {
height: auto;
}
.woocommerce #content table.cart td.actions, .woocommerce table.cart td.actions, .woocommerce-page #content table.cart td.actions, .woocommerce-page table.cart td.actions {
text-align: right;
}
.woocommerce #content table.cart td.actions .input-text, .woocommerce table.cart td.actions .input-text, .woocommerce-page #content table.cart td.actions .input-text, .woocommerce-page table.cart td.actions .input-text {
width: 80px;
}
.woocommerce #content table.cart td.actions .coupon, .woocommerce table.cart td.actions .coupon, .woocommerce-page #content table.cart td.actions .coupon, .woocommerce-page table.cart td.actions .coupon {
float: left;
}
.woocommerce .cart-collaterals, .woocommerce-page .cart-collaterals {
width: 100%;
}
.woocommerce .cart-collaterals::after, .woocommerce .cart-collaterals::before, .woocommerce-page .cart-collaterals::after, .woocommerce-page .cart-collaterals::before {
content: " ";
display: table;
}
.woocommerce .cart-collaterals::after, .woocommerce-page .cart-collaterals::after {
clear: both;
}
.woocommerce .cart-collaterals .related, .woocommerce-page .cart-collaterals .related {
width: 30.75%;
float: left;
}
.woocommerce .cart-collaterals .cross-sells, .woocommerce-page .cart-collaterals .cross-sells {
width: 48%;
float: left;
}
.woocommerce .cart-collaterals .cross-sells ul.products, .woocommerce-page .cart-collaterals .cross-sells ul.products {
float: none;
}
.woocommerce .cart-collaterals .cross-sells ul.products li, .woocommerce-page .cart-collaterals .cross-sells ul.products li {
width: 48%;
}
.woocommerce .cart-collaterals .shipping_calculator, .woocommerce-page .cart-collaterals .shipping_calculator {
width: 48%;
clear: right;
float: right;
}
.woocommerce .cart-collaterals .shipping_calculator::after, .woocommerce .cart-collaterals .shipping_calculator::before, .woocommerce-page .cart-collaterals .shipping_calculator::after, .woocommerce-page .cart-collaterals .shipping_calculator::before {
content: " ";
display: table;
}
.woocommerce .cart-collaterals .shipping_calculator::after, .woocommerce-page .cart-collaterals .shipping_calculator::after {
clear: both;
}
.woocommerce .cart-collaterals .shipping_calculator .col2-set .col-1, .woocommerce .cart-collaterals .shipping_calculator .col2-set .col-2, .woocommerce-page .cart-collaterals .shipping_calculator .col2-set .col-1, .woocommerce-page .cart-collaterals .shipping_calculator .col2-set .col-2 {
width: 47%;
}
.woocommerce .cart-collaterals .cart_totals, .woocommerce-page .cart-collaterals .cart_totals {
float: right;
width: 48%;
}
.woocommerce ul.cart_list li::after, .woocommerce ul.cart_list li::before, .woocommerce ul.product_list_widget li::after, .woocommerce ul.product_list_widget li::before, .woocommerce-page ul.cart_list li::after, .woocommerce-page ul.cart_list li::before, .woocommerce-page ul.product_list_widget li::after, .woocommerce-page ul.product_list_widget li::before {
content: " ";
display: table;
}
.woocommerce ul.cart_list li::after, .woocommerce ul.product_list_widget li::after, .woocommerce-page ul.cart_list li::after, .woocommerce-page ul.product_list_widget li::after {
clear: both;
}
.woocommerce ul.cart_list li img, .woocommerce ul.product_list_widget li img, .woocommerce-page ul.cart_list li img, .woocommerce-page ul.product_list_widget li img {
float: right;
height: auto;
}
.woocommerce form .form-row::after, .woocommerce form .form-row::before, .woocommerce-page form .form-row::after, .woocommerce-page form .form-row::before {
content: " ";
display: table;
}
.woocommerce form .form-row::after, .woocommerce-page form .form-row::after {
clear: both;
}
.woocommerce form .form-row label, .woocommerce-page form .form-row label {
display: block;
}
.woocommerce form .form-row label.checkbox, .woocommerce-page form .form-row label.checkbox {
display: inline;
}
.woocommerce form .form-row select, .woocommerce-page form .form-row select {
width: 100%;
}
.woocommerce form .form-row .input-text, .woocommerce-page form .form-row .input-text {
box-sizing: border-box;
width: 100%;
}
.woocommerce form .form-row-first, .woocommerce form .form-row-last, .woocommerce-page form .form-row-first, .woocommerce-page form .form-row-last {
width: 47%;
overflow: visible;
}
.woocommerce form .form-row-first, .woocommerce-page form .form-row-first {
float: left;
}
.woocommerce form .form-row-last, .woocommerce-page form .form-row-last {
float: right;
}
.woocommerce form .form-row-wide, .woocommerce-page form .form-row-wide {
clear: both;
}
.woocommerce form .password-input, .woocommerce-page form .password-input {
display: flex;
flex-direction: column;
justify-content: center;
position: relative;
}
.woocommerce form .password-input input[type=password], .woocommerce-page form .password-input input[type=password] {
padding-right: 2.5rem;
}
.woocommerce form .password-input input::-ms-reveal, .woocommerce-page form .password-input input::-ms-reveal {
display: none;
}
.woocommerce form .show-password-input, .woocommerce-page form .show-password-input {
background-color: transparent;
border-radius: 0;
border: 0;
color: var(--wc-form-color-text, #000);
cursor: pointer;
font-size: inherit;
line-height: inherit;
margin: 0;
padding: 0;
position: absolute;
right: .7em;
text-decoration: none;
top: 50%;
transform: translateY(-50%);
-moz-osx-font-smoothing: inherit;
-webkit-appearance: none;
-webkit-font-smoothing: inherit;
}
.woocommerce form .show-password-input::before, .woocommerce-page form .show-password-input::before {
background-repeat: no-repeat;
background-size: cover;
background-image: url("data:image/svg+xml,");
content: "";
display: block;
height: 22px;
width: 22px;
}
.woocommerce form .show-password-input.display-password::before, .woocommerce-page form .show-password-input.display-password::before {
background-image: url("data:image/svg+xml,");
}
.woocommerce #payment .form-row select, .woocommerce-page #payment .form-row select {
width: auto;
}
.woocommerce #payment .terms, .woocommerce #payment .wc-terms-and-conditions, .woocommerce-page #payment .terms, .woocommerce-page #payment .wc-terms-and-conditions {
text-align: left;
padding: 0 1em 0 0;
float: left;
}
.woocommerce #payment #place_order, .woocommerce-page #payment #place_order {
float: right;
}
.woocommerce .woocommerce-billing-fields::after, .woocommerce .woocommerce-billing-fields::before, .woocommerce .woocommerce-shipping-fields::after, .woocommerce .woocommerce-shipping-fields::before, .woocommerce-page .woocommerce-billing-fields::after, .woocommerce-page .woocommerce-billing-fields::before, .woocommerce-page .woocommerce-shipping-fields::after, .woocommerce-page .woocommerce-shipping-fields::before {
content: " ";
display: table;
}
.woocommerce .woocommerce-billing-fields::after, .woocommerce .woocommerce-shipping-fields::after, .woocommerce-page .woocommerce-billing-fields::after, .woocommerce-page .woocommerce-shipping-fields::after {
clear: both;
}
.woocommerce .woocommerce-terms-and-conditions, .woocommerce-page .woocommerce-terms-and-conditions {
margin-bottom: 1.618em;
padding: 1.618em;
}
.woocommerce .woocommerce-oembed, .woocommerce-page .woocommerce-oembed {
position: relative;
}
.woocommerce-account .woocommerce-MyAccount-navigation {
float: left;
width: 30%;
}
.woocommerce-account .woocommerce-MyAccount-content {
float: right;
width: 68%;
}
.woocommerce-account .woocommerce-MyAccount-content mark {
background-color: transparent;
color: inherit;
font-weight: 700;
}
.woocommerce-page.left-sidebar #content.twentyeleven {
width: 58.4%;
margin: 0 7.6%;
float: right;
}
.woocommerce-page.right-sidebar #content.twentyeleven {
margin: 0 7.6%;
width: 58.4%;
float: left;
}
.twentyfourteen .tfwc {
padding: 12px 10px 0;
max-width: 474px;
margin: 0 auto;
}
.twentyfourteen .tfwc .product .entry-summary {
padding: 0 !important;
margin: 0 0 1.618em !important;
}
.twentyfourteen .tfwc div.product.hentry.has-post-thumbnail {
margin-top: 0;
}
@media screen and (min-width:673px) {
.twentyfourteen .tfwc {
padding-right: 30px;
padding-left: 30px;
}
}
@media screen and (min-width:1040px) {
.twentyfourteen .tfwc {
padding-right: 15px;
padding-left: 15px;
}
}
@media screen and (min-width:1110px) {
.twentyfourteen .tfwc {
padding-right: 30px;
padding-left: 30px;
}
}
@media screen and (min-width:1218px) {
.twentyfourteen .tfwc {
margin-right: 54px;
}
.full-width .twentyfourteen .tfwc {
margin-right: auto;
}
}
.twentyfifteen .t15wc {
padding-left: 7.6923%;
padding-right: 7.6923%;
padding-top: 7.6923%;
margin-bottom: 7.6923%;
background: #fff;
box-shadow: 0 0 1px rgba(0, 0, 0, .15);
}
.twentyfifteen .t15wc .page-title {
margin-left: 0;
}
@media screen and (min-width:38.75em) {
.twentyfifteen .t15wc {
margin-right: 7.6923%;
margin-left: 7.6923%;
margin-top: 8.3333%;
}
}
@media screen and (min-width:59.6875em) {
.twentyfifteen .t15wc {
margin-left: 8.3333%;
margin-right: 8.3333%;
padding: 10%;
}
.single-product .twentyfifteen .entry-summary {
padding: 0 !important;
}
}
.twentysixteen .site-main {
margin-right: 7.6923%;
margin-left: 7.6923%;
}
.twentysixteen .entry-summary {
margin-right: 0;
margin-left: 0;
}
#content .twentysixteen div.product div.images, #content .twentysixteen div.product div.summary {
width: 46.42857%;
}
@media screen and (min-width:44.375em) {
.twentysixteen .site-main {
margin-right: 23.0769%;
}
}
@media screen and (min-width:56.875em) {
.twentysixteen .site-main {
margin-right: 0;
margin-left: 0;
}
.no-sidebar .twentysixteen .site-main {
margin-right: 15%;
margin-left: 15%;
}
.no-sidebar .twentysixteen .entry-summary {
margin-right: 0;
margin-left: 0;
}
}
.rtl .woocommerce .col2-set .col-1, .rtl .woocommerce-page .col2-set .col-1 {
float: right;
}
.rtl .woocommerce .col2-set .col-2, .rtl .woocommerce-page .col2-set .col-2 {
float: left;
}
@media only screen and (max-width: 768px){
:root {
--woocommerce: #720eec;
--wc-green: #7ad03a;
--wc-red: #a00;
--wc-orange: #ffba00;
--wc-blue: #2ea2cc;
--wc-primary: #720eec;
--wc-primary-text: #fcfbfe;
--wc-secondary: #e9e6ed;
--wc-secondary-text: #515151;
--wc-highlight: #958e09;
--wc-highligh-text: white;
--wc-content-bg: #fff;
--wc-subtext: #767676;
--wc-form-border-color: rgba(32, 7, 7, .8);
--wc-form-border-radius: 4px;
--wc-form-border-width: 1px;
}
.woocommerce table.shop_table_responsive thead, .woocommerce-page table.shop_table_responsive thead {
display: none;
}
.woocommerce table.shop_table_responsive tbody tr:first-child td:first-child, .woocommerce-page table.shop_table_responsive tbody tr:first-child td:first-child {
border-top: 0;
}
.woocommerce table.shop_table_responsive tbody th, .woocommerce-page table.shop_table_responsive tbody th {
display: none;
}
.woocommerce table.shop_table_responsive tr, .woocommerce-page table.shop_table_responsive tr {
display: block;
}
.woocommerce table.shop_table_responsive tr td, .woocommerce-page table.shop_table_responsive tr td {
display: block;
text-align: right !important;
}
.woocommerce table.shop_table_responsive tr td.order-actions, .woocommerce-page table.shop_table_responsive tr td.order-actions {
text-align: left !important;
}
.woocommerce table.shop_table_responsive tr td::before, .woocommerce-page table.shop_table_responsive tr td::before {
content: attr(data-title) ": ";
font-weight: 700;
float: left;
}
.woocommerce table.shop_table_responsive tr td.actions::before, .woocommerce table.shop_table_responsive tr td.product-remove::before, .woocommerce-page table.shop_table_responsive tr td.actions::before, .woocommerce-page table.shop_table_responsive tr td.product-remove::before {
display: none;
}
.woocommerce table.shop_table_responsive tr:nth-child(2n) td, .woocommerce-page table.shop_table_responsive tr:nth-child(2n) td {
background-color: rgba(0, 0, 0, .025);
}
.woocommerce table.my_account_orders tr td.order-actions, .woocommerce-page table.my_account_orders tr td.order-actions {
text-align: left;
}
.woocommerce table.my_account_orders tr td.order-actions::before, .woocommerce-page table.my_account_orders tr td.order-actions::before {
display: none;
}
.woocommerce table.my_account_orders tr td.order-actions .button, .woocommerce-page table.my_account_orders tr td.order-actions .button {
float: none;
margin: .125em .25em .125em 0;
}
.woocommerce .col2-set .col-1, .woocommerce .col2-set .col-2, .woocommerce-page .col2-set .col-1, .woocommerce-page .col2-set .col-2 {
float: none;
width: 100%;
}
.woocommerce ul.products[class*=columns-] li.product, .woocommerce-page ul.products[class*=columns-] li.product {
width: 48%;
float: left;
clear: both;
margin: 0 0 2.992em;
}
.woocommerce ul.products[class*=columns-] li.product:nth-child(2n), .woocommerce-page ul.products[class*=columns-] li.product:nth-child(2n) {
float: right;
clear: none !important;
}
.woocommerce #content div.product div.images, .woocommerce #content div.product div.summary, .woocommerce div.product div.images, .woocommerce div.product div.summary, .woocommerce-page #content div.product div.images, .woocommerce-page #content div.product div.summary, .woocommerce-page div.product div.images, .woocommerce-page div.product div.summary {
float: none;
width: 100%;
}
.woocommerce #content table.cart .product-thumbnail, .woocommerce table.cart .product-thumbnail, .woocommerce-page #content table.cart .product-thumbnail, .woocommerce-page table.cart .product-thumbnail {
display: none;
}
.woocommerce #content table.cart td.actions, .woocommerce table.cart td.actions, .woocommerce-page #content table.cart td.actions, .woocommerce-page table.cart td.actions {
text-align: left;
}
.woocommerce #content table.cart td.actions .coupon, .woocommerce table.cart td.actions .coupon, .woocommerce-page #content table.cart td.actions .coupon, .woocommerce-page table.cart td.actions .coupon {
float: none;
padding-bottom: .5em;
}
.woocommerce #content table.cart td.actions .coupon::after, .woocommerce #content table.cart td.actions .coupon::before, .woocommerce table.cart td.actions .coupon::after, .woocommerce table.cart td.actions .coupon::before, .woocommerce-page #content table.cart td.actions .coupon::after, .woocommerce-page #content table.cart td.actions .coupon::before, .woocommerce-page table.cart td.actions .coupon::after, .woocommerce-page table.cart td.actions .coupon::before {
content: " ";
display: table;
}
.woocommerce #content table.cart td.actions .coupon::after, .woocommerce table.cart td.actions .coupon::after, .woocommerce-page #content table.cart td.actions .coupon::after, .woocommerce-page table.cart td.actions .coupon::after {
clear: both;
}
.woocommerce #content table.cart td.actions .coupon .button, .woocommerce #content table.cart td.actions .coupon .input-text, .woocommerce #content table.cart td.actions .coupon input, .woocommerce table.cart td.actions .coupon .button, .woocommerce table.cart td.actions .coupon .input-text, .woocommerce table.cart td.actions .coupon input, .woocommerce-page #content table.cart td.actions .coupon .button, .woocommerce-page #content table.cart td.actions .coupon .input-text, .woocommerce-page #content table.cart td.actions .coupon input, .woocommerce-page table.cart td.actions .coupon .button, .woocommerce-page table.cart td.actions .coupon .input-text, .woocommerce-page table.cart td.actions .coupon input {
width: 48%;
box-sizing: border-box;
}
.woocommerce #content table.cart td.actions .coupon .button.alt, .woocommerce #content table.cart td.actions .coupon .input-text+.button, .woocommerce table.cart td.actions .coupon .button.alt, .woocommerce table.cart td.actions .coupon .input-text+.button, .woocommerce-page #content table.cart td.actions .coupon .button.alt, .woocommerce-page #content table.cart td.actions .coupon .input-text+.button, .woocommerce-page table.cart td.actions .coupon .button.alt, .woocommerce-page table.cart td.actions .coupon .input-text+.button {
float: right;
}
.woocommerce #content table.cart td.actions .coupon .coupon-error-notice, .woocommerce table.cart td.actions .coupon .coupon-error-notice, .woocommerce-page #content table.cart td.actions .coupon .coupon-error-notice, .woocommerce-page table.cart td.actions .coupon .coupon-error-notice {
clear: left;
color: var(--wc-red);
float: left;
font-size: .75em;
margin-bottom: 0;
text-align: left;
width: 48%;
}
.woocommerce #content table.cart td.actions .button, .woocommerce table.cart td.actions .button, .woocommerce-page #content table.cart td.actions .button, .woocommerce-page table.cart td.actions .button {
display: block;
width: 100%;
}
.woocommerce .cart-collaterals .cart_totals, .woocommerce .cart-collaterals .cross-sells, .woocommerce .cart-collaterals .shipping_calculator, .woocommerce-page .cart-collaterals .cart_totals, .woocommerce-page .cart-collaterals .cross-sells, .woocommerce-page .cart-collaterals .shipping_calculator {
width: 100%;
float: none;
text-align: left;
}
.woocommerce-page.woocommerce-checkout form.login .form-row, .woocommerce.woocommerce-checkout form.login .form-row {
width: 100%;
float: none;
}
.woocommerce #payment .terms, .woocommerce-page #payment .terms {
text-align: left;
padding: 0;
}
.woocommerce #payment #place_order, .woocommerce-page #payment #place_order {
float: none;
width: 100%;
box-sizing: border-box;
margin-bottom: 1em;
}
.woocommerce .lost_reset_password .form-row-first, .woocommerce .lost_reset_password .form-row-last, .woocommerce-page .lost_reset_password .form-row-first, .woocommerce-page .lost_reset_password .form-row-last {
width: 100%;
float: none;
margin-right: 0;
}
.woocommerce-account .woocommerce-MyAccount-content, .woocommerce-account .woocommerce-MyAccount-navigation {
float: none;
width: 100%;
}
.single-product .twentythirteen .panel {
padding-left: 20px !important;
padding-right: 20px !important;
}
}
@charset "UTF-8";
:root {
--woocommerce: #720eec;
--wc-green: #7ad03a;
--wc-red: #a00;
--wc-orange: #ffba00;
--wc-blue: #2ea2cc;
--wc-primary: #720eec;
--wc-primary-text: #fcfbfe;
--wc-secondary: #e9e6ed;
--wc-secondary-text: #515151;
--wc-highlight: #958e09;
--wc-highligh-text: white;
--wc-content-bg: #fff;
--wc-subtext: #767676;
--wc-form-border-color: rgba(32, 7, 7, .8);
--wc-form-border-radius: 4px;
--wc-form-border-width: 1px;
}
@keyframes spin {
100% {
transform: rotate(360deg);
}
}
.woocommerce form .form-row {
padding: 3px;
margin: 0 0 6px;
}
.woocommerce form .form-row [placeholder]:focus::-webkit-input-placeholder {
-webkit-transition: opacity .5s .5s ease;
transition: opacity .5s .5s ease;
opacity: 0;
}
.woocommerce form .form-row label {
line-height: 2;
}
.woocommerce form .form-row label.hidden {
visibility: hidden;
}
.woocommerce form .form-row label.inline {
display: inline;
}
.woocommerce form .form-row .woocommerce-input-wrapper .description {
background: #1e85be;
color: #fff;
border-radius: 3px;
padding: 1em;
margin: .5em 0 0;
clear: both;
display: none;
position: relative;
}
.woocommerce form .form-row .woocommerce-input-wrapper .description a {
color: #fff;
text-decoration: underline;
border: 0;
box-shadow: none;
}
.woocommerce form .form-row .woocommerce-input-wrapper .description::before {
left: 50%;
top: 0;
margin-top: -4px;
transform: translateX(-50%) rotate(180deg);
content: "";
position: absolute;
border-width: 4px 6px 0 6px;
border-style: solid;
border-color: #1e85be transparent transparent transparent;
z-index: 100;
display: block;
}
.woocommerce form .form-row .input-checkbox {
display: inline;
margin: -2px 8px 0 0;
text-align: center;
vertical-align: middle;
}
.woocommerce form .form-row .input-text, .woocommerce form .form-row select {
font-family: inherit;
font-weight: 400;
letter-spacing: normal;
padding: .5em;
display: block;
background-color: var(--wc-form-color-background, #fff);
border: var(--wc-form-border-width) solid var(--wc-form-border-color);
border-radius: var(--wc-form-border-radius);
color: var(--wc-form-color-text, #000);
box-sizing: border-box;
width: 100%;
margin: 0;
line-height: normal;
height: auto;
}
.woocommerce form .form-row .input-text:focus, .woocommerce form .form-row select:focus {
border-color: currentColor;
}
.woocommerce form .form-row select {
cursor: pointer;
appearance: none;
padding-right: 3em;
background-image: url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9IjAgMCAyNCAyNCIgZmlsbD0ibm9uZSIgc3Ryb2tlPSJibGFjayIgc3Ryb2tlLXdpZHRoPSIyIiBzdHJva2UtbGluZWNhcD0icm91bmQiIHN0cm9rZS1saW5lam9pbj0icm91bmQiIGNsYXNzPSJmZWF0aGVyIGZlYXRoZXItY2hldnJvbi1kb3duIj48cG9seWxpbmUgcG9pbnRzPSI2IDkgMTIgMTUgMTggOSI+PC9wb2x5bGluZT48L3N2Zz4=");
background-repeat: no-repeat;
background-size: 16px;
background-position: calc(100% - .5em) 50%;
}
.woocommerce form .form-row textarea {
height: 4em;
line-height: 1.5;
box-shadow: none;
}
.woocommerce form .form-row .required {
color: var(--wc-red);
font-weight: 700;
border: 0 !important;
text-decoration: none;
visibility: hidden;
}
.woocommerce form .form-row select.nitro-lazy {
background-image: none !important;
}
.woocommerce form .form-row .optional {
visibility: visible;
}
.woocommerce form .form-row.woocommerce-invalid label {
color: var(--wc-red);
}
.woocommerce form .form-row.woocommerce-invalid input.input-text, .woocommerce form .form-row.woocommerce-invalid select {
border-color: var(--wc-red);
}
.woocommerce form .form-row.woocommerce-invalid .select2-container:not(.select2-container--open) .select2-selection {
border-color: var(--wc-red);
}
.woocommerce form .form-row.woocommerce-validated input.input-text, .woocommerce form .form-row.woocommerce-validated select {
border-color: var(--wc-green);
}
.woocommerce form .form-row.woocommerce-validated .select2-container:not(.select2-container--open) .select2-selection {
border-color: var(--wc-green);
}
.woocommerce form .form-row ::-webkit-input-placeholder {
line-height: normal;
}
.woocommerce form .form-row :-moz-placeholder {
line-height: normal;
}
.woocommerce form .form-row :-ms-input-placeholder {
line-height: normal;
}
.select2-container {
width: 100%;
}
.select2-container .select2-selection--single {
height: auto;
}
.select2-container .select2-selection--single .select2-selection__rendered {
padding: .5em;
line-height: normal;
box-sizing: border-box;
color: var(--wc-form-color-text, #444);
font-weight: 400;
}
.select2-container .select2-selection--single .select2-selection__placeholder {
color: #999;
}
.select2-container .select2-selection--single .select2-selection__arrow {
position: absolute;
top: 2px;
right: .5em;
height: 100%;
width: 16px;
}
.select2-container .select2-selection--single .select2-selection__arrow b {
border: none;
display: block;
background: url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9IjAgMCAyNCAyNCIgZmlsbD0ibm9uZSIgc3Ryb2tlPSJibGFjayIgc3Ryb2tlLXdpZHRoPSIyIiBzdHJva2UtbGluZWNhcD0icm91bmQiIHN0cm9rZS1saW5lam9pbj0icm91bmQiIGNsYXNzPSJmZWF0aGVyIGZlYXRoZXItY2hldnJvbi1kb3duIj48cG9seWxpbmUgcG9pbnRzPSI2IDkgMTIgMTUgMTggOSI+PC9wb2x5bGluZT48L3N2Zz4=") no-repeat;
background-size: 16px;
width: 16px;
height: 16px;
position: absolute;
top: 50%;
left: 0;
margin: -8px 0 0;
}
.select2-container .select2-selection--single .select2-selection__arrow b.nitro-lazy {
background: none !important;
}
.select2-container .select2-dropdown, .select2-container .select2-selection {
background-color: var(--wc-form-color-background, #fff);
border: var(--wc-form-border-width, 1px) solid var(--wc-form-border-color, #aaa);
border-radius: var(--wc-form-border-radius, 4px);
}
.select2-container.select2-container--open .select2-dropdown--above {
border-bottom: none;
border-bottom-left-radius: 0;
border-bottom-right-radius: 0;
}
.select2-container.select2-container--open .select2-dropdown--below {
border-top: none;
border-top-left-radius: 0;
border-top-right-radius: 0;
}
.select2-results__options {
list-style: none;
margin: 0;
padding: 0;
}
.select2-results__option {
margin: 0;
}
.woocommerce-store-notice, p.demo_store {
position: absolute;
top: 0;
left: 0;
right: 0;
margin: 0;
width: 100%;
font-size: 1em;
padding: 1em 0;
text-align: center;
background-color: #720eec;
color: #fcfbfe;
z-index: 99998;
box-shadow: 0 1px 1em rgba(0, 0, 0, .2);
display: none;
}
.woocommerce-store-notice a, p.demo_store a {
color: #fcfbfe;
text-decoration: underline;
}
.screen-reader-text {
clip: rect(1px, 1px, 1px, 1px);
height: 1px;
overflow: hidden;
position: absolute !important;
width: 1px;
word-wrap: normal !important;
}
.admin-bar p.demo_store {
top: 32px;
}
.clear {
clear: both;
}
.woocommerce .blockUI.blockOverlay {
position: relative;
}
.woocommerce .blockUI.blockOverlay::before {
height: 1em;
width: 1em;
display: block;
position: absolute;
top: 50%;
left: 50%;
margin-left: -.5em;
margin-top: -.5em;
content: "";
animation: spin 1s ease-in-out infinite;
background: url("https://cdn-henjh.nitrocdn.com/dTLaqbZCmTvYbliQNMqpFtOEIywLPxuf/assets/images/optimized/rev-de2d079/www.vincents.se/wp-content/plugins/woocommerce/assets/images/icons/loader.svg") center center;
background-size: cover;
line-height: 1;
text-align: center;
font-size: 2em;
color: rgba(0, 0, 0, .75);
}
.woocommerce .loader::before {
height: 1em;
width: 1em;
display: block;
position: absolute;
top: 50%;
left: 50%;
margin-left: -.5em;
margin-top: -.5em;
content: "";
animation: spin 1s ease-in-out infinite;
background: url("https://cdn-henjh.nitrocdn.com/dTLaqbZCmTvYbliQNMqpFtOEIywLPxuf/assets/images/optimized/rev-de2d079/www.vincents.se/wp-content/plugins/woocommerce/assets/images/icons/loader.svg") center center;
background-size: cover;
line-height: 1;
text-align: center;
font-size: 2em;
color: rgba(0, 0, 0, .75);
}
.woocommerce a.remove {
display: block;
font-size: 1.5em;
height: 1em;
width: 1em;
text-align: center;
line-height: 1;
border-radius: 100%;
color: var(--wc-red) !important;
text-decoration: none;
font-weight: 700;
border: 0;
}
.woocommerce a.remove:hover {
color: #fff !important;
background: var(--wc-red);
}
.woocommerce small.note {
display: block;
color: #767676;
font-size: .857em;
margin-top: 10px;
}
.woocommerce .woocommerce-breadcrumb {
margin: 0 0 1em;
padding: 0;
}
.woocommerce .woocommerce-breadcrumb::after, .woocommerce .woocommerce-breadcrumb::before {
content: " ";
display: table;
}
.woocommerce .woocommerce-breadcrumb::after {
clear: both;
}
.woocommerce .quantity .qty {
width: 3.631em;
text-align: center;
}
.woocommerce div.product {
margin-bottom: 0;
position: relative;
}
.woocommerce div.product .product_title {
clear: none;
margin-top: 0;
padding: 0;
}
.woocommerce div.product p.price ins, .woocommerce div.product span.price ins {
background: inherit;
font-weight: 700;
display: inline-block;
}
.woocommerce div.product p.price del, .woocommerce div.product span.price del {
opacity: .5;
display: inline-block;
}
.woocommerce div.product p.stock {
font-size: .92em;
}
.woocommerce div.product .woocommerce-product-rating {
margin-bottom: 1.618em;
}
.woocommerce div.product div.images {
margin-bottom: 2em;
}
.woocommerce div.product div.images img {
display: block;
width: 100%;
height: auto;
box-shadow: none;
}
.woocommerce div.product div.images div.thumbnails {
padding-top: 1em;
}
.woocommerce div.product div.images.woocommerce-product-gallery {
position: relative;
}
.woocommerce div.product div.images .woocommerce-product-gallery__wrapper {
transition: all cubic-bezier(.795, -.035, 0, 1) .5s;
margin: 0;
padding: 0;
}
.woocommerce div.product div.images .woocommerce-product-gallery__wrapper .zoomImg {
background-color: #fff;
opacity: 0;
}
.woocommerce div.product div.images .woocommerce-product-gallery__image--placeholder {
border: 1px solid #f2f2f2;
}
.woocommerce div.product div.images .woocommerce-product-gallery__image:nth-child(n+2) {
width: 25%;
display: inline-block;
}
.woocommerce div.product div.images .woocommerce-product-gallery__image a {
display: block;
outline-offset: -2px;
}
.woocommerce div.product div.images .woocommerce-product-gallery__trigger {
background: #fff;
border: none;
box-sizing: content-box;
border-radius: 100%;
cursor: pointer;
font-size: 2em;
height: 36px;
padding: 0;
position: absolute;
right: .5em;
text-indent: -9999px;
top: .5em;
width: 36px;
z-index: 99;
}
.woocommerce div.product div.images .woocommerce-product-gallery__trigger::before {
border: 2px solid #000;
border-radius: 100%;
box-sizing: content-box;
content: "";
display: block;
height: 10px;
left: 9px;
top: 9px;
position: absolute;
width: 10px;
}
.woocommerce div.product div.images .woocommerce-product-gallery__trigger::after {
background: #000;
border-radius: 6px;
box-sizing: content-box;
content: "";
display: block;
height: 8px;
left: 22px;
position: absolute;
top: 19px;
transform: rotate(-45deg);
width: 2px;
}
.woocommerce div.product div.images .woocommerce-product-gallery__trigger span[aria-hidden=true] {
border: 0;
clip-path: inset(50%);
height: 1px;
left: 50%;
margin: -1px;
overflow: hidden;
position: absolute;
top: 50%;
width: 1px;
}
.woocommerce div.product div.images .flex-control-thumbs {
overflow: hidden;
zoom: 1;
margin: 0;
padding: 0;
}
.woocommerce div.product div.images .flex-control-thumbs li {
width: 25%;
float: left;
margin: 0;
list-style: none;
}
.woocommerce div.product div.images .flex-control-thumbs li img {
cursor: pointer;
opacity: .5;
margin: 0;
}
.woocommerce div.product div.images .flex-control-thumbs li img.flex-active, .woocommerce div.product div.images .flex-control-thumbs li img:hover {
opacity: 1;
}
.woocommerce div.product .woocommerce-product-gallery--columns-3 .flex-control-thumbs li:nth-child(3n+1) {
clear: left;
}
.woocommerce div.product .woocommerce-product-gallery--columns-4 .flex-control-thumbs li:nth-child(4n+1) {
clear: left;
}
.woocommerce div.product .woocommerce-product-gallery--columns-5 .flex-control-thumbs li:nth-child(5n+1) {
clear: left;
}
.woocommerce div.product div.summary {
margin-bottom: 2em;
}
.woocommerce div.product div.social {
text-align: right;
margin: 0 0 1em;
}
.woocommerce div.product div.social span {
margin: 0 0 0 2px;
}
.woocommerce div.product div.social span span {
margin: 0;
}
.woocommerce div.product div.social span .stButton .chicklets {
padding-left: 16px;
width: 0;
}
.woocommerce div.product div.social iframe {
float: left;
margin-top: 3px;
}
.woocommerce div.product .woocommerce-tabs ul.tabs {
list-style: none;
padding: 0 0 0 1em;
margin: 0 0 1.618em;
overflow: hidden;
position: relative;
}
.woocommerce div.product .woocommerce-tabs ul.tabs li {
border: 1px solid #cfc8d8;
background-color: #e9e6ed;
color: #515151;
display: inline-block;
position: relative;
z-index: 0;
border-radius: 4px 4px 0 0;
margin: 0 -5px;
padding: 0 1em;
}
.woocommerce div.product .woocommerce-tabs ul.tabs li a {
display: inline-block;
padding: .5em 0;
font-weight: 700;
color: #515151;
text-decoration: none;
}
.woocommerce div.product .woocommerce-tabs ul.tabs li a:hover {
text-decoration: none;
color: #6b6b6b;
}
.woocommerce div.product .woocommerce-tabs ul.tabs li.active {
background: #fff;
color: #515151;
z-index: 2;
border-bottom-color: #fff;
}
.woocommerce div.product .woocommerce-tabs ul.tabs li.active a {
color: inherit;
text-shadow: inherit;
}
.woocommerce div.product .woocommerce-tabs ul.tabs li.active::before {
box-shadow: 2px 2px 0 #fff;
}
.woocommerce div.product .woocommerce-tabs ul.tabs li.active::after {
box-shadow: -2px 2px 0 #fff;
}
.woocommerce div.product .woocommerce-tabs ul.tabs li::after, .woocommerce div.product .woocommerce-tabs ul.tabs li::before {
border: 1px solid #cfc8d8;
position: absolute;
bottom: -1px;
width: 5px;
height: 5px;
content: " ";
box-sizing: border-box;
}
.woocommerce div.product .woocommerce-tabs ul.tabs li::before {
left: -5px;
border-bottom-right-radius: 4px;
border-width: 0 1px 1px 0;
box-shadow: 2px 2px 0 #e9e6ed;
}
.woocommerce div.product .woocommerce-tabs ul.tabs li::after {
right: -5px;
border-bottom-left-radius: 4px;
border-width: 0 0 1px 1px;
box-shadow: -2px 2px 0 #e9e6ed;
}
.woocommerce div.product .woocommerce-tabs ul.tabs::before {
position: absolute;
content: " ";
width: 100%;
bottom: 0;
left: 0;
border-bottom: 1px solid #cfc8d8;
z-index: 1;
}
.woocommerce div.product .woocommerce-tabs .panel {
margin: 0 0 2em;
padding: 0;
}
.woocommerce div.product p.cart {
margin-bottom: 2em;
}
.woocommerce div.product p.cart::after, .woocommerce div.product p.cart::before {
content: " ";
display: table;
}
.woocommerce div.product p.cart::after {
clear: both;
}
.woocommerce div.product form.cart {
margin-bottom: 2em;
}
.woocommerce div.product form.cart::after, .woocommerce div.product form.cart::before {
content: " ";
display: table;
}
.woocommerce div.product form.cart::after {
clear: both;
}
.woocommerce div.product form.cart div.quantity {
float: left;
margin: 0 4px 0 0;
}
.woocommerce div.product form.cart table {
border-width: 0 0 1px;
}
.woocommerce div.product form.cart table td {
padding-left: 0;
}
.woocommerce div.product form.cart table div.quantity {
float: none;
margin: 0;
}
.woocommerce div.product form.cart table small.stock {
display: block;
float: none;
}
.woocommerce div.product form.cart .variations {
margin-bottom: 1em;
border: 0;
width: 100%;
}
.woocommerce div.product form.cart .variations td, .woocommerce div.product form.cart .variations th {
border: 0;
line-height: 2em;
vertical-align: top;
}
.woocommerce div.product form.cart .variations label {
font-weight: 700;
text-align: left;
}
.woocommerce div.product form.cart .variations select {
max-width: 100%;
min-width: 75%;
display: inline-block;
margin-right: 1em;
appearance: none;
-webkit-appearance: none;
-moz-appearance: none;
padding-right: 3em;
background: url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9IjAgMCAyNCAyNCIgZmlsbD0ibm9uZSIgc3Ryb2tlPSJibGFjayIgc3Ryb2tlLXdpZHRoPSIyIiBzdHJva2UtbGluZWNhcD0icm91bmQiIHN0cm9rZS1saW5lam9pbj0icm91bmQiIGNsYXNzPSJmZWF0aGVyIGZlYXRoZXItY2hldnJvbi1kb3duIj48cG9seWxpbmUgcG9pbnRzPSI2IDkgMTIgMTUgMTggOSI+PC9wb2x5bGluZT48L3N2Zz4=") no-repeat;
background-size: 16px;
-webkit-background-size: 16px;
background-position: calc(100% - 12px) 50%;
-webkit-background-position: calc(100% - 12px) 50%;
}
.woocommerce div.product form.cart .variations select.nitro-lazy {
background: none !important;
}
.woocommerce div.product form.cart .variations td.label {
padding-right: 1em;
}
.woocommerce div.product form.cart .woocommerce-variation-description p {
margin-bottom: 1em;
}
.woocommerce div.product form.cart .reset_variations {
visibility: hidden;
font-size: .83em;
}
.woocommerce div.product form.cart .wc-no-matching-variations {
display: none;
}
.woocommerce div.product form.cart .button {
vertical-align: middle;
float: left;
}
.woocommerce div.product form.cart .group_table td.woocommerce-grouped-product-list-item__label {
padding-right: 1em;
padding-left: 1em;
}
.woocommerce div.product form.cart .group_table td {
vertical-align: top;
padding-bottom: .5em;
border: 0;
}
.woocommerce div.product form.cart .group_table td:first-child {
width: 4em;
text-align: center;
}
.woocommerce div.product form.cart .group_table .wc-grouped-product-add-to-cart-checkbox {
display: inline-block;
width: auto;
margin: 0 auto;
transform: scale(1.5, 1.5);
}
.woocommerce span.onsale {
min-height: 3.236em;
min-width: 3.236em;
padding: .202em;
font-size: 1em;
font-size: .857em;
font-weight: 700;
position: absolute;
text-align: center;
line-height: 3.236;
top: -.5em;
left: -.5em;
margin: 0;
border-radius: 100%;
background-color: #958e09;
color: #fff;
z-index: 9;
}
.woocommerce .products ul, .woocommerce ul.products {
margin: 0 0 1em;
padding: 0;
list-style: none outside;
clear: both;
}
.woocommerce .products ul::after, .woocommerce .products ul::before, .woocommerce ul.products::after, .woocommerce ul.products::before {
content: " ";
display: table;
}
.woocommerce .products ul::after, .woocommerce ul.products::after {
clear: both;
}
.woocommerce .products ul li, .woocommerce ul.products li {
list-style: none outside;
}
.woocommerce ul.products li.product .onsale {
top: 0;
right: 0;
left: auto;
margin: -.5em -.5em 0 0;
}
.woocommerce ul.products li.product .woocommerce-loop-category__title, .woocommerce ul.products li.product .woocommerce-loop-product__title, .woocommerce ul.products li.product h3 {
padding: .5em 0;
margin: 0;
font-size: 1em;
}
.woocommerce ul.products li.product a {
text-decoration: none;
}
.woocommerce ul.products li.product a.woocommerce-loop-product__link {
display: block;
}
.woocommerce ul.products li.product a img {
width: 100%;
height: auto;
display: block;
margin: 0 0 1em;
box-shadow: none;
}
.woocommerce ul.products li.product strong {
display: block;
}
.woocommerce ul.products li.product .woocommerce-placeholder {
border: 1px solid #f2f2f2;
}
.woocommerce ul.products li.product .star-rating {
font-size: .857em;
}
.woocommerce ul.products li.product .button {
display: inline-block;
margin-top: 1em;
}
.woocommerce ul.products li.product .price {
display: block;
font-weight: 400;
margin-bottom: .5em;
font-size: .857em;
}
.woocommerce ul.products li.product .price del {
color: inherit;
opacity: .5;
display: inline-block;
}
.woocommerce ul.products li.product .price ins {
background: 0 0;
font-weight: 700;
display: inline-block;
}
.woocommerce ul.products li.product .price .from {
font-size: .67em;
margin: -2px 0 0 0;
text-transform: uppercase;
color: rgba(90, 89, 68, .5);
}
.woocommerce .woocommerce-result-count {
margin: 0 0 1em;
}
.woocommerce .woocommerce-ordering {
margin: 0 0 1em;
}
.woocommerce .woocommerce-ordering>label {
margin-right: .25rem;
}
.woocommerce .woocommerce-ordering select {
vertical-align: top;
}
.woocommerce nav.woocommerce-pagination {
text-align: center;
}
.woocommerce nav.woocommerce-pagination ul {
display: inline-block;
white-space: nowrap;
padding: 0;
clear: both;
border: 1px solid #cfc8d8;
border-right: 0;
margin: 1px;
}
.woocommerce nav.woocommerce-pagination ul li {
border-right: 1px solid #cfc8d8;
padding: 0;
margin: 0;
float: left;
display: inline;
overflow: hidden;
}
.woocommerce nav.woocommerce-pagination ul li a, .woocommerce nav.woocommerce-pagination ul li span {
margin: 0;
text-decoration: none;
padding: 0;
padding: .5em;
line-height: 1;
font-size: 1em;
font-weight: 400;
min-width: 1em;
display: block;
}
.woocommerce nav.woocommerce-pagination ul li a:focus, .woocommerce nav.woocommerce-pagination ul li a:hover, .woocommerce nav.woocommerce-pagination ul li span.current {
background: #e9e6ed;
color: #816f98;
}
.woocommerce .cart .button, .woocommerce .cart input.button {
float: none;
}
.woocommerce a.added_to_cart {
padding-top: .5em;
display: inline-block;
}
.woocommerce #reviews h2 small {
float: right;
color: #767676;
font-size: 15px;
margin: 10px 0 0;
}
.woocommerce #reviews h2 small a {
text-decoration: none;
color: #767676;
}
.woocommerce #reviews h3 {
margin: 0;
}
.woocommerce #reviews #respond {
margin: 0;
border: 0;
padding: 0;
}
.woocommerce #reviews #comment {
height: 75px;
}
.woocommerce #reviews #comments .add_review::after, .woocommerce #reviews #comments .add_review::before {
content: " ";
display: table;
}
.woocommerce #reviews #comments .add_review::after {
clear: both;
}
.woocommerce #reviews #comments h2 {
clear: none;
}
.woocommerce #reviews #comments ol.commentlist {
margin: 0;
width: 100%;
background: 0 0;
list-style: none;
}
.woocommerce #reviews #comments ol.commentlist::after, .woocommerce #reviews #comments ol.commentlist::before {
content: " ";
display: table;
}
.woocommerce #reviews #comments ol.commentlist::after {
clear: both;
}
.woocommerce #reviews #comments ol.commentlist li {
padding: 0;
margin: 0 0 20px;
border: 0;
border: 0;
position: relative;
background: 0;
}
.woocommerce #reviews #comments ol.commentlist li img.avatar {
float: left;
position: absolute;
top: 0;
left: 0;
padding: 3px;
width: 32px;
height: auto;
background: #e9e6ed;
border: 1px solid #e1dde7;
margin: 0;
box-shadow: none;
}
.woocommerce #reviews #comments ol.commentlist li .comment-text {
margin: 0 0 0 50px;
border: 1px solid #e1dde7;
border-radius: 4px;
padding: 1em 1em 0;
}
.woocommerce #reviews #comments ol.commentlist li .comment-text::after, .woocommerce #reviews #comments ol.commentlist li .comment-text::before {
content: " ";
display: table;
}
.woocommerce #reviews #comments ol.commentlist li .comment-text::after {
clear: both;
}
.woocommerce #reviews #comments ol.commentlist li .comment-text p {
margin: 0 0 1em;
}
.woocommerce #reviews #comments ol.commentlist li .comment-text p.meta {
font-size: .83em;
}
.woocommerce #reviews #comments ol.commentlist ul.children {
list-style: none outside;
margin: 20px 0 0 50px;
}
.woocommerce #reviews #comments ol.commentlist ul.children .star-rating {
display: none;
}
.woocommerce #reviews #comments ol.commentlist #respond {
border: 1px solid #e1dde7;
border-radius: 4px;
padding: 1em 1em 0;
margin: 20px 0 0 50px;
}
.woocommerce #reviews #comments .commentlist>li::before {
content: "";
}
.woocommerce .star-rating {
float: right;
overflow: hidden;
position: relative;
height: 1em;
line-height: 1;
font-size: 1em;
width: 5.4em;
font-family: WooCommerce;
}
.woocommerce .star-rating::before {
content: "sssss";
color: #cfc8d8;
float: left;
top: 0;
left: 0;
position: absolute;
}
.woocommerce .star-rating span {
overflow: hidden;
float: left;
top: 0;
left: 0;
position: absolute;
padding-top: 1.5em;
}
.woocommerce .star-rating span::before {
content: "SSSSS";
top: 0;
position: absolute;
left: 0;
}
.woocommerce .woocommerce-product-rating {
line-height: 2;
display: block;
}
.woocommerce .woocommerce-product-rating::after, .woocommerce .woocommerce-product-rating::before {
content: " ";
display: table;
}
.woocommerce .woocommerce-product-rating::after {
clear: both;
}
.woocommerce .woocommerce-product-rating .star-rating {
margin: .5em 4px 0 0;
float: left;
}
.woocommerce .products .star-rating {
display: block;
margin: 0 0 .5em;
float: none;
}
.woocommerce .hreview-aggregate .star-rating {
margin: 10px 0 0;
}
.woocommerce #review_form #respond {
position: static;
margin: 0;
width: auto;
padding: 0;
background: transparent none;
border: 0;
}
.woocommerce #review_form #respond::after, .woocommerce #review_form #respond::before {
content: " ";
display: table;
}
.woocommerce #review_form #respond::after {
clear: both;
}
.woocommerce #review_form #respond p {
margin: 0 0 10px;
}
.woocommerce #review_form #respond .form-submit input {
left: auto;
}
.woocommerce #review_form #respond textarea {
box-sizing: border-box;
width: 100%;
}
.woocommerce p.stars a {
position: relative;
height: 1em;
width: 1em;
text-indent: -999em;
display: inline-block;
text-decoration: none;
font-size: 24px;
}
.woocommerce p.stars a::before {
display: block;
position: absolute;
top: 0;
left: 0;
width: 1em;
height: 1em;
line-height: 1;
font-family: WooCommerce;
content: "";
content: ""/"";
text-indent: 0;
}
.woocommerce p.stars a:hover~a::before {
content: "";
}
.woocommerce p.stars:hover a::before {
content: "";
}
.woocommerce p.stars.selected a.active::before {
content: "";
}
.woocommerce p.stars.selected a.active~a::before {
content: "";
}
.woocommerce p.stars.selected a:not(.active)::before {
content: "";
}
.woocommerce table.shop_attributes {
border: 0;
border-top: 1px dotted rgba(0, 0, 0, .1);
margin-bottom: 1.618em;
width: 100%;
}
.woocommerce table.shop_attributes th {
width: 150px;
font-weight: 700;
padding: 8px;
border-top: 0;
border-bottom: 1px dotted rgba(0, 0, 0, .1);
margin: 0;
line-height: 1.5;
}
.woocommerce table.shop_attributes td {
font-style: italic;
padding: 0;
border-top: 0;
border-bottom: 1px dotted rgba(0, 0, 0, .1);
margin: 0;
line-height: 1.5;
}
.woocommerce table.shop_attributes td p {
margin: 0;
padding: 8px 0;
}
.woocommerce table.shop_attributes tr:nth-child(even) td, .woocommerce table.shop_attributes tr:nth-child(even) th {
background: rgba(0, 0, 0, .025);
}
.woocommerce table.shop_table {
border: 1px solid rgba(0, 0, 0, .1);
margin: 0 -1px 24px 0;
text-align: left;
width: 100%;
border-collapse: separate;
border-radius: 5px;
}
.woocommerce table.shop_table th {
font-weight: 700;
padding: 9px 12px;
line-height: 1.5em;
}
.woocommerce table.shop_table td {
border-top: 1px solid rgba(0, 0, 0, .1);
padding: 9px 12px;
vertical-align: middle;
line-height: 1.5em;
}
.woocommerce table.shop_table td small {
font-weight: 400;
}
.woocommerce table.shop_table td del {
font-weight: 400;
}
.woocommerce table.shop_table tbody:first-child tr:first-child td, .woocommerce table.shop_table tbody:first-child tr:first-child th {
border-top: 0;
}
.woocommerce table.shop_table tbody th, .woocommerce table.shop_table tfoot td, .woocommerce table.shop_table tfoot th {
font-weight: 700;
border-top: 1px solid rgba(0, 0, 0, .1);
}
.woocommerce table.my_account_orders {
font-size: .85em;
}
.woocommerce table.my_account_orders td, .woocommerce table.my_account_orders th {
padding: 4px 8px;
vertical-align: middle;
}
.woocommerce table.my_account_orders .button {
white-space: nowrap;
}
.woocommerce table.woocommerce-MyAccount-downloads td, .woocommerce table.woocommerce-MyAccount-downloads th {
vertical-align: top;
text-align: center;
}
.woocommerce table.woocommerce-MyAccount-downloads td:first-child, .woocommerce table.woocommerce-MyAccount-downloads th:first-child {
text-align: left;
}
.woocommerce table.woocommerce-MyAccount-downloads td:last-child, .woocommerce table.woocommerce-MyAccount-downloads th:last-child {
text-align: left;
}
.woocommerce table.woocommerce-MyAccount-downloads td .woocommerce-MyAccount-downloads-file::before, .woocommerce table.woocommerce-MyAccount-downloads th .woocommerce-MyAccount-downloads-file::before {
content: "↓";
display: inline-block;
}
.woocommerce td.product-name .wc-item-meta, .woocommerce td.product-name dl.variation {
list-style: none outside;
}
.woocommerce td.product-name .wc-item-meta .wc-item-meta-label, .woocommerce td.product-name .wc-item-meta dt, .woocommerce td.product-name dl.variation .wc-item-meta-label, .woocommerce td.product-name dl.variation dt {
float: left;
clear: both;
margin-right: .25em;
display: inline-block;
list-style: none outside;
}
.woocommerce td.product-name .wc-item-meta dd, .woocommerce td.product-name dl.variation dd {
margin: 0;
}
.woocommerce td.product-name .wc-item-meta p, .woocommerce td.product-name .wc-item-meta:last-child, .woocommerce td.product-name dl.variation p, .woocommerce td.product-name dl.variation:last-child {
margin-bottom: 0;
}
.woocommerce td.product-name p.backorder_notification {
font-size: .83em;
}
.woocommerce td.product-quantity {
min-width: 80px;
}
.woocommerce ul.cart_list, .woocommerce ul.product_list_widget {
list-style: none outside;
padding: 0;
margin: 0;
}
.woocommerce ul.cart_list li, .woocommerce ul.product_list_widget li {
padding: 4px 0;
margin: 0;
list-style: none;
}
.woocommerce ul.cart_list li::after, .woocommerce ul.cart_list li::before, .woocommerce ul.product_list_widget li::after, .woocommerce ul.product_list_widget li::before {
content: " ";
display: table;
}
.woocommerce ul.cart_list li::after, .woocommerce ul.product_list_widget li::after {
clear: both;
}
.woocommerce ul.cart_list li a, .woocommerce ul.product_list_widget li a {
display: block;
font-weight: 700;
}
.woocommerce ul.cart_list li img, .woocommerce ul.product_list_widget li img {
float: right;
margin-left: 4px;
width: 32px;
height: auto;
box-shadow: none;
}
.woocommerce ul.cart_list li dl, .woocommerce ul.product_list_widget li dl {
margin: 0;
padding-left: 1em;
border-left: 2px solid rgba(0, 0, 0, .1);
}
.woocommerce ul.cart_list li dl::after, .woocommerce ul.cart_list li dl::before, .woocommerce ul.product_list_widget li dl::after, .woocommerce ul.product_list_widget li dl::before {
content: " ";
display: table;
}
.woocommerce ul.cart_list li dl::after, .woocommerce ul.product_list_widget li dl::after {
clear: both;
}
.woocommerce ul.cart_list li dl dd, .woocommerce ul.cart_list li dl dt, .woocommerce ul.product_list_widget li dl dd, .woocommerce ul.product_list_widget li dl dt {
display: inline-block;
float: left;
margin-bottom: 1em;
}
.woocommerce ul.cart_list li dl dt, .woocommerce ul.product_list_widget li dl dt {
font-weight: 700;
padding: 0 0 .25em;
margin: 0 4px 0 0;
clear: left;
}
.woocommerce ul.cart_list li dl dd, .woocommerce ul.product_list_widget li dl dd {
padding: 0 0 .25em;
}
.woocommerce ul.cart_list li dl dd p:last-child, .woocommerce ul.product_list_widget li dl dd p:last-child {
margin-bottom: 0;
}
.woocommerce ul.cart_list li .star-rating, .woocommerce ul.product_list_widget li .star-rating {
float: none;
}
.woocommerce .widget_shopping_cart .total, .woocommerce.widget_shopping_cart .total {
border-top: 3px double #e9e6ed;
padding: 4px 0 0;
}
.woocommerce .widget_shopping_cart .total strong, .woocommerce.widget_shopping_cart .total strong {
min-width: 40px;
display: inline-block;
}
.woocommerce .widget_shopping_cart .cart_list li, .woocommerce.widget_shopping_cart .cart_list li {
padding-left: 2em;
position: relative;
padding-top: 0;
}
.woocommerce .widget_shopping_cart .cart_list li a.remove, .woocommerce.widget_shopping_cart .cart_list li a.remove {
position: absolute;
top: 0;
left: 0;
}
.woocommerce .widget_shopping_cart .buttons::after, .woocommerce .widget_shopping_cart .buttons::before, .woocommerce.widget_shopping_cart .buttons::after, .woocommerce.widget_shopping_cart .buttons::before {
content: " ";
display: table;
}
.woocommerce .widget_shopping_cart .buttons::after, .woocommerce.widget_shopping_cart .buttons::after {
clear: both;
}
.woocommerce .widget_shopping_cart .buttons a, .woocommerce.widget_shopping_cart .buttons a {
margin-right: 5px;
margin-bottom: 5px;
}
.woocommerce form.checkout_coupon, .woocommerce form.login, .woocommerce form.register {
border: 1px solid #cfc8d8;
padding: 20px;
margin: 2em 0;
text-align: left;
border-radius: 5px;
}
.woocommerce form.checkout_coupon .coupon-error-notice {
color: var(--wc-red);
display: block;
font-size: .75em;
margin-top: 8px;
}
.woocommerce form.checkout_coupon .input-text.has-error:focus {
border-color: var(--wc-red);
}
.woocommerce ul#shipping_method {
list-style: none outside;
margin: 0;
padding: 0;
}
.woocommerce ul#shipping_method li {
margin: 0 0 .5em;
line-height: 1.5em;
list-style: none outside;
}
.woocommerce ul#shipping_method li input {
margin: 3px .4375em 0 0;
vertical-align: top;
}
.woocommerce ul#shipping_method li label {
display: inline;
}
.woocommerce ul#shipping_method .amount {
font-weight: 700;
}
.woocommerce p.woocommerce-shipping-contents {
margin: 0;
}
.woocommerce ul.order_details {
margin: 0 0 3em;
list-style: none;
}
.woocommerce ul.order_details::after, .woocommerce ul.order_details::before {
content: " ";
display: table;
}
.woocommerce ul.order_details::after {
clear: both;
}
.woocommerce ul.order_details li {
float: left;
margin-right: 2em;
text-transform: uppercase;
font-size: .715em;
line-height: 1;
border-right: 1px dashed #cfc8d8;
padding-right: 2em;
margin-left: 0;
padding-left: 0;
list-style-type: none;
}
.woocommerce ul.order_details li strong {
display: block;
font-size: 1.4em;
text-transform: none;
line-height: 1.5;
}
.woocommerce ul.order_details li:last-of-type {
border: none;
}
.woocommerce .wc-bacs-bank-details-account-name {
font-weight: 700;
}
.woocommerce .woocommerce-customer-details, .woocommerce .woocommerce-order-details, .woocommerce .woocommerce-order-downloads {
margin-bottom: 2em;
}
.woocommerce .woocommerce-customer-details .order-actions--heading, .woocommerce .woocommerce-order-details .order-actions--heading, .woocommerce .woocommerce-order-downloads .order-actions--heading {
vertical-align: middle;
}
.woocommerce .woocommerce-customer-details .order-actions-button, .woocommerce .woocommerce-order-details .order-actions-button, .woocommerce .woocommerce-order-downloads .order-actions-button {
margin-right: 10px;
}
.woocommerce .woocommerce-customer-details .order-actions-button:last-child, .woocommerce .woocommerce-order-details .order-actions-button:last-child, .woocommerce .woocommerce-order-downloads .order-actions-button:last-child {
margin-right: 0;
}
.woocommerce .woocommerce-customer-details :last-child, .woocommerce .woocommerce-order-details :last-child, .woocommerce .woocommerce-order-downloads :last-child {
margin-bottom: 0;
}
.woocommerce .woocommerce-customer-details .additional-fields, .woocommerce .woocommerce-customer-details .addresses {
margin-bottom: 2em;
}
.woocommerce .woocommerce-customer-details .additional-fields:last-child, .woocommerce .woocommerce-customer-details .addresses:last-child {
margin-bottom: 0;
}
.woocommerce .addresses .wc-block-components-additional-fields-list {
margin: 0;
padding: 0;
}
.woocommerce .addresses .wc-block-components-additional-fields-list dt {
margin: 0;
padding: 0;
font-style: normal;
font-weight: 700;
display: inline;
}
.woocommerce .addresses .wc-block-components-additional-fields-list dt::after {
content: ": ";
}
.woocommerce .addresses .wc-block-components-additional-fields-list dt::before {
content: "";
display: block;
}
.woocommerce .addresses .wc-block-components-additional-fields-list dd {
margin: 0;
padding: 0;
font-style: normal;
display: inline;
}
.woocommerce .wc-block-order-confirmation-additional-fields-wrapper .wc-block-components-additional-fields-list {
border: 1px solid rgba(0, 0, 0, .1);
padding: 0;
display: grid;
grid-template-columns: 1fr max-content;
}
.woocommerce .wc-block-order-confirmation-additional-fields-wrapper .wc-block-components-additional-fields-list dt {
border-bottom: 1px solid rgba(0, 0, 0, .1);
font-style: normal;
font-weight: 700;
padding: 1rem;
box-sizing: border-box;
margin: 0 !important;
}
.woocommerce .wc-block-order-confirmation-additional-fields-wrapper .wc-block-components-additional-fields-list dt::after {
display: none;
}
.woocommerce .wc-block-order-confirmation-additional-fields-wrapper .wc-block-components-additional-fields-list dt:last-of-type {
border-bottom: 0;
}
.woocommerce .wc-block-order-confirmation-additional-fields-wrapper .wc-block-components-additional-fields-list dd {
border-bottom: 1px solid rgba(0, 0, 0, .1);
padding: 1rem;
box-sizing: border-box;
text-align: right;
margin: 0 !important;
}
.woocommerce .wc-block-order-confirmation-additional-fields-wrapper .wc-block-components-additional-fields-list dd:last-of-type {
border-bottom: 0;
}
.woocommerce .woocommerce-customer-details .woocommerce-column__title {
margin-top: 0;
}
.woocommerce .woocommerce-customer-details address {
font-style: normal;
margin-bottom: 0;
border: 1px solid rgba(0, 0, 0, .1);
border-bottom-width: 2px;
border-right-width: 2px;
text-align: left;
width: 100%;
border-radius: 5px;
padding: 6px 12px;
box-sizing: border-box;
}
.woocommerce .woocommerce-customer-details .woocommerce-customer-details--email, .woocommerce .woocommerce-customer-details .woocommerce-customer-details--phone {
padding-left: 1.5em;
}
.woocommerce .woocommerce-customer-details .woocommerce-customer-details--email:last-child, .woocommerce .woocommerce-customer-details .woocommerce-customer-details--phone:last-child {
margin-bottom: 0;
}
.woocommerce .woocommerce-customer-details .woocommerce-customer-details--phone::before {
font-family: WooCommerce;
speak: never;
font-weight: 400;
font-variant: normal;
text-transform: none;
line-height: 1;
line-height: 1.75;
-webkit-font-smoothing: antialiased;
margin-right: .618em;
content: "";
text-decoration: none;
margin-left: -1.5em;
position: absolute;
}
.woocommerce .woocommerce-customer-details .woocommerce-customer-details--email::before {
font-family: WooCommerce;
speak: never;
font-weight: 400;
font-variant: normal;
text-transform: none;
line-height: 1;
line-height: 1.75;
-webkit-font-smoothing: antialiased;
margin-right: .618em;
content: "";
text-decoration: none;
margin-left: -1.5em;
position: absolute;
}
.woocommerce .woocommerce-widget-layered-nav-list {
margin: 0;
padding: 0;
border: 0;
list-style: none outside;
}
.woocommerce .woocommerce-widget-layered-nav-list .woocommerce-widget-layered-nav-list__item {
padding: 0 0 1px;
list-style: none;
}
.woocommerce .woocommerce-widget-layered-nav-list .woocommerce-widget-layered-nav-list__item::after, .woocommerce .woocommerce-widget-layered-nav-list .woocommerce-widget-layered-nav-list__item::before {
content: " ";
display: table;
}
.woocommerce .woocommerce-widget-layered-nav-list .woocommerce-widget-layered-nav-list__item::after {
clear: both;
}
.woocommerce .woocommerce-widget-layered-nav-list .woocommerce-widget-layered-nav-list__item a, .woocommerce .woocommerce-widget-layered-nav-list .woocommerce-widget-layered-nav-list__item span {
padding: 1px 0;
}
.woocommerce .woocommerce-widget-layered-nav-list .woocommerce-widget-layered-nav-list__item--chosen a::before {
font-family: WooCommerce;
speak: never;
font-weight: 400;
font-variant: normal;
text-transform: none;
line-height: 1;
-webkit-font-smoothing: antialiased;
margin-right: .618em;
content: "";
text-decoration: none;
color: var(--wc-red);
}
.woocommerce .woocommerce-widget-layered-nav-dropdown__submit {
margin-top: 1em;
}
.woocommerce .widget_layered_nav_filters ul {
margin: 0;
padding: 0;
border: 0;
list-style: none outside;
overflow: hidden;
zoom: 1;
}
.woocommerce .widget_layered_nav_filters ul li {
float: left;
padding: 0 1em 1px 1px;
list-style: none;
}
.woocommerce .widget_layered_nav_filters ul li a {
text-decoration: none;
}
.woocommerce .widget_layered_nav_filters ul li a::before {
font-family: WooCommerce;
speak: never;
font-weight: 400;
font-variant: normal;
text-transform: none;
line-height: 1;
-webkit-font-smoothing: antialiased;
margin-right: .618em;
margin-right: .5em;
content: "";
text-decoration: none;
color: var(--wc-red);
vertical-align: inherit;
}
.woocommerce .widget_price_filter .price_slider {
margin-bottom: 1em;
}
.woocommerce .widget_price_filter .price_slider_amount {
text-align: right;
line-height: 2.4;
font-size: .8751em;
}
.woocommerce .widget_price_filter .price_slider_amount .button {
font-size: 1.15em;
float: left;
}
.woocommerce .widget_price_filter .ui-slider {
position: relative;
text-align: left;
margin-left: .5em;
margin-right: .5em;
}
.woocommerce .widget_price_filter .ui-slider .ui-slider-handle {
position: absolute;
z-index: 2;
width: 1em;
height: 1em;
background-color: #7f54b3;
border-radius: 1em;
cursor: ew-resize;
outline: 0;
top: -.3em;
margin-left: -.5em;
}
.woocommerce .widget_price_filter .ui-slider .ui-slider-range {
position: absolute;
z-index: 1;
font-size: .7em;
display: block;
border: 0;
border-radius: 1em;
background-color: #7f54b3;
}
.woocommerce .widget_price_filter .price_slider_wrapper .ui-widget-content {
border-radius: 1em;
background-color: #35224c;
border: 0;
}
.woocommerce .widget_price_filter .ui-slider-horizontal {
height: .5em;
}
.woocommerce .widget_price_filter .ui-slider-horizontal .ui-slider-range {
top: 0;
height: 100%;
}
.woocommerce .widget_price_filter .ui-slider-horizontal .ui-slider-range-min {
left: -1px;
}
.woocommerce .widget_price_filter .ui-slider-horizontal .ui-slider-range-max {
right: -1px;
}
.woocommerce .widget_rating_filter ul {
margin: 0;
padding: 0;
border: 0;
list-style: none outside;
}
.woocommerce .widget_rating_filter ul li {
padding: 0 0 1px;
list-style: none;
}
.woocommerce .widget_rating_filter ul li::after, .woocommerce .widget_rating_filter ul li::before {
content: " ";
display: table;
}
.woocommerce .widget_rating_filter ul li::after {
clear: both;
}
.woocommerce .widget_rating_filter ul li a {
padding: 1px 0;
text-decoration: none;
}
.woocommerce .widget_rating_filter ul li .star-rating {
float: none;
display: inline-block;
}
.woocommerce .widget_rating_filter ul li.chosen a::before {
font-family: WooCommerce;
speak: never;
font-weight: 400;
font-variant: normal;
text-transform: none;
line-height: 1;
-webkit-font-smoothing: antialiased;
margin-right: .618em;
content: "";
text-decoration: none;
color: var(--wc-red);
}
.woocommerce .woocommerce-form-login .woocommerce-form-login__submit {
float: left;
margin-right: 1em;
}
.woocommerce .woocommerce-form-login .woocommerce-form-login__rememberme {
display: inline-block;
}
.woocommerce:where(body:not(.woocommerce-block-theme-has-button-styles)) #respond input#submit, .woocommerce:where(body:not(.woocommerce-block-theme-has-button-styles)) a.button, .woocommerce:where(body:not(.woocommerce-block-theme-has-button-styles)) button.button, .woocommerce:where(body:not(.woocommerce-block-theme-has-button-styles)) input.button, :where(body:not(.woocommerce-block-theme-has-button-styles)):where(:not(.edit-post-visual-editor)) .woocommerce #respond input#submit, :where(body:not(.woocommerce-block-theme-has-button-styles)):where(:not(.edit-post-visual-editor)) .woocommerce a.button, :where(body:not(.woocommerce-block-theme-has-button-styles)):where(:not(.edit-post-visual-editor)) .woocommerce button.button, :where(body:not(.woocommerce-block-theme-has-button-styles)):where(:not(.edit-post-visual-editor)) .woocommerce input.button {
font-size: 100%;
margin: 0;
line-height: 1;
cursor: pointer;
position: relative;
text-decoration: none;
overflow: visible;
padding: .618em 1em;
font-weight: 700;
border-radius: 3px;
left: auto;
color: #515151;
background-color: #e9e6ed;
border: 0;
display: inline-block;
background-image: none;
box-shadow: none;
text-shadow: none;
}
.woocommerce:where(body:not(.woocommerce-block-theme-has-button-styles)) #respond input#submit.nitro-lazy, .woocommerce:where(body:not(.woocommerce-block-theme-has-button-styles)) a.button.nitro-lazy, .woocommerce:where(body:not(.woocommerce-block-theme-has-button-styles)) button.button.nitro-lazy, .woocommerce:where(body:not(.woocommerce-block-theme-has-button-styles)) input.button.nitro-lazy, :where(body:not(.woocommerce-block-theme-has-button-styles)):where(:not(.edit-post-visual-editor)) .woocommerce #respond input#submit.nitro-lazy, :where(body:not(.woocommerce-block-theme-has-button-styles)):where(:not(.edit-post-visual-editor)) .woocommerce a.button.nitro-lazy, :where(body:not(.woocommerce-block-theme-has-button-styles)):where(:not(.edit-post-visual-editor)) .woocommerce button.button.nitro-lazy, :where(body:not(.woocommerce-block-theme-has-button-styles)):where(:not(.edit-post-visual-editor)) .woocommerce input.button.nitro-lazy {
background-image: none !important;
}
.woocommerce:where(body:not(.woocommerce-block-theme-has-button-styles)) #respond input#submit.loading, .woocommerce:where(body:not(.woocommerce-block-theme-has-button-styles)) a.button.loading, .woocommerce:where(body:not(.woocommerce-block-theme-has-button-styles)) button.button.loading, .woocommerce:where(body:not(.woocommerce-block-theme-has-button-styles)) input.button.loading, :where(body:not(.woocommerce-block-theme-has-button-styles)):where(:not(.edit-post-visual-editor)) .woocommerce #respond input#submit.loading, :where(body:not(.woocommerce-block-theme-has-button-styles)):where(:not(.edit-post-visual-editor)) .woocommerce a.button.loading, :where(body:not(.woocommerce-block-theme-has-button-styles)):where(:not(.edit-post-visual-editor)) .woocommerce button.button.loading, :where(body:not(.woocommerce-block-theme-has-button-styles)):where(:not(.edit-post-visual-editor)) .woocommerce input.button.loading {
opacity: .25;
padding-right: 2.618em;
}
.woocommerce:where(body:not(.woocommerce-block-theme-has-button-styles)) #respond input#submit.loading::after, .woocommerce:where(body:not(.woocommerce-block-theme-has-button-styles)) a.button.loading::after, .woocommerce:where(body:not(.woocommerce-block-theme-has-button-styles)) button.button.loading::after, .woocommerce:where(body:not(.woocommerce-block-theme-has-button-styles)) input.button.loading::after, :where(body:not(.woocommerce-block-theme-has-button-styles)):where(:not(.edit-post-visual-editor)) .woocommerce #respond input#submit.loading::after, :where(body:not(.woocommerce-block-theme-has-button-styles)):where(:not(.edit-post-visual-editor)) .woocommerce a.button.loading::after, :where(body:not(.woocommerce-block-theme-has-button-styles)):where(:not(.edit-post-visual-editor)) .woocommerce button.button.loading::after, :where(body:not(.woocommerce-block-theme-has-button-styles)):where(:not(.edit-post-visual-editor)) .woocommerce input.button.loading::after {
font-family: WooCommerce;
content: "";
vertical-align: top;
font-weight: 400;
position: absolute;
top: .618em;
right: 1em;
animation: spin 2s linear infinite;
}
.woocommerce:where(body:not(.woocommerce-block-theme-has-button-styles)) #respond input#submit.added::after, .woocommerce:where(body:not(.woocommerce-block-theme-has-button-styles)) a.button.added::after, .woocommerce:where(body:not(.woocommerce-block-theme-has-button-styles)) button.button.added::after, .woocommerce:where(body:not(.woocommerce-block-theme-has-button-styles)) input.button.added::after, :where(body:not(.woocommerce-block-theme-has-button-styles)):where(:not(.edit-post-visual-editor)) .woocommerce #respond input#submit.added::after, :where(body:not(.woocommerce-block-theme-has-button-styles)):where(:not(.edit-post-visual-editor)) .woocommerce a.button.added::after, :where(body:not(.woocommerce-block-theme-has-button-styles)):where(:not(.edit-post-visual-editor)) .woocommerce button.button.added::after, :where(body:not(.woocommerce-block-theme-has-button-styles)):where(:not(.edit-post-visual-editor)) .woocommerce input.button.added::after {
font-family: WooCommerce;
content: "";
margin-left: .53em;
vertical-align: bottom;
}
.woocommerce:where(body:not(.woocommerce-block-theme-has-button-styles)) #respond input#submit:hover, .woocommerce:where(body:not(.woocommerce-block-theme-has-button-styles)) a.button:hover, .woocommerce:where(body:not(.woocommerce-block-theme-has-button-styles)) button.button:hover, .woocommerce:where(body:not(.woocommerce-block-theme-has-button-styles)) input.button:hover, :where(body:not(.woocommerce-block-theme-has-button-styles)):where(:not(.edit-post-visual-editor)) .woocommerce #respond input#submit:hover, :where(body:not(.woocommerce-block-theme-has-button-styles)):where(:not(.edit-post-visual-editor)) .woocommerce a.button:hover, :where(body:not(.woocommerce-block-theme-has-button-styles)):where(:not(.edit-post-visual-editor)) .woocommerce button.button:hover, :where(body:not(.woocommerce-block-theme-has-button-styles)):where(:not(.edit-post-visual-editor)) .woocommerce input.button:hover {
background-color: #dcd7e2;
text-decoration: none;
background-image: none;
color: #515151;
}
.woocommerce:where(body:not(.woocommerce-block-theme-has-button-styles)) #respond input#submit:hover.nitro-lazy, .woocommerce:where(body:not(.woocommerce-block-theme-has-button-styles)) a.button:hover.nitro-lazy, .woocommerce:where(body:not(.woocommerce-block-theme-has-button-styles)) button.button:hover.nitro-lazy, .woocommerce:where(body:not(.woocommerce-block-theme-has-button-styles)) input.button:hover.nitro-lazy, :where(body:not(.woocommerce-block-theme-has-button-styles)):where(:not(.edit-post-visual-editor)) .woocommerce #respond input#submit:hover.nitro-lazy, :where(body:not(.woocommerce-block-theme-has-button-styles)):where(:not(.edit-post-visual-editor)) .woocommerce a.button:hover.nitro-lazy, :where(body:not(.woocommerce-block-theme-has-button-styles)):where(:not(.edit-post-visual-editor)) .woocommerce button.button:hover.nitro-lazy, :where(body:not(.woocommerce-block-theme-has-button-styles)):where(:not(.edit-post-visual-editor)) .woocommerce input.button:hover.nitro-lazy {
background-image: none !important;
}
.woocommerce:where(body:not(.woocommerce-block-theme-has-button-styles)) #respond input#submit.alt, .woocommerce:where(body:not(.woocommerce-block-theme-has-button-styles)) a.button.alt, .woocommerce:where(body:not(.woocommerce-block-theme-has-button-styles)) button.button.alt, .woocommerce:where(body:not(.woocommerce-block-theme-has-button-styles)) input.button.alt, :where(body:not(.woocommerce-block-theme-has-button-styles)):where(:not(.edit-post-visual-editor)) .woocommerce #respond input#submit.alt, :where(body:not(.woocommerce-block-theme-has-button-styles)):where(:not(.edit-post-visual-editor)) .woocommerce a.button.alt, :where(body:not(.woocommerce-block-theme-has-button-styles)):where(:not(.edit-post-visual-editor)) .woocommerce button.button.alt, :where(body:not(.woocommerce-block-theme-has-button-styles)):where(:not(.edit-post-visual-editor)) .woocommerce input.button.alt {
background-color: #7f54b3;
color: #fff;
-webkit-font-smoothing: antialiased;
}
.woocommerce:where(body:not(.woocommerce-block-theme-has-button-styles)) #respond input#submit.alt:hover, .woocommerce:where(body:not(.woocommerce-block-theme-has-button-styles)) a.button.alt:hover, .woocommerce:where(body:not(.woocommerce-block-theme-has-button-styles)) button.button.alt:hover, .woocommerce:where(body:not(.woocommerce-block-theme-has-button-styles)) input.button.alt:hover, :where(body:not(.woocommerce-block-theme-has-button-styles)):where(:not(.edit-post-visual-editor)) .woocommerce #respond input#submit.alt:hover, :where(body:not(.woocommerce-block-theme-has-button-styles)):where(:not(.edit-post-visual-editor)) .woocommerce a.button.alt:hover, :where(body:not(.woocommerce-block-theme-has-button-styles)):where(:not(.edit-post-visual-editor)) .woocommerce button.button.alt:hover, :where(body:not(.woocommerce-block-theme-has-button-styles)):where(:not(.edit-post-visual-editor)) .woocommerce input.button.alt:hover {
background-color: #7249a4;
color: #fff;
}
.woocommerce:where(body:not(.woocommerce-block-theme-has-button-styles)) #respond input#submit.alt.disabled, .woocommerce:where(body:not(.woocommerce-block-theme-has-button-styles)) #respond input#submit.alt.disabled:hover, .woocommerce:where(body:not(.woocommerce-block-theme-has-button-styles)) #respond input#submit.alt:disabled, .woocommerce:where(body:not(.woocommerce-block-theme-has-button-styles)) #respond input#submit.alt:disabled:hover, .woocommerce:where(body:not(.woocommerce-block-theme-has-button-styles)) #respond input#submit.alt:disabled[disabled], .woocommerce:where(body:not(.woocommerce-block-theme-has-button-styles)) #respond input#submit.alt:disabled[disabled]:hover, .woocommerce:where(body:not(.woocommerce-block-theme-has-button-styles)) a.button.alt.disabled, .woocommerce:where(body:not(.woocommerce-block-theme-has-button-styles)) a.button.alt.disabled:hover, .woocommerce:where(body:not(.woocommerce-block-theme-has-button-styles)) a.button.alt:disabled, .woocommerce:where(body:not(.woocommerce-block-theme-has-button-styles)) a.button.alt:disabled:hover, .woocommerce:where(body:not(.woocommerce-block-theme-has-button-styles)) a.button.alt:disabled[disabled], .woocommerce:where(body:not(.woocommerce-block-theme-has-button-styles)) a.button.alt:disabled[disabled]:hover, .woocommerce:where(body:not(.woocommerce-block-theme-has-button-styles)) button.button.alt.disabled, .woocommerce:where(body:not(.woocommerce-block-theme-has-button-styles)) button.button.alt.disabled:hover, .woocommerce:where(body:not(.woocommerce-block-theme-has-button-styles)) button.button.alt:disabled, .woocommerce:where(body:not(.woocommerce-block-theme-has-button-styles)) button.button.alt:disabled:hover, .woocommerce:where(body:not(.woocommerce-block-theme-has-button-styles)) button.button.alt:disabled[disabled], .woocommerce:where(body:not(.woocommerce-block-theme-has-button-styles)) button.button.alt:disabled[disabled]:hover, .woocommerce:where(body:not(.woocommerce-block-theme-has-button-styles)) input.button.alt.disabled, .woocommerce:where(body:not(.woocommerce-block-theme-has-button-styles)) input.button.alt.disabled:hover, .woocommerce:where(body:not(.woocommerce-block-theme-has-button-styles)) input.button.alt:disabled, .woocommerce:where(body:not(.woocommerce-block-theme-has-button-styles)) input.button.alt:disabled:hover, .woocommerce:where(body:not(.woocommerce-block-theme-has-button-styles)) input.button.alt:disabled[disabled], .woocommerce:where(body:not(.woocommerce-block-theme-has-button-styles)) input.button.alt:disabled[disabled]:hover, :where(body:not(.woocommerce-block-theme-has-button-styles)):where(:not(.edit-post-visual-editor)) .woocommerce #respond input#submit.alt.disabled, :where(body:not(.woocommerce-block-theme-has-button-styles)):where(:not(.edit-post-visual-editor)) .woocommerce #respond input#submit.alt.disabled:hover, :where(body:not(.woocommerce-block-theme-has-button-styles)):where(:not(.edit-post-visual-editor)) .woocommerce #respond input#submit.alt:disabled, :where(body:not(.woocommerce-block-theme-has-button-styles)):where(:not(.edit-post-visual-editor)) .woocommerce #respond input#submit.alt:disabled:hover, :where(body:not(.woocommerce-block-theme-has-button-styles)):where(:not(.edit-post-visual-editor)) .woocommerce #respond input#submit.alt:disabled[disabled], :where(body:not(.woocommerce-block-theme-has-button-styles)):where(:not(.edit-post-visual-editor)) .woocommerce #respond input#submit.alt:disabled[disabled]:hover, :where(body:not(.woocommerce-block-theme-has-button-styles)):where(:not(.edit-post-visual-editor)) .woocommerce a.button.alt.disabled, :where(body:not(.woocommerce-block-theme-has-button-styles)):where(:not(.edit-post-visual-editor)) .woocommerce a.button.alt.disabled:hover, :where(body:not(.woocommerce-block-theme-has-button-styles)):where(:not(.edit-post-visual-editor)) .woocommerce a.button.alt:disabled, :where(body:not(.woocommerce-block-theme-has-button-styles)):where(:not(.edit-post-visual-editor)) .woocommerce a.button.alt:disabled:hover, :where(body:not(.woocommerce-block-theme-has-button-styles)):where(:not(.edit-post-visual-editor)) .woocommerce a.button.alt:disabled[disabled], :where(body:not(.woocommerce-block-theme-has-button-styles)):where(:not(.edit-post-visual-editor)) .woocommerce a.button.alt:disabled[disabled]:hover, :where(body:not(.woocommerce-block-theme-has-button-styles)):where(:not(.edit-post-visual-editor)) .woocommerce button.button.alt.disabled, :where(body:not(.woocommerce-block-theme-has-button-styles)):where(:not(.edit-post-visual-editor)) .woocommerce button.button.alt.disabled:hover, :where(body:not(.woocommerce-block-theme-has-button-styles)):where(:not(.edit-post-visual-editor)) .woocommerce button.button.alt:disabled, :where(body:not(.woocommerce-block-theme-has-button-styles)):where(:not(.edit-post-visual-editor)) .woocommerce button.button.alt:disabled:hover, :where(body:not(.woocommerce-block-theme-has-button-styles)):where(:not(.edit-post-visual-editor)) .woocommerce button.button.alt:disabled[disabled], :where(body:not(.woocommerce-block-theme-has-button-styles)):where(:not(.edit-post-visual-editor)) .woocommerce button.button.alt:disabled[disabled]:hover, :where(body:not(.woocommerce-block-theme-has-button-styles)):where(:not(.edit-post-visual-editor)) .woocommerce input.button.alt.disabled, :where(body:not(.woocommerce-block-theme-has-button-styles)):where(:not(.edit-post-visual-editor)) .woocommerce input.button.alt.disabled:hover, :where(body:not(.woocommerce-block-theme-has-button-styles)):where(:not(.edit-post-visual-editor)) .woocommerce input.button.alt:disabled, :where(body:not(.woocommerce-block-theme-has-button-styles)):where(:not(.edit-post-visual-editor)) .woocommerce input.button.alt:disabled:hover, :where(body:not(.woocommerce-block-theme-has-button-styles)):where(:not(.edit-post-visual-editor)) .woocommerce input.button.alt:disabled[disabled], :where(body:not(.woocommerce-block-theme-has-button-styles)):where(:not(.edit-post-visual-editor)) .woocommerce input.button.alt:disabled[disabled]:hover {
background-color: #7f54b3;
color: #fff;
}
.woocommerce:where(body:not(.woocommerce-block-theme-has-button-styles)) #respond input#submit.disabled, .woocommerce:where(body:not(.woocommerce-block-theme-has-button-styles)) #respond input#submit:disabled, .woocommerce:where(body:not(.woocommerce-block-theme-has-button-styles)) #respond input#submit:disabled[disabled], .woocommerce:where(body:not(.woocommerce-block-theme-has-button-styles)) a.button.disabled, .woocommerce:where(body:not(.woocommerce-block-theme-has-button-styles)) a.button:disabled, .woocommerce:where(body:not(.woocommerce-block-theme-has-button-styles)) a.button:disabled[disabled], .woocommerce:where(body:not(.woocommerce-block-theme-has-button-styles)) button.button.disabled, .woocommerce:where(body:not(.woocommerce-block-theme-has-button-styles)) button.button:disabled, .woocommerce:where(body:not(.woocommerce-block-theme-has-button-styles)) button.button:disabled[disabled], .woocommerce:where(body:not(.woocommerce-block-theme-has-button-styles)) input.button.disabled, .woocommerce:where(body:not(.woocommerce-block-theme-has-button-styles)) input.button:disabled, .woocommerce:where(body:not(.woocommerce-block-theme-has-button-styles)) input.button:disabled[disabled], :where(body:not(.woocommerce-block-theme-has-button-styles)):where(:not(.edit-post-visual-editor)) .woocommerce #respond input#submit.disabled, :where(body:not(.woocommerce-block-theme-has-button-styles)):where(:not(.edit-post-visual-editor)) .woocommerce #respond input#submit:disabled, :where(body:not(.woocommerce-block-theme-has-button-styles)):where(:not(.edit-post-visual-editor)) .woocommerce #respond input#submit:disabled[disabled], :where(body:not(.woocommerce-block-theme-has-button-styles)):where(:not(.edit-post-visual-editor)) .woocommerce a.button.disabled, :where(body:not(.woocommerce-block-theme-has-button-styles)):where(:not(.edit-post-visual-editor)) .woocommerce a.button:disabled, :where(body:not(.woocommerce-block-theme-has-button-styles)):where(:not(.edit-post-visual-editor)) .woocommerce a.button:disabled[disabled], :where(body:not(.woocommerce-block-theme-has-button-styles)):where(:not(.edit-post-visual-editor)) .woocommerce button.button.disabled, :where(body:not(.woocommerce-block-theme-has-button-styles)):where(:not(.edit-post-visual-editor)) .woocommerce button.button:disabled, :where(body:not(.woocommerce-block-theme-has-button-styles)):where(:not(.edit-post-visual-editor)) .woocommerce button.button:disabled[disabled], :where(body:not(.woocommerce-block-theme-has-button-styles)):where(:not(.edit-post-visual-editor)) .woocommerce input.button.disabled, :where(body:not(.woocommerce-block-theme-has-button-styles)):where(:not(.edit-post-visual-editor)) .woocommerce input.button:disabled, :where(body:not(.woocommerce-block-theme-has-button-styles)):where(:not(.edit-post-visual-editor)) .woocommerce input.button:disabled[disabled] {
color: inherit;
cursor: not-allowed;
opacity: .5;
padding: .618em 1em;
}
.woocommerce:where(body:not(.woocommerce-block-theme-has-button-styles)) #respond input#submit.disabled:hover, .woocommerce:where(body:not(.woocommerce-block-theme-has-button-styles)) #respond input#submit:disabled:hover, .woocommerce:where(body:not(.woocommerce-block-theme-has-button-styles)) #respond input#submit:disabled[disabled]:hover, .woocommerce:where(body:not(.woocommerce-block-theme-has-button-styles)) a.button.disabled:hover, .woocommerce:where(body:not(.woocommerce-block-theme-has-button-styles)) a.button:disabled:hover, .woocommerce:where(body:not(.woocommerce-block-theme-has-button-styles)) a.button:disabled[disabled]:hover, .woocommerce:where(body:not(.woocommerce-block-theme-has-button-styles)) button.button.disabled:hover, .woocommerce:where(body:not(.woocommerce-block-theme-has-button-styles)) button.button:disabled:hover, .woocommerce:where(body:not(.woocommerce-block-theme-has-button-styles)) button.button:disabled[disabled]:hover, .woocommerce:where(body:not(.woocommerce-block-theme-has-button-styles)) input.button.disabled:hover, .woocommerce:where(body:not(.woocommerce-block-theme-has-button-styles)) input.button:disabled:hover, .woocommerce:where(body:not(.woocommerce-block-theme-has-button-styles)) input.button:disabled[disabled]:hover, :where(body:not(.woocommerce-block-theme-has-button-styles)):where(:not(.edit-post-visual-editor)) .woocommerce #respond input#submit.disabled:hover, :where(body:not(.woocommerce-block-theme-has-button-styles)):where(:not(.edit-post-visual-editor)) .woocommerce #respond input#submit:disabled:hover, :where(body:not(.woocommerce-block-theme-has-button-styles)):where(:not(.edit-post-visual-editor)) .woocommerce #respond input#submit:disabled[disabled]:hover, :where(body:not(.woocommerce-block-theme-has-button-styles)):where(:not(.edit-post-visual-editor)) .woocommerce a.button.disabled:hover, :where(body:not(.woocommerce-block-theme-has-button-styles)):where(:not(.edit-post-visual-editor)) .woocommerce a.button:disabled:hover, :where(body:not(.woocommerce-block-theme-has-button-styles)):where(:not(.edit-post-visual-editor)) .woocommerce a.button:disabled[disabled]:hover, :where(body:not(.woocommerce-block-theme-has-button-styles)):where(:not(.edit-post-visual-editor)) .woocommerce button.button.disabled:hover, :where(body:not(.woocommerce-block-theme-has-button-styles)):where(:not(.edit-post-visual-editor)) .woocommerce button.button:disabled:hover, :where(body:not(.woocommerce-block-theme-has-button-styles)):where(:not(.edit-post-visual-editor)) .woocommerce button.button:disabled[disabled]:hover, :where(body:not(.woocommerce-block-theme-has-button-styles)):where(:not(.edit-post-visual-editor)) .woocommerce input.button.disabled:hover, :where(body:not(.woocommerce-block-theme-has-button-styles)):where(:not(.edit-post-visual-editor)) .woocommerce input.button:disabled:hover, :where(body:not(.woocommerce-block-theme-has-button-styles)):where(:not(.edit-post-visual-editor)) .woocommerce input.button:disabled[disabled]:hover {
color: inherit;
background-color: #e9e6ed;
}
.woocommerce:where(body:not(.woocommerce-uses-block-theme)) .woocommerce-breadcrumb {
font-size: .92em;
color: #767676;
}
.woocommerce:where(body:not(.woocommerce-uses-block-theme)) .woocommerce-breadcrumb a {
color: #767676;
}
.woocommerce:where(body:not(.woocommerce-uses-block-theme)) div.product p.price, .woocommerce:where(body:not(.woocommerce-uses-block-theme)) div.product span.price {
color: #958e09;
font-size: 1.25em;
}
.woocommerce:where(body:not(.woocommerce-uses-block-theme)) div.product .stock {
color: #958e09;
}
.woocommerce:where(body:not(.woocommerce-uses-block-theme)) div.product .out-of-stock {
color: var(--wc-red);
}
.woocommerce:where(body:not(.woocommerce-uses-block-theme)) ul.products li.product .price {
color: #958e09;
}
.woocommerce:where(body:not(.woocommerce-uses-block-theme)) #reviews #comments ol.commentlist li .meta {
color: #767676;
font-size: .75em;
}
.woocommerce-no-js form.woocommerce-form-coupon, .woocommerce-no-js form.woocommerce-form-login {
display: block !important;
}
.woocommerce-no-js .showcoupon, .woocommerce-no-js .woocommerce-form-coupon-toggle, .woocommerce-no-js .woocommerce-form-login-toggle {
display: none !important;
}
.woocommerce-error, .woocommerce-info, .woocommerce-message {
padding: 1em 2em 1em 3.5em;
margin: 0 0 2em;
position: relative;
background-color: #f6f5f8;
color: #515151;
border-top: 3px solid #720eec;
list-style: none outside;
width: auto;
word-wrap: break-word;
}
.woocommerce-error::after, .woocommerce-error::before, .woocommerce-info::after, .woocommerce-info::before, .woocommerce-message::after, .woocommerce-message::before {
content: " ";
display: table;
}
.woocommerce-error::after, .woocommerce-info::after, .woocommerce-message::after {
clear: both;
}
.woocommerce-error::before, .woocommerce-info::before, .woocommerce-message::before {
font-family: WooCommerce;
content: "";
content: ""/"";
display: inline-block;
position: absolute;
top: 1em;
left: 1.5em;
}
.woocommerce-error .button, .woocommerce-info .button, .woocommerce-message .button {
float: right;
}
.woocommerce-error li, .woocommerce-info li, .woocommerce-message li {
list-style: none outside !important;
padding-left: 0 !important;
margin-left: 0 !important;
}
.rtl.woocommerce .price_label, .rtl.woocommerce .price_label span {
direction: ltr;
unicode-bidi: embed;
}
.woocommerce-message {
border-top-color: #8fae1b;
}
.woocommerce-message::before {
content: "";
color: #8fae1b;
}
.woocommerce-info {
border-top-color: #1e85be;
}
.woocommerce-info::before {
color: #1e85be;
}
.woocommerce-error {
border-top-color: #b81c23;
}
.woocommerce-error::before {
content: "";
color: #b81c23;
}
.woocommerce-account .woocommerce::after, .woocommerce-account .woocommerce::before {
content: " ";
display: table;
}
.woocommerce-account .woocommerce::after {
clear: both;
}
.woocommerce-account .addresses .title::after, .woocommerce-account .addresses .title::before {
content: " ";
display: table;
}
.woocommerce-account .addresses .title::after {
clear: both;
}
.woocommerce-account .addresses .title h3 {
float: left;
}
.woocommerce-account .addresses .title .edit {
float: right;
}
.woocommerce-account ol.commentlist.notes li.note p.meta {
font-weight: 700;
margin-bottom: 0;
}
.woocommerce-account ol.commentlist.notes li.note .description p:last-child {
margin-bottom: 0;
}
.woocommerce-account ul.digital-downloads {
margin-left: 0;
padding-left: 0;
}
.woocommerce-account ul.digital-downloads li {
list-style: none;
margin-left: 0;
padding-left: 0;
}
.woocommerce-account ul.digital-downloads li::before {
font-family: WooCommerce;
speak: never;
font-weight: 400;
font-variant: normal;
text-transform: none;
line-height: 1;
-webkit-font-smoothing: antialiased;
margin-right: .618em;
content: "";
text-decoration: none;
}
.woocommerce-account ul.digital-downloads li .count {
float: right;
}
#add_payment_method table.cart .product-thumbnail, .woocommerce-cart table.cart .product-thumbnail, .woocommerce-checkout table.cart .product-thumbnail {
min-width: 32px;
}
#add_payment_method table.cart img, .woocommerce-cart table.cart img, .woocommerce-checkout table.cart img {
width: 32px;
box-shadow: none;
}
#add_payment_method table.cart td, #add_payment_method table.cart th, .woocommerce-cart table.cart td, .woocommerce-cart table.cart th, .woocommerce-checkout table.cart td, .woocommerce-checkout table.cart th {
vertical-align: middle;
}
#add_payment_method table.cart td.actions .coupon .input-text, .woocommerce-cart table.cart td.actions .coupon .input-text, .woocommerce-checkout table.cart td.actions .coupon .input-text {
float: left;
box-sizing: border-box;
border: 1px solid #cfc8d8;
padding: 6px 6px 5px;
margin: 0 4px 0 0;
outline: 0;
}
#add_payment_method table.cart td.actions .coupon .input-text.has-error:focus, .woocommerce-cart table.cart td.actions .coupon .input-text.has-error:focus, .woocommerce-checkout table.cart td.actions .coupon .input-text.has-error:focus {
border-color: var(--wc-red);
}
#add_payment_method table.cart td.actions .coupon .coupon-error-notice, .woocommerce-cart table.cart td.actions .coupon .coupon-error-notice, .woocommerce-checkout table.cart td.actions .coupon .coupon-error-notice {
clear: left;
color: var(--wc-red);
flex-basis: 100%;
float: none;
font-size: .75em;
margin-bottom: 0;
margin-top: 8px;
text-align: left;
width: auto;
}
#add_payment_method table.cart input, .woocommerce-cart table.cart input, .woocommerce-checkout table.cart input {
margin: 0;
vertical-align: middle;
}
#add_payment_method .wc-proceed-to-checkout, .woocommerce-cart .wc-proceed-to-checkout, .woocommerce-checkout .wc-proceed-to-checkout {
padding: 1em 0;
}
#add_payment_method .wc-proceed-to-checkout::after, #add_payment_method .wc-proceed-to-checkout::before, .woocommerce-cart .wc-proceed-to-checkout::after, .woocommerce-cart .wc-proceed-to-checkout::before, .woocommerce-checkout .wc-proceed-to-checkout::after, .woocommerce-checkout .wc-proceed-to-checkout::before {
content: " ";
display: table;
}
#add_payment_method .wc-proceed-to-checkout::after, .woocommerce-cart .wc-proceed-to-checkout::after, .woocommerce-checkout .wc-proceed-to-checkout::after {
clear: both;
}
#add_payment_method .wc-proceed-to-checkout a.checkout-button, .woocommerce-cart .wc-proceed-to-checkout a.checkout-button, .woocommerce-checkout .wc-proceed-to-checkout a.checkout-button {
display: block;
text-align: center;
margin-bottom: 1em;
font-size: 1.25em;
padding: 1em;
}
#add_payment_method .cart-collaterals .shipping-calculator-button, .woocommerce-cart .cart-collaterals .shipping-calculator-button, .woocommerce-checkout .cart-collaterals .shipping-calculator-button {
float: none;
margin-top: .5em;
display: inline-block;
}
#add_payment_method .cart-collaterals .shipping-calculator-button::after, .woocommerce-cart .cart-collaterals .shipping-calculator-button::after, .woocommerce-checkout .cart-collaterals .shipping-calculator-button::after {
font-family: WooCommerce;
speak: never;
font-weight: 400;
font-variant: normal;
text-transform: none;
line-height: 1;
-webkit-font-smoothing: antialiased;
margin-left: .618em;
content: "";
text-decoration: none;
}
#add_payment_method .cart-collaterals .shipping-calculator-form, .woocommerce-cart .cart-collaterals .shipping-calculator-form, .woocommerce-checkout .cart-collaterals .shipping-calculator-form {
margin: 1em 0 0 0;
}
#add_payment_method .cart-collaterals .cart_totals p small, .woocommerce-cart .cart-collaterals .cart_totals p small, .woocommerce-checkout .cart-collaterals .cart_totals p small {
color: #767676;
font-size: .83em;
}
#add_payment_method .cart-collaterals .cart_totals table, .woocommerce-cart .cart-collaterals .cart_totals table, .woocommerce-checkout .cart-collaterals .cart_totals table {
border-collapse: separate;
margin: 0 0 6px;
padding: 0;
}
#add_payment_method .cart-collaterals .cart_totals table tr:first-child td, #add_payment_method .cart-collaterals .cart_totals table tr:first-child th, .woocommerce-cart .cart-collaterals .cart_totals table tr:first-child td, .woocommerce-cart .cart-collaterals .cart_totals table tr:first-child th, .woocommerce-checkout .cart-collaterals .cart_totals table tr:first-child td, .woocommerce-checkout .cart-collaterals .cart_totals table tr:first-child th {
border-top: 0;
}
#add_payment_method .cart-collaterals .cart_totals table th, .woocommerce-cart .cart-collaterals .cart_totals table th, .woocommerce-checkout .cart-collaterals .cart_totals table th {
width: 35%;
}
#add_payment_method .cart-collaterals .cart_totals table td, #add_payment_method .cart-collaterals .cart_totals table th, .woocommerce-cart .cart-collaterals .cart_totals table td, .woocommerce-cart .cart-collaterals .cart_totals table th, .woocommerce-checkout .cart-collaterals .cart_totals table td, .woocommerce-checkout .cart-collaterals .cart_totals table th {
vertical-align: top;
border-left: 0;
border-right: 0;
line-height: 1.5em;
}
#add_payment_method .cart-collaterals .cart_totals table small, .woocommerce-cart .cart-collaterals .cart_totals table small, .woocommerce-checkout .cart-collaterals .cart_totals table small {
color: #767676;
}
#add_payment_method .cart-collaterals .cart_totals table select, .woocommerce-cart .cart-collaterals .cart_totals table select, .woocommerce-checkout .cart-collaterals .cart_totals table select {
width: 100%;
}
#add_payment_method .cart-collaterals .cart_totals .discount td, .woocommerce-cart .cart-collaterals .cart_totals .discount td, .woocommerce-checkout .cart-collaterals .cart_totals .discount td {
color: #958e09;
}
#add_payment_method .cart-collaterals .cart_totals tr td, #add_payment_method .cart-collaterals .cart_totals tr th, .woocommerce-cart .cart-collaterals .cart_totals tr td, .woocommerce-cart .cart-collaterals .cart_totals tr th, .woocommerce-checkout .cart-collaterals .cart_totals tr td, .woocommerce-checkout .cart-collaterals .cart_totals tr th {
border-top: 1px solid #e9e6ed;
}
#add_payment_method .cart-collaterals .cart_totals .woocommerce-shipping-destination, .woocommerce-cart .cart-collaterals .cart_totals .woocommerce-shipping-destination, .woocommerce-checkout .cart-collaterals .cart_totals .woocommerce-shipping-destination {
margin-bottom: 0;
}
#add_payment_method .cart-collaterals .cross-sells ul.products li.product, .woocommerce-cart .cart-collaterals .cross-sells ul.products li.product, .woocommerce-checkout .cart-collaterals .cross-sells ul.products li.product {
margin-top: 0;
}
#add_payment_method .checkout .col-2 h3#ship-to-different-address, .woocommerce-cart .checkout .col-2 h3#ship-to-different-address, .woocommerce-checkout .checkout .col-2 h3#ship-to-different-address {
float: left;
clear: none;
}
#add_payment_method .checkout .col-2 .notes, .woocommerce-cart .checkout .col-2 .notes, .woocommerce-checkout .checkout .col-2 .notes {
clear: left;
}
#add_payment_method .checkout .col-2 .form-row-first, .woocommerce-cart .checkout .col-2 .form-row-first, .woocommerce-checkout .checkout .col-2 .form-row-first {
clear: left;
}
#add_payment_method .checkout .create-account small, .woocommerce-cart .checkout .create-account small, .woocommerce-checkout .checkout .create-account small {
font-size: 11px;
color: #767676;
font-weight: 400;
}
#add_payment_method .checkout div.shipping-address, .woocommerce-cart .checkout div.shipping-address, .woocommerce-checkout .checkout div.shipping-address {
padding: 0;
clear: left;
width: 100%;
}
#add_payment_method .checkout .shipping_address, .woocommerce-cart .checkout .shipping_address, .woocommerce-checkout .checkout .shipping_address {
clear: both;
}
#add_payment_method .checkout .checkout-inline-error-message, .woocommerce-cart .checkout .checkout-inline-error-message, .woocommerce-checkout .checkout .checkout-inline-error-message {
color: var(--wc-red);
font-size: .75em;
margin-bottom: 0;
}
#add_payment_method #payment, .woocommerce-cart #payment, .woocommerce-checkout #payment {
background: rgba(129, 110, 153, .14);
border-radius: 5px;
}
#add_payment_method #payment ul.payment_methods, .woocommerce-cart #payment ul.payment_methods, .woocommerce-checkout #payment ul.payment_methods {
text-align: left;
padding: 1em;
border-bottom: 1px solid rgba(104, 87, 125, .14);
margin: 0;
list-style: none outside;
}
#add_payment_method #payment ul.payment_methods::after, #add_payment_method #payment ul.payment_methods::before, .woocommerce-cart #payment ul.payment_methods::after, .woocommerce-cart #payment ul.payment_methods::before, .woocommerce-checkout #payment ul.payment_methods::after, .woocommerce-checkout #payment ul.payment_methods::before {
content: " ";
display: table;
}
#add_payment_method #payment ul.payment_methods::after, .woocommerce-cart #payment ul.payment_methods::after, .woocommerce-checkout #payment ul.payment_methods::after {
clear: both;
}
#add_payment_method #payment ul.payment_methods li, .woocommerce-cart #payment ul.payment_methods li, .woocommerce-checkout #payment ul.payment_methods li {
line-height: 2;
text-align: left;
margin: 0;
font-weight: 400;
}
#add_payment_method #payment ul.payment_methods li input, .woocommerce-cart #payment ul.payment_methods li input, .woocommerce-checkout #payment ul.payment_methods li input {
margin: 0 1em 0 0;
}
#add_payment_method #payment ul.payment_methods li img, .woocommerce-cart #payment ul.payment_methods li img, .woocommerce-checkout #payment ul.payment_methods li img {
vertical-align: middle;
margin: -2px 0 0 .5em;
padding: 0;
position: relative;
box-shadow: none;
}
#add_payment_method #payment ul.payment_methods li img+img, .woocommerce-cart #payment ul.payment_methods li img+img, .woocommerce-checkout #payment ul.payment_methods li img+img {
margin-left: 2px;
}
#add_payment_method #payment ul.payment_methods li:not(.woocommerce-notice)::after, #add_payment_method #payment ul.payment_methods li:not(.woocommerce-notice)::before, .woocommerce-cart #payment ul.payment_methods li:not(.woocommerce-notice)::after, .woocommerce-cart #payment ul.payment_methods li:not(.woocommerce-notice)::before, .woocommerce-checkout #payment ul.payment_methods li:not(.woocommerce-notice)::after, .woocommerce-checkout #payment ul.payment_methods li:not(.woocommerce-notice)::before {
content: " ";
display: table;
}
#add_payment_method #payment ul.payment_methods li:not(.woocommerce-notice)::after, .woocommerce-cart #payment ul.payment_methods li:not(.woocommerce-notice)::after, .woocommerce-checkout #payment ul.payment_methods li:not(.woocommerce-notice)::after {
clear: both;
}
#add_payment_method #payment div.form-row, .woocommerce-cart #payment div.form-row, .woocommerce-checkout #payment div.form-row {
padding: 1em;
}
#add_payment_method #payment div.payment_box, .woocommerce-cart #payment div.payment_box, .woocommerce-checkout #payment div.payment_box {
position: relative;
box-sizing: border-box;
width: 100%;
padding: 1em;
margin: 1em 0;
font-size: .92em;
border-radius: 2px;
line-height: 1.5;
background-color: #dcd7e2;
color: #515151;
}
#add_payment_method #payment div.payment_box input.input-text, #add_payment_method #payment div.payment_box textarea, .woocommerce-cart #payment div.payment_box input.input-text, .woocommerce-cart #payment div.payment_box textarea, .woocommerce-checkout #payment div.payment_box input.input-text, .woocommerce-checkout #payment div.payment_box textarea {
border-color: #c2bacd;
border-top-color: #b5abc2;
}
#add_payment_method #payment div.payment_box ::-webkit-input-placeholder, .woocommerce-cart #payment div.payment_box ::-webkit-input-placeholder, .woocommerce-checkout #payment div.payment_box ::-webkit-input-placeholder {
color: #b5abc2;
}
#add_payment_method #payment div.payment_box :-moz-placeholder, .woocommerce-cart #payment div.payment_box :-moz-placeholder, .woocommerce-checkout #payment div.payment_box :-moz-placeholder {
color: #b5abc2;
}
#add_payment_method #payment div.payment_box :-ms-input-placeholder, .woocommerce-cart #payment div.payment_box :-ms-input-placeholder, .woocommerce-checkout #payment div.payment_box :-ms-input-placeholder {
color: #b5abc2;
}
#add_payment_method #payment div.payment_box .woocommerce-SavedPaymentMethods, .woocommerce-cart #payment div.payment_box .woocommerce-SavedPaymentMethods, .woocommerce-checkout #payment div.payment_box .woocommerce-SavedPaymentMethods {
list-style: none outside;
margin: 0;
}
#add_payment_method #payment div.payment_box .woocommerce-SavedPaymentMethods .woocommerce-SavedPaymentMethods-new, #add_payment_method #payment div.payment_box .woocommerce-SavedPaymentMethods .woocommerce-SavedPaymentMethods-token, .woocommerce-cart #payment div.payment_box .woocommerce-SavedPaymentMethods .woocommerce-SavedPaymentMethods-new, .woocommerce-cart #payment div.payment_box .woocommerce-SavedPaymentMethods .woocommerce-SavedPaymentMethods-token, .woocommerce-checkout #payment div.payment_box .woocommerce-SavedPaymentMethods .woocommerce-SavedPaymentMethods-new, .woocommerce-checkout #payment div.payment_box .woocommerce-SavedPaymentMethods .woocommerce-SavedPaymentMethods-token {
margin: 0 0 .5em;
}
#add_payment_method #payment div.payment_box .woocommerce-SavedPaymentMethods .woocommerce-SavedPaymentMethods-new label, #add_payment_method #payment div.payment_box .woocommerce-SavedPaymentMethods .woocommerce-SavedPaymentMethods-token label, .woocommerce-cart #payment div.payment_box .woocommerce-SavedPaymentMethods .woocommerce-SavedPaymentMethods-new label, .woocommerce-cart #payment div.payment_box .woocommerce-SavedPaymentMethods .woocommerce-SavedPaymentMethods-token label, .woocommerce-checkout #payment div.payment_box .woocommerce-SavedPaymentMethods .woocommerce-SavedPaymentMethods-new label, .woocommerce-checkout #payment div.payment_box .woocommerce-SavedPaymentMethods .woocommerce-SavedPaymentMethods-token label {
cursor: pointer;
}
#add_payment_method #payment div.payment_box .woocommerce-SavedPaymentMethods .woocommerce-SavedPaymentMethods-tokenInput, .woocommerce-cart #payment div.payment_box .woocommerce-SavedPaymentMethods .woocommerce-SavedPaymentMethods-tokenInput, .woocommerce-checkout #payment div.payment_box .woocommerce-SavedPaymentMethods .woocommerce-SavedPaymentMethods-tokenInput {
vertical-align: middle;
margin: -3px 1em 0 0;
position: relative;
}
#add_payment_method #payment div.payment_box .wc-credit-card-form, .woocommerce-cart #payment div.payment_box .wc-credit-card-form, .woocommerce-checkout #payment div.payment_box .wc-credit-card-form {
border: 0;
padding: 0;
margin: 1em 0 0;
}
#add_payment_method #payment div.payment_box .wc-credit-card-form-card-cvc, #add_payment_method #payment div.payment_box .wc-credit-card-form-card-expiry, #add_payment_method #payment div.payment_box .wc-credit-card-form-card-number, .woocommerce-cart #payment div.payment_box .wc-credit-card-form-card-cvc, .woocommerce-cart #payment div.payment_box .wc-credit-card-form-card-expiry, .woocommerce-cart #payment div.payment_box .wc-credit-card-form-card-number, .woocommerce-checkout #payment div.payment_box .wc-credit-card-form-card-cvc, .woocommerce-checkout #payment div.payment_box .wc-credit-card-form-card-expiry, .woocommerce-checkout #payment div.payment_box .wc-credit-card-form-card-number {
font-size: 1.5em;
padding: 8px;
background-repeat: no-repeat;
background-position: right .618em center;
background-size: 32px 20px;
}
#add_payment_method #payment div.payment_box .wc-credit-card-form-card-cvc.visa, #add_payment_method #payment div.payment_box .wc-credit-card-form-card-expiry.visa, #add_payment_method #payment div.payment_box .wc-credit-card-form-card-number.visa, .woocommerce-cart #payment div.payment_box .wc-credit-card-form-card-cvc.visa, .woocommerce-cart #payment div.payment_box .wc-credit-card-form-card-expiry.visa, .woocommerce-cart #payment div.payment_box .wc-credit-card-form-card-number.visa, .woocommerce-checkout #payment div.payment_box .wc-credit-card-form-card-cvc.visa, .woocommerce-checkout #payment div.payment_box .wc-credit-card-form-card-expiry.visa, .woocommerce-checkout #payment div.payment_box .wc-credit-card-form-card-number.visa {
background-image: url("https://cdn-henjh.nitrocdn.com/dTLaqbZCmTvYbliQNMqpFtOEIywLPxuf/assets/images/optimized/rev-de2d079/www.vincents.se/wp-content/plugins/woocommerce/assets/images/icons/credit-cards/visa.svg");
}
#add_payment_method #payment div.payment_box .wc-credit-card-form-card-cvc.visa.nitro-lazy, #add_payment_method #payment div.payment_box .wc-credit-card-form-card-expiry.visa.nitro-lazy, #add_payment_method #payment div.payment_box .wc-credit-card-form-card-number.visa.nitro-lazy, .woocommerce-cart #payment div.payment_box .wc-credit-card-form-card-cvc.visa.nitro-lazy, .woocommerce-cart #payment div.payment_box .wc-credit-card-form-card-expiry.visa.nitro-lazy, .woocommerce-cart #payment div.payment_box .wc-credit-card-form-card-number.visa.nitro-lazy, .woocommerce-checkout #payment div.payment_box .wc-credit-card-form-card-cvc.visa.nitro-lazy, .woocommerce-checkout #payment div.payment_box .wc-credit-card-form-card-expiry.visa.nitro-lazy, .woocommerce-checkout #payment div.payment_box .wc-credit-card-form-card-number.visa.nitro-lazy {
background-image: none !important;
}
#add_payment_method #payment div.payment_box .wc-credit-card-form-card-cvc.mastercard, #add_payment_method #payment div.payment_box .wc-credit-card-form-card-expiry.mastercard, #add_payment_method #payment div.payment_box .wc-credit-card-form-card-number.mastercard, .woocommerce-cart #payment div.payment_box .wc-credit-card-form-card-cvc.mastercard, .woocommerce-cart #payment div.payment_box .wc-credit-card-form-card-expiry.mastercard, .woocommerce-cart #payment div.payment_box .wc-credit-card-form-card-number.mastercard, .woocommerce-checkout #payment div.payment_box .wc-credit-card-form-card-cvc.mastercard, .woocommerce-checkout #payment div.payment_box .wc-credit-card-form-card-expiry.mastercard, .woocommerce-checkout #payment div.payment_box .wc-credit-card-form-card-number.mastercard {
background-image: url("https://cdn-henjh.nitrocdn.com/dTLaqbZCmTvYbliQNMqpFtOEIywLPxuf/assets/images/optimized/rev-de2d079/www.vincents.se/wp-content/plugins/woocommerce/assets/images/icons/credit-cards/mastercard.svg");
}
#add_payment_method #payment div.payment_box .wc-credit-card-form-card-cvc.mastercard.nitro-lazy, #add_payment_method #payment div.payment_box .wc-credit-card-form-card-expiry.mastercard.nitro-lazy, #add_payment_method #payment div.payment_box .wc-credit-card-form-card-number.mastercard.nitro-lazy, .woocommerce-cart #payment div.payment_box .wc-credit-card-form-card-cvc.mastercard.nitro-lazy, .woocommerce-cart #payment div.payment_box .wc-credit-card-form-card-expiry.mastercard.nitro-lazy, .woocommerce-cart #payment div.payment_box .wc-credit-card-form-card-number.mastercard.nitro-lazy, .woocommerce-checkout #payment div.payment_box .wc-credit-card-form-card-cvc.mastercard.nitro-lazy, .woocommerce-checkout #payment div.payment_box .wc-credit-card-form-card-expiry.mastercard.nitro-lazy, .woocommerce-checkout #payment div.payment_box .wc-credit-card-form-card-number.mastercard.nitro-lazy {
background-image: none !important;
}
#add_payment_method #payment div.payment_box .wc-credit-card-form-card-cvc.laser, #add_payment_method #payment div.payment_box .wc-credit-card-form-card-expiry.laser, #add_payment_method #payment div.payment_box .wc-credit-card-form-card-number.laser, .woocommerce-cart #payment div.payment_box .wc-credit-card-form-card-cvc.laser, .woocommerce-cart #payment div.payment_box .wc-credit-card-form-card-expiry.laser, .woocommerce-cart #payment div.payment_box .wc-credit-card-form-card-number.laser, .woocommerce-checkout #payment div.payment_box .wc-credit-card-form-card-cvc.laser, .woocommerce-checkout #payment div.payment_box .wc-credit-card-form-card-expiry.laser, .woocommerce-checkout #payment div.payment_box .wc-credit-card-form-card-number.laser {
background-image: url("https://cdn-henjh.nitrocdn.com/dTLaqbZCmTvYbliQNMqpFtOEIywLPxuf/assets/images/optimized/rev-de2d079/www.vincents.se/wp-content/plugins/woocommerce/assets/images/icons/credit-cards/laser.svg");
}
#add_payment_method #payment div.payment_box .wc-credit-card-form-card-cvc.laser.nitro-lazy, #add_payment_method #payment div.payment_box .wc-credit-card-form-card-expiry.laser.nitro-lazy, #add_payment_method #payment div.payment_box .wc-credit-card-form-card-number.laser.nitro-lazy, .woocommerce-cart #payment div.payment_box .wc-credit-card-form-card-cvc.laser.nitro-lazy, .woocommerce-cart #payment div.payment_box .wc-credit-card-form-card-expiry.laser.nitro-lazy, .woocommerce-cart #payment div.payment_box .wc-credit-card-form-card-number.laser.nitro-lazy, .woocommerce-checkout #payment div.payment_box .wc-credit-card-form-card-cvc.laser.nitro-lazy, .woocommerce-checkout #payment div.payment_box .wc-credit-card-form-card-expiry.laser.nitro-lazy, .woocommerce-checkout #payment div.payment_box .wc-credit-card-form-card-number.laser.nitro-lazy {
background-image: none !important;
}
#add_payment_method #payment div.payment_box .wc-credit-card-form-card-cvc.dinersclub, #add_payment_method #payment div.payment_box .wc-credit-card-form-card-expiry.dinersclub, #add_payment_method #payment div.payment_box .wc-credit-card-form-card-number.dinersclub, .woocommerce-cart #payment div.payment_box .wc-credit-card-form-card-cvc.dinersclub, .woocommerce-cart #payment div.payment_box .wc-credit-card-form-card-expiry.dinersclub, .woocommerce-cart #payment div.payment_box .wc-credit-card-form-card-number.dinersclub, .woocommerce-checkout #payment div.payment_box .wc-credit-card-form-card-cvc.dinersclub, .woocommerce-checkout #payment div.payment_box .wc-credit-card-form-card-expiry.dinersclub, .woocommerce-checkout #payment div.payment_box .wc-credit-card-form-card-number.dinersclub {
background-image: url("https://cdn-henjh.nitrocdn.com/dTLaqbZCmTvYbliQNMqpFtOEIywLPxuf/assets/images/optimized/rev-de2d079/www.vincents.se/wp-content/plugins/woocommerce/assets/images/icons/credit-cards/diners.svg");
}
#add_payment_method #payment div.payment_box .wc-credit-card-form-card-cvc.dinersclub.nitro-lazy, #add_payment_method #payment div.payment_box .wc-credit-card-form-card-expiry.dinersclub.nitro-lazy, #add_payment_method #payment div.payment_box .wc-credit-card-form-card-number.dinersclub.nitro-lazy, .woocommerce-cart #payment div.payment_box .wc-credit-card-form-card-cvc.dinersclub.nitro-lazy, .woocommerce-cart #payment div.payment_box .wc-credit-card-form-card-expiry.dinersclub.nitro-lazy, .woocommerce-cart #payment div.payment_box .wc-credit-card-form-card-number.dinersclub.nitro-lazy, .woocommerce-checkout #payment div.payment_box .wc-credit-card-form-card-cvc.dinersclub.nitro-lazy, .woocommerce-checkout #payment div.payment_box .wc-credit-card-form-card-expiry.dinersclub.nitro-lazy, .woocommerce-checkout #payment div.payment_box .wc-credit-card-form-card-number.dinersclub.nitro-lazy {
background-image: none !important;
}
#add_payment_method #payment div.payment_box .wc-credit-card-form-card-cvc.maestro, #add_payment_method #payment div.payment_box .wc-credit-card-form-card-expiry.maestro, #add_payment_method #payment div.payment_box .wc-credit-card-form-card-number.maestro, .woocommerce-cart #payment div.payment_box .wc-credit-card-form-card-cvc.maestro, .woocommerce-cart #payment div.payment_box .wc-credit-card-form-card-expiry.maestro, .woocommerce-cart #payment div.payment_box .wc-credit-card-form-card-number.maestro, .woocommerce-checkout #payment div.payment_box .wc-credit-card-form-card-cvc.maestro, .woocommerce-checkout #payment div.payment_box .wc-credit-card-form-card-expiry.maestro, .woocommerce-checkout #payment div.payment_box .wc-credit-card-form-card-number.maestro {
background-image: url("https://cdn-henjh.nitrocdn.com/dTLaqbZCmTvYbliQNMqpFtOEIywLPxuf/assets/images/optimized/rev-de2d079/www.vincents.se/wp-content/plugins/woocommerce/assets/images/icons/credit-cards/maestro.svg");
}
#add_payment_method #payment div.payment_box .wc-credit-card-form-card-cvc.maestro.nitro-lazy, #add_payment_method #payment div.payment_box .wc-credit-card-form-card-expiry.maestro.nitro-lazy, #add_payment_method #payment div.payment_box .wc-credit-card-form-card-number.maestro.nitro-lazy, .woocommerce-cart #payment div.payment_box .wc-credit-card-form-card-cvc.maestro.nitro-lazy, .woocommerce-cart #payment div.payment_box .wc-credit-card-form-card-expiry.maestro.nitro-lazy, .woocommerce-cart #payment div.payment_box .wc-credit-card-form-card-number.maestro.nitro-lazy, .woocommerce-checkout #payment div.payment_box .wc-credit-card-form-card-cvc.maestro.nitro-lazy, .woocommerce-checkout #payment div.payment_box .wc-credit-card-form-card-expiry.maestro.nitro-lazy, .woocommerce-checkout #payment div.payment_box .wc-credit-card-form-card-number.maestro.nitro-lazy {
background-image: none !important;
}
#add_payment_method #payment div.payment_box .wc-credit-card-form-card-cvc.jcb, #add_payment_method #payment div.payment_box .wc-credit-card-form-card-expiry.jcb, #add_payment_method #payment div.payment_box .wc-credit-card-form-card-number.jcb, .woocommerce-cart #payment div.payment_box .wc-credit-card-form-card-cvc.jcb, .woocommerce-cart #payment div.payment_box .wc-credit-card-form-card-expiry.jcb, .woocommerce-cart #payment div.payment_box .wc-credit-card-form-card-number.jcb, .woocommerce-checkout #payment div.payment_box .wc-credit-card-form-card-cvc.jcb, .woocommerce-checkout #payment div.payment_box .wc-credit-card-form-card-expiry.jcb, .woocommerce-checkout #payment div.payment_box .wc-credit-card-form-card-number.jcb {
background-image: url("https://cdn-henjh.nitrocdn.com/dTLaqbZCmTvYbliQNMqpFtOEIywLPxuf/assets/images/optimized/rev-de2d079/www.vincents.se/wp-content/plugins/woocommerce/assets/images/icons/credit-cards/jcb.svg");
}
#add_payment_method #payment div.payment_box .wc-credit-card-form-card-cvc.jcb.nitro-lazy, #add_payment_method #payment div.payment_box .wc-credit-card-form-card-expiry.jcb.nitro-lazy, #add_payment_method #payment div.payment_box .wc-credit-card-form-card-number.jcb.nitro-lazy, .woocommerce-cart #payment div.payment_box .wc-credit-card-form-card-cvc.jcb.nitro-lazy, .woocommerce-cart #payment div.payment_box .wc-credit-card-form-card-expiry.jcb.nitro-lazy, .woocommerce-cart #payment div.payment_box .wc-credit-card-form-card-number.jcb.nitro-lazy, .woocommerce-checkout #payment div.payment_box .wc-credit-card-form-card-cvc.jcb.nitro-lazy, .woocommerce-checkout #payment div.payment_box .wc-credit-card-form-card-expiry.jcb.nitro-lazy, .woocommerce-checkout #payment div.payment_box .wc-credit-card-form-card-number.jcb.nitro-lazy {
background-image: none !important;
}
#add_payment_method #payment div.payment_box .wc-credit-card-form-card-cvc.amex, #add_payment_method #payment div.payment_box .wc-credit-card-form-card-expiry.amex, #add_payment_method #payment div.payment_box .wc-credit-card-form-card-number.amex, .woocommerce-cart #payment div.payment_box .wc-credit-card-form-card-cvc.amex, .woocommerce-cart #payment div.payment_box .wc-credit-card-form-card-expiry.amex, .woocommerce-cart #payment div.payment_box .wc-credit-card-form-card-number.amex, .woocommerce-checkout #payment div.payment_box .wc-credit-card-form-card-cvc.amex, .woocommerce-checkout #payment div.payment_box .wc-credit-card-form-card-expiry.amex, .woocommerce-checkout #payment div.payment_box .wc-credit-card-form-card-number.amex {
background-image: url("https://cdn-henjh.nitrocdn.com/dTLaqbZCmTvYbliQNMqpFtOEIywLPxuf/assets/images/optimized/rev-de2d079/www.vincents.se/wp-content/plugins/woocommerce/assets/images/icons/credit-cards/amex.svg");
}
#add_payment_method #payment div.payment_box .wc-credit-card-form-card-cvc.amex.nitro-lazy, #add_payment_method #payment div.payment_box .wc-credit-card-form-card-expiry.amex.nitro-lazy, #add_payment_method #payment div.payment_box .wc-credit-card-form-card-number.amex.nitro-lazy, .woocommerce-cart #payment div.payment_box .wc-credit-card-form-card-cvc.amex.nitro-lazy, .woocommerce-cart #payment div.payment_box .wc-credit-card-form-card-expiry.amex.nitro-lazy, .woocommerce-cart #payment div.payment_box .wc-credit-card-form-card-number.amex.nitro-lazy, .woocommerce-checkout #payment div.payment_box .wc-credit-card-form-card-cvc.amex.nitro-lazy, .woocommerce-checkout #payment div.payment_box .wc-credit-card-form-card-expiry.amex.nitro-lazy, .woocommerce-checkout #payment div.payment_box .wc-credit-card-form-card-number.amex.nitro-lazy {
background-image: none !important;
}
#add_payment_method #payment div.payment_box .wc-credit-card-form-card-cvc.discover, #add_payment_method #payment div.payment_box .wc-credit-card-form-card-expiry.discover, #add_payment_method #payment div.payment_box .wc-credit-card-form-card-number.discover, .woocommerce-cart #payment div.payment_box .wc-credit-card-form-card-cvc.discover, .woocommerce-cart #payment div.payment_box .wc-credit-card-form-card-expiry.discover, .woocommerce-cart #payment div.payment_box .wc-credit-card-form-card-number.discover, .woocommerce-checkout #payment div.payment_box .wc-credit-card-form-card-cvc.discover, .woocommerce-checkout #payment div.payment_box .wc-credit-card-form-card-expiry.discover, .woocommerce-checkout #payment div.payment_box .wc-credit-card-form-card-number.discover {
background-image: url("https://cdn-henjh.nitrocdn.com/dTLaqbZCmTvYbliQNMqpFtOEIywLPxuf/assets/images/optimized/rev-de2d079/www.vincents.se/wp-content/plugins/woocommerce/assets/images/icons/credit-cards/discover.svg");
}
#add_payment_method #payment div.payment_box .wc-credit-card-form-card-cvc.discover.nitro-lazy, #add_payment_method #payment div.payment_box .wc-credit-card-form-card-expiry.discover.nitro-lazy, #add_payment_method #payment div.payment_box .wc-credit-card-form-card-number.discover.nitro-lazy, .woocommerce-cart #payment div.payment_box .wc-credit-card-form-card-cvc.discover.nitro-lazy, .woocommerce-cart #payment div.payment_box .wc-credit-card-form-card-expiry.discover.nitro-lazy, .woocommerce-cart #payment div.payment_box .wc-credit-card-form-card-number.discover.nitro-lazy, .woocommerce-checkout #payment div.payment_box .wc-credit-card-form-card-cvc.discover.nitro-lazy, .woocommerce-checkout #payment div.payment_box .wc-credit-card-form-card-expiry.discover.nitro-lazy, .woocommerce-checkout #payment div.payment_box .wc-credit-card-form-card-number.discover.nitro-lazy {
background-image: none !important;
}
#add_payment_method #payment div.payment_box span.help, .woocommerce-cart #payment div.payment_box span.help, .woocommerce-checkout #payment div.payment_box span.help {
font-size: .857em;
color: #767676;
font-weight: 400;
}
#add_payment_method #payment div.payment_box .form-row, .woocommerce-cart #payment div.payment_box .form-row, .woocommerce-checkout #payment div.payment_box .form-row {
margin: 0 0 1em;
}
#add_payment_method #payment div.payment_box p:last-child, .woocommerce-cart #payment div.payment_box p:last-child, .woocommerce-checkout #payment div.payment_box p:last-child {
margin-bottom: 0;
}
#add_payment_method #payment div.payment_box::before, .woocommerce-cart #payment div.payment_box::before, .woocommerce-checkout #payment div.payment_box::before {
content: "";
display: block;
border: 1em solid #dcd7e2;
border-right-color: transparent;
border-left-color: transparent;
border-top-color: transparent;
position: absolute;
top: -.75em;
left: 0;
margin: -1em 0 0 2em;
}
#add_payment_method #payment .payment_method_paypal .about_paypal, .woocommerce-cart #payment .payment_method_paypal .about_paypal, .woocommerce-checkout #payment .payment_method_paypal .about_paypal {
float: right;
line-height: 52px;
font-size: .83em;
}
#add_payment_method #payment .payment_method_paypal img, .woocommerce-cart #payment .payment_method_paypal img, .woocommerce-checkout #payment .payment_method_paypal img {
max-height: 52px;
vertical-align: middle;
}
.woocommerce-terms-and-conditions {
border: 1px solid rgba(0, 0, 0, .2);
box-shadow: inset 0 1px 2px rgba(0, 0, 0, .1);
background: rgba(0, 0, 0, .05);
}
.woocommerce-invalid #terms {
outline: 2px solid var(--wc-red);
outline-offset: 2px;
}
.woocommerce-password-strength {
text-align: center;
font-weight: 600;
padding: 3px .5em;
font-size: 1em;
}
.woocommerce-password-strength.strong {
background-color: #c1e1b9;
border-color: #83c373;
}
.woocommerce-password-strength.short {
background-color: #f1adad;
border-color: #e35b5b;
}
.woocommerce-password-strength.bad {
background-color: #fbc5a9;
border-color: #f78b53;
}
.woocommerce-password-strength.good {
background-color: #ffe399;
border-color: #ffc733;
}
.woocommerce-password-hint {
margin: .5em 0 0;
display: block;
}
#content.twentyeleven .woocommerce-pagination a {
font-size: 1em;
line-height: 1;
}
.single-product .twentythirteen #reply-title, .single-product .twentythirteen #respond #commentform, .single-product .twentythirteen .entry-summary {
padding: 0;
}
.single-product .twentythirteen p.stars {
clear: both;
}
.twentythirteen .woocommerce-breadcrumb {
padding-top: 40px;
}
.twentyfourteen ul.products li.product {
margin-top: 0 !important;
}
body:not(.search-results) .twentysixteen .entry-summary {
color: inherit;
font-size: inherit;
line-height: inherit;
}
.twentysixteen .price ins {
background: inherit;
color: inherit;
}