@charset "UTF-8";
@charset "UTF-8";
@charset "UTF-8";

@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 #0000}.components-badge{box-sizing:border-box}.components-badge *,.components-badge :after,.components-badge :before{box-sizing:inherit}.components-badge{background-color:color-mix(in srgb,#fff 90%,var(--base-color));border-radius:2px;color:color-mix(in srgb,#000 50%,var(--base-color));display:inline-block;line-height:0;max-width:100%;min-height:24px;padding:2px 8px}.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__flex-wrapper{align-items:center;display:inline-flex;font-size:12px;font-weight:400;gap:2px;line-height:20px;max-width:100%}.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{appearance:none;background:none;border:0;cursor:pointer;display:inline-flex;font-family:inherit;font-size:13px;font-weight:499;margin:0;text-decoration:none}@media not (prefers-reduced-motion){.components-button{transition:box-shadow .1s linear}}.components-button{align-items:center;border-radius:2px;box-sizing:border-box;color:var(--wp-components-color-foreground,#1e1e1e);height:36px;padding:4px 12px}.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(:active){box-shadow:0 0 0 var(--wp-admin-border-width-focus) var(--wp-components-color-accent,var(--wp-admin-theme-color,#3858e9))}.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 #0000;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(:active){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:#fff6;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 #0000}.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:#0000;color:#949494;transform:none}.components-button.is-secondary{background:#0000;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 #0000;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%,#0000);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(:active){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:#0000;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%,#0000);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%,#0000)}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:not(:active){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:#cc18180a}.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:#cc181814}.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));font-weight:400;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{height:auto}.components-button.is-link:focus{border-radius:2px}.components-button.is-link:disabled,.components-button.is-link[aria-disabled=true]{color:#949494}.components-button:focus{outline:3px solid #0000}.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}@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-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%}.components-button.is-compact{height:32px}.components-button.is-compact.has-icon:not(.has-text){min-width:32px;padding:0}.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}.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.has-icon.has-text.has-icon-right{padding-left:12px;padding-right:8px}.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(:active){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-pressed:focus{outline:2px solid #0000}.components-button svg{fill:currentColor;flex-shrink:0;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-calendar{background-color:var(--wp-components-color-background,#fff);color:var(--wp-components-color-foreground,#1e1e1e);display:inline-block;font-size:13px;font-weight:400;position:relative;z-index:0}.components-calendar,.components-calendar *,.components-calendar :after,.components-calendar :before{box-sizing:border-box}.components-calendar__day{padding:0;position:relative}.components-calendar__day:has(.components-calendar__day-button:disabled){color:var(--wp-components-color-gray-400,#ccc)}.components-calendar__day:has(.components-calendar__day-button:focus-visible),.components-calendar__day:has(.components-calendar__day-button:hover:not(:disabled)){color:var(--wp-components-color-accent,var(--wp-admin-theme-color,#3858e9))}.components-calendar__day-button{align-items:center;background:none;border:none;border-radius:2px;color:inherit;cursor:pointer;display:flex;font:inherit;font-variant-numeric:tabular-nums;height:32px;justify-content:center;margin:0;padding:0;position:relative;width:32px}.components-calendar__day-button:before{border:none;border-radius:2px;content:"";inset:0;position:absolute;z-index:-1}.components-calendar__day-button:after{content:"";inset:0;pointer-events:none;position:absolute;z-index:1}.components-calendar__day-button:disabled{cursor:revert}@media (forced-colors:active){.components-calendar__day-button:disabled{text-decoration:line-through}}.components-calendar__day-button:focus-visible{outline:var(--wp-admin-border-width-focus) solid var(--wp-components-color-accent,var(--wp-admin-theme-color,#3858e9));outline-offset:1px}.components-calendar__caption-label{align-items:center;border:0;display:inline-flex;position:relative;text-transform:capitalize;white-space:nowrap;z-index:1}.components-calendar__button-next,.components-calendar__button-previous{align-items:center;appearance:none;background:none;border:none;border-radius:2px;color:inherit;cursor:pointer;display:inline-flex;height:32px;justify-content:center;margin:0;padding:0;position:relative;width:32px}.components-calendar__button-next:disabled,.components-calendar__button-next[aria-disabled=true],.components-calendar__button-previous:disabled,.components-calendar__button-previous[aria-disabled=true]{color:var(--wp-components-color-gray-600,#949494);cursor:revert}.components-calendar__button-next:focus-visible,.components-calendar__button-previous:focus-visible{outline:var(--wp-admin-border-width-focus) solid var(--wp-components-color-accent,var(--wp-admin-theme-color,#3858e9))}.components-calendar__chevron{fill:currentColor;display:inline-block;height:16px;width:16px}.components-calendar[dir=rtl] .components-calendar__nav .components-calendar__chevron{transform:rotate(180deg);transform-origin:50%}.components-calendar__month-caption{align-content:center;display:flex;height:32px;justify-content:center;margin-bottom:12px}.components-calendar__months{display:flex;flex-wrap:wrap;gap:16px;justify-content:center;max-width:fit-content;position:relative}.components-calendar__month-grid{border-collapse:initial;border-spacing:0 4px}.components-calendar__nav{align-items:center;display:flex;height:32px;inset-block-start:0;inset-inline-end:0;inset-inline-start:0;justify-content:space-between;position:absolute}.components-calendar__weekday{color:var(--wp-components-color-gray-700,#757575);height:32px;padding:0;text-align:center;text-transform:uppercase;width:32px}.components-calendar__day--today:after{border:2px solid;border-radius:50%;content:"";height:0;inset-block-start:2px;inset-inline-end:2px;position:absolute;width:0;z-index:1}.components-calendar__day--selected:not(.components-calendar__range-middle):has(.components-calendar__day-button,.components-calendar__day-button:hover:not(:disabled)){color:var(--wp-components-color-foreground-inverted,#fff)}.components-calendar__day--selected:not(.components-calendar__range-middle) .components-calendar__day-button:before{background-color:var(--wp-components-color-foreground,#1e1e1e);border:1px solid #0000}.components-calendar__day--selected:not(.components-calendar__range-middle) .components-calendar__day-button:disabled:before{background-color:var(--wp-components-color-gray-600,#949494)}.components-calendar__day--selected:not(.components-calendar__range-middle) .components-calendar__day-button:hover:not(:disabled):before{background-color:var(--wp-components-color-gray-800,#2f2f2f)}.components-calendar__day--hidden{visibility:hidden}.components-calendar__range-start:not(.components-calendar__range-end) .components-calendar__day-button,.components-calendar__range-start:not(.components-calendar__range-end) .components-calendar__day-button:before{border-end-end-radius:0;border-start-end-radius:0}.components-calendar__range-middle .components-calendar__day-button:before{background-color:color-mix(in srgb,var(--wp-components-color-accent,var(--wp-admin-theme-color,#3858e9)) 4%,#0000);border-color:#0000;border-radius:0;border-style:solid;border-width:1px 0}.components-calendar__range-end:not(.components-calendar__range-start) .components-calendar__day-button,.components-calendar__range-end:not(.components-calendar__range-start) .components-calendar__day-button:before{border-end-start-radius:0;border-start-start-radius:0}.components-calendar__day--preview svg{color:color-mix(in srgb,var(--wp-components-color-accent,var(--wp-admin-theme-color,#3858e9)) 16%,#0000);inset:0;pointer-events:none;position:absolute}@media (forced-colors:active){.components-calendar__day--preview svg{color:inherit}}.components-calendar[dir=rtl] .components-calendar__day--preview svg{transform:scaleX(-1)}.components-calendar__day--preview.components-calendar__range-middle .components-calendar__day-button:before{border:none}@keyframes slide-in-left{0%{transform:translateX(-100%)}to{transform:translateX(0)}}@keyframes slide-in-right{0%{transform:translateX(100%)}to{transform:translateX(0)}}@keyframes slide-out-left{0%{transform:translateX(0)}to{transform:translateX(-100%)}}@keyframes slide-out-right{0%{transform:translateX(0)}to{transform:translateX(100%)}}@keyframes fade-in{0%{opacity:0}to{opacity:1}}@keyframes fade-out{0%{opacity:1}to{opacity:0}}.components-calendar__caption-after-enter,.components-calendar__caption-after-exit,.components-calendar__caption-before-enter,.components-calendar__caption-before-exit,.components-calendar__weeks-after-enter,.components-calendar__weeks-after-exit,.components-calendar__weeks-before-enter,.components-calendar__weeks-before-exit{animation-duration:0s;animation-fill-mode:forwards;animation-timing-function:cubic-bezier(.4,0,.2,1)}@media not (prefers-reduced-motion){.components-calendar__caption-after-enter,.components-calendar__caption-after-exit,.components-calendar__caption-before-enter,.components-calendar__caption-before-exit,.components-calendar__weeks-after-enter,.components-calendar__weeks-after-exit,.components-calendar__weeks-before-enter,.components-calendar__weeks-before-exit{animation-duration:.3s}}.components-calendar[dir=rtl] .components-calendar__weeks-after-enter,.components-calendar__weeks-before-enter{animation-name:slide-in-left}.components-calendar[dir=rtl] .components-calendar__weeks-after-exit,.components-calendar__weeks-before-exit{animation-name:slide-out-left}.components-calendar[dir=rtl] .components-calendar__weeks-before-enter,.components-calendar__weeks-after-enter{animation-name:slide-in-right}.components-calendar[dir=rtl] .components-calendar__weeks-before-exit,.components-calendar__weeks-after-exit{animation-name:slide-out-right}.components-calendar__caption-after-enter{animation-name:fade-in}.components-calendar__caption-after-exit{animation-name:fade-out}.components-calendar__caption-before-enter{animation-name:fade-in}.components-calendar__caption-before-exit{animation-name:fade-out}.components-checkbox-control{--checkbox-input-size:24px}@media (min-width:600px){.components-checkbox-control{--checkbox-input-size:16px}}.components-checkbox-control{--checkbox-input-margin:8px}.components-checkbox-control__label{cursor:pointer;line-height:var(--checkbox-input-size)}.components-checkbox-control__input[type=checkbox]{border:1px solid #949494;border-radius:2px;box-shadow:0 0 0 #0000;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen-Sans,Ubuntu,Cantarell,Helvetica Neue,sans-serif;font-size:16px;line-height:normal;margin-right:12px;padding:6px 8px;transition:none}@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]::placeholder{color:#1e1e1e9e}.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: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{speak:none;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;content:"\f460";display:inline-block;float:left;font:normal 30px/1 dashicons;vertical-align:middle;width:16px}@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}.components-checkbox-control__input[type=checkbox]{appearance:none;background:#fff;clear:none;color:#1e1e1e;cursor:pointer;display:inline-block;height:var(--checkbox-input-size);line-height:0;margin:0 4px 0 0;outline:0;padding:0!important;text-align:center;vertical-align:top;width:var(--checkbox-input-size)}@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 #0000;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: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 8V6H4v2h2zm2 0V6h2v2H8zm2 8H8v-2h2v2zm2 0v-2h2v2h-2zm0 2v-2h-2v2H8v2h2v-2h2zm2 0v2h-2v-2h2zm2 0h-2v-2h2v2z'/%3E%3Cpath fill='%23555D65' fill-rule='evenodd' d='M18 18h2v-2h-2v-2h2v-2h-2v-2h2V8h-2v2h-2V8h-2v2h2v2h-2v2h2v2h2v2zm-2-4v-2h2v2h-2z' clip-rule='evenodd'/%3E%3Cpath fill='%23555D65' d='M18 18v2h-2v-2h2z'/%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-2v2H8zm0 2v-2H6v2h2zm2 0v-2h2v2h-2zm0 2v-2H8v2H6v2h2v2H6v2h2v2h2v-2h2v2h2v-2h2v2h2v-2h2v2h2v-2h-2v-2h2v-2h-2v-2h2v-2h-2v-2h2V8h-2V6h-2v2h-2V6h-2v2h-2v2h2v2h-2v2h-2z' 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-2v2H8V0H6v2H4V0zm0 4V2H2v2h2zm2 0V2h2v2H6zm0 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-2v2H8v2H6z' 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:#0000;border:none;border-radius:50%;box-shadow:inset 0 0 0 14px;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{cursor:pointer}.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 #0000;border-radius:50%;bottom:-1px;box-shadow:inset 0 0 0 1px #0003;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,#0000 48%,#ddd 0,#ddd 52%,#0000 0);border-radius:50%;box-shadow:inset 0 0 0 1px #0003;display:inline-block;height:20px;padding:0;width:20px}.components-combobox-control{width:100%}input.components-combobox-control__input[type=text]{background:var(--wp-components-color-background,#fff);border:none;box-shadow:none;color:var(--wp-components-color-foreground,#1e1e1e);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{border:1px solid #949494;border-radius:2px;box-shadow:0 0 0 #0000;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-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-components-color-accent,var(--wp-admin-theme-color,#3858e9));box-shadow:0 0 0 .5px var(--wp-components-color-accent,var(--wp-admin-theme-color,#3858e9));outline:2px solid #0000}.components-combobox-control__suggestions-container::placeholder{color:#1e1e1e9e}.components-combobox-control__suggestions-container{align-items:flex-start;display:flex;flex-wrap:wrap;padding:0;width:100%}.components-combobox-control__suggestions-container:focus-within{border-color:var(--wp-components-color-accent,var(--wp-admin-theme-color,#3858e9));box-shadow:0 0 0 .5px var(--wp-components-color-accent,var(--wp-admin-theme-color,#3858e9));outline:2px solid #0000}.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 #0003;box-sizing:border-box;cursor:pointer;height:64px;outline:1px solid #0000;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%,#0000 0,#0000 75%,#e0e0e0 0,#e0e0e0),repeating-linear-gradient(45deg,#e0e0e0 25%,#0000 0,#0000 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 #0003,inset 1px 0 0 0 #0003,inset -1px 0 0 0 #0003;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%,#0000 0,#0000 75%,#e0e0e0 0,#e0e0e0),repeating-linear-gradient(45deg,#e0e0e0 25%,#0000 0,#0000 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 #00000040;height:inherit;outline:2px solid #0000;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 #00000040;outline:1.5px solid #0000}.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}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:#0000;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{fill:currentColor;line-height:0;margin:0 auto 8px;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;font-weight:400;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:32px;padding-left:8px;padding-right:8px;text-align:left}.components-duotone-picker__color-indicator:before{background:#0000}.components-duotone-picker__color-indicator>.components-button,.components-duotone-picker__color-indicator>.components-button.is-pressed:hover:not(:disabled){background:linear-gradient(-45deg,#0000 48%,#ddd 0,#ddd 52%,#0000 0);color:#0000}.components-duotone-picker__color-indicator>.components-button:hover:not(:disabled):not([aria-disabled=true]),.components-duotone-picker__color-indicator>.components-button:not([aria-disabled=true]):active{color:#0000}.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;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{overflow:hidden}.components-form-toggle .components-form-toggle__track:after{border-top:16px solid #0000;box-sizing:border-box;content:"";inset: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__track:after{opacity:0}.components-form-toggle .components-form-toggle__thumb{border-radius:50%;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 .components-form-toggle__thumb{background-color:#1e1e1e;border:6px solid #0000;box-shadow:0 1px 1px #00000008,0 1px 2px #00000005,0 3px 3px #00000005,0 4px 4px #00000003}.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 #0000;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 #0000;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-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-components-color-accent,var(--wp-admin-theme-color,#3858e9));box-shadow:0 0 0 .5px var(--wp-components-color-accent,var(--wp-admin-theme-color,#3858e9));outline:2px solid #0000}.components-form-token-field__input-container::placeholder{color:#1e1e1e9e}.components-form-token-field__input-container{cursor:text;padding:0;width:100%}.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-components-color-accent,var(--wp-admin-theme-color,#3858e9));box-shadow:0 0 0 .5px var(--wp-components-color-accent,var(--wp-admin-theme-color,#3858e9));outline:2px solid #0000}.components-form-token-field__input-container input[type=text].components-form-token-field__input{background:inherit;border:0;box-shadow:none;color:var(--wp-components-color-foreground,#1e1e1e);display:inline-block;flex:1;font-family:inherit;font-size:16px;line-height:1;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:#0000}.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:#0000;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{flex:1 0 100%;max-height:128px;min-width:100%;overflow-y:auto}@media not (prefers-reduced-motion){.components-form-token-field__suggestions-list{transition:all .15s ease-in-out}}.components-form-token-field__suggestions-list{box-shadow:inset 0 1px 0 0 #949494;list-style:none;margin:0;padding:0}.components-form-token-field__suggestion{box-sizing:border-box;color:var(--wp-components-color-foreground,#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:var(--wp-components-color-foreground-inverted,#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-mix(in srgb,var(--wp-components-color-accent,var(--wp-admin-theme-color,#3858e9)) 4%,#0000)}.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:64px;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-guide__container{display:flex;flex-direction:column;justify-content:space-between;margin-top:-64px;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 24px;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:24px}.components-button.components-guide__finish-button,.components-button.components-guide__forward-button{right:24px}[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{box-shadow:inset 0 0 0 calc(var(--wp-admin-border-width-focus)*2/var(--wp-block-editor-iframe-zoom-out-scale, 1) + .5px) #ffffffb3;outline-color:var(--wp-admin-theme-color);outline-offset:calc(var(--wp-admin-border-width-focus)*-2/var(--wp-block-editor-iframe-zoom-out-scale, 1));outline-style:solid;outline-width:calc(var(--wp-admin-border-width-focus)*2/var(--wp-block-editor-iframe-zoom-out-scale, 1))}.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:499;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{font-weight:400;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:#00000059;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{box-sizing:border-box}.components-modal__frame *,.components-modal__frame :after,.components-modal__frame :before{box-sizing:inherit}.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 #00000014,0 15px 27px #00000012,0 30px 36px #0000000a,0 50px 43px #00000005;color:#1e1e1e;display:flex;margin:40px 0 0;overflow:hidden;width:100%}.components-modal__frame h1,.components-modal__frame h2,.components-modal__frame h3{color:#1e1e1e}@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% - 128px);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%}}.components-modal__frame.is-full-screen :where(.components-modal__content){display:flex;margin-bottom:24px;padding-bottom:0}.components-modal__frame.is-full-screen :where(.components-modal__content)>:last-child{flex:1}@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 #0000;box-sizing:border-box;display:flex;flex-direction:row;height:72px;justify-content:space-between;left:0;padding:24px;position:absolute;top:0;width:100%;z-index:10}.components-modal__header .components-modal__header-heading{font-size:20px;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:flex-start}.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 24px 24px}.components-modal__content.hide-header{margin-top:0;padding-top:24px}.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 #0000;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-dismissible .components-notice__content{margin-right:25px}.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-bottom:4px;margin-top:4px}.components-notice__actions{align-items:center;display:flex;flex-wrap:wrap;gap:12px;margin-top:12px}.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-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:499;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{height:auto}.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{fill:currentColor;color:#1e1e1e;position:absolute;right:16px;top:50%;transform:translateY(-50%)}@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{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{-webkit-font-smoothing:subpixel-antialiased;align-items:flex-start;background-color:#fff;border-radius:2px;box-shadow:inset 0 0 0 1px #1e1e1e;box-sizing:border-box;color:#1e1e1e;display:flex;flex-direction:column;font-size:13px;gap:16px;margin:0;outline:1px solid #0000;padding:24px;position:relative;text-align:left;width:100%}.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{fill:currentColor;margin-right:4px}@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 #0000;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 #0000}.components-placeholder__input[type=url]::placeholder{color:#1e1e1e9e}.components-placeholder__input[type=url]{flex:1 1 auto}.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{backdrop-filter:blur(100px);backface-visibility:hidden;background-color:initial;border-radius:0;box-shadow:none;color:inherit;display:flex}.is-dark-theme .components-placeholder.has-illustration{background-color:#0000001a}.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}.components-placeholder.has-illustration{overflow:hidden}.is-selected .components-placeholder.has-illustration{overflow:auto}.components-placeholder__preview{display:flex;justify-content:center}.components-placeholder__illustration{stroke:currentColor;box-sizing:initial;height:100%;left:50%;opacity:.25;position:absolute;top:50%;transform:translate(-50%,-50%);width:100%}.components-popover{box-sizing:border-box}.components-popover *,.components-popover :after,.components-popover :before{box-sizing:inherit}.components-popover{will-change:transform;z-index:1000000}.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 #0000000d,0 4px 5px #0000000a,0 12px 12px #00000008,0 16px 16px #00000005;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:#0000;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]{border:1px solid #1e1e1e;border-radius:50%;grid-column:1;grid-row:1;height:24px;margin-right:12px;max-width:24px;min-width:24px;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]{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]{appearance:none;cursor:pointer;display:inline-flex;margin:0;padding:0}.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 #0000;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 #00000008,0 1px 2px #00000005,0 3px 3px #00000005,0 4px 4px #00000003;content:"";cursor:inherit;display:block;height:15px;outline:2px solid #0000;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;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__side-handle:before{opacity:0}.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)}}.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}.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{-webkit-tap-highlight-color:rgba(0,0,0,0)!important;outline:0}.components-snackbar{backdrop-filter:blur(16px) saturate(180%);background:#000000d9;border-radius:4px;box-shadow:0 1px 2px #0000000d,0 2px 3px #0000000a,0 6px 6px #00000008,0 8px 8px #00000005;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,.components-snackbar__action.components-external-link{color:#fff;flex-shrink:0;margin-left:32px}.components-snackbar__action.components-button:focus,.components-snackbar__action.components-external-link:focus{box-shadow:none;outline:1px dotted #fff}.components-snackbar__action.components-button:hover,.components-snackbar__action.components-external-link: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:#0000;border:none;border-radius:0;box-shadow:none;cursor:pointer;font-weight:400;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 #0000;outline-offset:-1px}.components-tab-panel__tabs-item:before{border-radius:2px;bottom:12px;box-shadow:0 0 0 0 #0000;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 #0000}.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 #0000;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]{background:var(--wp-components-color-background,#fff);border:1px solid #949494;border-radius:2px;box-shadow:0 0 0 #0000;color:var(--wp-components-color-foreground,#1e1e1e);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-components-color-accent,var(--wp-admin-theme-color,#3858e9));box-shadow:0 0 0 .5px var(--wp-components-color-accent,var(--wp-admin-theme-color,#3858e9));outline:2px solid #0000}.components-text-control__input::placeholder,.components-text-control__input[type=color]::placeholder,.components-text-control__input[type=date]::placeholder,.components-text-control__input[type=datetime-local]::placeholder,.components-text-control__input[type=datetime]::placeholder,.components-text-control__input[type=email]::placeholder,.components-text-control__input[type=month]::placeholder,.components-text-control__input[type=number]::placeholder,.components-text-control__input[type=password]::placeholder,.components-text-control__input[type=tel]::placeholder,.components-text-control__input[type=text]::placeholder,.components-text-control__input[type=time]::placeholder,.components-text-control__input[type=url]::placeholder,.components-text-control__input[type=week]::placeholder{color:#1e1e1e9e}.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-color:var(--wp-components-color-gray-600,#949494)}.components-text-control__input::placeholder,.components-text-control__input[type=color]::placeholder,.components-text-control__input[type=date]::placeholder,.components-text-control__input[type=datetime-local]::placeholder,.components-text-control__input[type=datetime]::placeholder,.components-text-control__input[type=email]::placeholder,.components-text-control__input[type=month]::placeholder,.components-text-control__input[type=number]::placeholder,.components-text-control__input[type=password]::placeholder,.components-text-control__input[type=tel]::placeholder,.components-text-control__input[type=text]::placeholder,.components-text-control__input[type=time]::placeholder,.components-text-control__input[type=url]::placeholder,.components-text-control__input[type=week]::placeholder{color:color-mix(in srgb,var(--wp-components-color-foreground,#1e1e1e),#0000 38%)}.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{fill:#f0b849;align-self:center;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 var(--wp-components-color-foreground,#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:#0000}.components-accessible-toolbar .components-button.is-pressed:before,.components-toolbar .components-button.is-pressed:before{background:var(--wp-components-color-foreground,#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 #0000}.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:var(--wp-components-color-background,#fff);border-right:1px solid var(--wp-components-color-foreground,#1e1e1e);display:inline-flex;flex-shrink:0;flex-wrap:wrap;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{line-height: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:var(--wp-components-color-background,#fff);border:1px solid var(--wp-components-color-foreground,#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 #0000000d,0 2px 3px #0000000a,0 6px 6px #00000008,0 8px 8px #00000005;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}.components-validated-control:has(:is(input,select):invalid[data-validity-visible]) .components-input-control__backdrop{--wp-components-color-accent:#cc1818;border-color:#cc1818}.components-validated-control :is(textarea,input[type=text]):invalid[data-validity-visible]{--wp-admin-theme-color:#cc1818;--wp-components-color-accent:#cc1818;border-color:#cc1818}.components-validated-control .components-combobox-control__suggestions-container:has(input:invalid[data-validity-visible]):not(:has([aria-expanded=true])){--wp-components-color-accent:#cc1818}.components-validated-control__wrapper-with-error-delegate{position:relative}.components-validated-control__wrapper-with-error-delegate:has(select:invalid[data-validity-visible]) .components-input-control__backdrop{--wp-components-color-accent:#cc1818;border-color:#cc1818}.components-validated-control__wrapper-with-error-delegate:has(input[type=radio]:invalid[data-validity-visible]){--wp-components-color-accent:#cc1818}.components-validated-control__wrapper-with-error-delegate:has(input:invalid[data-validity-visible]) .components-form-token-field__input-container:not(:has([aria-expanded=true])){--wp-components-color-accent:#cc1818;border-color:#cc1818}.components-validated-control__error-delegate{height:100%;opacity:0;pointer-events:none;position:absolute;top:0;width:100%}.components-validated-control__indicator{align-items:flex-start;animation:components-validated-control__indicator-jump .2s cubic-bezier(.68,-.55,.27,1.55);color:var(--wp-components-color-gray-700,#757575);display:flex;font-family:-apple-system,"system-ui",Segoe UI,Roboto,Oxygen-Sans,Ubuntu,Cantarell,Helvetica Neue,sans-serif;font-size:12px;gap:4px;line-height:16px;margin:8px 0 0}.components-validated-control__indicator.is-invalid{color:#cc1818}.components-validated-control__indicator.is-valid{color:color-mix(in srgb,#000 30%,#4ab866)}.components-validated-control__indicator-icon{flex-shrink:0}.components-validated-control__indicator-spinner{height:12px;margin:2px;width:12px}@keyframes components-validated-control__indicator-jump{0%{opacity:0;transform:translateY(-4px)}to{opacity:1;transform:translateY(0)}}: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.0384615385,68.7307692308,230.4615384615;--wp-admin-theme-color-darker-20:#183ad6;--wp-admin-theme-color-darker-20--rgb:23.6923076923,58.1538461538,214.3076923077;--wp-admin-border-width-focus:2px}@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% - 128px);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:88px;width:160px}.preferences__tabs-tabpanel{margin-left:160px;padding-left:24px}@media (max-width:781px){.preferences__provider{height:100%}}.preferences-modal__section{border:0;margin:0 0 2.5rem;padding:0}.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-block-synced-color:#7a00df;--wp-block-synced-color--rgb:122,0,223;--wp-bound-block-color:var(--wp-block-synced-color);--wp-editor-canvas-background:#ddd;--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,160.5;--wp-admin-theme-color-darker-20:#005a87;--wp-admin-theme-color-darker-20--rgb:0,90,135;--wp-admin-border-width-focus:2px}@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;position:relative}.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{background:#0000;border:none;cursor:pointer;height:100%;padding-left:12px;padding-right:32px;width:100%}.block-editor-global-styles-background-panel__reset{margin:auto 8px;opacity:0;position:absolute;right:0;top:8px}@media not (prefers-reduced-motion){.block-editor-global-styles-background-panel__reset{transition:opacity .1s ease-in-out}}.block-editor-global-styles-background-panel__reset.block-editor-global-styles-background-panel__reset{border-radius:2px}.block-editor-global-styles-background-panel__dropdown-toggle:hover+.block-editor-global-styles-background-panel__reset,.block-editor-global-styles-background-panel__reset:focus,.block-editor-global-styles-background-panel__reset:hover{opacity:1}@media (hover:none){.block-editor-global-styles-background-panel__reset{opacity:1}}.block-editor-global-styles-background-panel__inspector-media-replace-title{text-align:start;white-space:normal;word-break:break-all}.block-editor-global-styles-background-panel__inspector-image-indicator{background:#fff linear-gradient(-45deg,#0000 48%,#ddd 0,#ddd 52%,#0000 0);background-size:cover;border-radius:2px;box-shadow:inset 0 0 0 1px #0003;height:20px;outline:1px solid #0000;width:20px}.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]{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)}}iframe[name=editor-canvas]{background-color:var(--wp-editor-canvas-background)}.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 .block-editor-html-element-control:where(:not(:last-child)),.block-editor-block-inspector .block-editor-image-size-control:where(:not(:last-child)),.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 .block-editor-html-element-control .components-base-control,.block-editor-block-inspector .block-editor-image-size-control .components-base-control,.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-inspector-edit-contents{margin:0 16px 16px}.block-editor-block-inspector-edit-contents .block-editor-block-inspector-edit-contents__button{justify-content:center}.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;position:absolute;will-change:transform}@media (min-width:480px){.block-editor-block-list__insertion-point-inserter{display:flex}}.block-editor-block-list__insertion-point-inserter{justify-content:center;left:calc(50% - 12px);top:calc(50% - 12px)}.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-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:after{display:none}.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-parent-selector:after{display:inline-flex}.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-tools--is-dragging>.popover-slot{display:none}.block-editor-block-lock-modal{z-index:1000001}.block-editor-block-lock-modal__options{border:0;margin:0;padding:0}.block-editor-block-lock-modal__options legend{margin-bottom:16px;padding:0}.block-editor-block-lock-modal__checklist{list-style:none;margin:0;padding: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{fill:#1e1e1e;flex-shrink:0;margin-right:12px}.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-allowed-blocks-control:not(:only-child){margin-top:16px}.block-editor-block-allowed-blocks-control__button{justify-content:center;width:100%}.block-editor-block-allowed-blocks-modal{z-index:1000001}.block-editor-block-allowed-blocks-modal__actions{background-color:#fff;border-top:1px solid #ddd;bottom:-24px;left:0;margin:0 -24px -24px;padding:16px 24px;position:sticky;z-index:1}.block-editor-block-breadcrumb{list-style:none;margin:0;padding:0}.block-editor-block-breadcrumb li{display:inline-flex;margin:0;white-space:nowrap}.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{color:#1e1e1e;padding:16px}.block-editor-block-card.is-parent{padding-bottom:4px}.block-editor-block-card.is-child{padding-top:4px}.block-editor-block-card__parent-select-button{align-items:start;height:auto!important;padding:0;text-align:start}.block-editor-block-card__title{align-items:center;display:flex;flex-wrap:wrap;font-weight:499;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,.block-editor-block-card__child-indicator-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 #0000000d,0 2px 3px #0000000a,0 6px 6px #00000008,0 8px 8px #00000005;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:#0000 linear-gradient(-45deg,#0000 47.5%,#fff 0,#fff 52.5%,#0000 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 #0000000d,0 2px 3px #0000000a,0 6px 6px #00000008,0 8px 8px #00000005;opacity:1}.block-editor-block-manager__no-results{font-style:italic;padding:24px 0;text-align:center}.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{fill:#1e1e1e;margin-right:10px}.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 #0000}.block-editor-block-navigation__container{min-width:280px}.block-editor-block-navigation__label{color:#757575;font-size:11px;font-weight:499;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 #0000001a;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:#0000004d}.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-quick-navigation__item{font-weight:400}.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{grid-column:1/-1}.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 #0000}.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}.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:499;margin-bottom:12px;text-transform:uppercase}.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-radius:2px;height:100%}@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{border:1px solid #0000;position:relative}.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 #0000}.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 #0000;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:64px;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%}@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{z-index:100}.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{box-sizing:border-box;padding:0 16px 16px}.block-editor-block-variation-transforms:where(fieldset){border:0;margin:0;min-inline-size:0}.block-editor-block-variation-transforms__button{justify-content:center;width:100%}.components-border-radius-control__header{height:16px;margin-bottom:12px}.components-border-radius-control{border:0;margin:0 0 12px;padding:0}.components-border-radius-control legend{margin-bottom:0}.components-border-radius-control .components-border-radius-control__linked-button{display:flex;justify-content:center}.components-border-radius-control .components-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{border:0;margin:0;min-width:0;padding: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{min-height:160px}.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,#0000 48%,#ddd 0,#ddd 52%,#0000 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,#0000 48%,#ddd 0,#ddd 52%,#0000 0)}.block-editor-fit-text-size-warning{margin:8px 0 0}.block-editor-fit-text-size-warning .components-notice__content{margin-right:0}.components-font-appearance-control [role=option]{color:#1e1e1e;text-transform:capitalize}.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{border:1px solid #ddd;border-radius:2px;display:block;padding:0;position:relative}.block-editor-global-styles-filters-panel__dropdown-toggle,.block-editor-global-styles__shadow-dropdown-toggle{padding:8px;width:100%}.block-editor-global-styles-filters-panel__dropdown-toggle.is-open,.block-editor-global-styles__shadow-dropdown-toggle.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__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}@media not (prefers-reduced-motion){.block-editor-global-styles__shadow-indicator{transition:transform .1s ease}}.block-editor-global-styles__shadow-indicator{will-change:transform}.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,#0000 48%,#ddd 0,#ddd 52%,#0000 0)}.block-editor-global-styles-advanced-panel__custom-css-input{margin-bottom:16px}.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%,#0000);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%,#0000);opacity:1}.block-editor-grid-visualizer__drop-zone{background:#cccccc1a;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 #0000}.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:-4px}}.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-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:#0000;color:#1e1e1e;cursor:pointer;display:flex;flex-direction:column;font-size:13px;justify-content:center;padding:8px;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{height:auto;position:relative}.components-button.block-editor-block-types-list__item:disabled,.components-button.block-editor-block-types-list__item[aria-disabled=true]{cursor:default;opacity:.6}.components-button.block-editor-block-types-list__item:not(:disabled,[aria-disabled=true]):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,[aria-disabled=true]):hover svg{color:var(--wp-admin-theme-color)!important}.components-button.block-editor-block-types-list__item:not(:disabled,[aria-disabled=true]):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,[aria-disabled=true]).is-active{background:#1e1e1e;color:#fff;outline:2px solid #0000;outline-offset:-2px}.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)}.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}.modal-open .block-editor-inspector-list-view-content-popover{z-index:99999}.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__preview{flex-wrap:wrap;gap:4px}.show-icon-labels .block-editor-link-control .block-editor-link-control__preview .components-button.has-icon{padding:4px;width:auto}.show-icon-labels .block-editor-link-control .block-editor-link-control__preview .block-editor-link-control_link-information{margin-right:0;min-width:100%}.block-editor-link-control__search-input-wrapper{margin-bottom:8px;position:relative}.block-editor-link-control__help{color:#757575;font-size:12px;font-style:normal;margin-bottom:0;margin-top:-8px;padding:0 16px}.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;white-space:nowrap}.block-editor-link-control__search-item[aria-selected]{background:#f0f0f0}.block-editor-link-control__preview{background:#0000;border:0;padding:16px}.block-editor-link-control__preview .block-editor-link-control__link-information{margin-right:8px;overflow-wrap:break-word;white-space:pre-wrap}.block-editor-link-control__preview .block-editor-link-control__link-information .block-editor-link-control__preview-info{color:#757575;font-size:12px;line-height:1.1;word-break:break-all}.block-editor-link-control__preview.is-url-title .block-editor-link-control__preview-title{word-break:break-all}.block-editor-link-control__preview .block-editor-link-control__preview-icon,.block-editor-link-control__preview .block-editor-link-control__preview-image{background-color:#f0f0f0;border-radius:2px;flex-shrink:0;height:32px;position:relative;width:32px}.block-editor-link-control__preview .block-editor-link-control__preview-icon img{width:16px}.block-editor-link-control__preview.is-error .block-editor-link-control__preview-icon{max-height:32px;top:0;width:32px}.block-editor-link-control__preview .block-editor-link-control__preview-title{line-height:1.1}.block-editor-link-control__preview .block-editor-link-control__preview-title:focus{box-shadow:none}.block-editor-link-control__preview .block-editor-link-control__preview-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 #0000;text-decoration:none}.block-editor-link-control__preview .block-editor-link-control__preview-title mark{background-color:initial;color:inherit;font-weight:600}.block-editor-link-control__preview .block-editor-link-control__preview-title span{font-weight:400}.block-editor-link-control__preview .block-editor-link-control__preview-title .components-external-link__icon{clip:rect(0,0,0,0);border:0;height:1px;margin:-1px;overflow:hidden;padding:0;position:absolute;width:1px}.block-editor-link-control__preview.is-fetching .block-editor-link-control__preview-icon img,.block-editor-link-control__preview.is-fetching .block-editor-link-control__preview-icon svg{opacity:0}.block-editor-link-control__preview.is-fetching .block-editor-link-control__preview-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__preview.is-fetching .block-editor-link-control__preview-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__preview-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__settings{border:0;margin:0;padding:0}.block-editor-link-control__setting{flex:1;margin-bottom:0;padding:8px 24px}.block-editor-link-control__setting .components-base-control:not(.components-input-control) .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{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=true] svg{transform:rotate(90deg)}.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)}.link-preview-button.components-button{border-color:#949494;box-shadow:inset 0 0 0 1px #949494;height:auto;padding:12px;width:100%}.link-preview-button__image-container{flex-shrink:0;height:24px;width:24px}.link-preview-button__image{border-radius:2px;height:100%;object-fit:cover;width:100%}.link-preview-button__content,.link-preview-button__details{flex:1;min-width:0}.link-preview-button__hint,.link-preview-button__title{display:block;min-width:0;overflow:hidden;text-align:left;text-overflow:ellipsis;white-space:nowrap;width:100%}.link-preview-button__title{color:#1e1e1e;display:block;font-weight:500;margin-top:4px}.link-preview-button__hint{color:#757575;font-size:12px;font-weight:400}.link-preview-button__icon{color:#1e1e1e}.link-preview-button__badges{margin-top:8px}.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 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}@media not (prefers-reduced-motion){.block-editor-list-view-leaf.is-displacement-normal{transition:transform .2s}}.block-editor-list-view-leaf.is-displacement-normal{transform:translateY(0)}@media not (prefers-reduced-motion){.block-editor-list-view-leaf.is-displacement-up{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-down{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-after-dragged-blocks{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.is-displacement-up{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-down{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))}.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:28px}.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__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:#0000004d;color:#fff}.block-editor-list-view-leaf .block-editor-list-view-block-select-button__block-visibility,.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{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=true] .block-editor-list-view__expander svg{transform:rotate(90deg)}.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{z-index:99999}.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 #ddd;margin-top:8px;padding-bottom:8px}.block-editor-media-replace-flow__options.is-variant-toolbar .block-editor-media-replace-flow__media-upload-menu:not(:empty)+.block-editor-media-flow__url-input{border-top-color:#1e1e1e}.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__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__preview.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{word-wrap:break-word;overflow:hidden}.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:499}.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{word-wrap:normal!important;border:0;clip-path:inset(50%);height:1px;margin:-1px;overflow:hidden;padding:0;position:absolute;width:1px}.preset-input-control__wrapper>*{flex:1}.preset-input-control__wrapper>.preset-input-control__custom-toggle,.preset-input-control__wrapper>.preset-input-control__icon{flex:none}.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-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}@media not (prefers-reduced-motion){.block-editor-url-input__suggestions{transition:all .15s ease-in-out}}.block-editor-url-input__suggestions{overflow-y:auto;padding:4px 0;width:302px}.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 #00000008,0 1px 2px #00000005,0 3px 3px #00000005,0 4px 4px #00000003}.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-content-only-controls__link{box-shadow:inset 0 0 0 1px #ccc;width:100%}.block-editor-content-only-controls__link:focus:not(:disabled){box-shadow:0 0 0 currentColor inset,0 0 0 var(--wp-admin-border-width-focus) var(--wp-admin-theme-color)}.block-editor-content-only-controls__link-row{align-items:center}.block-editor-content-only-controls__link-title{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;width:100%}.block-editor-content-only-controls__media{box-shadow:inset 0 0 0 1px #ccc;padding:8px;width:100%}.block-editor-content-only-controls__media:focus:not(:disabled){box-shadow:0 0 0 currentColor inset,0 0 0 var(--wp-admin-border-width-focus) var(--wp-admin-theme-color)}.block-editor-content-only-controls__media-replace-flow{display:block}.block-editor-content-only-controls__media-row{align-items:center}.block-editor-content-only-controls__media-placeholder{background:#fff linear-gradient(-45deg,#0000 48%,#ddd 0,#ddd 52%,#0000 0);border-radius:2px;box-shadow:inset 0 0 0 1px #0003;display:inline-block;height:24px;padding:0;width:24px}.block-editor-content-only-controls__media-title{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;width:100%}.block-editor-content-only-controls__media-thumbnail{align-self:center;border-radius:2px;height:24px;width:24px}.block-editor-content-only-controls__media-thumbnail img{height:100%!important;object-fit:cover;width:100%!important}.block-editor-content-only-controls__rich-text{background:#fff;border:1px solid #949494;border-radius:2px;box-shadow:0 0 0 #0000;color:#1e1e1e;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen-Sans,Ubuntu,Cantarell,Helvetica Neue,sans-serif;font-size:16px;line-height:normal;margin:0;padding:6px 8px;width:100%}@media not (prefers-reduced-motion){.block-editor-content-only-controls__rich-text{transition:box-shadow .1s linear}}@media (min-width:600px){.block-editor-content-only-controls__rich-text{font-size:13px;line-height:normal}}.block-editor-content-only-controls__rich-text:focus{border-color:var(--wp-admin-theme-color,#3858e9);box-shadow:0 0 0 .5px var(--wp-admin-theme-color,#3858e9);outline:2px solid #0000}.block-editor-content-only-controls__rich-text::placeholder{color:#1e1e1e9e}.block-editor-content-only-controls__rich-text{border-color:#949494}.block-editor-content-only-controls__rich-text::placeholder{color:color-mix(in srgb,#1e1e1e,#0000 38%)}.block-editor-content-only-controls__rich-text{min-height:40px;padding:12px}.block-editor-block-fields__container{padding:0 16px}.block-editor-block-fields__container:first-of-type{border-top:1px solid #e0e0e0;padding-block-start:8px}.block-editor-block-fields__container:last-of-type{padding-block-end:16px}.block-editor-block-fields__header{margin-bottom:4px;padding:8px 0}.block-editor-block-fields__header-icon{flex:0 0 24px}.block-editor-block-fields__header-title{flex:1;margin:0!important}.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.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-hooks__grid-layout-columns-and-rows-controls,.block-editor-hooks__grid-layout-minimum-width-control{border:0;margin:0;padding:0}.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%,#0000);border-radius:2px}.block-editor-block-toolbar .components-button.block-editor-block-toolbar__block-icon-button[aria-disabled=true],.block-editor-block-toolbar .components-button.block-editor-block-toolbar__block-icon-button[aria-disabled=true]:hover{color:#1e1e1e}.block-editor-block-toolbar.is-connected .block-editor-block-toolbar__block-icon,.block-editor-block-toolbar.is-synced .block-editor-block-toolbar__block-icon{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}.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 #0000;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{scrollbar-color:#e0e0e0 #0000;scrollbar-gutter:stable both-edges;scrollbar-width:thin}.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 #0000}.block-editor-block-contextual-toolbar .block-editor-block-toolbar{will-change:transform}@media (hover:none){.block-editor-block-contextual-toolbar .block-editor-block-toolbar{scrollbar-color:#949494 #0000}}.block-editor-block-contextual-toolbar .block-editor-block-toolbar{scrollbar-gutter:auto}.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;top:15px;width:2px}.block-editor-block-toolbar__block-controls .components-toolbar-group{padding:0}.block-editor-block-toolbar__pattern-overrides-popover .components-popover__content{min-width:260px;padding:16px}.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:where(:not(.has-text)){width:auto}.show-icon-labels .block-editor-block-toolbar .components-button.has-icon:where(:not(.has-text)) svg{display:none}.show-icon-labels .block-editor-block-toolbar .components-button.has-icon:where(:not(.has-text)):after{content:attr(aria-label);font-size:12px}.show-icon-labels .block-editor-block-toolbar .block-editor-block-icon{height:0!important;min-width:0!important;width:0!important}.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-parent-selector .block-editor-block-parent-selector__button{text-wrap:nowrap;border-bottom-right-radius:0;border-top-right-radius:0;padding-left:12px;padding-right:12px}.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{grid-gap:12px;display:grid;grid-template-columns:1fr 1fr}.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 #00000008,0 1px 2px #00000005,0 3px 3px #00000005,0 4px 4px #00000003;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:499;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 #0000;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{grid-gap:8px;display:grid;grid-template-columns:1fr 1fr}.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:auto;padding:24px;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{grid-gap:32px;display:grid;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:499}.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-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:#0000004d}.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 #0000}.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 #0000001a;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:#ffffffb3;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{border:0;margin:0;padding:0}.spacing-sizes-control .spacing-sizes-control__label,.spacing-sizes-control .spacing-sizes-control__unit-control{margin-bottom:0}.spacing-sizes-control .spacing-sizes-control__custom-value-range,.spacing-sizes-control .spacing-sizes-control__preset-range{flex:1;margin-bottom:0}.spacing-sizes-control__header{height:16px;margin-bottom:12px}.spacing-sizes-control__wrapper{align-items:center}.spacing-sizes-control__dropdown{height:24px}.spacing-sizes-control__wrapper .preset-input-control__icon{margin-left:-4px}.block-editor-block-visibility-modal{z-index:1000001}.block-editor-block-visibility-modal__options{border:0;list-style:none;margin:24px 0;padding:0}.block-editor-block-visibility-modal__options-item{align-items:center;display:flex;gap:24px;justify-content:space-between;margin:0 0 16px}.block-editor-block-visibility-modal__options-item:last-child{margin:0}.block-editor-block-visibility-modal__options-item--everywhere{align-items:start;flex-direction:column}.block-editor-block-visibility-modal__options-checkbox--everywhere{font-weight:600}.block-editor-block-visibility-modal__options-icon--checked{fill:#ddd}.block-editor-block-visibility-modal__sub-options{padding-inline-start:12px;width:100%}.block-editor-block-visibility-modal__description{color:#757575;font-size:12px}.block-editor-block-visibility-info{align-items:center;display:flex;justify-content:start;margin:0 16px 16px;padding-bottom:4px;padding-top:4px}.wp-block-popup-maker-cta-button__link{align-content:center;box-sizing:border-box;cursor:pointer;display:inline-block;height:100%;text-align:center;word-break:break-word}.wp-block-popup-maker-cta-buttons .wp-block-popup-maker-cta-button__link{width:100%}.pum-cta-wrapper .wp-block-popup-maker-cta-button__link{width:auto}.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%,#0000);border-color:#0000;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:#0000;background-image:none}: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%,#0000)}.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}
@import url(https://cdnjs.cloudflare.com/ajax/libs/font-awesome/6.2.1/css/all.min.css);
.block-container{
width: 100%;
padding-right: 15px;
padding-left: 15px;
margin-right: auto;
margin-left: auto;
}
@media(min-width:600px){
.block-container{
max-width:600px;
}}
@media(min-width:768px){
.block-container{
max-width:768px;
}}
@media(min-width:992px){
.block-container{
max-width:992px;
}}
@media(min-width:1200px){
.block-container{
max-width:1200px;
}}
.block-row{
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
margin-right: -15px;
margin-left: -15px;
}
.block-col-2, .block-col-3, .block-col-4, .block-col-5, .block-col-6, .block-col-7, .block-col-8, .block-col-9{
position: relative;
width: 100%;
min-height: 1px;
padding-right: 15px;
padding-left: 15px;
}
@media (min-width: 768px){
.block-col-1{
-webkit-box-flex: 0;
-ms-flex: 0 0 8.333333%;
flex: 0 0 8.333333%;
max-width: 8.333333%;
}
.block-col-2{
-webkit-box-flex: 0;
-ms-flex: 0 0 16.666667%;
flex: 0 0 16.666667%;
max-width: 16.666667%;}
.block-col-3{
-webkit-box-flex: 0;
-ms-flex: 0 0 25%;
flex: 0 0 25%;
max-width: 25%;}
.block-col-4{
-webkit-box-flex: 0;
-ms-flex: 0 0 33.333333%;
flex: 0 0 33.333333%;
max-width: 33.333333%;}
.block-col-5{
-webkit-box-flex: 0;
-ms-flex: 0 0 41.666667%;
flex: 0 0 41.666667%;
max-width: 41.666667%;
}
.block-col-6{
-webkit-box-flex: 0;
-ms-flex: 0 0 50%;
flex: 0 0 50%;
max-width: 50%;
}
.block-col-7{
-webkit-box-flex: 0;
-ms-flex: 0 0 58.333333%;
flex: 0 0 58.333333%;
max-width: 58.333333%;
}
.block-col-8{
-webkit-box-flex: 0;
-ms-flex: 0 0 66.666667%;
flex: 0 0 66.666667%;
max-width: 66.666667%;}
.block-col-9{
-webkit-box-flex: 0;
-ms-flex: 0 0 75%;
flex: 0 0 75%;
max-width: 75%;}
}
@media (min-width: 576px){
.block-col-12 {
-webkit-box-flex: 0;
-ms-flex: 0 0 100%;
flex: 0 0 100%;
max-width: 100%;
}
} .spice-panel-edit.margin > div {
margin-top: 20px;
}
.spice-block-side-margin > div {
margin-top: 20px;
}
.spice-block-color-tab-panel .components-tools-panel-header{
display: none;
}
.spice-block-color-tab-panel{
border-top: unset !important;
margin-top: -30px !important;
padding: calc(10px) !important;
}
.block-editor-block-inspector .components-panel__body.spice-panel-edit{
border-top: none;
}
.spice-panel-edit button span svg{display: none;}
.spice-panel-edit button.components-panel__body-toggle:after{
content: '\f464';
font-family: 'dashicons';
font-size: large;
position: absolute;
right: 16px;    
border: 2px solid #ccc;
background: #e2e2e2;
}
.components-panel__body.spice-panel-edit.is-opened{background: #f3f3f3;margin: 10px auto;}
@media (min-width:1281px){
body.block-editor-page  .hide-desktop, 
body.block-editor-page  div > .spice-block-container-fluid.hide-desktop,
body.block-editor-iframe__body  div > .spice-block-container-fluid.hide-desktop,
body.block-editor-iframe__body .hide-desktop{
opacity: 0.3;
display: block;
animation-fill-mode: unset;
pointer-events: none;
}
body.block-editor-page  .spice-block-countdown .hide-desktop,
body.block-editor-iframe__body  .spice-block-countdown .hide-desktop {
display: flex;
}
}
@media (min-width:692px) and (max-width:1100px){
body.block-editor-page  .hide-tablet, 
body.block-editor-page div>.spice-block-container-fluid.hide-tablet,
body.block-editor-iframe__body div>.spice-block-container-fluid.hide-tablet, 
body.block-editor-iframe__body .hide-tablet {
opacity: 0.3;
display: block;
animation-fill-mode: unset;
pointer-events: none;
}
body.block-editor-page  .spice-block-countdown .hide-tablet,
body.block-editor-iframe__body  .spice-block-countdown .hide-tablet {
display: flex;
}
}
@media (max-width:691px){
body.block-editor-page  .hide-mobile, 
body.block-editor-page  div>.spice-block-container-fluid.hide-mobile,     
body.block-editor-iframe__body  div>.spice-block-container-fluid.hide-mobile, 
body.block-editor-iframe__body .hide-mobile  {
opacity: 0.3;
display: block;
animation-fill-mode: unset;
pointer-events: none;
}
body.block-editor-page  .spice-block-countdown .hide-mobile,
body.block-editor-iframe__body  .spice-block-countdown .hide-mobile {
display: flex;
}
}
.animated.slow{animation-duration:2s}
.animated.fast{animation-duration:.7s}
.components-button.block-editor-block-types-list__item:not(:disabled).editor-block-list-item-spice-blocks-spice-heading:not(:disabled):hover,
.components-button.block-editor-block-types-list__item:not(:disabled).editor-block-list-item-spice-blocks-spice-text-editor:not(:disabled):hover,
.components-button.block-editor-block-types-list__item:not(:disabled).editor-block-list-item-spice-blocks-spice-spacer:not(:disabled):hover,
.components-button.block-editor-block-types-list__item:not(:disabled).editor-block-list-item-spice-blocks-spice-button:not(:disabled):hover,
.components-button.block-editor-block-types-list__item:not(:disabled).editor-block-list-item-spice-blocks-spice-image:not(:disabled):hover,
.components-button.block-editor-block-types-list__item:not(:disabled).editor-block-list-item-spice-blocks-spice-divider:not(:disabled):hover,
.components-button.block-editor-block-types-list__item:not(:disabled).editor-block-list-item-spice-blocks-spice-section:not(:disabled):hover,
.components-button.block-editor-block-types-list__item:not(:disabled).editor-block-list-item-spice-blocks-spice-column:not(:disabled):hover,
.components-button.block-editor-block-types-list__item:not(:disabled).editor-block-list-item-spice-blocks-spice-image:not(:disabled):hover,
.components-button.block-editor-block-types-list__item:not(:disabled).editor-block-list-item-spice-blocks-spice-blockquote:not(:disabled):hover,
.components-button.block-editor-block-types-list__item:not(:disabled).editor-block-list-item-spice-blocks-spice-call-to-action:not(:disabled):hover{
color: #09A223!important;
}
.components-button.block-editor-block-types-list__item:not(:disabled).editor-block-list-item-spice-blocks-spice-heading:not(:disabled):focus,
.components-button.block-editor-block-types-list__item:not(:disabled).editor-block-list-item-spice-blocks-spice-text-editor:not(:disabled):focus,
.components-button.block-editor-block-types-list__item:not(:disabled).editor-block-list-item-spice-blocks-spice-spacer:not(:disabled):focus,
.components-button.block-editor-block-types-list__item:not(:disabled).editor-block-list-item-spice-blocks-spice-button:not(:disabled):focus,
.components-button.block-editor-block-types-list__item:not(:disabled).editor-block-list-item-spice-blocks-spice-image:not(:disabled):focus,
.components-button.block-editor-block-types-list__item:not(:disabled).editor-block-list-item-spice-blocks-spice-divider:not(:disabled):focus,
.components-button.block-editor-block-types-list__item:not(:disabled).editor-block-list-item-spice-blocks-spice-section:not(:disabled):focus,
.components-button.block-editor-block-types-list__item:not(:disabled).editor-block-list-item-spice-blocks-spice-column:not(:disabled):focus,
.components-button.block-editor-block-types-list__item:not(:disabled).editor-block-list-item-spice-blocks-spice-image:not(:disabled):focus,
.components-button.block-editor-block-types-list__item:not(:disabled).editor-block-list-item-spice-blocks-spice-blockquote:not(:disabled):focus,
.components-button.block-editor-block-types-list__item:not(:disabled).editor-block-list-item-spice-blocks-spice-call-to-action:not(:disabled):focus
{
box-shadow: inset 0 0 0 2px #09A223;
}
.spice-blocks-spacer{
background-color: #ddd;
}
.spice-blocks-divider-line{
border-top-width: 1px;
border-right-width: 0;
border-left-width: 0;
border-bottom-width: 0;
display: inline-block;
}
.wp-block-spice-blocks-spice-button{
background-color: #4CAF50;
border: none;
color: white;
padding: 15px 32px;
text-align: center;
text-decoration: none;
display: inline-block;
font-size: 16px; cursor: pointer;
}
.wp-block-spice-blocks-spice-button{
padding: 15px 32px
}
.image-upload-wrapper img{
display: block;
}
.spice-blocks-image-button[type="image"]{
display: inline-grid;
}
.spice-blocks-image-button[type="image"]{
border: none;
background-color: none;
height: auto;
}
.spice-blocks-image-button[type="image"]:focus{
outline: none;
box-shadow: none;
}
div[id^=font-picker].spice-blocks-font-family ul.font-list {
z-index: 3;
}
 .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.hinge {
-webkit-animation-duration: 2s;
animation-duration: 2s;
}
.animated.flipOutX,
.animated.flipOutY,
.animated.bounceIn,
.animated.bounceOut {
-webkit-animation-duration: .75s;
animation-duration: .75s;
}
@-webkit-keyframes bounce {
from, 20%, 53%, 80%, to {
-webkit-animation-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000);
animation-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000);
-webkit-transform: translate3d(0,0,0);
transform: translate3d(0,0,0);
}
40%, 43% {
-webkit-animation-timing-function: cubic-bezier(0.755, 0.050, 0.855, 0.060);
animation-timing-function: cubic-bezier(0.755, 0.050, 0.855, 0.060);
-webkit-transform: translate3d(0, -30px, 0);
transform: translate3d(0, -30px, 0);
}
70% {
-webkit-animation-timing-function: cubic-bezier(0.755, 0.050, 0.855, 0.060);
animation-timing-function: cubic-bezier(0.755, 0.050, 0.855, 0.060);
-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 {
from, 20%, 53%, 80%, to {
-webkit-animation-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000);
animation-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000);
-webkit-transform: translate3d(0,0,0);
transform: translate3d(0,0,0);
}
40%, 43% {
-webkit-animation-timing-function: cubic-bezier(0.755, 0.050, 0.855, 0.060);
animation-timing-function: cubic-bezier(0.755, 0.050, 0.855, 0.060);
-webkit-transform: translate3d(0, -30px, 0);
transform: translate3d(0, -30px, 0);
}
70% {
-webkit-animation-timing-function: cubic-bezier(0.755, 0.050, 0.855, 0.060);
animation-timing-function: cubic-bezier(0.755, 0.050, 0.855, 0.060);
-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 {
from, 50%, to {
opacity: 1;
}
25%, 75% {
opacity: 0;
}
}
@keyframes flash {
from, 50%, to {
opacity: 1;
}
25%, 75% {
opacity: 0;
}
}
.flash {
-webkit-animation-name: flash;
animation-name: flash;
} @-webkit-keyframes pulse {
from {
-webkit-transform: scale3d(1, 1, 1);
transform: scale3d(1, 1, 1);
}
50% {
-webkit-transform: scale3d(1.05, 1.05, 1.05);
transform: scale3d(1.05, 1.05, 1.05);
}
to {
-webkit-transform: scale3d(1, 1, 1);
transform: scale3d(1, 1, 1);
}
}
@keyframes pulse {
from {
-webkit-transform: scale3d(1, 1, 1);
transform: scale3d(1, 1, 1);
}
50% {
-webkit-transform: scale3d(1.05, 1.05, 1.05);
transform: scale3d(1.05, 1.05, 1.05);
}
to {
-webkit-transform: scale3d(1, 1, 1);
transform: scale3d(1, 1, 1);
}
}
.pulse {
-webkit-animation-name: pulse;
animation-name: pulse;
}
@-webkit-keyframes rubberBand {
from {
-webkit-transform: scale3d(1, 1, 1);
transform: scale3d(1, 1, 1);
}
30% {
-webkit-transform: scale3d(1.25, 0.75, 1);
transform: scale3d(1.25, 0.75, 1);
}
40% {
-webkit-transform: scale3d(0.75, 1.25, 1);
transform: scale3d(0.75, 1.25, 1);
}
50% {
-webkit-transform: scale3d(1.15, 0.85, 1);
transform: scale3d(1.15, 0.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: scale3d(1, 1, 1);
transform: scale3d(1, 1, 1);
}
}
@keyframes rubberBand {
from {
-webkit-transform: scale3d(1, 1, 1);
transform: scale3d(1, 1, 1);
}
30% {
-webkit-transform: scale3d(1.25, 0.75, 1);
transform: scale3d(1.25, 0.75, 1);
}
40% {
-webkit-transform: scale3d(0.75, 1.25, 1);
transform: scale3d(0.75, 1.25, 1);
}
50% {
-webkit-transform: scale3d(1.15, 0.85, 1);
transform: scale3d(1.15, 0.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: scale3d(1, 1, 1);
transform: scale3d(1, 1, 1);
}
}
.rubberBand {
-webkit-animation-name: rubberBand;
animation-name: rubberBand;
}
@-webkit-keyframes shake {
from, to {
-webkit-transform: translate3d(0, 0, 0);
transform: translate3d(0, 0, 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 {
from, to {
-webkit-transform: translate3d(0, 0, 0);
transform: translate3d(0, 0, 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: rotate3d(0, 0, 1, 15deg);
transform: rotate3d(0, 0, 1, 15deg);
}
40% {
-webkit-transform: rotate3d(0, 0, 1, -10deg);
transform: rotate3d(0, 0, 1, -10deg);
}
60% {
-webkit-transform: rotate3d(0, 0, 1, 5deg);
transform: rotate3d(0, 0, 1, 5deg);
}
80% {
-webkit-transform: rotate3d(0, 0, 1, -5deg);
transform: rotate3d(0, 0, 1, -5deg);
}
to {
-webkit-transform: rotate3d(0, 0, 1, 0deg);
transform: rotate3d(0, 0, 1, 0deg);
}
}
@keyframes swing {
20% {
-webkit-transform: rotate3d(0, 0, 1, 15deg);
transform: rotate3d(0, 0, 1, 15deg);
}
40% {
-webkit-transform: rotate3d(0, 0, 1, -10deg);
transform: rotate3d(0, 0, 1, -10deg);
}
60% {
-webkit-transform: rotate3d(0, 0, 1, 5deg);
transform: rotate3d(0, 0, 1, 5deg);
}
80% {
-webkit-transform: rotate3d(0, 0, 1, -5deg);
transform: rotate3d(0, 0, 1, -5deg);
}
to {
-webkit-transform: rotate3d(0, 0, 1, 0deg);
transform: rotate3d(0, 0, 1, 0deg);
}
}
.swing {
-webkit-transform-origin: top center;
transform-origin: top center;
-webkit-animation-name: swing;
animation-name: swing;
}
@-webkit-keyframes tada {
from {
-webkit-transform: scale3d(1, 1, 1);
transform: scale3d(1, 1, 1);
}
10%, 20% {
-webkit-transform: scale3d(.9, .9, .9) rotate3d(0, 0, 1, -3deg);
transform: scale3d(.9, .9, .9) rotate3d(0, 0, 1, -3deg);
}
30%, 50%, 70%, 90% {
-webkit-transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, 3deg);
transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, 3deg);
}
40%, 60%, 80% {
-webkit-transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, -3deg);
transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, -3deg);
}
to {
-webkit-transform: scale3d(1, 1, 1);
transform: scale3d(1, 1, 1);
}
}
@keyframes tada {
from {
-webkit-transform: scale3d(1, 1, 1);
transform: scale3d(1, 1, 1);
}
10%, 20% {
-webkit-transform: scale3d(.9, .9, .9) rotate3d(0, 0, 1, -3deg);
transform: scale3d(.9, .9, .9) rotate3d(0, 0, 1, -3deg);
}
30%, 50%, 70%, 90% {
-webkit-transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, 3deg);
transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, 3deg);
}
40%, 60%, 80% {
-webkit-transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, -3deg);
transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, -3deg);
}
to {
-webkit-transform: scale3d(1, 1, 1);
transform: scale3d(1, 1, 1);
}
}
.tada {
-webkit-animation-name: tada;
animation-name: tada;
} @-webkit-keyframes wobble {
from {
-webkit-transform: none;
transform: none;
}
15% {
-webkit-transform: translate3d(-25%, 0, 0) rotate3d(0, 0, 1, -5deg);
transform: translate3d(-25%, 0, 0) rotate3d(0, 0, 1, -5deg);
}
30% {
-webkit-transform: translate3d(20%, 0, 0) rotate3d(0, 0, 1, 3deg);
transform: translate3d(20%, 0, 0) rotate3d(0, 0, 1, 3deg);
}
45% {
-webkit-transform: translate3d(-15%, 0, 0) rotate3d(0, 0, 1, -3deg);
transform: translate3d(-15%, 0, 0) rotate3d(0, 0, 1, -3deg);
}
60% {
-webkit-transform: translate3d(10%, 0, 0) rotate3d(0, 0, 1, 2deg);
transform: translate3d(10%, 0, 0) rotate3d(0, 0, 1, 2deg);
}
75% {
-webkit-transform: translate3d(-5%, 0, 0) rotate3d(0, 0, 1, -1deg);
transform: translate3d(-5%, 0, 0) rotate3d(0, 0, 1, -1deg);
}
to {
-webkit-transform: none;
transform: none;
}
}
@keyframes wobble {
from {
-webkit-transform: none;
transform: none;
}
15% {
-webkit-transform: translate3d(-25%, 0, 0) rotate3d(0, 0, 1, -5deg);
transform: translate3d(-25%, 0, 0) rotate3d(0, 0, 1, -5deg);
}
30% {
-webkit-transform: translate3d(20%, 0, 0) rotate3d(0, 0, 1, 3deg);
transform: translate3d(20%, 0, 0) rotate3d(0, 0, 1, 3deg);
}
45% {
-webkit-transform: translate3d(-15%, 0, 0) rotate3d(0, 0, 1, -3deg);
transform: translate3d(-15%, 0, 0) rotate3d(0, 0, 1, -3deg);
}
60% {
-webkit-transform: translate3d(10%, 0, 0) rotate3d(0, 0, 1, 2deg);
transform: translate3d(10%, 0, 0) rotate3d(0, 0, 1, 2deg);
}
75% {
-webkit-transform: translate3d(-5%, 0, 0) rotate3d(0, 0, 1, -1deg);
transform: translate3d(-5%, 0, 0) rotate3d(0, 0, 1, -1deg);
}
to {
-webkit-transform: none;
transform: none;
}
}
.wobble {
-webkit-animation-name: wobble;
animation-name: wobble;
}
@-webkit-keyframes jello {
from, 11.1%, to {
-webkit-transform: none;
transform: none;
}
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(-0.78125deg) skewY(-0.78125deg);
transform: skewX(-0.78125deg) skewY(-0.78125deg);
}
77.7% {
-webkit-transform: skewX(0.390625deg) skewY(0.390625deg);
transform: skewX(0.390625deg) skewY(0.390625deg);
}
88.8% {
-webkit-transform: skewX(-0.1953125deg) skewY(-0.1953125deg);
transform: skewX(-0.1953125deg) skewY(-0.1953125deg);
}
}
@keyframes jello {
from, 11.1%, to {
-webkit-transform: none;
transform: none;
}
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(-0.78125deg) skewY(-0.78125deg);
transform: skewX(-0.78125deg) skewY(-0.78125deg);
}
77.7% {
-webkit-transform: skewX(0.390625deg) skewY(0.390625deg);
transform: skewX(0.390625deg) skewY(0.390625deg);
}
88.8% {
-webkit-transform: skewX(-0.1953125deg) skewY(-0.1953125deg);
transform: skewX(-0.1953125deg) skewY(-0.1953125deg);
}
}
.jello {
-webkit-animation-name: jello;
animation-name: jello;
-webkit-transform-origin: center;
transform-origin: center;
}
@-webkit-keyframes bounceIn {
from, 20%, 40%, 60%, 80%, to {
-webkit-animation-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000);
animation-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000);
}
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: scale3d(1, 1, 1);
transform: scale3d(1, 1, 1);
}
}
@keyframes bounceIn {
from, 20%, 40%, 60%, 80%, to {
-webkit-animation-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000);
animation-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000);
}
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: scale3d(1, 1, 1);
transform: scale3d(1, 1, 1);
}
}
.bounceIn {
-webkit-animation-name: bounceIn;
animation-name: bounceIn;
}
@-webkit-keyframes bounceInDown {
from, 60%, 75%, 90%, to {
-webkit-animation-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000);
animation-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000);
}
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: none;
transform: none;
}
}
@keyframes bounceInDown {
from, 60%, 75%, 90%, to {
-webkit-animation-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000);
animation-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000);
}
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: none;
transform: none;
}
}
.bounceInDown {
-webkit-animation-name: bounceInDown;
animation-name: bounceInDown;
}
@-webkit-keyframes bounceInLeft {
from, 60%, 75%, 90%, to {
-webkit-animation-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000);
animation-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000);
}
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: none;
transform: none;
}
}
@keyframes bounceInLeft {
from, 60%, 75%, 90%, to {
-webkit-animation-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000);
animation-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000);
}
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: none;
transform: none;
}
}
.bounceInLeft {
-webkit-animation-name: bounceInLeft;
animation-name: bounceInLeft;
}
@-webkit-keyframes bounceInRight {
from, 60%, 75%, 90%, to {
-webkit-animation-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000);
animation-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000);
}
from {
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: none;
transform: none;
}
}
@keyframes bounceInRight {
from, 60%, 75%, 90%, to {
-webkit-animation-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000);
animation-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000);
}
from {
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: none;
transform: none;
}
}
.bounceInRight {
-webkit-animation-name: bounceInRight;
animation-name: bounceInRight;
}
@-webkit-keyframes bounceInUp {
from, 60%, 75%, 90%, to {
-webkit-animation-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000);
animation-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000);
}
from {
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: translate3d(0, 0, 0);
transform: translate3d(0, 0, 0);
}
}
@keyframes bounceInUp {
from, 60%, 75%, 90%, to {
-webkit-animation-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000);
animation-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000);
}
from {
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: translate3d(0, 0, 0);
transform: translate3d(0, 0, 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-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 {
from {
opacity: 0;
}
to {
opacity: 1;
}
}
@keyframes fadeIn {
from {
opacity: 0;
}
to {
opacity: 1;
}
}
.fadeIn {
-webkit-animation-name: fadeIn;
animation-name: fadeIn;
}
@-webkit-keyframes fadeInDown {
from {
opacity: 0;
-webkit-transform: translate3d(0, -100%, 0);
transform: translate3d(0, -100%, 0);
}
to {
opacity: 1;
-webkit-transform: none;
transform: none;
}
}
@keyframes fadeInDown {
from {
opacity: 0;
-webkit-transform: translate3d(0, -100%, 0);
transform: translate3d(0, -100%, 0);
}
to {
opacity: 1;
-webkit-transform: none;
transform: none;
}
}
.fadeInDown {
-webkit-animation-name: fadeInDown;
animation-name: fadeInDown;
}
@-webkit-keyframes fadeInDownBig {
from {
opacity: 0;
-webkit-transform: translate3d(0, -2000px, 0);
transform: translate3d(0, -2000px, 0);
}
to {
opacity: 1;
-webkit-transform: none;
transform: none;
}
}
@keyframes fadeInDownBig {
from {
opacity: 0;
-webkit-transform: translate3d(0, -2000px, 0);
transform: translate3d(0, -2000px, 0);
}
to {
opacity: 1;
-webkit-transform: none;
transform: none;
}
}
.fadeInDownBig {
-webkit-animation-name: fadeInDownBig;
animation-name: fadeInDownBig;
}
@-webkit-keyframes fadeInLeft {
from {
opacity: 0;
-webkit-transform: translate3d(-100%, 0, 0);
transform: translate3d(-100%, 0, 0);
}
to {
opacity: 1;
-webkit-transform: none;
transform: none;
}
}
@keyframes fadeInLeft {
from {
opacity: 0;
-webkit-transform: translate3d(-100%, 0, 0);
transform: translate3d(-100%, 0, 0);
}
to {
opacity: 1;
-webkit-transform: none;
transform: none;
}
}
.fadeInLeft {
-webkit-animation-name: fadeInLeft;
animation-name: fadeInLeft;
}
@-webkit-keyframes fadeInLeftBig {
from {
opacity: 0;
-webkit-transform: translate3d(-2000px, 0, 0);
transform: translate3d(-2000px, 0, 0);
}
to {
opacity: 1;
-webkit-transform: none;
transform: none;
}
}
@keyframes fadeInLeftBig {
from {
opacity: 0;
-webkit-transform: translate3d(-2000px, 0, 0);
transform: translate3d(-2000px, 0, 0);
}
to {
opacity: 1;
-webkit-transform: none;
transform: none;
}
}
.fadeInLeftBig {
-webkit-animation-name: fadeInLeftBig;
animation-name: fadeInLeftBig;
}
@-webkit-keyframes fadeInRight {
from {
opacity: 0;
-webkit-transform: translate3d(100%, 0, 0);
transform: translate3d(100%, 0, 0);
}
to {
opacity: 1;
-webkit-transform: none;
transform: none;
}
}
@keyframes fadeInRight {
from {
opacity: 0;
-webkit-transform: translate3d(100%, 0, 0);
transform: translate3d(100%, 0, 0);
}
to {
opacity: 1;
-webkit-transform: none;
transform: none;
}
}
.fadeInRight {
-webkit-animation-name: fadeInRight;
animation-name: fadeInRight;
}
@-webkit-keyframes fadeInRightBig {
from {
opacity: 0;
-webkit-transform: translate3d(2000px, 0, 0);
transform: translate3d(2000px, 0, 0);
}
to {
opacity: 1;
-webkit-transform: none;
transform: none;
}
}
@keyframes fadeInRightBig {
from {
opacity: 0;
-webkit-transform: translate3d(2000px, 0, 0);
transform: translate3d(2000px, 0, 0);
}
to {
opacity: 1;
-webkit-transform: none;
transform: none;
}
}
.fadeInRightBig {
-webkit-animation-name: fadeInRightBig;
animation-name: fadeInRightBig;
}
@-webkit-keyframes fadeInUp {
from {
opacity: 0;
-webkit-transform: translate3d(0, 100%, 0);
transform: translate3d(0, 100%, 0);
}
to {
opacity: 1;
-webkit-transform: none;
transform: none;
}
}
@keyframes fadeInUp {
from {
opacity: 0;
-webkit-transform: translate3d(0, 100%, 0);
transform: translate3d(0, 100%, 0);
}
to {
opacity: 1;
-webkit-transform: none;
transform: none;
}
}
.fadeInUp {
-webkit-animation-name: fadeInUp;
animation-name: fadeInUp;
}
@-webkit-keyframes fadeInUpBig {
from {
opacity: 0;
-webkit-transform: translate3d(0, 2000px, 0);
transform: translate3d(0, 2000px, 0);
}
to {
opacity: 1;
-webkit-transform: none;
transform: none;
}
}
@keyframes fadeInUpBig {
from {
opacity: 0;
-webkit-transform: translate3d(0, 2000px, 0);
transform: translate3d(0, 2000px, 0);
}
to {
opacity: 1;
-webkit-transform: none;
transform: none;
}
}
.fadeInUpBig {
-webkit-animation-name: fadeInUpBig;
animation-name: fadeInUpBig;
}
@-webkit-keyframes fadeOut {
from {
opacity: 1;
}
to {
opacity: 0;
}
}
@keyframes fadeOut {
from {
opacity: 1;
}
to {
opacity: 0;
}
}
.fadeOut {
-webkit-animation-name: fadeOut;
animation-name: fadeOut;
}
@-webkit-keyframes fadeOutDown {
from {
opacity: 1;
}
to {
opacity: 0;
-webkit-transform: translate3d(0, 100%, 0);
transform: translate3d(0, 100%, 0);
}
}
@keyframes fadeOutDown {
from {
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 {
from {
opacity: 1;
}
to {
opacity: 0;
-webkit-transform: translate3d(0, 2000px, 0);
transform: translate3d(0, 2000px, 0);
}
}
@keyframes fadeOutDownBig {
from {
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 {
from {
opacity: 1;
}
to {
opacity: 0;
-webkit-transform: translate3d(-100%, 0, 0);
transform: translate3d(-100%, 0, 0);
}
}
@keyframes fadeOutLeft {
from {
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 {
from {
opacity: 1;
}
to {
opacity: 0;
-webkit-transform: translate3d(-2000px, 0, 0);
transform: translate3d(-2000px, 0, 0);
}
}
@keyframes fadeOutLeftBig {
from {
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 {
from {
opacity: 1;
}
to {
opacity: 0;
-webkit-transform: translate3d(100%, 0, 0);
transform: translate3d(100%, 0, 0);
}
}
@keyframes fadeOutRight {
from {
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 {
from {
opacity: 1;
}
to {
opacity: 0;
-webkit-transform: translate3d(2000px, 0, 0);
transform: translate3d(2000px, 0, 0);
}
}
@keyframes fadeOutRightBig {
from {
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 {
from {
opacity: 1;
}
to {
opacity: 0;
-webkit-transform: translate3d(0, -100%, 0);
transform: translate3d(0, -100%, 0);
}
}
@keyframes fadeOutUp {
from {
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 {
from {
opacity: 1;
}
to {
opacity: 0;
-webkit-transform: translate3d(0, -2000px, 0);
transform: translate3d(0, -2000px, 0);
}
}
@keyframes fadeOutUpBig {
from {
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 {
from {
-webkit-transform: perspective(400px) rotate3d(0, 1, 0, -360deg);
transform: perspective(400px) rotate3d(0, 1, 0, -360deg);
-webkit-animation-timing-function: ease-out;
animation-timing-function: ease-out;
}
40% {
-webkit-transform: perspective(400px) translate3d(0, 0, 150px) rotate3d(0, 1, 0, -190deg);
transform: perspective(400px) translate3d(0, 0, 150px) rotate3d(0, 1, 0, -190deg);
-webkit-animation-timing-function: ease-out;
animation-timing-function: ease-out;
}
50% {
-webkit-transform: perspective(400px) translate3d(0, 0, 150px) rotate3d(0, 1, 0, -170deg);
transform: perspective(400px) translate3d(0, 0, 150px) rotate3d(0, 1, 0, -170deg);
-webkit-animation-timing-function: ease-in;
animation-timing-function: ease-in;
}
80% {
-webkit-transform: perspective(400px) scale3d(.95, .95, .95);
transform: perspective(400px) scale3d(.95, .95, .95);
-webkit-animation-timing-function: ease-in;
animation-timing-function: ease-in;
}
to {
-webkit-transform: perspective(400px);
transform: perspective(400px);
-webkit-animation-timing-function: ease-in;
animation-timing-function: ease-in;
}
}
@keyframes flip {
from {
-webkit-transform: perspective(400px) rotate3d(0, 1, 0, -360deg);
transform: perspective(400px) rotate3d(0, 1, 0, -360deg);
-webkit-animation-timing-function: ease-out;
animation-timing-function: ease-out;
}
40% {
-webkit-transform: perspective(400px) translate3d(0, 0, 150px) rotate3d(0, 1, 0, -190deg);
transform: perspective(400px) translate3d(0, 0, 150px) rotate3d(0, 1, 0, -190deg);
-webkit-animation-timing-function: ease-out;
animation-timing-function: ease-out;
}
50% {
-webkit-transform: perspective(400px) translate3d(0, 0, 150px) rotate3d(0, 1, 0, -170deg);
transform: perspective(400px) translate3d(0, 0, 150px) rotate3d(0, 1, 0, -170deg);
-webkit-animation-timing-function: ease-in;
animation-timing-function: ease-in;
}
80% {
-webkit-transform: perspective(400px) scale3d(.95, .95, .95);
transform: perspective(400px) scale3d(.95, .95, .95);
-webkit-animation-timing-function: ease-in;
animation-timing-function: ease-in;
}
to {
-webkit-transform: perspective(400px);
transform: perspective(400px);
-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 {
from {
-webkit-transform: perspective(400px) rotate3d(1, 0, 0, 90deg);
transform: perspective(400px) rotate3d(1, 0, 0, 90deg);
-webkit-animation-timing-function: ease-in;
animation-timing-function: ease-in;
opacity: 0;
}
40% {
-webkit-transform: perspective(400px) rotate3d(1, 0, 0, -20deg);
transform: perspective(400px) rotate3d(1, 0, 0, -20deg);
-webkit-animation-timing-function: ease-in;
animation-timing-function: ease-in;
}
60% {
-webkit-transform: perspective(400px) rotate3d(1, 0, 0, 10deg);
transform: perspective(400px) rotate3d(1, 0, 0, 10deg);
opacity: 1;
}
80% {
-webkit-transform: perspective(400px) rotate3d(1, 0, 0, -5deg);
transform: perspective(400px) rotate3d(1, 0, 0, -5deg);
}
to {
-webkit-transform: perspective(400px);
transform: perspective(400px);
}
}
@keyframes flipInX {
from {
-webkit-transform: perspective(400px) rotate3d(1, 0, 0, 90deg);
transform: perspective(400px) rotate3d(1, 0, 0, 90deg);
-webkit-animation-timing-function: ease-in;
animation-timing-function: ease-in;
opacity: 0;
}
40% {
-webkit-transform: perspective(400px) rotate3d(1, 0, 0, -20deg);
transform: perspective(400px) rotate3d(1, 0, 0, -20deg);
-webkit-animation-timing-function: ease-in;
animation-timing-function: ease-in;
}
60% {
-webkit-transform: perspective(400px) rotate3d(1, 0, 0, 10deg);
transform: perspective(400px) rotate3d(1, 0, 0, 10deg);
opacity: 1;
}
80% {
-webkit-transform: perspective(400px) rotate3d(1, 0, 0, -5deg);
transform: perspective(400px) rotate3d(1, 0, 0, -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 {
from {
-webkit-transform: perspective(400px) rotate3d(0, 1, 0, 90deg);
transform: perspective(400px) rotate3d(0, 1, 0, 90deg);
-webkit-animation-timing-function: ease-in;
animation-timing-function: ease-in;
opacity: 0;
}
40% {
-webkit-transform: perspective(400px) rotate3d(0, 1, 0, -20deg);
transform: perspective(400px) rotate3d(0, 1, 0, -20deg);
-webkit-animation-timing-function: ease-in;
animation-timing-function: ease-in;
}
60% {
-webkit-transform: perspective(400px) rotate3d(0, 1, 0, 10deg);
transform: perspective(400px) rotate3d(0, 1, 0, 10deg);
opacity: 1;
}
80% {
-webkit-transform: perspective(400px) rotate3d(0, 1, 0, -5deg);
transform: perspective(400px) rotate3d(0, 1, 0, -5deg);
}
to {
-webkit-transform: perspective(400px);
transform: perspective(400px);
}
}
@keyframes flipInY {
from {
-webkit-transform: perspective(400px) rotate3d(0, 1, 0, 90deg);
transform: perspective(400px) rotate3d(0, 1, 0, 90deg);
-webkit-animation-timing-function: ease-in;
animation-timing-function: ease-in;
opacity: 0;
}
40% {
-webkit-transform: perspective(400px) rotate3d(0, 1, 0, -20deg);
transform: perspective(400px) rotate3d(0, 1, 0, -20deg);
-webkit-animation-timing-function: ease-in;
animation-timing-function: ease-in;
}
60% {
-webkit-transform: perspective(400px) rotate3d(0, 1, 0, 10deg);
transform: perspective(400px) rotate3d(0, 1, 0, 10deg);
opacity: 1;
}
80% {
-webkit-transform: perspective(400px) rotate3d(0, 1, 0, -5deg);
transform: perspective(400px) rotate3d(0, 1, 0, -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 {
from {
-webkit-transform: perspective(400px);
transform: perspective(400px);
}
30% {
-webkit-transform: perspective(400px) rotate3d(1, 0, 0, -20deg);
transform: perspective(400px) rotate3d(1, 0, 0, -20deg);
opacity: 1;
}
to {
-webkit-transform: perspective(400px) rotate3d(1, 0, 0, 90deg);
transform: perspective(400px) rotate3d(1, 0, 0, 90deg);
opacity: 0;
}
}
@keyframes flipOutX {
from {
-webkit-transform: perspective(400px);
transform: perspective(400px);
}
30% {
-webkit-transform: perspective(400px) rotate3d(1, 0, 0, -20deg);
transform: perspective(400px) rotate3d(1, 0, 0, -20deg);
opacity: 1;
}
to {
-webkit-transform: perspective(400px) rotate3d(1, 0, 0, 90deg);
transform: perspective(400px) rotate3d(1, 0, 0, 90deg);
opacity: 0;
}
}
.flipOutX {
-webkit-animation-name: flipOutX;
animation-name: flipOutX;
-webkit-backface-visibility: visible !important;
backface-visibility: visible !important;
}
@-webkit-keyframes flipOutY {
from {
-webkit-transform: perspective(400px);
transform: perspective(400px);
}
30% {
-webkit-transform: perspective(400px) rotate3d(0, 1, 0, -15deg);
transform: perspective(400px) rotate3d(0, 1, 0, -15deg);
opacity: 1;
}
to {
-webkit-transform: perspective(400px) rotate3d(0, 1, 0, 90deg);
transform: perspective(400px) rotate3d(0, 1, 0, 90deg);
opacity: 0;
}
}
@keyframes flipOutY {
from {
-webkit-transform: perspective(400px);
transform: perspective(400px);
}
30% {
-webkit-transform: perspective(400px) rotate3d(0, 1, 0, -15deg);
transform: perspective(400px) rotate3d(0, 1, 0, -15deg);
opacity: 1;
}
to {
-webkit-transform: perspective(400px) rotate3d(0, 1, 0, 90deg);
transform: perspective(400px) rotate3d(0, 1, 0, 90deg);
opacity: 0;
}
}
.flipOutY {
-webkit-backface-visibility: visible !important;
backface-visibility: visible !important;
-webkit-animation-name: flipOutY;
animation-name: flipOutY;
}
@-webkit-keyframes lightSpeedIn {
from {
-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);
opacity: 1;
}
to {
-webkit-transform: none;
transform: none;
opacity: 1;
}
}
@keyframes lightSpeedIn {
from {
-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);
opacity: 1;
}
to {
-webkit-transform: none;
transform: none;
opacity: 1;
}
}
.lightSpeedIn {
-webkit-animation-name: lightSpeedIn;
animation-name: lightSpeedIn;
-webkit-animation-timing-function: ease-out;
animation-timing-function: ease-out;
}
@-webkit-keyframes lightSpeedOut {
from {
opacity: 1;
}
to {
-webkit-transform: translate3d(100%, 0, 0) skewX(30deg);
transform: translate3d(100%, 0, 0) skewX(30deg);
opacity: 0;
}
}
@keyframes lightSpeedOut {
from {
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 {
from {
-webkit-transform-origin: center;
transform-origin: center;
-webkit-transform: rotate3d(0, 0, 1, -200deg);
transform: rotate3d(0, 0, 1, -200deg);
opacity: 0;
}
to {
-webkit-transform-origin: center;
transform-origin: center;
-webkit-transform: none;
transform: none;
opacity: 1;
}
}
@keyframes rotateIn {
from {
-webkit-transform-origin: center;
transform-origin: center;
-webkit-transform: rotate3d(0, 0, 1, -200deg);
transform: rotate3d(0, 0, 1, -200deg);
opacity: 0;
}
to {
-webkit-transform-origin: center;
transform-origin: center;
-webkit-transform: none;
transform: none;
opacity: 1;
}
}
.rotateIn {
-webkit-animation-name: rotateIn;
animation-name: rotateIn;
}
@-webkit-keyframes rotateInDownLeft {
from {
-webkit-transform-origin: left bottom;
transform-origin: left bottom;
-webkit-transform: rotate3d(0, 0, 1, -45deg);
transform: rotate3d(0, 0, 1, -45deg);
opacity: 0;
}
to {
-webkit-transform-origin: left bottom;
transform-origin: left bottom;
-webkit-transform: none;
transform: none;
opacity: 1;
}
}
@keyframes rotateInDownLeft {
from {
-webkit-transform-origin: left bottom;
transform-origin: left bottom;
-webkit-transform: rotate3d(0, 0, 1, -45deg);
transform: rotate3d(0, 0, 1, -45deg);
opacity: 0;
}
to {
-webkit-transform-origin: left bottom;
transform-origin: left bottom;
-webkit-transform: none;
transform: none;
opacity: 1;
}
}
.rotateInDownLeft {
-webkit-animation-name: rotateInDownLeft;
animation-name: rotateInDownLeft;
}
@-webkit-keyframes rotateInDownRight {
from {
-webkit-transform-origin: right bottom;
transform-origin: right bottom;
-webkit-transform: rotate3d(0, 0, 1, 45deg);
transform: rotate3d(0, 0, 1, 45deg);
opacity: 0;
}
to {
-webkit-transform-origin: right bottom;
transform-origin: right bottom;
-webkit-transform: none;
transform: none;
opacity: 1;
}
}
@keyframes rotateInDownRight {
from {
-webkit-transform-origin: right bottom;
transform-origin: right bottom;
-webkit-transform: rotate3d(0, 0, 1, 45deg);
transform: rotate3d(0, 0, 1, 45deg);
opacity: 0;
}
to {
-webkit-transform-origin: right bottom;
transform-origin: right bottom;
-webkit-transform: none;
transform: none;
opacity: 1;
}
}
.rotateInDownRight {
-webkit-animation-name: rotateInDownRight;
animation-name: rotateInDownRight;
}
@-webkit-keyframes rotateInUpLeft {
from {
-webkit-transform-origin: left bottom;
transform-origin: left bottom;
-webkit-transform: rotate3d(0, 0, 1, 45deg);
transform: rotate3d(0, 0, 1, 45deg);
opacity: 0;
}
to {
-webkit-transform-origin: left bottom;
transform-origin: left bottom;
-webkit-transform: none;
transform: none;
opacity: 1;
}
}
@keyframes rotateInUpLeft {
from {
-webkit-transform-origin: left bottom;
transform-origin: left bottom;
-webkit-transform: rotate3d(0, 0, 1, 45deg);
transform: rotate3d(0, 0, 1, 45deg);
opacity: 0;
}
to {
-webkit-transform-origin: left bottom;
transform-origin: left bottom;
-webkit-transform: none;
transform: none;
opacity: 1;
}
}
.rotateInUpLeft {
-webkit-animation-name: rotateInUpLeft;
animation-name: rotateInUpLeft;
}
@-webkit-keyframes rotateInUpRight {
from {
-webkit-transform-origin: right bottom;
transform-origin: right bottom;
-webkit-transform: rotate3d(0, 0, 1, -90deg);
transform: rotate3d(0, 0, 1, -90deg);
opacity: 0;
}
to {
-webkit-transform-origin: right bottom;
transform-origin: right bottom;
-webkit-transform: none;
transform: none;
opacity: 1;
}
}
@keyframes rotateInUpRight {
from {
-webkit-transform-origin: right bottom;
transform-origin: right bottom;
-webkit-transform: rotate3d(0, 0, 1, -90deg);
transform: rotate3d(0, 0, 1, -90deg);
opacity: 0;
}
to {
-webkit-transform-origin: right bottom;
transform-origin: right bottom;
-webkit-transform: none;
transform: none;
opacity: 1;
}
}
.rotateInUpRight {
-webkit-animation-name: rotateInUpRight;
animation-name: rotateInUpRight;
}
@-webkit-keyframes rotateOut {
from {
-webkit-transform-origin: center;
transform-origin: center;
opacity: 1;
}
to {
-webkit-transform-origin: center;
transform-origin: center;
-webkit-transform: rotate3d(0, 0, 1, 200deg);
transform: rotate3d(0, 0, 1, 200deg);
opacity: 0;
}
}
@keyframes rotateOut {
from {
-webkit-transform-origin: center;
transform-origin: center;
opacity: 1;
}
to {
-webkit-transform-origin: center;
transform-origin: center;
-webkit-transform: rotate3d(0, 0, 1, 200deg);
transform: rotate3d(0, 0, 1, 200deg);
opacity: 0;
}
}
.rotateOut {
-webkit-animation-name: rotateOut;
animation-name: rotateOut;
}
@-webkit-keyframes rotateOutDownLeft {
from {
-webkit-transform-origin: left bottom;
transform-origin: left bottom;
opacity: 1;
}
to {
-webkit-transform-origin: left bottom;
transform-origin: left bottom;
-webkit-transform: rotate3d(0, 0, 1, 45deg);
transform: rotate3d(0, 0, 1, 45deg);
opacity: 0;
}
}
@keyframes rotateOutDownLeft {
from {
-webkit-transform-origin: left bottom;
transform-origin: left bottom;
opacity: 1;
}
to {
-webkit-transform-origin: left bottom;
transform-origin: left bottom;
-webkit-transform: rotate3d(0, 0, 1, 45deg);
transform: rotate3d(0, 0, 1, 45deg);
opacity: 0;
}
}
.rotateOutDownLeft {
-webkit-animation-name: rotateOutDownLeft;
animation-name: rotateOutDownLeft;
}
@-webkit-keyframes rotateOutDownRight {
from {
-webkit-transform-origin: right bottom;
transform-origin: right bottom;
opacity: 1;
}
to {
-webkit-transform-origin: right bottom;
transform-origin: right bottom;
-webkit-transform: rotate3d(0, 0, 1, -45deg);
transform: rotate3d(0, 0, 1, -45deg);
opacity: 0;
}
}
@keyframes rotateOutDownRight {
from {
-webkit-transform-origin: right bottom;
transform-origin: right bottom;
opacity: 1;
}
to {
-webkit-transform-origin: right bottom;
transform-origin: right bottom;
-webkit-transform: rotate3d(0, 0, 1, -45deg);
transform: rotate3d(0, 0, 1, -45deg);
opacity: 0;
}
}
.rotateOutDownRight {
-webkit-animation-name: rotateOutDownRight;
animation-name: rotateOutDownRight;
}
@-webkit-keyframes rotateOutUpLeft {
from {
-webkit-transform-origin: left bottom;
transform-origin: left bottom;
opacity: 1;
}
to {
-webkit-transform-origin: left bottom;
transform-origin: left bottom;
-webkit-transform: rotate3d(0, 0, 1, -45deg);
transform: rotate3d(0, 0, 1, -45deg);
opacity: 0;
}
}
@keyframes rotateOutUpLeft {
from {
-webkit-transform-origin: left bottom;
transform-origin: left bottom;
opacity: 1;
}
to {
-webkit-transform-origin: left bottom;
transform-origin: left bottom;
-webkit-transform: rotate3d(0, 0, 1, -45deg);
transform: rotate3d(0, 0, 1, -45deg);
opacity: 0;
}
}
.rotateOutUpLeft {
-webkit-animation-name: rotateOutUpLeft;
animation-name: rotateOutUpLeft;
}
@-webkit-keyframes rotateOutUpRight {
from {
-webkit-transform-origin: right bottom;
transform-origin: right bottom;
opacity: 1;
}
to {
-webkit-transform-origin: right bottom;
transform-origin: right bottom;
-webkit-transform: rotate3d(0, 0, 1, 90deg);
transform: rotate3d(0, 0, 1, 90deg);
opacity: 0;
}
}
@keyframes rotateOutUpRight {
from {
-webkit-transform-origin: right bottom;
transform-origin: right bottom;
opacity: 1;
}
to {
-webkit-transform-origin: right bottom;
transform-origin: right bottom;
-webkit-transform: rotate3d(0, 0, 1, 90deg);
transform: rotate3d(0, 0, 1, 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: rotate3d(0, 0, 1, 80deg);
transform: rotate3d(0, 0, 1, 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: rotate3d(0, 0, 1, 60deg);
transform: rotate3d(0, 0, 1, 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: rotate3d(0, 0, 1, 80deg);
transform: rotate3d(0, 0, 1, 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: rotate3d(0, 0, 1, 60deg);
transform: rotate3d(0, 0, 1, 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-name: hinge;
animation-name: hinge;
} @-webkit-keyframes rollIn {
from {
opacity: 0;
-webkit-transform: translate3d(-100%, 0, 0) rotate3d(0, 0, 1, -120deg);
transform: translate3d(-100%, 0, 0) rotate3d(0, 0, 1, -120deg);
}
to {
opacity: 1;
-webkit-transform: none;
transform: none;
}
}
@keyframes rollIn {
from {
opacity: 0;
-webkit-transform: translate3d(-100%, 0, 0) rotate3d(0, 0, 1, -120deg);
transform: translate3d(-100%, 0, 0) rotate3d(0, 0, 1, -120deg);
}
to {
opacity: 1;
-webkit-transform: none;
transform: none;
}
}
.rollIn {
-webkit-animation-name: rollIn;
animation-name: rollIn;
} @-webkit-keyframes rollOut {
from {
opacity: 1;
}
to {
opacity: 0;
-webkit-transform: translate3d(100%, 0, 0) rotate3d(0, 0, 1, 120deg);
transform: translate3d(100%, 0, 0) rotate3d(0, 0, 1, 120deg);
}
}
@keyframes rollOut {
from {
opacity: 1;
}
to {
opacity: 0;
-webkit-transform: translate3d(100%, 0, 0) rotate3d(0, 0, 1, 120deg);
transform: translate3d(100%, 0, 0) rotate3d(0, 0, 1, 120deg);
}
}
.rollOut {
-webkit-animation-name: rollOut;
animation-name: rollOut;
}
@-webkit-keyframes zoomIn {
from {
opacity: 0;
-webkit-transform: scale3d(.3, .3, .3);
transform: scale3d(.3, .3, .3);
}
50% {
opacity: 1;
}
}
@keyframes zoomIn {
from {
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 {
from {
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(0.550, 0.055, 0.675, 0.190);
animation-timing-function: cubic-bezier(0.550, 0.055, 0.675, 0.190);
}
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(0.175, 0.885, 0.320, 1);
animation-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1);
}
}
@keyframes zoomInDown {
from {
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(0.550, 0.055, 0.675, 0.190);
animation-timing-function: cubic-bezier(0.550, 0.055, 0.675, 0.190);
}
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(0.175, 0.885, 0.320, 1);
animation-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1);
}
}
.zoomInDown {
-webkit-animation-name: zoomInDown;
animation-name: zoomInDown;
}
@-webkit-keyframes zoomInLeft {
from {
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(0.550, 0.055, 0.675, 0.190);
animation-timing-function: cubic-bezier(0.550, 0.055, 0.675, 0.190);
}
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(0.175, 0.885, 0.320, 1);
animation-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1);
}
}
@keyframes zoomInLeft {
from {
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(0.550, 0.055, 0.675, 0.190);
animation-timing-function: cubic-bezier(0.550, 0.055, 0.675, 0.190);
}
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(0.175, 0.885, 0.320, 1);
animation-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1);
}
}
.zoomInLeft {
-webkit-animation-name: zoomInLeft;
animation-name: zoomInLeft;
}
@-webkit-keyframes zoomInRight {
from {
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(0.550, 0.055, 0.675, 0.190);
animation-timing-function: cubic-bezier(0.550, 0.055, 0.675, 0.190);
}
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(0.175, 0.885, 0.320, 1);
animation-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1);
}
}
@keyframes zoomInRight {
from {
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(0.550, 0.055, 0.675, 0.190);
animation-timing-function: cubic-bezier(0.550, 0.055, 0.675, 0.190);
}
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(0.175, 0.885, 0.320, 1);
animation-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1);
}
}
.zoomInRight {
-webkit-animation-name: zoomInRight;
animation-name: zoomInRight;
}
@-webkit-keyframes zoomInUp {
from {
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(0.550, 0.055, 0.675, 0.190);
animation-timing-function: cubic-bezier(0.550, 0.055, 0.675, 0.190);
}
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(0.175, 0.885, 0.320, 1);
animation-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1);
}
}
@keyframes zoomInUp {
from {
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(0.550, 0.055, 0.675, 0.190);
animation-timing-function: cubic-bezier(0.550, 0.055, 0.675, 0.190);
}
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(0.175, 0.885, 0.320, 1);
animation-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1);
}
}
.zoomInUp {
-webkit-animation-name: zoomInUp;
animation-name: zoomInUp;
}
@-webkit-keyframes zoomOut {
from {
opacity: 1;
}
50% {
opacity: 0;
-webkit-transform: scale3d(.3, .3, .3);
transform: scale3d(.3, .3, .3);
}
to {
opacity: 0;
}
}
@keyframes zoomOut {
from {
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(0.550, 0.055, 0.675, 0.190);
animation-timing-function: cubic-bezier(0.550, 0.055, 0.675, 0.190);
}
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(0.175, 0.885, 0.320, 1);
animation-timing-function: cubic-bezier(0.175, 0.885, 0.320, 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(0.550, 0.055, 0.675, 0.190);
animation-timing-function: cubic-bezier(0.550, 0.055, 0.675, 0.190);
}
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(0.175, 0.885, 0.320, 1);
animation-timing-function: cubic-bezier(0.175, 0.885, 0.320, 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(0.550, 0.055, 0.675, 0.190);
animation-timing-function: cubic-bezier(0.550, 0.055, 0.675, 0.190);
}
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(0.175, 0.885, 0.320, 1);
animation-timing-function: cubic-bezier(0.175, 0.885, 0.320, 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(0.550, 0.055, 0.675, 0.190);
animation-timing-function: cubic-bezier(0.550, 0.055, 0.675, 0.190);
}
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(0.175, 0.885, 0.320, 1);
animation-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1);
}
}
.zoomOutUp {
-webkit-animation-name: zoomOutUp;
animation-name: zoomOutUp;
}
@-webkit-keyframes slideInDown {
from {
-webkit-transform: translate3d(0, -100%, 0);
transform: translate3d(0, -100%, 0);
visibility: visible;
}
to {
-webkit-transform: translate3d(0, 0, 0);
transform: translate3d(0, 0, 0);
}
}
@keyframes slideInDown {
from {
-webkit-transform: translate3d(0, -100%, 0);
transform: translate3d(0, -100%, 0);
visibility: visible;
}
to {
-webkit-transform: translate3d(0, 0, 0);
transform: translate3d(0, 0, 0);
}
}
.slideInDown {
-webkit-animation-name: slideInDown;
animation-name: slideInDown;
}
@-webkit-keyframes slideInLeft {
from {
-webkit-transform: translate3d(-100%, 0, 0);
transform: translate3d(-100%, 0, 0);
visibility: visible;
}
to {
-webkit-transform: translate3d(0, 0, 0);
transform: translate3d(0, 0, 0);
}
}
@keyframes slideInLeft {
from {
-webkit-transform: translate3d(-100%, 0, 0);
transform: translate3d(-100%, 0, 0);
visibility: visible;
}
to {
-webkit-transform: translate3d(0, 0, 0);
transform: translate3d(0, 0, 0);
}
}
.slideInLeft {
-webkit-animation-name: slideInLeft;
animation-name: slideInLeft;
}
@-webkit-keyframes slideInRight {
from {
-webkit-transform: translate3d(100%, 0, 0);
transform: translate3d(100%, 0, 0);
visibility: visible;
}
to {
-webkit-transform: translate3d(0, 0, 0);
transform: translate3d(0, 0, 0);
}
}
@keyframes slideInRight {
from {
-webkit-transform: translate3d(100%, 0, 0);
transform: translate3d(100%, 0, 0);
visibility: visible;
}
to {
-webkit-transform: translate3d(0, 0, 0);
transform: translate3d(0, 0, 0);
}
}
.slideInRight {
-webkit-animation-name: slideInRight;
animation-name: slideInRight;
}
@-webkit-keyframes slideInUp {
from {
-webkit-transform: translate3d(0, 100%, 0);
transform: translate3d(0, 100%, 0);
visibility: visible;
}
to {
-webkit-transform: translate3d(0, 0, 0);
transform: translate3d(0, 0, 0);
}
}
@keyframes slideInUp {
from {
-webkit-transform: translate3d(0, 100%, 0);
transform: translate3d(0, 100%, 0);
visibility: visible;
}
to {
-webkit-transform: translate3d(0, 0, 0);
transform: translate3d(0, 0, 0);
}
}
.slideInUp {
-webkit-animation-name: slideInUp;
animation-name: slideInUp;
}
@-webkit-keyframes slideOutDown {
from {
-webkit-transform: translate3d(0, 0, 0);
transform: translate3d(0, 0, 0);
}
to {
visibility: hidden;
-webkit-transform: translate3d(0, 100%, 0);
transform: translate3d(0, 100%, 0);
}
}
@keyframes slideOutDown {
from {
-webkit-transform: translate3d(0, 0, 0);
transform: translate3d(0, 0, 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 {
from {
-webkit-transform: translate3d(0, 0, 0);
transform: translate3d(0, 0, 0);
}
to {
visibility: hidden;
-webkit-transform: translate3d(-100%, 0, 0);
transform: translate3d(-100%, 0, 0);
}
}
@keyframes slideOutLeft {
from {
-webkit-transform: translate3d(0, 0, 0);
transform: translate3d(0, 0, 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 {
from {
-webkit-transform: translate3d(0, 0, 0);
transform: translate3d(0, 0, 0);
}
to {
visibility: hidden;
-webkit-transform: translate3d(100%, 0, 0);
transform: translate3d(100%, 0, 0);
}
}
@keyframes slideOutRight {
from {
-webkit-transform: translate3d(0, 0, 0);
transform: translate3d(0, 0, 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 {
from {
-webkit-transform: translate3d(0, 0, 0);
transform: translate3d(0, 0, 0);
}
to {
visibility: hidden;
-webkit-transform: translate3d(0, -100%, 0);
transform: translate3d(0, -100%, 0);
}
}
@keyframes slideOutUp {
from {
-webkit-transform: translate3d(0, 0, 0);
transform: translate3d(0, 0, 0);
}
to {
visibility: hidden;
-webkit-transform: translate3d(0, -100%, 0);
transform: translate3d(0, -100%, 0);
}
}
.slideOutUp {
-webkit-animation-name: slideOutUp;
animation-name: slideOutUp;
}
.text-editor-inner p.spice-blocks-text-editor.has-dropcap:first-child:first-letter{
margin: 10px 10px 10px 10px;
padding: 18px 12px 18px 12px;
} .spice-dual-edit span.component-color-indicator, .spice-dual-edit svg{
display:none;
}
.spice-dual-edit .components-panel__body>.components-panel__body-title:hover {
background: transparent;}
.spice-blocks-normal-button .components-panel__body-title,
.spice-blocks-hover-button .components-panel__body-title{
display: none;
}
.selector-popup-wrap{
left: 0!important;
}
.icons-selector.fip-grey .selector-popup,
.icons-selector.fip-grey .selector-popup-wrap{
width: 265px;
}
.icons-selector.fip-grey .fip-box {
width: 57px;
}
.rfip .rfipdropdown {
position: relative;
left: 0 !important;
top: 0 !important;
}
.rfipdropdown--default.rfipdropdown {
-webkit-box-shadow: 0 15px 24px rgb(0 0 0 / 5%), 0 19px 76px rgb(0 0 0 / 5%);
box-shadow: 0 15px 24px rgb(0 0 0 / 5%), 0 19px 76px rgb(0 0 0 / 5%);
width: 264px;   
}
.spice-blocks-icon i{
font-size: 4em;
}
.spice-panel-edit .rfipdropdown--default.rfipdropdown{
width: 222px;
}
.spice-panel-edit .rfip .rfipdropdown{
left: -30px !important;
} .wp-block-spice-blocks-spice-column{
flex-basis: 0;
flex-grow: 1;
}
.spice-blocks-overlay {
height: 100%;
width: 100%;
top: 0;
left: 0;
position: absolute;
border-radius: inherit;
}
div>.spice-block-container {
width: 100%;
display: flex;
gap: 2em;
flex-wrap: nowrap;
}
@media (min-width: 782px)
{
.wp-block-spice-blocks-spice-section {
flex-wrap: nowrap!important;
}
}
@media (min-width: 782px)
{.wp-block-spice-blocks-spice-section:not(.is-not-stacked-on-mobile)>.wp-block-spice-blocks-spice-column {
flex-basis: 0;
flex-grow: 1;
}}
.spice-column-wrapper{
position: relative;
}
.spice-block-container-fulid > .spice-block-container{
width: 100%;
max-width: 100%;
margin: 0;
padding: 0;
}
.wp-block-spice-blocks-spice-column {
flex-basis: 0;
flex-grow: 1;
}
.spice_block_section_flex_panel, .spice_block_col_flex_panel {
display: flex;
align-items: center;
justify-content: space-between;
margin: 16px 0 !important;
}
p.spice_block_section_panel_label, p.spice_block_col_panel_label {
margin: 0;
}
.spice_block_section_color_point {
background: none !important;
border: none !important;
cursor: pointer !important;
margin: 0 !important;
padding: 0 !important;
}
.spice_block_section_color_point .component-color-indicator {
width: 25px;
height: 25px;
}
.spice_block_section_panel button, .spice_block_col_panel button {
border-right: 1px solid #e0e0e0;
border-radius: 0 !important;
padding: 0 5px !important;
}
.spice_block_section_panel .svg-stroke, .spice_block_col_panel .svg-stroke {
fill: #d5d5d5;
}
.spice_block_section_panel .svg-fill, .spice_block_col_panel .svg-fill {
fill: #8d96a0;
}
.spice_block_section_panel button.is-pressed, .spice_block_col_panel button.is-pressed {
background-color: #e0e0e0 !important;
}
button.spice_block_section_custom_upload, button.spice_block_col_custom_upload {
width: 100%;
height: 180px;
display: flex;
align-items: center;
justify-content: center;
background: #fff;
flex-direction: column;
border: 1px dashed #c1c1c1;
border-radius: 3px;
cursor: pointer;
}
.spice_block_section_preview_actions, .spice_block_col_preview_actions {
position: absolute;
top: 10px;
right: 5px;
}
.spice_block_section_preview_actions button, .spice_block_col_preview_actions button {
background: #fff;
border: none;
padding: 0;
width: 25px;
height: 25px;
border-radius: 50%;
cursor: pointer;
}
.spice_block_section_preview_actions span.dashicons, .spice_block_col_preview_actions span.dashicons {
font-size: 20px;
line-height: 20px;
color: #7c0f0f;
}
.spice_block_section_remove_icon, .spice_block_col_remove_icon {
background: none;
border: none;
margin: 0;
padding: 0;
color: #d30606;
cursor: pointer;
}
.spice_block_section_preview_container, .spice_block_col_preview_container {
position: relative;
}
.spice-block-section-bg-color, .spice-block-col-bg-color, .spice-block-section-bg-overlay {border-top: 0 !important; padding: 0 !important;}
.spice-block-section-bg-color .components-panel__body-title, .spice-block-col-bg-color .components-panel__body-title, .spice-block-section-bg-overlay .components-panel__body-title{display: none;}
.spice-block-section-bg-overlay{margin-bottom: 20px;} .sb-color-style svg{
display: none;
}
.sb-color-style button.components-item.block-editor-panel-color-gradient-settings__item{
background: #f8f8f8;
}
.components-panel__body.block-editor-panel-color-gradient-settings.sb-color-style.is-opened {
padding: 0;
border: none;
}
.sb-color-style.is-opened h2{
display: none;
}
.spice-section-columns div.components-input-control__container{
background: #dddddd;
}
.spice-section-columns input[type=number]::-webkit-inner-spin-button, 
.spice-section-columns input[type=number]::-webkit-outer-spin-button { 
-webkit-appearance: none; 
margin: 0; 
} .spice-blocks-dual-color .block-editor-block-list__block{
margin:0
}
.spice-blocks-dual-color .spice-blocks-normal-button,
.spice-blocks-dual-color .spice-blocks-hover-button{
border: none;
padding: 0;
}
.spice-blocks-dual-color button.components-tab-panel__tabs-item{
height:14px;
}
.spice-blocks-dual-color .components-tab-panel__tabs-item:focus:not(:disabled){
box-shadow:none;
}
.spice-blocks-dual-color .components-tab-panel__tabs-item.active-tab{
color:#007cba;
}
.spice-blocks-dual-color.margin-bottom .components-tab-panel__tabs-item{
margin-bottom: 15px;
}
.spice-blocks-color-style.components-tools-panel{
border: none;
padding: 0;
}
.components-border-box-control {
padding-bottom: 12px;
}
.spice-blocks-border-radius .components-unit-control-wrapper{
width: 48%;
display: inline-block;
margin: 2px;
}
.spice-blocks-border-radius .components-base-control__label{display: block;}
.wp-block-spice-blocks-spice-column.is-vertically-aligned-top{align-self:flex-start}
.wp-block-spice-blocks-spice-column.is-vertically-aligned-center{align-self:center}
.wp-block-spice-blocks-spice-column.is-vertically-aligned-bottom{align-self:flex-end;}
.wp-block-spice-blocks-spice-column.is-vertically-aligned-bottom,
.wp-block-spice-blocks-spice-column.is-vertically-aligned-center,
.wp-block-spice-blocks-spice-column.is-vertically-aligned-top{width:100%;}
div[data-title="Blockquote"], div[data-title="Blockquote"].block-editor-block-list__block:hover{
box-shadow: unset!important;
} .timeline-block .timeline-content {
position: relative;
}
.timeline-block .timeline-content:hover .spice-timeline-button {
opacity: 1;
}
.timeline-block .timeline-content .spice-timeline-button {
opacity: 0;
}
.timeline-block .timeline-content .spice-timeline-button {
position: absolute;
top: 1px;
right: 1px;
padding: 0;
border: 0;
background: #000;
border-radius: 50%;
color: white;
z-index: 99;
cursor: pointer;
font-size: 20px;
line-height: 1;
font-family: dashicons;
font-weight: 400;
font-style: normal;
vertical-align: top;
}
.spice-blocks-timeline-addbtn
{
position: absolute;
bottom: 4px;
left: 50%;
-webkit-transform: translate(-50%);
-ms-transform: translate(-50%);
transform: translate(-50%);
border-radius: 5px;
padding: 10px;
border: 0;
background: #000;
background: #c7c7c7;
-webkit-box-shadow: inset 0 0 50px white;
cursor: pointer;
text-align: center;
-ms-flex-direction: column;
flex-direction: column;
-ms-flex-pack: center;
justify-content: center;
-ms-flex-align: center;
align-items: center;
}
@media (max-width:1025px){
.timeline-block .block-container .timeline .timeline-content .block-row .block-col-6 {display: flex;}} section.spice-gp-accordion-section{
min-height: unset;
}
.spice-blocks-plus-accordion-icon1 label{display: block; padding-left: 10px;} .spice-block-iconlist-normal-button .components-panel__body-title, .spice-block-iconlist-hover-button .components-panel__body-title {
display: none;
}
@media (min-width:1281px){
body.block-editor-page .spice-block-plus-list-icon.hide-desktop {
display: flex !important;
}
}
@media (min-width:692px) and (max-width:1100px){
body.block-editor-page .spice-block-plus-list-icon.hide-tablet {
display: flex !important;
}
}
@media (max-width:691px){
body.block-editor-page .spice-block-plus-list-icon.hide-mobile  {
display: flex !important;
}
} @media (min-width:1281px){
body .gallery-hide-desktop {
opacity: 0.3;
animation-fill-mode: unset;
}
}
@media (min-width:692px) and (max-width:1100px){
body .gallery-hide-tablet {
opacity: 0.3;
animation-fill-mode: unset;
}
}
@media (max-width:691px){
body .gallery-hide-mobile  {
opacity: 0.3;
animation-fill-mode: unset;
}
} .img-com-media-wrapper {
position: relative;
z-index: 999;
display: flex;
justify-content: space-between;
}
.img-com-media-wrapper-panel {
position: relative;
z-index: 999;
display: flex;
justify-content: space-between;
}
.img-com-media-wrapper .spice-gb-image-button {
height: 400px;
width: 49.5%;
padding: 0 !important;
z-index: 1;
}
.img-com-media-wrapper .img-com-section {
height: 400px;
width: 49.5%;
padding: 0 !important;
z-index: 1;
}
.spice-gb-image-button[type="image"] {
border: none;
background-color: none;
}
.spice-gb-image-button[type="image"] {
display: inline-grid;
}
.spice-blocks-tabs-panel {
width: 100%;
justify-content: center;
border-top: 1px solid #e0e0e0;
}
.spice-blocks-tabs-panel.last {
border-left: 1px solid #e0e0e0;
border-right: 1px solid #e0e0e0;
}
.spice-blocks-tabs-panel.active-tab {
border-top: 2px solid #09A223;
color: #09A223;
background: #d4f1d9;
}
.spice-blocks-tabs-panel:focus {
outline: none !important;
box-shadow: none !important;
}
.editor-styles-wrapper .spice-blocks-button-wrapper .wp-block-spice-blocks-spice-button{
background-color: #4CAF50;
}
.block-editor-block-inspector .components-font-size-picker {
margin-bottom: 24px;
}
li.spice-social {
display: flex;
}
.spice-blocks-plus-slides {
background: #ffffff;
margin: 15px auto;
box-shadow: 0px 0px 6px rgba(0, 0, 0, 0.2);
}
.spice-blocks-plus-slides-title-bar .components-button.spice-blocks-plus-slide-mini.has-icon{
position: absolute;
right: 30px;
}
.spice-blocks-plus-slides-title-bar .components-button.spice-blocks-plus-slide-mini.has-icon .dashicon {
font-size: 24px;
margin-bottom: 5px
}
.components-button.has-icon.spice-blocks-plus-slide-remove{
position: relative;
right: -14px;
} 
.components-button.has-icon.spice-blocks-plus-slide-remove .dashicon {
font-size: 18px;
}
.spice-blocks-plus-slides-title-bar{
padding: 2px 15px 2px 15px;
display: flex;
align-items: center;
justify-content: space-between;
line-height: 1;
position: relative;
}
.spice-blocks-plus-slides-title-bar:first-child{
border: 1px solid transparent;
}
.spice-blocks-plus-slides-title-bar:first-child:hover{
border: 1px solid #999;
}
.spice-blocks-plus-slides-title-bar:nth-child(2){
padding-top: 15px;
}
.components-button.spice-blocks-plus-add-slide.has-icon{
padding: 6px 16px 6px 12px;
display: flex;
margin: 0 auto;
}
.spice-blocks-plus-slides-title-bar.show{
border: 1px solid #e5e5e5;
}
.components-button.spice-blocks-plus-add-slide.has-icon:hover{
background: #f0f0f0;
}
.components-button.spice-blocks-plus-add-slide.has-icon .dashicons{
margin: 0;
margin-top: 3px;
margin-right: 6px;
}
.spice-blocks-plus-slides-title-bar .components-button.has-icon:focus{
outline: none;
box-shadow: none;
}
.spice-blocks-plus-slide-remove .components-button.has-icon .dashicon {
background: red;
color: white;
}
.spice-blocks-plus-slides h3.spice-blocks-plus-slide-title{
float: left;
margin: 0;
}
.spice_block_responsive_typo_flex_panel .components-button.is-small {
height: 40px;
width:80px;
border: 1px solid #e0e0e0;
}
.spice_block_responsive_typo_flex_panel .components-button.is-pressed {
color: #000;
}
.spice_block_responsive_typo_flex_panel .components-button svg {
margin: auto;
}
.spice_block_responsive_typo_flex_panel .spice_block_section_panel {
margin: 10px auto;
}
.spice-block-plus-panel.components-panel__body.is-opened,
.spice-panel-edit.components-panel__body.is-opened {
padding: 10px;
} .team-card:hover .team-card-wrapper{
transform: unset;
} .active-side{
background-color: #2c7bfe;
color: white;
border: 1px solid #2c7bfe;
}
.active-side:hover{
color: white;
}
.components-flex.components-datetime__time-wrapper{
align-items: unset;
}
.wp-block[data-type="spice-block/spice-social-icon"]{
margin: 0;
}
.spice-add-image .components-focal-point-picker__icon_container,
.spice-add-image .focal-point-picker__controls,
.spice-add-image .components-focal-point-picker__grid div{
display: none;
}
html :where(.editor-styles-wrapper) .price-card ul {
padding: 0;
}
.sbp-scroll-up {
display: block;
}
.sbp-scroll-up {
position: unset;
}
.spice-blocks-position span.components-base-control__label{
display: block;
}
.spice-blocks-position .components-base-control.spice-blocks-position-right,
.spice-blocks-position .components-base-control.spice-blocks-position-left,
.spice-blocks-position .components-base-control.spice-blocks-position-bottom{
width: 45%;
display: inline-block;
}
.spice-blocks-position .components-base-control.spice-blocks-position-bottom{
float: right;
}
.spice-blocks-position.components-base-control{
margin-bottom: 1px;
}  
.components-border-box-control label
{
margin-bottom: 24px;
}
body .components-popover.block-editor-block-popover{
z-index: 1111;
}
.block-editor-page .sbp-scroll-up,
.block-editor-iframe__body .sbp-scroll-up{
position: relative;
display: block;
bottom: 0;
}
.block-editor-page .sbp-scroll-up.left,
.block-editor-iframe__body .sbp-scroll-up.left{
right: 20px;
float: right;
}
.preview-icon button.preview-options{
height: 26px;
padding: 6px 6px;
box-shadow: unset;
}
.preview-icon {
display: block;
text-align: right;
margin-bottom: -22px;
position: relative;
z-index: 2;
}
.spice-blocks-stroke-width .components-flex.components-input-base{
display: flex; 
align-items: center;
flex-direction: row;
}
.spice-blocks-stroke-width .components-input-control__container{
margin: 0 0 0 70px;
} .reorderable-block__item {
border: 1px solid #ddd;
padding: 10px;
margin-bottom: 10px;
cursor: move;
background-color: #fff;
}
.reorderable-block__item.drag-over {
border-color: #007cba;
background-color: #f0f8ff;
}
body .spice-blocks-line-height select.components-unit-control__select{
width: 30px !important;
}
.block-editor-block-types-list[aria-label="Spice News"] .components-button.block-editor-block-types-list__item:not(:disabled):hover .block-editor-block-types-list__item-title {
background:-webkit-linear-gradient(0deg, #FFA387, #FE4F70 100%);
-webkit-background-clip: text;
-webkit-text-fill-color: transparent;
}
.block-editor-block-types-list[aria-label="Spice News"] .components-button.block-editor-block-types-list__item .dashicons-admin-post{
background: -webkit-linear-gradient(0deg, #FFA387, #FE4F70 100%);
-webkit-background-clip: text;
-webkit-text-fill-color: transparent;
display: inline-block;
}
.block-editor-block-types-list[aria-label="Spice News"] .components-button.block-editor-block-types-list__item:not(:disabled) {
border: 2px solid transparent;
}
.block-editor-block-types-list[aria-label="Spice News"] .components-button.block-editor-block-types-list__item:not(:disabled):focus {
border: 2px solid transparent;
border-image-source: -webkit-linear-gradient(0deg, #FFA387, #FE4F70 100%);
border-image-slice: 1;
box-shadow: unset;
}
.editor-block-list-item-spice-blocks-spice-breadcrumbs .dashicon.dashicons.dashicons-admin-links{
color: #09A223;
}
.spice-blocks-category-button.components-tools-panel{
padding:0;
border:0
}
.spice-blocks-category-button.components-tools-panel .components-tools-panel-item{
margin-top:0;
}
.wp-block-missing .spice-block-plus-preloader{
position: relative !important;
}
.block-editor-list-view-block__contents-cell .dashicon{
color: #09a223;
}
 .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.hinge {
-webkit-animation-duration: 2s;
animation-duration: 2s;
}
.animated.flipOutX,
.animated.flipOutY,
.animated.bounceIn,
.animated.bounceOut {
-webkit-animation-duration: .75s;
animation-duration: .75s;
}
@-webkit-keyframes bounce {
from, 20%, 53%, 80%, to {
-webkit-animation-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000);
animation-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000);
-webkit-transform: translate3d(0,0,0);
transform: translate3d(0,0,0);
}
40%, 43% {
-webkit-animation-timing-function: cubic-bezier(0.755, 0.050, 0.855, 0.060);
animation-timing-function: cubic-bezier(0.755, 0.050, 0.855, 0.060);
-webkit-transform: translate3d(0, -30px, 0);
transform: translate3d(0, -30px, 0);
}
70% {
-webkit-animation-timing-function: cubic-bezier(0.755, 0.050, 0.855, 0.060);
animation-timing-function: cubic-bezier(0.755, 0.050, 0.855, 0.060);
-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 {
from, 20%, 53%, 80%, to {
-webkit-animation-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000);
animation-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000);
-webkit-transform: translate3d(0,0,0);
transform: translate3d(0,0,0);
}
40%, 43% {
-webkit-animation-timing-function: cubic-bezier(0.755, 0.050, 0.855, 0.060);
animation-timing-function: cubic-bezier(0.755, 0.050, 0.855, 0.060);
-webkit-transform: translate3d(0, -30px, 0);
transform: translate3d(0, -30px, 0);
}
70% {
-webkit-animation-timing-function: cubic-bezier(0.755, 0.050, 0.855, 0.060);
animation-timing-function: cubic-bezier(0.755, 0.050, 0.855, 0.060);
-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 {
from, 50%, to {
opacity: 1;
}
25%, 75% {
opacity: 0;
}
}
@keyframes flash {
from, 50%, to {
opacity: 1;
}
25%, 75% {
opacity: 0;
}
}
.flash {
-webkit-animation-name: flash;
animation-name: flash;
} @-webkit-keyframes pulse {
from {
-webkit-transform: scale3d(1, 1, 1);
transform: scale3d(1, 1, 1);
}
50% {
-webkit-transform: scale3d(1.05, 1.05, 1.05);
transform: scale3d(1.05, 1.05, 1.05);
}
to {
-webkit-transform: scale3d(1, 1, 1);
transform: scale3d(1, 1, 1);
}
}
@keyframes pulse {
from {
-webkit-transform: scale3d(1, 1, 1);
transform: scale3d(1, 1, 1);
}
50% {
-webkit-transform: scale3d(1.05, 1.05, 1.05);
transform: scale3d(1.05, 1.05, 1.05);
}
to {
-webkit-transform: scale3d(1, 1, 1);
transform: scale3d(1, 1, 1);
}
}
.pulse {
-webkit-animation-name: pulse;
animation-name: pulse;
}
@-webkit-keyframes rubberBand {
from {
-webkit-transform: scale3d(1, 1, 1);
transform: scale3d(1, 1, 1);
}
30% {
-webkit-transform: scale3d(1.25, 0.75, 1);
transform: scale3d(1.25, 0.75, 1);
}
40% {
-webkit-transform: scale3d(0.75, 1.25, 1);
transform: scale3d(0.75, 1.25, 1);
}
50% {
-webkit-transform: scale3d(1.15, 0.85, 1);
transform: scale3d(1.15, 0.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: scale3d(1, 1, 1);
transform: scale3d(1, 1, 1);
}
}
@keyframes rubberBand {
from {
-webkit-transform: scale3d(1, 1, 1);
transform: scale3d(1, 1, 1);
}
30% {
-webkit-transform: scale3d(1.25, 0.75, 1);
transform: scale3d(1.25, 0.75, 1);
}
40% {
-webkit-transform: scale3d(0.75, 1.25, 1);
transform: scale3d(0.75, 1.25, 1);
}
50% {
-webkit-transform: scale3d(1.15, 0.85, 1);
transform: scale3d(1.15, 0.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: scale3d(1, 1, 1);
transform: scale3d(1, 1, 1);
}
}
.rubberBand {
-webkit-animation-name: rubberBand;
animation-name: rubberBand;
}
@-webkit-keyframes shake {
from, to {
-webkit-transform: translate3d(0, 0, 0);
transform: translate3d(0, 0, 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 {
from, to {
-webkit-transform: translate3d(0, 0, 0);
transform: translate3d(0, 0, 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: rotate3d(0, 0, 1, 15deg);
transform: rotate3d(0, 0, 1, 15deg);
}
40% {
-webkit-transform: rotate3d(0, 0, 1, -10deg);
transform: rotate3d(0, 0, 1, -10deg);
}
60% {
-webkit-transform: rotate3d(0, 0, 1, 5deg);
transform: rotate3d(0, 0, 1, 5deg);
}
80% {
-webkit-transform: rotate3d(0, 0, 1, -5deg);
transform: rotate3d(0, 0, 1, -5deg);
}
to {
-webkit-transform: rotate3d(0, 0, 1, 0deg);
transform: rotate3d(0, 0, 1, 0deg);
}
}
@keyframes swing {
20% {
-webkit-transform: rotate3d(0, 0, 1, 15deg);
transform: rotate3d(0, 0, 1, 15deg);
}
40% {
-webkit-transform: rotate3d(0, 0, 1, -10deg);
transform: rotate3d(0, 0, 1, -10deg);
}
60% {
-webkit-transform: rotate3d(0, 0, 1, 5deg);
transform: rotate3d(0, 0, 1, 5deg);
}
80% {
-webkit-transform: rotate3d(0, 0, 1, -5deg);
transform: rotate3d(0, 0, 1, -5deg);
}
to {
-webkit-transform: rotate3d(0, 0, 1, 0deg);
transform: rotate3d(0, 0, 1, 0deg);
}
}
.swing {
-webkit-transform-origin: top center;
transform-origin: top center;
-webkit-animation-name: swing;
animation-name: swing;
}
@-webkit-keyframes tada {
from {
-webkit-transform: scale3d(1, 1, 1);
transform: scale3d(1, 1, 1);
}
10%, 20% {
-webkit-transform: scale3d(.9, .9, .9) rotate3d(0, 0, 1, -3deg);
transform: scale3d(.9, .9, .9) rotate3d(0, 0, 1, -3deg);
}
30%, 50%, 70%, 90% {
-webkit-transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, 3deg);
transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, 3deg);
}
40%, 60%, 80% {
-webkit-transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, -3deg);
transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, -3deg);
}
to {
-webkit-transform: scale3d(1, 1, 1);
transform: scale3d(1, 1, 1);
}
}
@keyframes tada {
from {
-webkit-transform: scale3d(1, 1, 1);
transform: scale3d(1, 1, 1);
}
10%, 20% {
-webkit-transform: scale3d(.9, .9, .9) rotate3d(0, 0, 1, -3deg);
transform: scale3d(.9, .9, .9) rotate3d(0, 0, 1, -3deg);
}
30%, 50%, 70%, 90% {
-webkit-transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, 3deg);
transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, 3deg);
}
40%, 60%, 80% {
-webkit-transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, -3deg);
transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, -3deg);
}
to {
-webkit-transform: scale3d(1, 1, 1);
transform: scale3d(1, 1, 1);
}
}
.tada {
-webkit-animation-name: tada;
animation-name: tada;
} @-webkit-keyframes wobble {
from {
-webkit-transform: none;
transform: none;
}
15% {
-webkit-transform: translate3d(-25%, 0, 0) rotate3d(0, 0, 1, -5deg);
transform: translate3d(-25%, 0, 0) rotate3d(0, 0, 1, -5deg);
}
30% {
-webkit-transform: translate3d(20%, 0, 0) rotate3d(0, 0, 1, 3deg);
transform: translate3d(20%, 0, 0) rotate3d(0, 0, 1, 3deg);
}
45% {
-webkit-transform: translate3d(-15%, 0, 0) rotate3d(0, 0, 1, -3deg);
transform: translate3d(-15%, 0, 0) rotate3d(0, 0, 1, -3deg);
}
60% {
-webkit-transform: translate3d(10%, 0, 0) rotate3d(0, 0, 1, 2deg);
transform: translate3d(10%, 0, 0) rotate3d(0, 0, 1, 2deg);
}
75% {
-webkit-transform: translate3d(-5%, 0, 0) rotate3d(0, 0, 1, -1deg);
transform: translate3d(-5%, 0, 0) rotate3d(0, 0, 1, -1deg);
}
to {
-webkit-transform: none;
transform: none;
}
}
@keyframes wobble {
from {
-webkit-transform: none;
transform: none;
}
15% {
-webkit-transform: translate3d(-25%, 0, 0) rotate3d(0, 0, 1, -5deg);
transform: translate3d(-25%, 0, 0) rotate3d(0, 0, 1, -5deg);
}
30% {
-webkit-transform: translate3d(20%, 0, 0) rotate3d(0, 0, 1, 3deg);
transform: translate3d(20%, 0, 0) rotate3d(0, 0, 1, 3deg);
}
45% {
-webkit-transform: translate3d(-15%, 0, 0) rotate3d(0, 0, 1, -3deg);
transform: translate3d(-15%, 0, 0) rotate3d(0, 0, 1, -3deg);
}
60% {
-webkit-transform: translate3d(10%, 0, 0) rotate3d(0, 0, 1, 2deg);
transform: translate3d(10%, 0, 0) rotate3d(0, 0, 1, 2deg);
}
75% {
-webkit-transform: translate3d(-5%, 0, 0) rotate3d(0, 0, 1, -1deg);
transform: translate3d(-5%, 0, 0) rotate3d(0, 0, 1, -1deg);
}
to {
-webkit-transform: none;
transform: none;
}
}
.wobble {
-webkit-animation-name: wobble;
animation-name: wobble;
}
@-webkit-keyframes jello {
from, 11.1%, to {
-webkit-transform: none;
transform: none;
}
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(-0.78125deg) skewY(-0.78125deg);
transform: skewX(-0.78125deg) skewY(-0.78125deg);
}
77.7% {
-webkit-transform: skewX(0.390625deg) skewY(0.390625deg);
transform: skewX(0.390625deg) skewY(0.390625deg);
}
88.8% {
-webkit-transform: skewX(-0.1953125deg) skewY(-0.1953125deg);
transform: skewX(-0.1953125deg) skewY(-0.1953125deg);
}
}
@keyframes jello {
from, 11.1%, to {
-webkit-transform: none;
transform: none;
}
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(-0.78125deg) skewY(-0.78125deg);
transform: skewX(-0.78125deg) skewY(-0.78125deg);
}
77.7% {
-webkit-transform: skewX(0.390625deg) skewY(0.390625deg);
transform: skewX(0.390625deg) skewY(0.390625deg);
}
88.8% {
-webkit-transform: skewX(-0.1953125deg) skewY(-0.1953125deg);
transform: skewX(-0.1953125deg) skewY(-0.1953125deg);
}
}
.jello {
-webkit-animation-name: jello;
animation-name: jello;
-webkit-transform-origin: center;
transform-origin: center;
}
@-webkit-keyframes bounceIn {
from, 20%, 40%, 60%, 80%, to {
-webkit-animation-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000);
animation-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000);
}
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: scale3d(1, 1, 1);
transform: scale3d(1, 1, 1);
}
}
@keyframes bounceIn {
from, 20%, 40%, 60%, 80%, to {
-webkit-animation-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000);
animation-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000);
}
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: scale3d(1, 1, 1);
transform: scale3d(1, 1, 1);
}
}
.bounceIn {
-webkit-animation-name: bounceIn;
animation-name: bounceIn;
}
@-webkit-keyframes bounceInDown {
from, 60%, 75%, 90%, to {
-webkit-animation-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000);
animation-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000);
}
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: none;
transform: none;
}
}
@keyframes bounceInDown {
from, 60%, 75%, 90%, to {
-webkit-animation-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000);
animation-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000);
}
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: none;
transform: none;
}
}
.bounceInDown {
-webkit-animation-name: bounceInDown;
animation-name: bounceInDown;
}
@-webkit-keyframes bounceInLeft {
from, 60%, 75%, 90%, to {
-webkit-animation-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000);
animation-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000);
}
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: none;
transform: none;
}
}
@keyframes bounceInLeft {
from, 60%, 75%, 90%, to {
-webkit-animation-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000);
animation-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000);
}
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: none;
transform: none;
}
}
.bounceInLeft {
-webkit-animation-name: bounceInLeft;
animation-name: bounceInLeft;
}
@-webkit-keyframes bounceInRight {
from, 60%, 75%, 90%, to {
-webkit-animation-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000);
animation-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000);
}
from {
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: none;
transform: none;
}
}
@keyframes bounceInRight {
from, 60%, 75%, 90%, to {
-webkit-animation-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000);
animation-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000);
}
from {
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: none;
transform: none;
}
}
.bounceInRight {
-webkit-animation-name: bounceInRight;
animation-name: bounceInRight;
}
@-webkit-keyframes bounceInUp {
from, 60%, 75%, 90%, to {
-webkit-animation-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000);
animation-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000);
}
from {
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: translate3d(0, 0, 0);
transform: translate3d(0, 0, 0);
}
}
@keyframes bounceInUp {
from, 60%, 75%, 90%, to {
-webkit-animation-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000);
animation-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000);
}
from {
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: translate3d(0, 0, 0);
transform: translate3d(0, 0, 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-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 {
from {
opacity: 0;
}
to {
opacity: 1;
}
}
@keyframes fadeIn {
from {
opacity: 0;
}
to {
opacity: 1;
}
}
.fadeIn {
-webkit-animation-name: fadeIn;
animation-name: fadeIn;
}
@-webkit-keyframes fadeInDown {
from {
opacity: 0;
-webkit-transform: translate3d(0, -100%, 0);
transform: translate3d(0, -100%, 0);
}
to {
opacity: 1;
-webkit-transform: none;
transform: none;
}
}
@keyframes fadeInDown {
from {
opacity: 0;
-webkit-transform: translate3d(0, -100%, 0);
transform: translate3d(0, -100%, 0);
}
to {
opacity: 1;
-webkit-transform: none;
transform: none;
}
}
.fadeInDown {
-webkit-animation-name: fadeInDown;
animation-name: fadeInDown;
}
@-webkit-keyframes fadeInDownBig {
from {
opacity: 0;
-webkit-transform: translate3d(0, -2000px, 0);
transform: translate3d(0, -2000px, 0);
}
to {
opacity: 1;
-webkit-transform: none;
transform: none;
}
}
@keyframes fadeInDownBig {
from {
opacity: 0;
-webkit-transform: translate3d(0, -2000px, 0);
transform: translate3d(0, -2000px, 0);
}
to {
opacity: 1;
-webkit-transform: none;
transform: none;
}
}
.fadeInDownBig {
-webkit-animation-name: fadeInDownBig;
animation-name: fadeInDownBig;
}
@-webkit-keyframes fadeInLeft {
from {
opacity: 0;
-webkit-transform: translate3d(-100%, 0, 0);
transform: translate3d(-100%, 0, 0);
}
to {
opacity: 1;
-webkit-transform: none;
transform: none;
}
}
@keyframes fadeInLeft {
from {
opacity: 0;
-webkit-transform: translate3d(-100%, 0, 0);
transform: translate3d(-100%, 0, 0);
}
to {
opacity: 1;
-webkit-transform: none;
transform: none;
}
}
.fadeInLeft {
-webkit-animation-name: fadeInLeft;
animation-name: fadeInLeft;
}
@-webkit-keyframes fadeInLeftBig {
from {
opacity: 0;
-webkit-transform: translate3d(-2000px, 0, 0);
transform: translate3d(-2000px, 0, 0);
}
to {
opacity: 1;
-webkit-transform: none;
transform: none;
}
}
@keyframes fadeInLeftBig {
from {
opacity: 0;
-webkit-transform: translate3d(-2000px, 0, 0);
transform: translate3d(-2000px, 0, 0);
}
to {
opacity: 1;
-webkit-transform: none;
transform: none;
}
}
.fadeInLeftBig {
-webkit-animation-name: fadeInLeftBig;
animation-name: fadeInLeftBig;
}
@-webkit-keyframes fadeInRight {
from {
opacity: 0;
-webkit-transform: translate3d(100%, 0, 0);
transform: translate3d(100%, 0, 0);
}
to {
opacity: 1;
-webkit-transform: none;
transform: none;
}
}
@keyframes fadeInRight {
from {
opacity: 0;
-webkit-transform: translate3d(100%, 0, 0);
transform: translate3d(100%, 0, 0);
}
to {
opacity: 1;
-webkit-transform: none;
transform: none;
}
}
.fadeInRight {
-webkit-animation-name: fadeInRight;
animation-name: fadeInRight;
}
@-webkit-keyframes fadeInRightBig {
from {
opacity: 0;
-webkit-transform: translate3d(2000px, 0, 0);
transform: translate3d(2000px, 0, 0);
}
to {
opacity: 1;
-webkit-transform: none;
transform: none;
}
}
@keyframes fadeInRightBig {
from {
opacity: 0;
-webkit-transform: translate3d(2000px, 0, 0);
transform: translate3d(2000px, 0, 0);
}
to {
opacity: 1;
-webkit-transform: none;
transform: none;
}
}
.fadeInRightBig {
-webkit-animation-name: fadeInRightBig;
animation-name: fadeInRightBig;
}
@-webkit-keyframes fadeInUp {
from {
opacity: 0;
-webkit-transform: translate3d(0, 100%, 0);
transform: translate3d(0, 100%, 0);
}
to {
opacity: 1;
-webkit-transform: none;
transform: none;
}
}
@keyframes fadeInUp {
from {
opacity: 0;
-webkit-transform: translate3d(0, 100%, 0);
transform: translate3d(0, 100%, 0);
}
to {
opacity: 1;
-webkit-transform: none;
transform: none;
}
}
.fadeInUp {
-webkit-animation-name: fadeInUp;
animation-name: fadeInUp;
}
@-webkit-keyframes fadeInUpBig {
from {
opacity: 0;
-webkit-transform: translate3d(0, 2000px, 0);
transform: translate3d(0, 2000px, 0);
}
to {
opacity: 1;
-webkit-transform: none;
transform: none;
}
}
@keyframes fadeInUpBig {
from {
opacity: 0;
-webkit-transform: translate3d(0, 2000px, 0);
transform: translate3d(0, 2000px, 0);
}
to {
opacity: 1;
-webkit-transform: none;
transform: none;
}
}
.fadeInUpBig {
-webkit-animation-name: fadeInUpBig;
animation-name: fadeInUpBig;
}
@-webkit-keyframes fadeOut {
from {
opacity: 1;
}
to {
opacity: 0;
}
}
@keyframes fadeOut {
from {
opacity: 1;
}
to {
opacity: 0;
}
}
.fadeOut {
-webkit-animation-name: fadeOut;
animation-name: fadeOut;
}
@-webkit-keyframes fadeOutDown {
from {
opacity: 1;
}
to {
opacity: 0;
-webkit-transform: translate3d(0, 100%, 0);
transform: translate3d(0, 100%, 0);
}
}
@keyframes fadeOutDown {
from {
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 {
from {
opacity: 1;
}
to {
opacity: 0;
-webkit-transform: translate3d(0, 2000px, 0);
transform: translate3d(0, 2000px, 0);
}
}
@keyframes fadeOutDownBig {
from {
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 {
from {
opacity: 1;
}
to {
opacity: 0;
-webkit-transform: translate3d(-100%, 0, 0);
transform: translate3d(-100%, 0, 0);
}
}
@keyframes fadeOutLeft {
from {
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 {
from {
opacity: 1;
}
to {
opacity: 0;
-webkit-transform: translate3d(-2000px, 0, 0);
transform: translate3d(-2000px, 0, 0);
}
}
@keyframes fadeOutLeftBig {
from {
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 {
from {
opacity: 1;
}
to {
opacity: 0;
-webkit-transform: translate3d(100%, 0, 0);
transform: translate3d(100%, 0, 0);
}
}
@keyframes fadeOutRight {
from {
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 {
from {
opacity: 1;
}
to {
opacity: 0;
-webkit-transform: translate3d(2000px, 0, 0);
transform: translate3d(2000px, 0, 0);
}
}
@keyframes fadeOutRightBig {
from {
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 {
from {
opacity: 1;
}
to {
opacity: 0;
-webkit-transform: translate3d(0, -100%, 0);
transform: translate3d(0, -100%, 0);
}
}
@keyframes fadeOutUp {
from {
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 {
from {
opacity: 1;
}
to {
opacity: 0;
-webkit-transform: translate3d(0, -2000px, 0);
transform: translate3d(0, -2000px, 0);
}
}
@keyframes fadeOutUpBig {
from {
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 {
from {
-webkit-transform: perspective(400px) rotate3d(0, 1, 0, -360deg);
transform: perspective(400px) rotate3d(0, 1, 0, -360deg);
-webkit-animation-timing-function: ease-out;
animation-timing-function: ease-out;
}
40% {
-webkit-transform: perspective(400px) translate3d(0, 0, 150px) rotate3d(0, 1, 0, -190deg);
transform: perspective(400px) translate3d(0, 0, 150px) rotate3d(0, 1, 0, -190deg);
-webkit-animation-timing-function: ease-out;
animation-timing-function: ease-out;
}
50% {
-webkit-transform: perspective(400px) translate3d(0, 0, 150px) rotate3d(0, 1, 0, -170deg);
transform: perspective(400px) translate3d(0, 0, 150px) rotate3d(0, 1, 0, -170deg);
-webkit-animation-timing-function: ease-in;
animation-timing-function: ease-in;
}
80% {
-webkit-transform: perspective(400px) scale3d(.95, .95, .95);
transform: perspective(400px) scale3d(.95, .95, .95);
-webkit-animation-timing-function: ease-in;
animation-timing-function: ease-in;
}
to {
-webkit-transform: perspective(400px);
transform: perspective(400px);
-webkit-animation-timing-function: ease-in;
animation-timing-function: ease-in;
}
}
@keyframes flip {
from {
-webkit-transform: perspective(400px) rotate3d(0, 1, 0, -360deg);
transform: perspective(400px) rotate3d(0, 1, 0, -360deg);
-webkit-animation-timing-function: ease-out;
animation-timing-function: ease-out;
}
40% {
-webkit-transform: perspective(400px) translate3d(0, 0, 150px) rotate3d(0, 1, 0, -190deg);
transform: perspective(400px) translate3d(0, 0, 150px) rotate3d(0, 1, 0, -190deg);
-webkit-animation-timing-function: ease-out;
animation-timing-function: ease-out;
}
50% {
-webkit-transform: perspective(400px) translate3d(0, 0, 150px) rotate3d(0, 1, 0, -170deg);
transform: perspective(400px) translate3d(0, 0, 150px) rotate3d(0, 1, 0, -170deg);
-webkit-animation-timing-function: ease-in;
animation-timing-function: ease-in;
}
80% {
-webkit-transform: perspective(400px) scale3d(.95, .95, .95);
transform: perspective(400px) scale3d(.95, .95, .95);
-webkit-animation-timing-function: ease-in;
animation-timing-function: ease-in;
}
to {
-webkit-transform: perspective(400px);
transform: perspective(400px);
-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 {
from {
-webkit-transform: perspective(400px) rotate3d(1, 0, 0, 90deg);
transform: perspective(400px) rotate3d(1, 0, 0, 90deg);
-webkit-animation-timing-function: ease-in;
animation-timing-function: ease-in;
opacity: 0;
}
40% {
-webkit-transform: perspective(400px) rotate3d(1, 0, 0, -20deg);
transform: perspective(400px) rotate3d(1, 0, 0, -20deg);
-webkit-animation-timing-function: ease-in;
animation-timing-function: ease-in;
}
60% {
-webkit-transform: perspective(400px) rotate3d(1, 0, 0, 10deg);
transform: perspective(400px) rotate3d(1, 0, 0, 10deg);
opacity: 1;
}
80% {
-webkit-transform: perspective(400px) rotate3d(1, 0, 0, -5deg);
transform: perspective(400px) rotate3d(1, 0, 0, -5deg);
}
to {
-webkit-transform: perspective(400px);
transform: perspective(400px);
}
}
@keyframes flipInX {
from {
-webkit-transform: perspective(400px) rotate3d(1, 0, 0, 90deg);
transform: perspective(400px) rotate3d(1, 0, 0, 90deg);
-webkit-animation-timing-function: ease-in;
animation-timing-function: ease-in;
opacity: 0;
}
40% {
-webkit-transform: perspective(400px) rotate3d(1, 0, 0, -20deg);
transform: perspective(400px) rotate3d(1, 0, 0, -20deg);
-webkit-animation-timing-function: ease-in;
animation-timing-function: ease-in;
}
60% {
-webkit-transform: perspective(400px) rotate3d(1, 0, 0, 10deg);
transform: perspective(400px) rotate3d(1, 0, 0, 10deg);
opacity: 1;
}
80% {
-webkit-transform: perspective(400px) rotate3d(1, 0, 0, -5deg);
transform: perspective(400px) rotate3d(1, 0, 0, -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 {
from {
-webkit-transform: perspective(400px) rotate3d(0, 1, 0, 90deg);
transform: perspective(400px) rotate3d(0, 1, 0, 90deg);
-webkit-animation-timing-function: ease-in;
animation-timing-function: ease-in;
opacity: 0;
}
40% {
-webkit-transform: perspective(400px) rotate3d(0, 1, 0, -20deg);
transform: perspective(400px) rotate3d(0, 1, 0, -20deg);
-webkit-animation-timing-function: ease-in;
animation-timing-function: ease-in;
}
60% {
-webkit-transform: perspective(400px) rotate3d(0, 1, 0, 10deg);
transform: perspective(400px) rotate3d(0, 1, 0, 10deg);
opacity: 1;
}
80% {
-webkit-transform: perspective(400px) rotate3d(0, 1, 0, -5deg);
transform: perspective(400px) rotate3d(0, 1, 0, -5deg);
}
to {
-webkit-transform: perspective(400px);
transform: perspective(400px);
}
}
@keyframes flipInY {
from {
-webkit-transform: perspective(400px) rotate3d(0, 1, 0, 90deg);
transform: perspective(400px) rotate3d(0, 1, 0, 90deg);
-webkit-animation-timing-function: ease-in;
animation-timing-function: ease-in;
opacity: 0;
}
40% {
-webkit-transform: perspective(400px) rotate3d(0, 1, 0, -20deg);
transform: perspective(400px) rotate3d(0, 1, 0, -20deg);
-webkit-animation-timing-function: ease-in;
animation-timing-function: ease-in;
}
60% {
-webkit-transform: perspective(400px) rotate3d(0, 1, 0, 10deg);
transform: perspective(400px) rotate3d(0, 1, 0, 10deg);
opacity: 1;
}
80% {
-webkit-transform: perspective(400px) rotate3d(0, 1, 0, -5deg);
transform: perspective(400px) rotate3d(0, 1, 0, -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 {
from {
-webkit-transform: perspective(400px);
transform: perspective(400px);
}
30% {
-webkit-transform: perspective(400px) rotate3d(1, 0, 0, -20deg);
transform: perspective(400px) rotate3d(1, 0, 0, -20deg);
opacity: 1;
}
to {
-webkit-transform: perspective(400px) rotate3d(1, 0, 0, 90deg);
transform: perspective(400px) rotate3d(1, 0, 0, 90deg);
opacity: 0;
}
}
@keyframes flipOutX {
from {
-webkit-transform: perspective(400px);
transform: perspective(400px);
}
30% {
-webkit-transform: perspective(400px) rotate3d(1, 0, 0, -20deg);
transform: perspective(400px) rotate3d(1, 0, 0, -20deg);
opacity: 1;
}
to {
-webkit-transform: perspective(400px) rotate3d(1, 0, 0, 90deg);
transform: perspective(400px) rotate3d(1, 0, 0, 90deg);
opacity: 0;
}
}
.flipOutX {
-webkit-animation-name: flipOutX;
animation-name: flipOutX;
-webkit-backface-visibility: visible !important;
backface-visibility: visible !important;
}
@-webkit-keyframes flipOutY {
from {
-webkit-transform: perspective(400px);
transform: perspective(400px);
}
30% {
-webkit-transform: perspective(400px) rotate3d(0, 1, 0, -15deg);
transform: perspective(400px) rotate3d(0, 1, 0, -15deg);
opacity: 1;
}
to {
-webkit-transform: perspective(400px) rotate3d(0, 1, 0, 90deg);
transform: perspective(400px) rotate3d(0, 1, 0, 90deg);
opacity: 0;
}
}
@keyframes flipOutY {
from {
-webkit-transform: perspective(400px);
transform: perspective(400px);
}
30% {
-webkit-transform: perspective(400px) rotate3d(0, 1, 0, -15deg);
transform: perspective(400px) rotate3d(0, 1, 0, -15deg);
opacity: 1;
}
to {
-webkit-transform: perspective(400px) rotate3d(0, 1, 0, 90deg);
transform: perspective(400px) rotate3d(0, 1, 0, 90deg);
opacity: 0;
}
}
.flipOutY {
-webkit-backface-visibility: visible !important;
backface-visibility: visible !important;
-webkit-animation-name: flipOutY;
animation-name: flipOutY;
}
@-webkit-keyframes lightSpeedIn {
from {
-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);
opacity: 1;
}
to {
-webkit-transform: none;
transform: none;
opacity: 1;
}
}
@keyframes lightSpeedIn {
from {
-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);
opacity: 1;
}
to {
-webkit-transform: none;
transform: none;
opacity: 1;
}
}
.lightSpeedIn {
-webkit-animation-name: lightSpeedIn;
animation-name: lightSpeedIn;
-webkit-animation-timing-function: ease-out;
animation-timing-function: ease-out;
}
@-webkit-keyframes lightSpeedOut {
from {
opacity: 1;
}
to {
-webkit-transform: translate3d(100%, 0, 0) skewX(30deg);
transform: translate3d(100%, 0, 0) skewX(30deg);
opacity: 0;
}
}
@keyframes lightSpeedOut {
from {
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 {
from {
-webkit-transform-origin: center;
transform-origin: center;
-webkit-transform: rotate3d(0, 0, 1, -200deg);
transform: rotate3d(0, 0, 1, -200deg);
opacity: 0;
}
to {
-webkit-transform-origin: center;
transform-origin: center;
-webkit-transform: none;
transform: none;
opacity: 1;
}
}
@keyframes rotateIn {
from {
-webkit-transform-origin: center;
transform-origin: center;
-webkit-transform: rotate3d(0, 0, 1, -200deg);
transform: rotate3d(0, 0, 1, -200deg);
opacity: 0;
}
to {
-webkit-transform-origin: center;
transform-origin: center;
-webkit-transform: none;
transform: none;
opacity: 1;
}
}
.rotateIn {
-webkit-animation-name: rotateIn;
animation-name: rotateIn;
}
@-webkit-keyframes rotateInDownLeft {
from {
-webkit-transform-origin: left bottom;
transform-origin: left bottom;
-webkit-transform: rotate3d(0, 0, 1, -45deg);
transform: rotate3d(0, 0, 1, -45deg);
opacity: 0;
}
to {
-webkit-transform-origin: left bottom;
transform-origin: left bottom;
-webkit-transform: none;
transform: none;
opacity: 1;
}
}
@keyframes rotateInDownLeft {
from {
-webkit-transform-origin: left bottom;
transform-origin: left bottom;
-webkit-transform: rotate3d(0, 0, 1, -45deg);
transform: rotate3d(0, 0, 1, -45deg);
opacity: 0;
}
to {
-webkit-transform-origin: left bottom;
transform-origin: left bottom;
-webkit-transform: none;
transform: none;
opacity: 1;
}
}
.rotateInDownLeft {
-webkit-animation-name: rotateInDownLeft;
animation-name: rotateInDownLeft;
}
@-webkit-keyframes rotateInDownRight {
from {
-webkit-transform-origin: right bottom;
transform-origin: right bottom;
-webkit-transform: rotate3d(0, 0, 1, 45deg);
transform: rotate3d(0, 0, 1, 45deg);
opacity: 0;
}
to {
-webkit-transform-origin: right bottom;
transform-origin: right bottom;
-webkit-transform: none;
transform: none;
opacity: 1;
}
}
@keyframes rotateInDownRight {
from {
-webkit-transform-origin: right bottom;
transform-origin: right bottom;
-webkit-transform: rotate3d(0, 0, 1, 45deg);
transform: rotate3d(0, 0, 1, 45deg);
opacity: 0;
}
to {
-webkit-transform-origin: right bottom;
transform-origin: right bottom;
-webkit-transform: none;
transform: none;
opacity: 1;
}
}
.rotateInDownRight {
-webkit-animation-name: rotateInDownRight;
animation-name: rotateInDownRight;
}
@-webkit-keyframes rotateInUpLeft {
from {
-webkit-transform-origin: left bottom;
transform-origin: left bottom;
-webkit-transform: rotate3d(0, 0, 1, 45deg);
transform: rotate3d(0, 0, 1, 45deg);
opacity: 0;
}
to {
-webkit-transform-origin: left bottom;
transform-origin: left bottom;
-webkit-transform: none;
transform: none;
opacity: 1;
}
}
@keyframes rotateInUpLeft {
from {
-webkit-transform-origin: left bottom;
transform-origin: left bottom;
-webkit-transform: rotate3d(0, 0, 1, 45deg);
transform: rotate3d(0, 0, 1, 45deg);
opacity: 0;
}
to {
-webkit-transform-origin: left bottom;
transform-origin: left bottom;
-webkit-transform: none;
transform: none;
opacity: 1;
}
}
.rotateInUpLeft {
-webkit-animation-name: rotateInUpLeft;
animation-name: rotateInUpLeft;
}
@-webkit-keyframes rotateInUpRight {
from {
-webkit-transform-origin: right bottom;
transform-origin: right bottom;
-webkit-transform: rotate3d(0, 0, 1, -90deg);
transform: rotate3d(0, 0, 1, -90deg);
opacity: 0;
}
to {
-webkit-transform-origin: right bottom;
transform-origin: right bottom;
-webkit-transform: none;
transform: none;
opacity: 1;
}
}
@keyframes rotateInUpRight {
from {
-webkit-transform-origin: right bottom;
transform-origin: right bottom;
-webkit-transform: rotate3d(0, 0, 1, -90deg);
transform: rotate3d(0, 0, 1, -90deg);
opacity: 0;
}
to {
-webkit-transform-origin: right bottom;
transform-origin: right bottom;
-webkit-transform: none;
transform: none;
opacity: 1;
}
}
.rotateInUpRight {
-webkit-animation-name: rotateInUpRight;
animation-name: rotateInUpRight;
}
@-webkit-keyframes rotateOut {
from {
-webkit-transform-origin: center;
transform-origin: center;
opacity: 1;
}
to {
-webkit-transform-origin: center;
transform-origin: center;
-webkit-transform: rotate3d(0, 0, 1, 200deg);
transform: rotate3d(0, 0, 1, 200deg);
opacity: 0;
}
}
@keyframes rotateOut {
from {
-webkit-transform-origin: center;
transform-origin: center;
opacity: 1;
}
to {
-webkit-transform-origin: center;
transform-origin: center;
-webkit-transform: rotate3d(0, 0, 1, 200deg);
transform: rotate3d(0, 0, 1, 200deg);
opacity: 0;
}
}
.rotateOut {
-webkit-animation-name: rotateOut;
animation-name: rotateOut;
}
@-webkit-keyframes rotateOutDownLeft {
from {
-webkit-transform-origin: left bottom;
transform-origin: left bottom;
opacity: 1;
}
to {
-webkit-transform-origin: left bottom;
transform-origin: left bottom;
-webkit-transform: rotate3d(0, 0, 1, 45deg);
transform: rotate3d(0, 0, 1, 45deg);
opacity: 0;
}
}
@keyframes rotateOutDownLeft {
from {
-webkit-transform-origin: left bottom;
transform-origin: left bottom;
opacity: 1;
}
to {
-webkit-transform-origin: left bottom;
transform-origin: left bottom;
-webkit-transform: rotate3d(0, 0, 1, 45deg);
transform: rotate3d(0, 0, 1, 45deg);
opacity: 0;
}
}
.rotateOutDownLeft {
-webkit-animation-name: rotateOutDownLeft;
animation-name: rotateOutDownLeft;
}
@-webkit-keyframes rotateOutDownRight {
from {
-webkit-transform-origin: right bottom;
transform-origin: right bottom;
opacity: 1;
}
to {
-webkit-transform-origin: right bottom;
transform-origin: right bottom;
-webkit-transform: rotate3d(0, 0, 1, -45deg);
transform: rotate3d(0, 0, 1, -45deg);
opacity: 0;
}
}
@keyframes rotateOutDownRight {
from {
-webkit-transform-origin: right bottom;
transform-origin: right bottom;
opacity: 1;
}
to {
-webkit-transform-origin: right bottom;
transform-origin: right bottom;
-webkit-transform: rotate3d(0, 0, 1, -45deg);
transform: rotate3d(0, 0, 1, -45deg);
opacity: 0;
}
}
.rotateOutDownRight {
-webkit-animation-name: rotateOutDownRight;
animation-name: rotateOutDownRight;
}
@-webkit-keyframes rotateOutUpLeft {
from {
-webkit-transform-origin: left bottom;
transform-origin: left bottom;
opacity: 1;
}
to {
-webkit-transform-origin: left bottom;
transform-origin: left bottom;
-webkit-transform: rotate3d(0, 0, 1, -45deg);
transform: rotate3d(0, 0, 1, -45deg);
opacity: 0;
}
}
@keyframes rotateOutUpLeft {
from {
-webkit-transform-origin: left bottom;
transform-origin: left bottom;
opacity: 1;
}
to {
-webkit-transform-origin: left bottom;
transform-origin: left bottom;
-webkit-transform: rotate3d(0, 0, 1, -45deg);
transform: rotate3d(0, 0, 1, -45deg);
opacity: 0;
}
}
.rotateOutUpLeft {
-webkit-animation-name: rotateOutUpLeft;
animation-name: rotateOutUpLeft;
}
@-webkit-keyframes rotateOutUpRight {
from {
-webkit-transform-origin: right bottom;
transform-origin: right bottom;
opacity: 1;
}
to {
-webkit-transform-origin: right bottom;
transform-origin: right bottom;
-webkit-transform: rotate3d(0, 0, 1, 90deg);
transform: rotate3d(0, 0, 1, 90deg);
opacity: 0;
}
}
@keyframes rotateOutUpRight {
from {
-webkit-transform-origin: right bottom;
transform-origin: right bottom;
opacity: 1;
}
to {
-webkit-transform-origin: right bottom;
transform-origin: right bottom;
-webkit-transform: rotate3d(0, 0, 1, 90deg);
transform: rotate3d(0, 0, 1, 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: rotate3d(0, 0, 1, 80deg);
transform: rotate3d(0, 0, 1, 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: rotate3d(0, 0, 1, 60deg);
transform: rotate3d(0, 0, 1, 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: rotate3d(0, 0, 1, 80deg);
transform: rotate3d(0, 0, 1, 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: rotate3d(0, 0, 1, 60deg);
transform: rotate3d(0, 0, 1, 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-name: hinge;
animation-name: hinge;
} @-webkit-keyframes rollIn {
from {
opacity: 0;
-webkit-transform: translate3d(-100%, 0, 0) rotate3d(0, 0, 1, -120deg);
transform: translate3d(-100%, 0, 0) rotate3d(0, 0, 1, -120deg);
}
to {
opacity: 1;
-webkit-transform: none;
transform: none;
}
}
@keyframes rollIn {
from {
opacity: 0;
-webkit-transform: translate3d(-100%, 0, 0) rotate3d(0, 0, 1, -120deg);
transform: translate3d(-100%, 0, 0) rotate3d(0, 0, 1, -120deg);
}
to {
opacity: 1;
-webkit-transform: none;
transform: none;
}
}
.rollIn {
-webkit-animation-name: rollIn;
animation-name: rollIn;
} @-webkit-keyframes rollOut {
from {
opacity: 1;
}
to {
opacity: 0;
-webkit-transform: translate3d(100%, 0, 0) rotate3d(0, 0, 1, 120deg);
transform: translate3d(100%, 0, 0) rotate3d(0, 0, 1, 120deg);
}
}
@keyframes rollOut {
from {
opacity: 1;
}
to {
opacity: 0;
-webkit-transform: translate3d(100%, 0, 0) rotate3d(0, 0, 1, 120deg);
transform: translate3d(100%, 0, 0) rotate3d(0, 0, 1, 120deg);
}
}
.rollOut {
-webkit-animation-name: rollOut;
animation-name: rollOut;
}
@-webkit-keyframes zoomIn {
from {
opacity: 0;
-webkit-transform: scale3d(.3, .3, .3);
transform: scale3d(.3, .3, .3);
}
50% {
opacity: 1;
}
}
@keyframes zoomIn {
from {
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 {
from {
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(0.550, 0.055, 0.675, 0.190);
animation-timing-function: cubic-bezier(0.550, 0.055, 0.675, 0.190);
}
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(0.175, 0.885, 0.320, 1);
animation-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1);
}
}
@keyframes zoomInDown {
from {
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(0.550, 0.055, 0.675, 0.190);
animation-timing-function: cubic-bezier(0.550, 0.055, 0.675, 0.190);
}
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(0.175, 0.885, 0.320, 1);
animation-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1);
}
}
.zoomInDown {
-webkit-animation-name: zoomInDown;
animation-name: zoomInDown;
}
@-webkit-keyframes zoomInLeft {
from {
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(0.550, 0.055, 0.675, 0.190);
animation-timing-function: cubic-bezier(0.550, 0.055, 0.675, 0.190);
}
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(0.175, 0.885, 0.320, 1);
animation-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1);
}
}
@keyframes zoomInLeft {
from {
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(0.550, 0.055, 0.675, 0.190);
animation-timing-function: cubic-bezier(0.550, 0.055, 0.675, 0.190);
}
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(0.175, 0.885, 0.320, 1);
animation-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1);
}
}
.zoomInLeft {
-webkit-animation-name: zoomInLeft;
animation-name: zoomInLeft;
}
@-webkit-keyframes zoomInRight {
from {
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(0.550, 0.055, 0.675, 0.190);
animation-timing-function: cubic-bezier(0.550, 0.055, 0.675, 0.190);
}
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(0.175, 0.885, 0.320, 1);
animation-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1);
}
}
@keyframes zoomInRight {
from {
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(0.550, 0.055, 0.675, 0.190);
animation-timing-function: cubic-bezier(0.550, 0.055, 0.675, 0.190);
}
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(0.175, 0.885, 0.320, 1);
animation-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1);
}
}
.zoomInRight {
-webkit-animation-name: zoomInRight;
animation-name: zoomInRight;
}
@-webkit-keyframes zoomInUp {
from {
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(0.550, 0.055, 0.675, 0.190);
animation-timing-function: cubic-bezier(0.550, 0.055, 0.675, 0.190);
}
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(0.175, 0.885, 0.320, 1);
animation-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1);
}
}
@keyframes zoomInUp {
from {
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(0.550, 0.055, 0.675, 0.190);
animation-timing-function: cubic-bezier(0.550, 0.055, 0.675, 0.190);
}
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(0.175, 0.885, 0.320, 1);
animation-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1);
}
}
.zoomInUp {
-webkit-animation-name: zoomInUp;
animation-name: zoomInUp;
}
@-webkit-keyframes zoomOut {
from {
opacity: 1;
}
50% {
opacity: 0;
-webkit-transform: scale3d(.3, .3, .3);
transform: scale3d(.3, .3, .3);
}
to {
opacity: 0;
}
}
@keyframes zoomOut {
from {
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(0.550, 0.055, 0.675, 0.190);
animation-timing-function: cubic-bezier(0.550, 0.055, 0.675, 0.190);
}
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(0.175, 0.885, 0.320, 1);
animation-timing-function: cubic-bezier(0.175, 0.885, 0.320, 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(0.550, 0.055, 0.675, 0.190);
animation-timing-function: cubic-bezier(0.550, 0.055, 0.675, 0.190);
}
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(0.175, 0.885, 0.320, 1);
animation-timing-function: cubic-bezier(0.175, 0.885, 0.320, 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(0.550, 0.055, 0.675, 0.190);
animation-timing-function: cubic-bezier(0.550, 0.055, 0.675, 0.190);
}
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(0.175, 0.885, 0.320, 1);
animation-timing-function: cubic-bezier(0.175, 0.885, 0.320, 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(0.550, 0.055, 0.675, 0.190);
animation-timing-function: cubic-bezier(0.550, 0.055, 0.675, 0.190);
}
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(0.175, 0.885, 0.320, 1);
animation-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1);
}
}
.zoomOutUp {
-webkit-animation-name: zoomOutUp;
animation-name: zoomOutUp;
}
@-webkit-keyframes slideInDown {
from {
-webkit-transform: translate3d(0, -100%, 0);
transform: translate3d(0, -100%, 0);
visibility: visible;
}
to {
-webkit-transform: translate3d(0, 0, 0);
transform: translate3d(0, 0, 0);
}
}
@keyframes slideInDown {
from {
-webkit-transform: translate3d(0, -100%, 0);
transform: translate3d(0, -100%, 0);
visibility: visible;
}
to {
-webkit-transform: translate3d(0, 0, 0);
transform: translate3d(0, 0, 0);
}
}
.slideInDown {
-webkit-animation-name: slideInDown;
animation-name: slideInDown;
}
@-webkit-keyframes slideInLeft {
from {
-webkit-transform: translate3d(-100%, 0, 0);
transform: translate3d(-100%, 0, 0);
visibility: visible;
}
to {
-webkit-transform: translate3d(0, 0, 0);
transform: translate3d(0, 0, 0);
}
}
@keyframes slideInLeft {
from {
-webkit-transform: translate3d(-100%, 0, 0);
transform: translate3d(-100%, 0, 0);
visibility: visible;
}
to {
-webkit-transform: translate3d(0, 0, 0);
transform: translate3d(0, 0, 0);
}
}
.slideInLeft {
-webkit-animation-name: slideInLeft;
animation-name: slideInLeft;
}
@-webkit-keyframes slideInRight {
from {
-webkit-transform: translate3d(100%, 0, 0);
transform: translate3d(100%, 0, 0);
visibility: visible;
}
to {
-webkit-transform: translate3d(0, 0, 0);
transform: translate3d(0, 0, 0);
}
}
@keyframes slideInRight {
from {
-webkit-transform: translate3d(100%, 0, 0);
transform: translate3d(100%, 0, 0);
visibility: visible;
}
to {
-webkit-transform: translate3d(0, 0, 0);
transform: translate3d(0, 0, 0);
}
}
.slideInRight {
-webkit-animation-name: slideInRight;
animation-name: slideInRight;
}
@-webkit-keyframes slideInUp {
from {
-webkit-transform: translate3d(0, 100%, 0);
transform: translate3d(0, 100%, 0);
visibility: visible;
}
to {
-webkit-transform: translate3d(0, 0, 0);
transform: translate3d(0, 0, 0);
}
}
@keyframes slideInUp {
from {
-webkit-transform: translate3d(0, 100%, 0);
transform: translate3d(0, 100%, 0);
visibility: visible;
}
to {
-webkit-transform: translate3d(0, 0, 0);
transform: translate3d(0, 0, 0);
}
}
.slideInUp {
-webkit-animation-name: slideInUp;
animation-name: slideInUp;
}
@-webkit-keyframes slideOutDown {
from {
-webkit-transform: translate3d(0, 0, 0);
transform: translate3d(0, 0, 0);
}
to {
visibility: hidden;
-webkit-transform: translate3d(0, 100%, 0);
transform: translate3d(0, 100%, 0);
}
}
@keyframes slideOutDown {
from {
-webkit-transform: translate3d(0, 0, 0);
transform: translate3d(0, 0, 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 {
from {
-webkit-transform: translate3d(0, 0, 0);
transform: translate3d(0, 0, 0);
}
to {
visibility: hidden;
-webkit-transform: translate3d(-100%, 0, 0);
transform: translate3d(-100%, 0, 0);
}
}
@keyframes slideOutLeft {
from {
-webkit-transform: translate3d(0, 0, 0);
transform: translate3d(0, 0, 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 {
from {
-webkit-transform: translate3d(0, 0, 0);
transform: translate3d(0, 0, 0);
}
to {
visibility: hidden;
-webkit-transform: translate3d(100%, 0, 0);
transform: translate3d(100%, 0, 0);
}
}
@keyframes slideOutRight {
from {
-webkit-transform: translate3d(0, 0, 0);
transform: translate3d(0, 0, 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 {
from {
-webkit-transform: translate3d(0, 0, 0);
transform: translate3d(0, 0, 0);
}
to {
visibility: hidden;
-webkit-transform: translate3d(0, -100%, 0);
transform: translate3d(0, -100%, 0);
}
}
@keyframes slideOutUp {
from {
-webkit-transform: translate3d(0, 0, 0);
transform: translate3d(0, 0, 0);
}
to {
visibility: hidden;
-webkit-transform: translate3d(0, -100%, 0);
transform: translate3d(0, -100%, 0);
}
}
.slideOutUp {
-webkit-animation-name: slideOutUp;
animation-name: slideOutUp;
}.icv {
position: relative;
overflow: hidden;
cursor: row-resize;
}
.icv__icv--vertical {
cursor: row-resize;
}
.icv__icv--horizontal {
cursor: col-resize;
}
.icv__img {
pointer-events: none;
-o-user-select: none;
-moz-user-select: none;
-webkit-user-select: none;
-ms-user-select: none;
user-select: none;
max-width: none;
width: 100%;
margin: 0 !important;
padding: 0 !important;
border: 0 !important;
border-radius: 0 !important;
top: 0;
display: block;
}
.icv__is--fluid .icv__img {
display: none;
}
.icv__img-a {
height: auto;
position: static;
z-index: 1;
left: 0px;
}
body.spice-block .icv__icv--horizontal.icgb-compare-block img
{
max-width: none;
height: inherit;
}
.icv__img-b {
height: 100%;
position: absolute;
z-index: 2;
left: auto;
right: 0px;
width: auto;
}
.icv__icv--vertical .icv__img-b {
width: 100%;
height: auto;
}
.icv__imposter {
z-index: 4;
position: absolute;
top: 0px;
left: 0px;
width: 100%;
height: 100%;
}
.icv__wrapper {
position: absolute;
width: 100%;
height: 100%;
right: 0px;
top: 0px;
overflow: hidden;
background-size: cover;
background-position: center center;
z-index: 3;
}
.icv__is--fluid .icv__wrapper,
.icv__icv--vertical .icv__wrapper {
width: 100% !important;
}
.icv__is--fluid .icv__wrapper,
.icv__icv--horizontal .icv__wrapper {
height: 100% !important;
}
.icv__fluidwrapper {
background-size: cover;
background-position: center;
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
}
.icv__control {
position: absolute;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
-webkit-box-sizing: border-box;
box-sizing: border-box;
height: 100%;
top: 0px;
z-index: 5;
}
.icv__icv--vertical .icv__control {
-webkit-box-orient: horizontal;
-webkit-box-direction: normal;
-ms-flex-direction: row;
flex-direction: row;
left: 0;
width: 100%;
}
.icv__control-line {
height: 50%;
width: 2px;
z-index: 6;
}
.icv__icv--vertical .icv__control-line {
width: 50%;
}
.icv__theme-wrapper {
width: 100%;
height: 100%;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-pack: justify;
-ms-flex-pack: justify;
justify-content: space-between;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
position: absolute;
-webkit-transition: all 0.1s ease-out 0s;
transition: all 0.1s ease-out 0s;
z-index: 5;
}
.icv__icv--vertical .icv__theme-wrapper {
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column;
}
.icv__arrow-wrapper {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
-webkit-transition: all 0.1s ease-out 0s;
transition: all 0.1s ease-out 0s;
}
.icv__arrow-a {
-webkit-transform: scale(1.5) rotateZ(180deg);
transform: scale(1.5) rotateZ(180deg);
height: 20px;
width: 20px;
-webkit-filter: drop-shadow(0px 3px 5px rgba(0, 0, 0, 0.33));
filter: drop-shadow(0px -3px 5px rgba(0, 0, 0, 0.33));
}
.icv__arrow-b {
-webkit-transform: scale(1.5) rotateZ(0deg);
transform: scale(1.5) rotateZ(0deg);
height: 20px;
width: 20px;
-webkit-filter: drop-shadow(0px 3px 5px rgba(0, 0, 0, 0.33));
filter: drop-shadow(0px 3px 5px rgba(0, 0, 0, 0.33));
}
.icv__circle {
width: 50px;
height: 50px;
-webkit-box-sizing: border-box;
box-sizing: border-box;
-ms-flex-negative: 0;
flex-shrink: 0;
border-radius: 999px;
}
.icv__label {
position: absolute;
bottom: 50%;
z-index: 12;
background: rgba(0, 0, 0, 0.33);
color: white;
border-radius: 3px;
padding: 0.5rem 0.75rem;
font-size: 0.85rem;
-webkit-user-select: none;
-moz-user-select: none;
-ms-user-select: none;
user-select: none;
}
.icv__label.vertical {
bottom: auto;
left: 50%;
}
.icv__label.on-hover {
-webkit-transform: scale(0);
transform: scale(0);
-webkit-transition: 0.25s cubic-bezier(0.68, 0.26, 0.58, 1.22);
transition: 0.25s cubic-bezier(0.68, 0.26, 0.58, 1.22);
}
.icv:hover .icv__label.on-hover {
-webkit-transform: scale(1);
transform: scale(1);
}
.icv__label-before {
left: 1rem;
}
.icv__label-after {
right: 1rem;
}
.icv__label-before.vertical {
top: 1rem;
}
.icv__label-after.vertical {
bottom: 1rem;
right: auto;
}
.icv__body {
-webkit-user-select: none;
-moz-user-select: none;
-ms-user-select: none;
user-select: none;
}@import url("https://fonts.googleapis.com/css2?family=Montserrat:wght@400;500;600&family=Oswald:wght@400;700&display=swap");
* {
margin: 0;
padding: 0;
box-sizing: border-box;
}
.block-container {
width: 100%;
padding-right: 15px;
padding-left: 15px;
margin-right: auto;
margin-left: auto;
}
@media (min-width: 600px) {
.block-container {
max-width: 600px;
}
}
@media (min-width: 768px) {
.block-container {
max-width: 768px;
}
}
@media (min-width: 992px) {
.block-container {
max-width: 992px;
}
}
@media (min-width: 1200px) {
.block-container {
max-width: 1200px;
}
}
.block-row {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
margin-right: -15px;
margin-left: -15px;
}
.block-col-2,
.block-col-3,
.block-col-4,
.block-col-5,
.block-col-6,
.block-col-7,
.block-col-8,
.block-col-9 {
position: relative;
width: 100%;
min-height: 1px;
padding-right: 15px;
padding-left: 15px;
}
@media (min-width: 768px) {
.block-col-1 {
-webkit-box-flex: 0;
-ms-flex: 0 0 8.333333%;
flex: 0 0 8.333333%;
max-width: 8.333333%;
}
.block-col-2 {
-webkit-box-flex: 0;
-ms-flex: 0 0 16.666667%;
flex: 0 0 16.666667%;
max-width: 16.666667%;
}
.block-col-3 {
-webkit-box-flex: 0;
-ms-flex: 0 0 25%;
flex: 0 0 25%;
max-width: 25%;
}
.block-col-4 {
-webkit-box-flex: 0;
-ms-flex: 0 0 33.333333%;
flex: 0 0 33.333333%;
max-width: 33.333333%;
}
.block-col-5 {
-webkit-box-flex: 0;
-ms-flex: 0 0 41.666667%;
flex: 0 0 41.666667%;
max-width: 41.666667%;
}
.block-col-6 {
-webkit-box-flex: 0;
-ms-flex: 0 0 50%;
flex: 0 0 50%;
max-width: 50%;
}
.block-col-7 {
-webkit-box-flex: 0;
-ms-flex: 0 0 58.333333%;
flex: 0 0 58.333333%;
max-width: 58.333333%;
}
.block-col-8 {
-webkit-box-flex: 0;
-ms-flex: 0 0 66.666667%;
flex: 0 0 66.666667%;
max-width: 66.666667%;
}
.block-col-9 {
-webkit-box-flex: 0;
-ms-flex: 0 0 75%;
flex: 0 0 75%;
max-width: 75%;
}
}
@media (min-width: 576px) {
.block-col-12 {
-webkit-box-flex: 0;
-ms-flex: 0 0 100%;
flex: 0 0 100%;
max-width: 100%;
}
}
@media (min-width: 1281px) {
body .hide-desktop,
body div > .spice-block-container-fluid.hide-desktop,
body .spice-block-countdown .hide-desktop {
display: none !important;
}
}
@media (min-width: 692px) and (max-width: 1100px) {
body .hide-tablet,
body div > .spice-block-container-fluid.hide-tablet,
body .spice-block-countdown .hide-tablet {
display: none !important;
}
}
@media (max-width: 691px) {
body .hide-mobile,
body div > .spice-block-container-fluid.hide-mobile,
body .spice-block-countdown .hide-mobile {
display: none !important;
}
}
.animated.slow {
animation-duration: 2s;
}
.animated.fast {
animation-duration: 0.7s;
}
.spice-blocks-divider-line {
border-top-width: 1px;
border-right-width: 0;
border-left-width: 0;
border-bottom-width: 0;
display: inline-block;
}
.wp-block-spice-blocks-spice-button {
background-color: #4caf50;
border: none;
color: white;
padding: 15px 32px;
text-align: center;
text-decoration: none;
display: inline-block;
font-size: 16px; cursor: pointer;
}
.text-editor-inner
p.spice-blocks-text-editor.has-dropcap:first-child:first-letter {
margin: 10px 10px 10px 10px;
padding: 18px 12px 18px 12px;
}
.spice-blocks-icon i {
font-size: 4em;
} div > .spice-block-container-fluid {
width: 100%;
display: flex;
gap: 2em;
flex-wrap: nowrap;
max-width: initial;
}
.wp-block-spice-blocks-spice-section .spice-block-container {
width: 100%;
margin: 0 auto;
padding-left: 15px;
padding-right: 15px;
display: flex;
gap: 2em;
flex-wrap: nowrap;
}
.editor-styles-wrapper
.wp-block-spice-blocks-spice-section
.spice-block-container {
margin: 0 auto;
}
.wp-block-spice-blocks-spice-column {
flex-basis: 0;
flex-grow: 1;
}
@media (min-width: 782px) {
.wp-block-spice-blocks-spice-section
.wp-block-spice-blocks-spice-column[style*="flex-basis"] {
flex-grow: 0;
}
} .spice-blocks-cta {
background-position: center center;
background-size: cover;
padding: 10.75rem 0.625rem 12.875rem;
}
.spice-blocks-overlay {
height: 100%;
width: 100%;
top: 0;
left: 0;
position: absolute;
border-radius: inherit;
}
.spice-blocks-cta .spice-blocks-overlay .block-container {
position: relative;
}
.cta-block .top-heading {
font-size: 1rem;
line-height: 1.625rem;
font-family: Montserrat, sans-serif;
font-weight: 700;
text-transform: uppercase;
color: #ffffff;
margin-bottom: 1.25rem;
margin-top: 0;
}
.cta-block .main-heading {
font-size: 3.75rem;
line-height: 4.375rem;
font-family: Montserrat, sans-serif;
font-weight: 800;
text-transform: capitalize;
color: #ffffff;
margin-bottom: 3.125rem;
margin-top: 0;
}
.spice-blocks-cta {
position: relative;
max-width: 100%;
}
.cta-block .btn .cta-btn {
display: block;
background-color: #2c7bfe;
color: #ffffff;
font-size: 1.125rem;
line-height: 1.625rem;
font-family: Montserrat, sans-serif;
font-weight: 600;
text-transform: capitalize;
padding: 16px 39px;
border-radius: 30px;
margin: unset;
transition: all 0.3s ease-in-out;
}
.cta-block .btn .cta-btn:hover {
background-color: #ffffff;
color: #2c7bfe;
}
@media (max-width: 992px) {
.spice-blocks-cta .spice-blocks-overlay {
padding: 7.5rem 0.625rem 10rem;
background-color: unset;
}
}
.spice-blocks-overlay {
padding: 5rem 2rem 5rem;
}
.spice-blocks-cta .block-container {
position: relative;
}
.spice-blocks-cta .spice-blocks-overlay {
padding: 0;
}
button.spice-blocks-button {
border: none;
padding: 0;
background: transparent;
}
button.spice-blocks-button span.wp-block-spice-blocks-spice-button {
width: 100%;
}
.spice-blocks-button-wrapper button.spice-blocks-button:hover,
.spice-blocks-button-wrapper button.spice-blocks-button:focus {
background-color: transparent;
} figure.spice-blocks-blockquote {
max-width: 100%;
}
blockquote:before,
blockquote:after {
display: none;
}
blockquote.blockquote-field {
max-width: 100%;
margin: auto;
padding-top: 223px;
padding-bottom: 223px;
}
.blockquote-field .quote-icon {
display: block;
margin-bottom: 20px;
}
.blockquote-field .quote-icon i {
font-size: 80px;
color: rgba(254, 254, 254, 0.1);
}
.blockquote-field .blockquote-text {
font-size: 30px;
font-weight: 600;
line-height: 50px;
font-family: "Open Sans", sans-serif;
color: #fff;
max-width: 90%;
margin: 0 auto 20px auto;
position: relative;
}
.blockquote-field .name-field .name {
font-size: 24px;
font-weight: 400;
line-height: 50px;
font-family: "Open Sans", sans-serif;
color: #fff;
}
.blockquote-field .name-field {
position: relative;
display: inline-block;
}
.blockquote-field .name-field .name::before {
content: "";
width: 25px;
height: 2px;
background-color: #fff;
position: absolute;
top: 25px;
left: -34px;
}
@media (max-width: 1024px) {
.blockquote-field {
padding-top: 160px;
padding-bottom: 160px;
}
}
@media (max-width: 551px) {
.blockquote-field .blockquote-text {
font-size: 27px;
font-weight: 600;
line-height: 42px;
font-family: "Open Sans", sans-serif;
max-width: 95%;
}
}
.spice-blocks-blockquote .spice-blocks-overlay {
padding: 0;
}
.spice-blocks-blockquote {
position: relative;
}
.spice-blocks-blockquote blockquote {
border: none;
} .blogrow.blogrow {
margin-top: 49px;
}
.blogrow.block-row .spbb-post-content {
transition: all 0.3s ease;
position: relative;
overflow: hidden;
border-bottom-right-radius: 30px;
border-top-left-radius: 30px;
margin-bottom: 30px;
}
.blogrow.block-row .spbb-post-content .post-image {
transition: all 0.3s ease;
position: relative;
display: inline-flex;
}
.blogrow.block-row .post-image::before {
content: "";
position: absolute;
left: 0;
bottom: 0;
width: 100%;
height: 0;
transition: 0.3s;
background-color: #082471cc;
}
.blogrow.block-row .spbb-post-content:hover {
box-shadow: 0 7px 20px 0 #e7e7e7;
}
.blogrow.block-row .spbb-post-content:hover .post-image::before {
height: 100%;
}
.blogrow.block-row .spbb-post-content .post-link {
position: absolute;
top: 50%;
left: 50%;
transform: translate(-50%, -50%);
opacity: 0;
transition: all 0.3s ease;
}
.blogrow.block-row .spbb-post-content:hover .post-link {
opacity: 1;
}
.blogrow.block-row .spbb-post-content .post-link a {
font-family: "Muli", sans-serif;
font-size: 16px;
line-height: 26px;
font-weight: 500;
color: #fff;
}
.blogrow.block-row .spbb-post-content .post-title .post-info {
position: absolute;
top: -16px;
left: 0;
right: 0;
}
.block-row.blogrow .spbb-post-content .post-title .post-info span {
background-color: #082471;
color: #fff;
font-family: "Muli", sans-serif;
font-size: 12px;
line-height: 26px;
font-weight: 600;
padding: 10.5px 22px;
border-radius: 18px;
letter-spacing: 1px;
}
.blogrow.block-row .spbb-post-content:hover .post-title .post-info span {
background-color: #f96156;
}
.blogrow.block-row .spbb-post-content .post-title {
background-color: #fff;
position: relative;
padding: 37px 20px 5px 20px;
}
.blogrow.block-row .spbb-post-content .post-title a {
color: #000;
font-family: "Muli", sans-serif;
font-size: 24px;
line-height: 34px;
font-weight: 700;
}
.blogrow.block-row .spbb-post-content .post-title .icon-list {
display: flex;
justify-content: space-between;
padding: 20px;
}
.blogrow.block-row .spbb-post-content .post-title .icon-list span {
font-family: "Muli", sans-serif;
font-size: 14px;
line-height: 26px;
font-weight: 400;
color: #777777;
}
.blogrow.block-row .spbb-post-content .post-title .icon-list span i {
color: #000;
}
.blogrow.block-row .spbb-post-content.remove-img .post-title .post-info {
position: relative;
}
.blogrow.block-row {
text-align: center;
} @media (max-width: 1199px) {
.blog .blogpost .spbb-post-content {
display: grid;
grid-template-columns: 100%;
}
.blogrow.block-row .spbb-post-content .post-title .post-info {
position: absolute;
top: -16px;
left: 0;
right: 0;
padding: unset;
transform-origin: unset;
transform: rotate(0deg);
}
}
.spice-img img {
display: block;
}
.spice-img {
display: inline-block;
}
@media (max-width: 767px) {
.wp-block-spice-blocks-spice-section .spice-block-container,
.wp-block-spice-blocks-spice-section .spice-block-container-fluid {
display: block;
}
}
.wp-block-spice-blocks-spice-column.is-vertically-aligned-top {
align-self: flex-start;
}
.wp-block-spice-blocks-spice-column.is-vertically-aligned-center {
align-self: center;
}
.wp-block-spice-blocks-spice-column.is-vertically-aligned-bottom {
align-self: flex-end;
}
.wp-block-spice-blocks-spice-column.is-vertically-aligned-bottom,
.wp-block-spice-blocks-spice-column.is-vertically-aligned-center,
.wp-block-spice-blocks-spice-column.is-vertically-aligned-top {
width: 100%;
}
.spice-img img,
img {
max-width: 100%;
height: auto;
} .timeline-block {
box-sizing: border-box;
}
.timeline-block .timeline-block-1 {
background: transparent;
}
.timeline-block .timeline-block-1 .block-container {
max-width: 1200px;
margin: 0 auto;
overflow: hidden;
}
.timeline-block .timeline-block-1 .block-container .timeline {
position: relative;
padding: 50px 0;
}
.timeline-block .timeline-block-1 .block-container .timeline::before {
content: "";
display: block;
width: 0;
position: absolute;
top: 0;
left: 0;
right: 0;
bottom: 0;
margin: auto;
}
.timeline-block .timeline-block-1 .block-container .timeline .timeline-content {
position: relative;
}
.timeline-block .block-container .timeline .timeline-content::before {
display: block;
content: "";
border-radius: 50%;
position: absolute;
left: 0;
right: 0;
top: 0;
bottom: 0;
margin: auto;
z-index: 1;
}
.timeline-block .block-container .timeline .timeline-content .block-row {
display: flex;
display: -webkit-flex;
-ms-flex-align: center;
align-items: center;
-webkit-align-items: center;
-ms-flex-pack: center;
justify-content: center;
-webkit-justify-content: center;
margin: 0 -15px 50px;
position: relative;
z-index: 2;
}
.timeline-block
.block-container
.timeline
.timeline-content
.block-row
> div:first-child {
display: -ms-flexbox;
display: flex;
display: -webkit-flex;
-ms-flex-pack: end;
justify-content: flex-end;
}
.timeline-block
.block-container
.timeline
.timeline-content
.block-row
.block-col-6 {
width: 50%;
float: left;
padding: 0 25px;
text-align: left;
max-width: unset;
flex: unset;
}
.timeline-block
.block-container
.timeline
.timeline-content
.block-row
.block-col-6
.time {
max-width: 450px;
-webkit-transition: all 0.4s;
-o-transition: all 0.4s;
transition: all 0.4s;
}
.timeline-block
.block-container
.timeline
.timeline-content
.block-row
.block-col-6
.info-box {
text-align: left;
border-radius: 10px;
overflow: hidden;
position: relative;
z-index: 1;
width: 100%;
max-width: 450px;
-webkit-transition: all 0.4s;
-o-transition: all 0.4s;
transition: all 0.4s;
border-top-right-radius: 78.5px;
border-bottom-right-radius: 78.5px;
}
.timeline-block
.block-container
.timeline
.timeline-content
.block-row
.block-col-6
.info {
padding: 7px 0 0 0;
}
.timeline-block
.block-container
.timeline
.timeline-content
.block-row
.block-col-6
.info-box {
display: flex;
align-items: center;
}
.timeline-block
.block-container
.timeline
.timeline-content
.block-row
.block-col-6
.info-box
.year {
margin-right: 18px;
border-top-right-radius: 50px;
border-bottom-right-radius: 50px;
min-width: unset !important;
}
.timeline-block
.block-container
.timeline
.timeline-content
.block-row
.block-col-6
.info-box
.info {
margin-left: 10px;
}
.timeline-block
.block-container
.timeline
.timeline-content
.block-row
.block-col-6
.info-box
h3 {
margin-bottom: -4px;
margin-top: 1em;
}
.timeline-block
.block-container
.timeline
.timeline-content
.block-row
.block-col-6
.info-box
p {
margin: 1em 0;
}
.block-container
.timeline
.timeline-content.true:nth-child(even)
> div:hover
.time,
.block-container
.timeline
.timeline-content.true:nth-child(odd)
> div:hover
.info-box {
margin: 0 30px 0 25px;
}
.timeline-block
.block-container
.timeline
.timeline-content.true:nth-child(odd)
> div:hover
.time,
.block-container
.timeline
.timeline-content.true:nth-child(even)
> div:hover
.info-box {
margin: 0 25px 0 30px;
}
@media screen and (max-width: 1070px) {
.timeline-block .timeline-block-1 .block-container {
display: -ms-flexbox;
display: flex;
display: -webkit-flex;
-ms-flex-align: center;
align-items: center;
-webkit-align-items: center;
-ms-flex-pack: center;
justify-content: center;
-webkit-justify-content: center;
}
.timeline-block
.block-container
.timeline
.timeline-content
.block-row
> div:first-child {
display: -ms-flexbox;
display: flex;
display: -webkit-flex;
-ms-flex-pack: start;
justify-content: flex-start;
-webkit-justify-content: flex-start;
}
.timeline-block .timeline-block-1 .block-container .timeline::before {
left: 107px;
right: auto;
}
.timeline-block .block-container .timeline .timeline-content::before {
left: 91px;
right: auto;
}
.timeline-block
.block-container
.timeline
.timeline-content:nth-child(odd)
> div,
.timeline-block
.block-container
.timeline
.timeline-content:nth-child(even)
> div {
position: relative;
margin: 0 0 50px;
justify-content: flex-start;
-webkit-justify-content: flex-start;
}
.timeline-block
.block-container
.timeline
.timeline-content:nth-child(odd)
> div
> div:nth-child(odd),
.timeline-block
.block-container
.timeline
.timeline-content:nth-child(even)
> div
> div:nth-child(even) {
order: 2;
width: 100%;
justify-content: flex-start;
padding: 0 0 0 130px;
}
.timeline-block
.block-container
.timeline
.timeline-content:nth-child(odd)
> div
> div:nth-child(even),
.timeline-block
.block-container
.timeline
.timeline-content:nth-child(even)
> div
> div:nth-child(odd) {
order: 1;
-webkit-transform: translateX(0) rotate3d(0, 0, 1, -90deg);
transform: translateX(0) rotate3d(0, 0, 1, -90deg);
width: 120px;
height: 40px;
position: absolute;
top: 0;
bottom: 0;
left: -40px;
margin: auto;
}
.timeline-block
.block-container
.timeline
.timeline-content:nth-child(even)
> div:hover
.time,
.timeline-block
.block-container
.timeline
.timeline-content:nth-child(odd)
> div:hover
.info-box {
margin: 0;
}
.block-container .timeline .timeline-content:nth-child(odd) > div:hover .time,
.block-container
.timeline
.timeline-content:nth-child(even)
> div:hover
.info-box {
margin: 0;
}
}
@media (max-width: 420px) {
.timeline-block
.block-container
.timeline
.timeline-content
.block-row
.block-col-6
.info-box {
display: block;
}
}  .spice-gp-accordion-section {
position: relative;
}
.spice-gp-accordion-box {
position: relative;
border-left: 3px solid transparent;
}
.spice-gp-accordion {
cursor: pointer;
margin: 0;
width: 100%;
border: none;
text-align: left;
outline: none;
transition: 0.4s;
display: inline-block;
}
.active .spice-gp-accordion {
background-color: #fff;
}
.spice-gp-accordion-box .before-icon {
color: #707070;
font-weight: bold;
margin-right: 25px;
font-size: 20px;
line-height: 30px;
position: absolute;
margin-top: 15px;
margin-left: 20px;
}
.spice-gp-accordion-box .after-icon-one,
.spice-gp-accordion-box .after-icon-two {
font-weight: bold;
font-size: 24px;
position: absolute;
margin-top: 12px;
right: 20px;
top: 0;
cursor: pointer;
}
.spice-gp-accordion-box .after-icon-two {
font-size: 25px;
margin-top: 12px;
}
.spice-gp-accordion-section .spice_panel {
background-color: white;
max-height: 0;
overflow: hidden;
transition: max-height 0.2s ease-out;
}
.spice-gp-accordion-section .head-title {
margin-bottom: 60px;
}
.spice-gp-accordion-section img {
max-width: 100%;
height: auto;
}
.spice-gp-accordion-section .title {
font-size: 60px;
font-weight: 700;
font-family: "Oswald";
}
.spice-gp-accordion-section p {
margin: 0 !important;
}
.spice-gp-accordion-box.active {
box-shadow: 0 0 30px 3px rgba(0, 0, 0, 0.12);
}
.spice-gp-accordion-box.active .after-icon-one,
.spice-gp-accordion-box .after-icon-two {
visibility: hidden;
}
.spice-gp-accordion-box .after-icon-one,
.spice-gp-accordion-box.active .after-icon-two {
visibility: visible;
}  .spice-block-plus-list-icon {
display: flex;
align-items: center;
transition: margin 0.1s linear;
}
.spice-block-plus-list-icon p {
margin: 0;
color: #000;
} body.icv__body {
padding-right: 0 !important;
}
.spice-block-img-gallery {
max-width: 1200px;
margin: auto;
}
.spice-block-img-gallery .gallery-heading h2 {
font-size: 48px;
font-family: Roboto, sans-serif;
font-weight: 700;
color: #000;
text-transform: capitalize;
margin-bottom: 15px;
}
.spice-block-img-gallery .gallery-heading h2 span {
color: #2c7bfe;
}
.spice-block-img-gallery .gallery-heading p {
font-size: 16px;
font-family: Roboto, sans-serif;
font-weight: 400;
color: #777777;
}
.spice-block-img-gallery {
display: grid;
grid-template-columns: repeat(auto-fit, 370px);
gap: 2rem;
justify-content: center;
margin-top: 60px;
}
.spice-block-img-gallery .gallery-img img {
width: 100%;
height: 100%;
object-fit: cover;
border-radius: 10px;
}
.spice-block-img-gallery .gallery-img {
position: relative;
}
.spice-block-img-gallery .gallery-img:before {
content: "";
position: absolute;
top: 0;
left: 0;
right: 0;
bottom: 0;
background-color: rgba(0, 0, 0, 0.7);
margin: 20px;
border-radius: 10px;
transition: all 0.3s ease;
opacity: 0;
}
.spice-block-img-gallery .gallery-img:hover:before {
opacity: 1;
}
.spice-block-img-gallery .gallery-img figcaption {
position: absolute;
bottom: 0;
left: 30px;
right: 30px;
max-width: 320px;
opacity: 0;
transition: all 0.3s ease;
}
.spice-block-img-gallery .gallery-img:hover figcaption {
opacity: 1;
transform: translateY(-40px);
}
.spice-block-img-gallery .gallery-img figcaption .img-caption h4 {
font-size: 24px;
font-family: Roboto, sans-serif;
font-weight: 700;
color: #fff;
margin-bottom: 0px;
}
.spice-block-img-gallery .gallery-img figcaption .img-caption p {
font-size: 16px;
font-family: Roboto, sans-serif;
font-weight: 400;
color: #fff;
}
@media (min-width: 1281px) {
body .hide-desktop,
body .front-view.gallery-hide-desktop {
display: none !important;
}
}
@media (min-width: 692px) and (max-width: 1100px) {
body .hide-tablet,
.front-view.gallery-hide-tablet {
display: none !important;
}
}
@media (max-width: 691px) {
body .hide-mobile,
body .front-view.gallery-hide-mobile {
display: none !important;
}
} .spice-block-img-accordian-container {
max-width: 1170px;
margin: auto;
}
.spice-block-img-accordian-container .accordian-row {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
overflow: hidden;
min-height: 360px;
position: relative;
flex-wrap: wrap;
}
.spice-block-img-accordian-container .accordian-row .accordian-tab {
margin-left: 5px;
margin-right: 5px;
min-height: 360px;
flex: 1;
-ms-flex: 1;
-webkit-box-flex: 1;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
align-items: flex-end;
justify-content: center;
position: relative;
min-height: 450px;
overflow: hidden;
cursor: pointer;
transition: all 0.5s ease;
-webkit-transition: all 0.5s ease;
}
.spice-block-img-accordian-container .accordian-row .tab-1 img {
width: unset;
max-width: unset;
height: 100%;
display: block;
position: absolute;
}
.spice-block-img-accordian-container .accordian-row .accordian-tab::before {
position: absolute;
content: "";
top: 100%;
left: 0;
height: 100%;
width: 100%;
background: #000;
background: -webkit-gradient(
linear,
left bottom,
left top,
from(black),
color-stop(100%, rgba(255, 255, 255, 0))
);
background: linear-gradient(0deg, #000 0, rgba(255, 255, 255, 0) 100%);
-webkit-transition: all 0.5s ease;
transition: all 0.5s ease;
opacity: 0;
z-index: 1;
}
.spice-block-img-accordian-container
.accordian-row
.accordian-tab
.accordian-content {
text-align: center;
z-index: 11;
opacity: 0;
transition: all 0.5s ease;
position: absolute;
width: 100%;
}
.accordian-row .accordian-tab .accordian-content .social-icon i {
color: #fff;
line-height: 16px;
font-size: 16px;
padding: 12px;
border: 1px solid #fff;
border-radius: 50%;
margin: 0 2.5px;
transition: all 0.3s ease;
}
.accordian-row .accordian-tab .accordian-content .social-icon i:hover {
background-color: #2c7bfe;
color: #fff;
border: 1px solid #2c7bfe;
}
.accordian-row .accordian-tab .accordian-content .social-icon {
margin-bottom: 15px;
}
.accordian-row .accordian-tab .accordian-content h3 {
font-size: 24px;
line-height: 30px;
font-weight: 700;
font-family: "Open Sans", sans-serif;
color: #fff;
text-transform: capitalize;
}
.spice-block-img-accordian-container .accordian-row .accordian-tab.active {
flex: 3;
}
.spice-block-img-accordian-container
.accordian-row
.accordian-tab.active::before {
opacity: 1;
top: 0;
}
.spice-block-img-accordian-container
.accordian-row
.accordian-tab.active
.accordian-content {
opacity: 1;
transform: translateY(-20px);
}
.spice-block-img-accordian-container .accordian-row .accordian-tab:hover {
flex: 3;
}
.spice-block-img-accordian-container
.accordian-row
.accordian-tab:hover
.accordian-content {
opacity: 1;
transform: translateY(-20px);
}
.spice-block-img-accordian-container
.accordian-row
.accordian-tab:hover::before {
opacity: 1;
top: 0;
}
@media (max-width: 767px) {
.spice-block-img-accordian-container .accordian-row {
height: 1000px;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column;
flex-wrap: wrap;
}
.spice-block-img-accordian-container .accordian-row .accordian-tab {
min-height: 0;
margin-top: 5px;
margin-bottom: 5px;
}
} .spice-skills-bar {
width: 95%;
background: transparent;
}
.spice-skills-bar .spicebar {
position: relative;
}
.spice-skills-bar .spicebar:last-child {
margin-bottom: 0;
}
.spice-skills-bar .spicebar .spice-progress {
position: relative;
height: 4px;
width: 92%;
background: #f5f5f5;
text-align: left;
}
@media (max-width: 768px) {
.spice-skills-bar .spicebar .spice-progress {
width: 80%;
}
}
.spice-skills-bar .spicebar .sp-number { position: absolute;
bottom: 19px;
right: -59px;
top: -17px;
}
.spice-skills-bar .spicebar .spice-progress span {
height: 100%;
width: 80%;
background: #0443ea;
position: absolute;
border-radius: 10px;
transform: scaleX(0);
transform-origin: left;
animation: animate 1.5s ease-in-out forwards;
}
@keyframes animate {
100% {
transform: scaleX(1);
}
}
.spice-skills-bar .spicebar .spice-progress span::before {
content: "";
position: absolute;
right: 0px;
top: -3px;
height: 2px;
width: 2px;
border-radius: 50%;
background: #0443ea;
border: 1px solid #0443ea;
padding: 3px;
z-index: 1;
}
.spice-skills-bar.front-end .spicebar .spice-progress span::before {
right: 1px;
top: -2px;
}
.spice-skills-bar .spicebar .spice-progress span::after {
content: "";
position: absolute;
right: -6px;
top: -9px;
border: 1px solid #0443ea;
padding: 10px;
background: #fff;
border-radius: 50%;
} .spice-pricing-section .price-card {
background: #ffffff;
padding-top: 2.375rem;
padding-bottom: 3.125rem;
padding-left: 1.625rem;
padding-right: 1.625rem;
margin-bottom: 1.875rem;
box-shadow: 0px 0px 30px 0px rgba(0, 0, 0, 0.08);
}
.spice-pricing-section .price-card .price-card-header {
text-align: center;
margin-bottom: 3.938rem;
}
.spice-pricing-section .price-card .price-card-header h2 {
font-size: 2rem;
line-height: 3rem;
font-weight: 500;
text-transform: uppercase;
color: #001a44;
letter-spacing: 1px;
transition: all 0.4s ease;
}
.spice-pricing-section .price-card .price-card-header p {
font-size: 0.875rem;
line-height: 1.6rem;
font-weight: 400;
color: #696969;
transition: all 0.4s ease;
}
.spice-pricing-section .price-card .price-tag {
position: relative;
margin-bottom: 4.375rem;
}
.spice-pricing-section .price-tag .back-rec {
width: 130px;
height: 130px;
border-radius: 10px;
background-color: rgba(0, 26, 68, 0.1);
transform: rotate(-10deg);
margin: auto;
transition: all 0.4s ease;
}
.spice-pricing-section .price-tag .back-rec .front-rec {
width: 130px;
height: 130px;
border-radius: 10px;
background-color: #001a44;
transform: rotate(-35deg);
margin: auto;
transition: all 0.4s ease;
}
.spice-pricing-section .price-card .price-tag .price {
position: absolute;
top: 50%;
left: 50%;
transform: translate(-50%, -50%);
}
.spice-pricing-section .price-tag .price h3 {
text-align: center;
font-size: 1.875rem;
line-height: 1.25rem;
font-weight: 900;
text-transform: uppercase;
color: #fff;
letter-spacing: 1px;
z-index: 10;
transition: all 0.4s ease;
}
.spice-pricing-section .price-tag .price h3 .main-price {
font-size: 1.875rem;
line-height: 1.25rem;
font-weight: 600;
}
.spice-pricing-section .price-tag .price h3 sup {
font-size: 1.25rem;
font-weight: 500;
}
.spice-pricing-section .price-tag .price h3 .month {
font-size: 0.875rem;
font-weight: 500;
text-transform: capitalize;
display: block;
margin-top: 5px;
}
.spice-pricing-section .price-card .features ul {
list-style-type: none;
}
.spice-pricing-section .price-card .features {
display: flex;
align-items: center;
justify-content: center;
margin-bottom: 2.125rem;
}
.spice-pricing-section .price-card .features ul li {
font-size: 1rem;
line-height: 1.625rem;
font-weight: 400;
color: #696969;
padding: 8px;
transition: all 0.4s ease;
}
.spice-pricing-section .price-card .features ul li i {
margin-right: 13px;
color: #001a44;
transition: all 0.4s ease;
}
.spice-pricing-section .price-card .table-btn {
text-align: center;
}
.spice-pricing-section .price-card .table-btn button {
font-size: 1rem;
line-height: 1.625rem;
font-weight: 400;
color: #ffffff;
background-color: #001a44;
border-radius: 25px;
padding: 12px 45px;
border: none;
outline: none;
transition: all 0.4s ease;
z-index: 5;
cursor: pointer;
}
.spice-pricing-section .table-btn button:hover {
color: #fff !important;
background-color: rgba(255, 255, 255, 0.1) !important;
}
.spice-pricing-section .price-card:hover {
background: -moz-linear-gradient(
58deg,
rgb(0, 19, 50) 0%,
rgb(0, 36, 95) 60%,
rgb(0, 53, 139) 100%
);
background: -webkit-linear-gradient(
58deg,
rgb(0, 19, 50) 0%,
rgb(0, 36, 95) 60%,
rgb(0, 53, 139) 100%
);
background: -ms-linear-gradient(
58deg,
rgb(0, 19, 50) 0%,
rgb(0, 36, 95) 60%,
rgb(0, 53, 139) 100%
);
background: linear-gradient(
58deg,
rgb(0, 19, 50) 0%,
rgb(0, 36, 95) 60%,
rgb(0, 53, 139) 100%
);
}
.spice-pricing-section .price-card:hover .price-card-header h2,
.spice-pricing-section .price-card:hover .price-card-header p,
.spice-pricing-section .price-card:hover .features ul li,
.spice-pricing-section .price-card:hover .features ul li i,
.spice-pricing-section
.price-card:hover
.features
.block-editor-inner-blocks
.spice-block-plus-list-icon,
.spice-pricing-section
.price-card:hover
.features
.block-editor-inner-blocks
.spice-block-plus-list-icon
p {
color: #fff;
}
.spice-pricing-section .price-card:hover .table-btn button {
color: #001a44;
background-color: #ffffff;
}
.spice-pricing-section .price-card:hover .price-tag .back-rec {
background-color: rgba(255, 255, 255, 0.1);
}
.spice-pricing-section .price-card:hover .price-tag .back-rec .front-rec {
background-color: #ffffff;
}
.spice-pricing-section .price-card:hover .price-tag .price h3 {
color: #001a44;
}
.price-card:hover{
background:linear-gradient(58deg, rgb(0,19,50) 0%, rgb(0,36,95) 60%, rgb(0,53,139) 100%)
} .icon-socials {
padding: 0;
margin: 0;
top: 0;
bottom: 0;
left: 0;
right: 0;
z-index: 2;
display: flex;
transition: all 0.3s ease;
}
.icon-socials a {
display: block;
position: relative;
transition: all 0.3s ease;
} @import url("https://fonts.googleapis.com/css2?family=Poppins:wght@100;300;400;500;600;700;800;900&display=swap");
.service-box {
position: relative;
background: #f5f5f5;
padding: 40px 20px;
width: 100%;
margin-top: 10px;
}
.service-box:before {
content: "";
position: absolute;
border-left: 2px solid #2196f3;
border-top: 2px solid #2196f3;
top: 0;
left: 0;
width: 60px;
height: 60px;
}
.service-box:after {
content: "";
position: absolute;
border-right: 2px solid #2196f3;
border-bottom: 2px solid #2196f3;
bottom: 0;
right: 0;
width: 60px;
height: 60px;
}
.service-box .icon:before {
content: "";
position: absolute;
left: 0;
right: 15px;
border-radius: 50%;
width: 50px;
height: 50px;
opacity: 0.5;
transform: rotate(315deg);
margin: 0 auto;
background: radial-gradient(100% 100% at top, transparent 40%, #2c7bfe2b 30%);
}
.service-box:hover .icon:before {
background: radial-gradient(100% 100% at top, transparent 40%, #ffffff2e 30%);
}
.wp-block[data-type="spice-block/spice-social-icon"],
.icon-socials {
display: inline-flex;
}
.has-text-align-left .service-box .icon:before {
right: auto;
left: 0;
}
.has-text-align-right .service-box .icon:before {
left: auto;
right: 0;
}
.spice-blocks-service .service-box-avatar {
margin: 0px auto 15px auto;
}
.service-box-avatar {
width: 4.563rem;
height: auto;
}
.service-box-avatar img {
max-width: 100%;
height: auto;
}
.service-box .col-text h4,
.service-box .col-text p {
margin: 0;
}
.wow:not(body.block-editor-page .wow, body.block-editor-iframe__body .wow) {
visibility: hidden;
}
#spice_blocks_plus_video {
position: absolute;
top: 50%;
left: 50%;
transform: translate(-50%, -50%);
height: auto;
width: auto;
min-width: 100%;
min-height: 100%;
max-width: initial;
}   .img-fluid {
max-width: 100%;
height: auto;
}                  .spsp-nav.dsgn2 .fa-chevron-left:before {
content: "\f30a";
}
.spsp-nav.dsgn2 .fa-chevron-right:before {
content: "\f30b";
}            .spbk-slider {
position: relative;
padding: 0;
}
.spbk-slider .item .spbk-content-wrapper { height: 750px;
}
.spbk-slider .spbk-post-overlay {
position: absolute;
width: 100%;
top: 0px;
bottom: 0px;
z-index: 1;
left: 0px;
right: 0px; }
.spbk-slider .item .spbk-content {
max-width: 1140px;
flex-wrap: wrap;
align-items: center;
padding-right: 15px;
padding-left: 15px;
margin-right: auto;
margin-left: auto;
position: relative;
display: flex;
justify-content: flex-start;
height: 100%;
z-index: 1;
}
.spbk-slider .item .spbk-content.center {
justify-content: center;
}
.spbk-slider .item .spbk-content.right {
justify-content: flex-end;
}
.spbk-slider .item .spbk-content .slider-col {
max-width: 700px;
text-align: left;
}
.spbk-slider .item .spbk-content.center .slider-col {
text-align: center;
}
.spbk-slider .item .spbk-content.right .slider-col {
text-align: right;
}
.spbk-slider .spbk-content .spbk-slider-content .spbk-top-heading {
font-family: "Poppins", sans-serif;
font-size: 16px;
font-weight: 400;
line-height: 1;
color: #ffffff;
letter-spacing: 1px;
text-transform: uppercase;
background-color: rgba(0, 0, 0, 0.2); border-radius: 10px;
display: inline-block;
padding: 10px 14px;
position: relative;
z-index: 1;
margin-bottom: 5px;
} .spbk-slider .spbk-content .spbk-slider-content .spbk-top-heading span { display: block;
}
.spbk-slider .spbk-content .spbk-slider-content .spbk-main-heading {
font-family: "Poppins", sans-serif;
font-size: 60px;
font-weight: 700;
line-height: 70px;
color: #ffffff;
margin: 0;
margin-bottom: 25px;
}
.spbk-slider .spbk-content .spbk-slider-content .spbk-text-content {
font-family: "Poppins", sans-serif;
font-size: 20px;
font-weight: 400;
line-height: 30px;
color: #ffffff;
margin: 0;
margin-bottom: 40px;
}
.spbk-slider .spbk-content .spbk-slider-content .spbk-slider-btn {
font-family: "Poppins", sans-serif;
font-size: 16px;
font-weight: 400;
line-height: 1;
color: #ffffff;
text-transform: uppercase;
display: inline-block;
padding: 22px 40px;
position: relative;
background-color: rgba(0, 0, 0, 0.2); border-radius: 10px;
z-index: 1;
} .spbk-slider .spbk-content .spbk-slider-content .spbk-slider-btn span { display: block;
}
.spbk-slider .spbk-content .spbk-slider-img img {
max-width: 100%;
height: auto;
position: relative;
}
.spbk-slider .spbk-content .spbk-slider-img img::before {
content: "";
position: absolute;
inset: 0;
background-color: rgba(0, 0, 0, 0.2);
filter: drop-shadow(10px 10px 0 red); color: #ffffff;
}
.spbk-content-wrapper img {
position: relative;
height: auto;
background-attachment: fixed;
background-size: cover;
background-position: 100% 100%;
height: 640px;
}  .spbk-slider .item {
position: relative;
background-repeat: no-repeat;
background-position: center center;
width: 100%;
z-index: 0;
background-size: cover;
}
.spbk-slider .slick-dots button:after {
content: "0" counter;
display: inline-block;
font-size: 20px;
font-weight: 700;
vertical-align: middle;
padding-left: 40px;
color: #ffffff;
font-weight: 400;
font-family: "Poppins";
}  @media (max-width: 992px) {
.spbk-content .spbk-slider-content:after {
right: -18rem;
}
}
@media (max-width: 767px) {
.spbk-content .spbk-slider-content:after {
right: 0rem;
}
}  /  .full-width.block-container {
max-width: 1200px;
padding-right: 15px;
padding-left: 15px;
margin-right: auto;
margin-left: auto;
}
.spice-block-dgn-1 {
padding: 6.2rem 0 4.375rem;
}
.spice-blocks-plus.blog .post {
box-shadow: 0px 0px 15px rgba(0, 0, 0, 0.1);
margin-bottom: 30px;
overflow: hidden;
}
.spice-blocks-plus.blog .post .spbb-entry-meta {
display: block;
align-items: center;
justify-content: space-between;
padding: 10px 30px;
margin: 0;
background-color: #fff;
}
.spice-blocks-plus.blog .post.spice-block-remove-img .top-bar {
border-bottom: 1px solid rgba(0, 0, 0, 0.1);
}
.spice-blocks-plus.blog .post .spbb-entry-meta span.author a {
font-family: "Poppins";
font-style: normal;
font-weight: 500;
font-size: 14px;
line-height: 26px;
color: #000000;
}
.spice-blocks-plus.blog .post .spbb-entry-meta span.date i {
color: #0d6b68;
font-size: 14px;
padding-right: 10px;
}
.spice-blocks-plus.blog .post .spbb-entry-meta span.date a {
font-family: "Poppins";
font-style: normal;
font-weight: 500;
font-size: 14px;
line-height: 26px;
color: #828282;
padding: 0;
background: transparent;
}
.spice-blocks-plus.blog .post .spbb-entry-meta .author img {
border-radius: 50%;
height: 30px;
width: 30px;
display: inline-block;
vertical-align: middle;
margin-right: 12px;
}
.spice-blocks-plus.blog .post .spice-block-post-overlay {
position: relative;
}
.spice-blocks-plus .spice-block-post-overlay .overlay {
position: absolute;
inset: 0;
z-index: 1;
width: 100%;
height: 100%;
}
.spice-blocks-plus.blog .post .spice-block-post-overlay .post-thumbnail {
display: flex;
position: relative;
overflow: hidden;
margin: 0;
}
.spice-blocks-plus.blog .post .spice-block-post-overlay .post-thumbnail img {
width: 100%;
transition: 1.2s;
} .spice-blocks-plus.blog
.post
.spbb-post-content
.spbb-entry-meta
span.tag-links
i {
color: #0d6b68;
font-size: 14px;
padding-right: 10px;
}
.spice-blocks-plus.blog
.post
.spbb-post-content
.spbb-entry-meta
span.tag-links
a {
font-family: "Poppins";
font-style: normal;
font-weight: 500;
font-size: 14px;
line-height: 26px;
color: #828282;
}
.spice-blocks-plus.blog
.post
.spbb-post-content
.spbb-entry-meta
span.comments-link
i {
color: #0d6b68;
font-size: 14px;
padding-right: 6px;
}
.spice-blocks-plus.blog
.post
.spbb-post-content
.spbb-entry-meta
span.comments-link
a {
font-family: "Poppins";
font-style: normal;
font-weight: 500;
font-size: 14px;
line-height: 26px;
color: #828282;
}
.spice-blocks-plus.blog .post .spbb-post-content {
padding: 23px 30px 30px;
}
.spice-blocks-plus.blog .post .spbb-post-content .spbb-entry-meta {
padding: unset;
display: block;
}
.spice-blocks-plus.blog
.post
.spbb-post-content
.spbb-entry-header
h3.spbb-entry-title {
font-family: "Poppins";
font-style: normal;
font-weight: 600;
font-size: 24px;
line-height: 34px;
text-transform: capitalize;
color: #000000;
margin: 0;
transition: 0.3s;
}
.spice-blocks-plus.blog .post .spbb-post-content p.spbb-entry-content {
font-family: "Poppins";
font-style: normal;
font-weight: 400;
font-size: 15px;
line-height: 25px;
color: #828282;
padding-bottom: 1.438rem;
}
.spice-blocks-plus.blog .post .spbb-entry-content .more-link {
float: none;
display: inline-block;
padding: 6.5px 20.5px;
font-family: "Poppins";
font-style: normal;
font-weight: 500;
font-size: 14px;
line-height: 25px;
border: 1px solid #0d6b68;
color: #0d6b68;
border-radius: 80px;
}
.spice-blocks-plus.blog
.post:hover
.spbb-post-content
.spbb-entry-header
h3.spbb-entry-title
a {
color: #0d6b68;
text-decoration: none;
transition: 0.3s;
cursor: pointer;
}
.spice-blocks-plus.blog .post:hover .spbb-entry-content .more-link {
color: #ffffff;
background-color: #0d6b68;
}
.spice-blocks-plus.blog
.post:hover
.spice-block-post-overlay
.post-thumbnail
img {
transform: scale(1.1);
}
.spice-blocks-plus.blog .post .spbb-entry-content .more-link i {
padding-left: 3px;
}
.spice-blocks-plus.blog .post .spbb-entry-meta span.author a:hover,
.spice-blocks-plus.blog .post .spbb-entry-meta span.author a:focus,
.spice-blocks-plus.blog .post .spbb-entry-meta span.date a:hover,
.spice-blocks-plus.blog .post .spbb-entry-meta span.date a:focus,
.spice-blocks-plus.blog .post .spbb-entry-meta span.tag-links a:hover,
.spice-blocks-plus.blog .post .spbb-entry-meta span.tag-links a:focus,
.spice-blocks-plus.blog .post .spbb-entry-meta span.comments-link a:hover,
.spice-blocks-plus.blog .post .spbb-entry-meta span.comments-link a:focus,
.spice-blocks-plus.blog
.post
.spbb-post-content
.spbb-entry-header
h3.spbb-entry-title
a:focus {
color: #0d6b68;
}
.spice-blocks-plus.blog .post .spbb-entry-content .more-link:focus {
color: #ffffff;
background-color: #0d6b68;
}
@media (max-width: 991px) {
.spice-blocks-plus.blog .post .spbb-entry-meta {
padding: 10px 10px;
}
.spice-blocks-plus.blog .post .spbb-post-content {
padding: 23px 15px 30px;
}
}
.spice-blocks-plus.blog .spbb-entry-meta span {
padding-right: 1.5rem;
}  .slick-prev,
.slick-next {
font-size: 1.6rem;
line-height: 0;
position: absolute;
top: 50%;
display: block;
width: 10rem;
height: 10rem;
padding: 0;
-webkit-transform: translate(0, -50%);
-ms-transform: translate(0, -50%);
transform: translate(0, -50%);
cursor: pointer;
color: #fff;
border: none;
outline: none;
background: #bd686800;
border-radius: 50%;
margin: 0 4%; }
.spbk-slider .slick-prev,
.spbk-slider .slick-next {
opacity: 0;
}
.spbk-slider:hover .slick-prev,
.spbk-slider:hover .slick-next {
opacity: 1;
z-index: 1;
}
.slick-prev:hover:before,
.slick-prev:focus:before,
.slick-next:hover:before,
.slick-next:focus:before {
opacity: 1;
}
.spbk-slider button.slick-prev:focus,
.spbk-slider button.slick-next:focus{
outline: none;
}
.slick-prev.slick-disabled:before,
.slick-next.slick-disabled:before {
opacity: 0.25;
}
.slick-prev:before,
.slick-next:before {
font-family: '"Font Awesome 5 Free"';
font-size: 20px;
line-height: 1;
opacity: 0.75;
color: white;
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
}
.slick-prev {
left: -25px;
}
[dir="rtl"] .slick-prev {
right: -25px;
left: auto;
}
.slick-next {
right: -25px;
}
[dir="rtl"] .slick-next {
right: auto;
left: -25px;
} .slick-dotted.slick-slider { }
.slick-dots {
position: absolute;
bottom: 25px;
display: block;
width: 100%;
padding: 0;
margin: 0;
list-style: none;
text-align: center;
}
.slick-dots li {
position: relative;
display: inline-block;
margin: 0;
padding: 0;
cursor: pointer;
}
.slick-dots li button {
font-size: 20px;
font-family: "Poppins";
line-height: 0;
color: #ffffff;
display: block;
width: 20px;
height: 20px;
padding: 5px;
cursor: pointer;
border: 0;
outline: none;
background: transparent;
}
.slick-dots li button:hover,
.slick-dots li button:focus {
outline: none;
}
.slick-dots li button:hover:before,
.slick-dots li button:focus:before {
opacity: 1;
}
ul.slick-dots {
counter-reset: count;
display: inline-flex;
justify-content: right;
padding-right: 20px;
align-items: center;
}
.dots ul.slick-dots {
padding-right: 0;
}
ul.slick-dots li {
counter-increment: count;
}
ul.slick-dots li button {
display: none;
}
ul.slick-dots li.slick-active button {
display: block;
}
ul.slick-dots li {
counter-increment: count;
}
ul.slick-dots:after {
content: "/ " counter(count);
color: #ffffff;
color: #ffffff;
font-size: 20px;
font-family: "Poppins";
}
.spbk-slider.dots ul.slick-dots {
justify-content: center;
}
.spbk-slider.dots ul.slick-dots:after {
display: none;
}
.spbk-slider.dots ul.slick-dots li button {
font-size: 0;
background-color: #fff;
margin: 0 3px;
width: 10px;
height: 10px;
display: block;
border-radius: 10px;
}
.spbk-slider.dots ul.slick-dots li.slick-active button {
width: 32px;
}
.spice-blocks-plus.blog span a {
text-decoration: none;
}
.spbk-slider .slick-arrow i {
font-size: 20px;
font-style: normal;
}
.spice-blocks-plus.blog
.post
.spbb-post-content
.spbb-entry-meta
span.tag-links
a {
position: relative;
margin-right: 3px;
padding-right: 4px;
}
.spice-blocks-plus.blog
.post
.spbb-post-content
.spbb-entry-meta
span.tag-links
a:not(:last-child):after {
content: ", ";
position: absolute;
right: 0;
color: darkred;
} .team-section .team-row .team-card {
transition: all 0.5s ease 0s;
overflow: hidden; }
@media (max-width: 991px) {
.team {
width: 100%;
}
}
.team-section .team-row .team-card .image {
position: relative;
overflow: hidden;
width: 100%;
height: auto;
aspect-ratio: 1 / 1;
}
.team-section .team-row .team-card .image::before,
.team-section .team-row .team-card .image::after {
content: "";
width: 200%;
height: 80%;
background: rgba(38, 37, 37, 0.8);
position: absolute;
top: -100%;
left: -3.6%;
transform: rotate(45deg);
transition: all 0.5s ease 0s;
}
.team-section .team-row .team-card .image::after {
background: rgba(44, 123, 254, 0.8);
top: auto;
left: auto;
bottom: -100%;
right: -3.6%;
}
.team-section .team-row .team-card:hover .image:before {
top: 0;
}
.team-section .team-row .team-card:hover .image:after {
bottom: 0;
}
.team-section .team-row .team-card:hover {
box-shadow: 0 10px 30px 0px rgba(0, 0, 0, 0.1);
}
.team-section .team-row .team-card .image .team-socials {
width: 100%;
padding: 0;
margin: 0;
position: absolute;
top: 0;
bottom: 0;
left: 0;
right: 0;
z-index: 2;
display: flex;
align-items: center;
justify-content: center;
opacity: 0;
transition: all 0.3s ease;
}
.team-row .team-card .image .team-socials a {
display: block;
position: relative;
transition: all 0.3s ease;
}
.team-row .team-card .image .team-socials a::after {
content: "";
width: 100%;
height: 100%;
border-radius: 0 20px 20px 20px;
position: absolute;
top: 0;
left: 0;
z-index: -1;
transition: all 0.3s ease;
}
.team-row .team-card:hover .image .team-socials {
opacity: 1;
}
.team-row .team-card .image .team-socials a:hover:after {
transform: rotate(180deg);
}
.team-section .team-row .team-card .image img {
width: 100%;
height: 100%;
vertical-align: middle;
object-fit: cover;
} @media (max-width: 768px) {  .team-section .team-row,
.team-section .heading-content {
text-align: center;
}
.team-section .heading-content .paragraph p {
max-width: unset;
}
.team-section .heading-content .saperater {
margin: auto;
}
} .team-card .image .team-socials .icon-socials a:hover {
transform: rotate(180deg);
}  .mfp-bg {
top: 0;
left: 0;
width: 100%;
height: 100%;
z-index: 502;
overflow: hidden;
position: fixed;
background: #0b0b0b;
opacity: 0.8;
filter: alpha(opacity=80);
}
.mfp-wrap {
top: 0;
left: 0;
width: 100%;
height: 100%;
z-index: 503;
position: fixed;
outline: none !important;
-webkit-backface-visibility: hidden;
}
.mfp-container {
height: 100%;
text-align: center;
position: absolute;
width: 100%;
height: 100%;
left: 0;
top: 0;
padding: 0 8px;
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;
}
.mfp-container:before {
content: "";
display: inline-block;
height: 100%;
vertical-align: middle;
}
.mfp-align-top .mfp-container:before {
display: none;
}
.mfp-content {
position: relative;
display: inline-block;
vertical-align: middle;
margin: 0 auto;
text-align: left;
z-index: 505;
}
.mfp-inline-holder .mfp-content,
.mfp-ajax-holder .mfp-content {
width: 100%;
cursor: auto;
}
.mfp-ajax-cur {
cursor: progress;
}
.mfp-zoom-out-cur,
.mfp-zoom-out-cur .mfp-image-holder .mfp-close {
cursor: -moz-zoom-out;
cursor: -webkit-zoom-out;
cursor: zoom-out;
}
.mfp-zoom {
cursor: pointer;
cursor: -webkit-zoom-in;
cursor: -moz-zoom-in;
cursor: zoom-in;
}
.mfp-auto-cursor .mfp-content {
cursor: auto;
}
.mfp-close,
.mfp-arrow,
.mfp-preloader,
.mfp-counter {
-webkit-user-select: none;
-moz-user-select: none;
user-select: none;
}
.mfp-loading.mfp-figure {
display: none;
}
.mfp-hide {
display: none !important;
}
.mfp-preloader {
color: #cccccc;
position: absolute;
top: 50%;
width: auto;
text-align: center;
margin-top: -0.8em;
left: 8px;
right: 8px;
z-index: 504;
}
.mfp-preloader a {
color: #cccccc;
}
.mfp-preloader a:hover {
color: white;
}
.mfp-s-ready .mfp-preloader {
display: none;
}
.mfp-s-error .mfp-content {
display: none;
}
button.mfp-close,
button.mfp-arrow {
overflow: visible;
cursor: pointer;
background: transparent;
border: 0;
-webkit-appearance: none;
display: block;
padding: 0;
z-index: 506;
}
button::-moz-focus-inner {
padding: 0;
border: 0;
}
.mfp-close {
width: 44px;
height: 44px;
line-height: 44px;
position: absolute;
right: 0;
top: 0;
text-decoration: none;
text-align: center;
opacity: 0.65;
padding: 0 0 18px 10px;
color: white;
font-style: normal;
font-size: 28px;
font-family: Arial, Baskerville, monospace;
}
.mfp-close:hover,
.mfp-close:focus {
opacity: 1;
}
.mfp-close:active {
top: 1px;
}
.mfp-close-btn-in .mfp-close {
color: #333333;
}
.mfp-image-holder .mfp-close,
.mfp-iframe-holder .mfp-close {
color: white;
right: 0;
width: 30px;
height: 30px;
background: transparent;
font-size: 24px;
display: flex;
align-items: center;
justify-content: center;
}
.mfp-counter {
position: absolute;
top: 0;
right: 0;
color: #cccccc;
font-size: 12px;
line-height: 18px;
}
.mfp-arrow {
position: absolute;
top: 0;
opacity: 0.65;
margin: 0;
top: 50%;
margin-top: -55px;
padding: 0;
width: 90px;
height: 110px;
-webkit-tap-highlight-color: rgba(0, 0, 0, 0);
}
.mfp-arrow:active {
margin-top: -54px;
}
.mfp-arrow:hover,
.mfp-arrow:focus {
opacity: 1;
}
.mfp-arrow:before,
.mfp-arrow:after,
.mfp-arrow .mfp-b,
.mfp-arrow .mfp-a {
content: "";
display: block;
width: 0;
height: 0;
position: absolute;
left: 0;
top: 0;
margin-top: 35px;
margin-left: 35px;
border: solid transparent;
}
.mfp-arrow:after,
.mfp-arrow .mfp-a {
opacity: 0.8;
border-top-width: 12px;
border-bottom-width: 12px;
top: 8px;
}
.mfp-arrow:before,
.mfp-arrow .mfp-b {
border-top-width: 20px;
border-bottom-width: 20px;
}
.mfp-arrow-left {
left: 0;
}
.mfp-arrow-left:after,
.mfp-arrow-left .mfp-a {
border-right: 12px solid black;
left: 5px;
}
.mfp-arrow-left:before,
.mfp-arrow-left .mfp-b {
border-right: 20px solid white;
}
.mfp-arrow-right {
right: 0;
}
.mfp-arrow-right:after,
.mfp-arrow-right .mfp-a {
border-left: 12px solid black;
left: 3px;
}
.mfp-arrow-right:before,
.mfp-arrow-right .mfp-b {
border-left: 20px solid white;
}
.mfp-iframe-holder {
padding-top: 40px;
padding-bottom: 40px;
}
.mfp-iframe-holder .mfp-content {
line-height: 0;
width: 100%;
max-width: 900px;
}
.mfp-iframe-scaler {
width: 100%;
height: 0;
overflow: hidden;
padding-top: 56.25%;
}
.mfp-iframe-scaler iframe {
position: absolute;
top: -3px;
left: 0;
width: 100%;
height: 100%;
box-shadow: 0 0 8px rgba(0, 0, 0, 0.6);
background: black;
}
.mfp-iframe-holder .mfp-close {
top: -33px;
} img.mfp-img {
width: auto;
max-width: 100%;
height: auto;
display: block;
line-height: 0;
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;
padding: 40px 0 40px;
margin: 0 auto;
} .mfp-figure:after {
content: "";
position: absolute;
left: 0;
top: 40px;
bottom: 40px;
display: block;
right: 0;
width: auto;
height: auto;
z-index: -1;
box-shadow: 0 0 8px rgba(0, 0, 0, 0.6);
}
.mfp-figure {
line-height: 0;
}
.mfp-bottom-bar {
margin-top: -36px;
position: absolute;
top: 100%;
left: 0;
width: 100%;
cursor: auto;
}
.mfp-title {
text-align: left;
line-height: 18px;
color: #f3f3f3;
word-break: break-word;
padding-right: 36px;
}
.mfp-figure small {
color: #bdbdbd;
display: block;
font-size: 12px;
line-height: 14px;
}
.mfp-image-holder .mfp-content {
max-width: 100%;
}
.mfp-gallery .mfp-image-holder .mfp-figure {
cursor: pointer;
}
@media screen and (max-width: 800px) and (orientation: landscape),
screen and (max-height: 300px) { .mfp-img-mobile .mfp-image-holder {
padding-left: 0;
padding-right: 0;
}
.mfp-img-mobile img.mfp-img {
padding: 0;
} .mfp-img-mobile .mfp-figure:after {
top: 0;
bottom: 0;
}
.mfp-img-mobile .mfp-bottom-bar {
background: rgba(0, 0, 0, 0.6);
bottom: 0;
margin: 0;
top: auto;
padding: 3px 5px;
position: fixed;
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;
}
.mfp-img-mobile .mfp-bottom-bar:empty {
padding: 0;
}
.mfp-img-mobile .mfp-counter {
right: 5px;
top: 3px;
}
.mfp-img-mobile .mfp-close {
top: 0;
right: 0;
width: 35px;
height: 35px;
line-height: 35px;
background: rgba(0, 0, 0, 0.6);
position: fixed;
text-align: center;
padding: 0;
}
.mfp-img-mobile .mfp-figure small {
display: inline;
margin-left: 5px;
}
}
@media all and (max-width: 800px) {
.mfp-arrow {
-webkit-transform: scale(0.75);
transform: scale(0.75);
}
.mfp-arrow-left {
-webkit-transform-origin: 0;
transform-origin: 0;
}
.mfp-arrow-right {
-webkit-transform-origin: 100%;
transform-origin: 100%;
}
.mfp-container {
padding-left: 6px;
padding-right: 6px;
}
}
.mfp-ie7 .mfp-img {
padding: 0;
}
.mfp-ie7 .mfp-bottom-bar {
width: 600px;
left: 50%;
margin-left: -300px;
margin-top: 5px;
padding-bottom: 5px;
}
.mfp-ie7 .mfp-container {
padding: 0;
}
.mfp-ie7 .mfp-content {
padding-top: 44px;
}
.mfp-ie7 .mfp-close {
top: 0;
right: 0;
padding-top: 0;
}
.video-sec .vid-main {
width: 100%;
position: relative; }
.vid-container {
width: 100%;
}
.vid-container .block-row{margin:0}
.vid-container .video-content{
position: relative;
z-index: 1;
display: flex;
flex-direction: column;
width: 100%;
gap: 20px;
}
.video-sec .vid-main .popup-youtube span { transition: all 0.3s ease;
border-radius: 50%;
position: relative;
}
.video-sec .vid-main .popup-youtube span::before {
content: "";
position: absolute;
border-radius: inherit;
top: -10px;
left: -10px;
right: -10px;
bottom: -10px;
animation: bloom1 1.5s linear infinite;
opacity: 0;
}
.video-sec .vid-main .popup-youtube span::after {
content: "";
position: absolute;
border-radius: inherit;
top: -10px;
left: -10px;
right: -10px;
bottom: -10px;
animation: bloom2 1.5s linear infinite;
opacity: 0;
animation-delay: 0.4s;
}
@keyframes bloom1 {
0% {
transform: scale(0.5);
z-index: -99;
}
50% {
opacity: 1;
z-index: -99;
}
100% {
transform: scale(1.5);
z-index: -99;
}
}
@keyframes bloom2 {
0% {
transform: scale(0.5);
z-index: -99;
}
50% {
opacity: 1;
z-index: -99;
}
100% {
transform: scale(1.5);
z-index: -99;
}
}
.video-sec .vid-main .popup-youtube span i {
color: #ffffff;
font-size: 20px;
} #map {
height: 100%;
} #popup {
position: fixed;
z-index: 100;
top: 0;
left: 0;
width: 100%;
height: 100%;
overflow: auto;
background-color: rgba(0, 0, 0, 0.9);
opacity: 0;
visibility: hidden;
transition: opacity 1000ms;
}
#popup.show {
opacity: 1;
visibility: visible;
}
#popup .wrapper {
width: 60%;
margin: 0 auto;
text-align: center;
}
#popup .wrapper .banner {
max-width: 100%;
}
#popup a#close {
position: absolute;
top: 10px;
right: 10px;
width: 40px;
height: 40px;
z-index: 10;
}
#popup a#close:before {
content: "";
position: absolute;
top: 0;
left: 20px;
transform: rotate(-45deg);
width: 2px;
height: 100%;
background-color: #fff;
}
#popup a#close:after {
content: "";
position: absolute;
top: 0;
right: 18px;
transform: rotate(45deg);
width: 2px;
height: 100%;
background-color: #fff;
}
.giveAccess {
position: absolute;
top: 0;
left: 0;
padding: 20px;
font-weight: bold;
font-size: 20px;
background-color: red;
z-index: 10;
color: white;
}  .team-card-row {
margin: 0 auto;
}
.team-card-row .team-card {
perspective: 1000px;
background-color: transparent;
margin-bottom: 30px;
}
.team-card-row .team-card .team-card-wrapper {
position: relative;
transition: all 0.3s linear;
transform-style: preserve-3d;
}
.team-card-front {
-webkit-backface-visibility: hidden;
backface-visibility: hidden;
overflow: hidden;
}
.team-card-front img {
width: 100%;
height: auto;
}
.team-card-front .team-details {
padding: 19px 20px 29px 20px;
}
.team-card-back {
padding: 15px;
display: flex;
flex-direction: column;
justify-content: center;
align-items: center;
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
z-index: 2;
transform: rotateY(180deg);
-webkit-backface-visibility: hidden;
backface-visibility: hidden;
overflow: hidden;
}
.team-card-back .team-socials {
display: flex;
flex-wrap: wrap;
padding: 0;
transition: all 0.1s linear;
justify-content: center;
}
.team-card-back .team-socials:hover {
cursor: pointer;
}
.team-card:hover .team-card-wrapper:not(body.block-editor-page .team-card:hover .team-card-wrapper, body.block-editor-iframe__body .team-card:hover .team-card-wrapper ) {
transform: rotateY(180deg);
}
@media (max-width: 991px) {
.team-card-row {
width: 100%;
}
}
.team-card .team-card-front .team-details h5,
.team-card .team-card-front .team-details p {
margin: 0;
}
.team-card-back .spice-blocks-button-wrapper {
flex-basis: 100%;
text-align: center;
} .spice-block-countdown .row {
display: flex;
flex-wrap: wrap;
justify-content: center;
align-items: center;
text-align: center;
}
.spice-block-countdown .row .counter-card {
flex-basis: 0;
text-align: center;
flex-grow: 1;
display: block;
}
.spice-block-countdown .row .counter-card h1,
.spice-block-countdown .row .counter-card h5 {
margin: 0;
}   @media (max-width: 1024px) {
.spice-block-countdown {
padding: 100px 15px;
}
.spice-block-countdown .row {
margin: auto;
}
.spice-block-countdown .row .counter-card {
flex-basis: calc(50% - 25px);
max-width: calc(50% - 25px);
margin-bottom: 50px;
}
}
@media (max-width: 555px) {
.spice-block-countdown .row {
margin: auto;
}
.spice-block-countdown .row .counter-card {
flex-basis: 100%;
max-width: 100%;
margin-bottom: 50px;
}
} .sp-testimonial-section {
max-width: 100%;
margin: auto;
}
.sp-testimonial-section .sp-testimonial-row .sp-testimonial-card {
position: relative;
background: #ffffff;
overflow: hidden;
}
.sp-testimonial-row .sp-testimonial-card .client-details {
display: flex;
align-items: center;
margin-left: 10px;
margin-bottom: 55px;
}
.sp-testimonial-section .sp-testimonial-card:after {
content: "";
position: absolute;
top: 0;
left: 0;
width: 418px;
height: 240px;
background: radial-gradient(
200% 200% at bottom right,
transparent 52%,
#2c7bfe 10%
);
z-index: 0;
}
.sp-testimonial-content {
z-index: 1;
position: relative;
}
.sp-testimonial-row .sp-testimonial-card .client-review p {
text-align: left;
}
@import url("https://fonts.googleapis.com/css2?family=Roboto:wght@100;300;400;500;700&display=swap");
* {
margin: 0;
padding: 0;
box-sizing: border-box; }
.pricing-section {
padding-top: 8.375rem;
padding-bottom: 8.375rem;
}
.heading-content h1 {
font-size: 3rem;
line-height: 3.625rem;
font-weight: 600;
text-transform: capitalize;
color: #000;
letter-spacing: 1px;
}
.heading-content .divider {
width: 4.375rem;
height: 0.563rem;
background-color: #2c7bfe;
border-radius: 4.5px;
margin-top: 1.125rem;
margin-bottom: 1.5rem;
}
.heading-content p {
font-size: 1rem;
line-height: 1.625rem;
font-weight: 400;
color: #777777;
}
.heading-content {
margin-bottom: 3.875rem;
padding-left: 15px;
padding-right: 15px;
}
.price-card {
background: #ffffff;
padding-top: 2.375rem;
padding-bottom: 3.125rem;
padding-left: 1.625rem;
padding-right: 1.625rem;
margin-bottom: 1.875rem;
box-shadow: 0px 0px 30px 0px rgba(0, 0, 0, 0.08);
}
.price-card .price-card-header {
text-align: center;
margin-bottom: 3.938rem;
}
.price-card .price-card-header h2 {
font-size: 2rem;
line-height: 3rem;
font-weight: 500;
text-transform: uppercase;
color: #001a44;
letter-spacing: 1px;
transition: all 0.4s ease;
margin: 0;
padding: 0;
}
.price-card .price-card-header p {
font-size: 0.875rem;
line-height: 1.6rem;
font-weight: 400;
color: #696969;
margin: 0;
padding: 0;
transition: all 0.4s ease;
}
.price-card .price-tag {
position: relative;
margin-bottom: 4.375rem;
}
.price-tag .back-rec {
width: 130px;
aspect-ratio: 1 / 1;
border-radius: 10px;
background-color: rgba(0, 26, 68, 0.1); margin: auto;
transition: all 0.4s ease;
}
.price-tag .back-rec .front-rec {
width: inherit;
aspect-ratio: 1 / 1;
border-radius: 10px;
background-color: #001a44;
transform: rotate(-45deg);
margin: auto;
transition: all 0.4s ease;
}
.price-card .price-tag .price {
position: absolute;
top: 50%;
left: 50%;
transform: translate(-50%, -50%);
display: flex;
align-items: center;
}
.price-tag .price i {
padding-top: 10px;
padding-right: 5px;
color: #fff;
transition: all 0.4s ease;
font-size: 1.875rem;
line-height: 1.25rem;
font-weight: 900;
}
.price-tag .price h3 {
text-align: center;
font-size: 1.875rem;
line-height: 1.25rem;
font-weight: 900;
text-transform: uppercase;
color: #fff;
letter-spacing: 1px;
z-index: 10;
transition: all 0.4s ease;
display: inline-block;
margin: 0;
}
.price-tag .price h3 sup {
font-size: 1.25rem;
font-weight: 500;
}
.price-tag .price h3 span {
font-size: 0.875rem;
font-weight: 500;
text-transform: capitalize;
}
.price-card .features ul {
list-style-type: none;
}
.price-card .features {
display: flex;
align-items: center;
justify-content: center;
margin-bottom: 2.125rem;
}
.price-card .features ul li {
font-size: 1rem;
line-height: 1.625rem;
font-weight: 400;
color: #696969;
padding: 8px;
transition: all 0.4s ease;
}
.price-card .features ul li i {
margin-right: 13px;
color: #001a44;
transition: all 0.4s ease;
}
.price-card .table-btn {
text-align: center;
}
.price-card .table-btn button {
font-size: 1rem;
line-height: 1.625rem;
font-weight: 400;
color: #ffffff;
background-color: #001a44;
border-radius: 25px;
padding: 12px 45px;
border: none;
outline: none;
transition: all 0.4s ease;
z-index: 5;
cursor: pointer;
}
.table-btn button:hover {
color: #fff !important;
background-color: rgba(255, 255, 255, 0.1) !important;
}
.price-card:hover {
background: -moz-linear-gradient(
58deg,
rgb(0, 19, 50) 0%,
rgb(0, 36, 95) 60%,
rgb(0, 53, 139) 100%
);
background: -webkit-linear-gradient(
58deg,
rgb(0, 19, 50) 0%,
rgb(0, 36, 95) 60%,
rgb(0, 53, 139) 100%
);
background: -ms-linear-gradient(
58deg,
rgb(0, 19, 50) 0%,
rgb(0, 36, 95) 60%,
rgb(0, 53, 139) 100%
);
background: linear-gradient(
58deg,
rgb(0, 19, 50) 0%,
rgb(0, 36, 95) 60%,
rgb(0, 53, 139) 100%
);
}
.price-card:hover .price-card-header h2,
.price-card:hover .price-card-header p,
.price-card:hover .features ul li,
.price-card:hover .features ul li i {
color: #fff;
}
.price-card:hover .table-btn button {
color: #001a44;
background-color: #ffffff;
}
.price-card:hover .price-tag .back-rec {
background-color: rgba(255, 255, 255, 0.1);
}
.price-card:hover .price-tag .back-rec .front-rec {
background-color: #ffffff;
}
.price-card:hover .price-tag .price h3,
.price-card:hover .price-tag .price i {
color: #001a44;
}
.block-container {
width: 100%;
padding-right: 15px;
padding-left: 15px;
margin-right: auto;
margin-left: auto;
}
@media (min-width: 600px) {
.block-container {
max-width: 600px;
}
}
@media (min-width: 768px) {
.block-container {
max-width: 768px;
}
}
@media (min-width: 992px) {
.block-container {
max-width: 992px;
}
}
@media (min-width: 1200px) {
.block-container {
max-width: 1200px;
}
}
.block-row {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
margin-right: -15px;
margin-left: -15px;
}
.block-col-2,
.block-col-3,
.block-col-4,
.block-col-5,
.block-col-6,
.block-col-7,
.block-col-8,
.block-col-9 {
position: relative;
width: 100%;
min-height: 1px;
padding-right: 15px;
padding-left: 15px;
}
@media (min-width: 768px) {
.block-col-1 {
-webkit-box-flex: 0;
-ms-flex: 0 0 8.333333%;
flex: 0 0 8.333333%;
max-width: 8.333333%;
}
.block-col-2 {
-webkit-box-flex: 0;
-ms-flex: 0 0 16.666667%;
flex: 0 0 16.666667%;
max-width: 16.666667%;
}
.block-col-3 {
-webkit-box-flex: 0;
-ms-flex: 0 0 25%;
flex: 0 0 25%;
max-width: 25%;
}
.block-col-4 {
-webkit-box-flex: 0;
-ms-flex: 0 0 33.333333%;
flex: 0 0 33.333333%;
max-width: 33.333333%;
}
.block-col-5 {
-webkit-box-flex: 0;
-ms-flex: 0 0 41.666667%;
flex: 0 0 41.666667%;
max-width: 41.666667%;
}
.block-col-6 {
-webkit-box-flex: 0;
-ms-flex: 0 0 50%;
flex: 0 0 50%;
max-width: 50%;
}
.block-col-7 {
-webkit-box-flex: 0;
-ms-flex: 0 0 58.333333%;
flex: 0 0 58.333333%;
max-width: 58.333333%;
}
.block-col-8 {
-webkit-box-flex: 0;
-ms-flex: 0 0 66.666667%;
flex: 0 0 66.666667%;
max-width: 66.666667%;
}
.block-col-9 {
-webkit-box-flex: 0;
-ms-flex: 0 0 75%;
flex: 0 0 75%;
max-width: 75%;
}
}
@media (min-width: 576px) {
.block-col-12 {
-webkit-box-flex: 0;
-ms-flex: 0 0 100%;
flex: 0 0 100%;
max-width: 100%;
}
}
.slider-caption {
position: relative;
display: table;
height: 100%;
z-index: 1;
}
.image-item {
position: relative;
z-index: 3;
margin: 0 auto;
max-width: 34.687rem;
padding-top: 5rem;
padding-bottom: 5rem;
}
.image-item img {
max-width: 100%;
height: auto;
} .slick-slide {
margin: 0 15px;
} .slick-list {
margin: 0 -15px;
} .spice-image-slider .slick-prev,
.spice-image-slider .slick-next {
font-size: 1.263rem;
line-height: 0;
position: absolute;
top: 50%;
display: block;
width: 3.125rem;
height: 3.125rem;
padding: 0;
-webkit-transform: translate(0, -50%);
-ms-transform: translate(0, -50%);
transform: translate(0, -50%);
cursor: pointer;
color: #fff;
border: none;
outline: none;
background-color: rgba(33, 32, 46, 0.5);
border-radius: 0.313rem;
margin: 0 6%;
border: 1px solid #fff;
}
.spice-image-slider ul.slick-dots {
counter-reset: none;
display: inline-flex;
justify-content: center;
padding-right: 20px;
align-items: center;
position: relative;
bottom: unset;
}
.spice-image-slider .dots ul.slick-dots {
padding-right: 0;
}
.spice-image-slider ul.slick-dots li {
counter-increment: none;
}
.spice-image-slider ul.slick-dots li button {
display: block;
font-size: 0;
background-color: #ced1df;
margin: 0 3px;
width: 10px;
height: 10px;
border-radius: 10px;
}
.spice-image-slider ul.slick-dots li.slick-active button {
width: 32px;
}
.spice-image-slider ul.slick-dots li {
counter-increment: none;
}
.spice-image-slider ul.slick-dots:after {
content: none;
}
.spice-image-slider .slider-caption .client-pic {
display: table-cell;
vertical-align: middle;
overflow: hidden;
} .progress-bar {
--progress-color: rgba(2, 88, 207, 1);
--progress: 20%;
--box-side-height: 150px;
position: relative;
width: 50px;
height: 256px;
margin: 200px auto;
perspective: 800px;
-ms-transform: rotate(270deg);
transform: rotate(270deg) !important;
}
.progress-bar:before {
content: "";
width: 0px;
}
.progress-bar .box {
position: relative;
width: 400px;
height: var(--box-side-height);
transform-style: preserve-3d;
transition: transform 1s cubic-bezier(0.68, -0.55, 0.265, 1.55);
transform: rotateX(45deg);
}
.progress-bar.done .box {
transform: rotateX(0);
}
.progress-bar .box-front {
position: absolute;
width: 100%;
height: var(--box-side-height);
left: 0;
bottom: 0;
transform-origin: center bottom;
transform: rotateX(90deg);
transition: transform 1s;
}
.progress-bar .box p {
position: absolute;
top: 0px;
left: -235px;
color: rgba(0, 0, 0, 0.801);
text-align: center;
width: 100%;
height: 100%;
line-height: 100%;
z-index: 99;
font-weight: bold;
transition: opacity 1s, visibility 1s;
font-size: 40px;
rotate: 90deg;
transform: rotateY(180deg);
color: #000;
}
.progress-bar.done .box p.loading-text {
opacity: 0;
visibility: hidden;
}
.progress-bar:not(.done) .box p.done-text {
opacity: 0;
visibility: hidden;
}
.progress-bar .box::after {
content: "";
display: block;
opacity: 0.9;
width: 100%;
height: 100%;
background: var(--progress-color);
transform-origin: top left;
transform: scaleX(var(--progress));
transition: transform 0.1s;
box-shadow: -35px 0px 25px rgb(2 88 207 / 15%);
}
.progress-bar .box-front::after {
content: "";
display: block;
width: 100%;
height: 100%;
opacity: 0.9;
background: var(--progress-color);
transform-origin: top left;
transform: scaleX(var(--progress));
transition: transform 0.1s;
box-shadow: -35px 0px 25px rgb(2 88 207 / 15%);
}
.pb-section {
position: relative;
padding: 150px 0;
}
.pb-section .title {
font-weight: 700;
font-size: 48px;
line-height: 58px;
color: #333333;
margin-bottom: 10px;
}
.pb-section .head-title p {
font-weight: 400;
font-size: 16px;
line-height: 26px;
color: #888888;
margin-bottom: 50px;
}
.pb-section .head-title {
text-align: center;
position: relative;
margin: 0 auto 50px;
}
@media (max-width: 767px) {
.progress-bar {
margin: 100px auto;
}
}
.box-right {
position: absolute;
width: 100%;
height: var(--box-side-height);
left: 0;
bottom: 0;
transform-origin: center bottom;
transform: translateZ(-150px);
transition: transform 0.5s;
}
.box-right:after {
content: "";
display: block;
width: 100%;
height: 100%;
opacity: 0.3;
background: var(--progress-color);
transform-origin: top left;
transform: scaleX(var(--progress));
transition: transform 0.1s;
box-shadow: -35px 0px 25px rgb(2 88 207 / 15%);
}
.box-left {
position: absolute;
width: 100%;
height: var(--box-side-height);
left: 0px;
bottom: 0;
top: -148px;
transform-origin: center bottom;
transition: transform 0.5s;
transform: rotateX(90deg);
}
.box-left:after {
content: "";
display: block;
width: 100%;
height: 100%;
opacity: 1;
background: var(--progress-color);
transform-origin: top left;
transform: scaleX(var(--progress));
transition: transform 0.1s;
box-shadow: -35px 0px 25px rgb(2 88 207 / 15%);
}
@media (max-width: 991px) and (min-width: 768px) {
.pb-section .block-container {
max-width: 850px;
}
}
@media (max-width: 767px) {
.block-row .block-col-3:first-child .progress-bar {
margin-top: 250px;
}
}
@media (max-width: 991px) {
.price-card {
width: 100%;
}
} .sbp-scroll-up a {
display: block;
aspect-ratio: 1/ 1;
width: 3.125rem;
text-align: center;
line-height: 2.7;
border-radius: 50px;
font-size: 1.125rem;
color: #fff;
opacity: 1;
transition: all 0.3s ease 0s;
box-shadow: 0 0 10px rgb(0 0 0 / 20%);
background: blue;
text-decoration: none;
}
.sbp-scroll-up a {
background: #2d6ef8;
}
.sbp-scroll-up {
position: fixed;
display: none;
bottom: 50px;
z-index: 9999;
}  .loader01 {
margin: 100px auto;
font-size: 25px;
width: 1em;
height: 1em;
border-radius: 50%;
position: relative;
text-indent: -9999em;
-webkit-animation: load5 1.1s infinite ease;
animation: load5 1.1s infinite ease;
-webkit-transform: translateZ(0);
-ms-transform: translateZ(0);
transform: translateZ(0);
}
@-webkit-keyframes load5 {
0%,
100% {
box-shadow: 0em -2.6em 0em 0em #fff,
1.8em -1.8em 0 0em rgba(255, 255, 255, 0.2),
2.5em 0em 0 0em rgba(255, 255, 255, 0.2),
1.75em 1.75em 0 0em rgba(255, 255, 255, 0.2),
0em 2.5em 0 0em rgba(255, 255, 255, 0.2),
-1.8em 1.8em 0 0em rgba(255, 255, 255, 0.2),
-2.6em 0em 0 0em rgba(255, 255, 255, 0.5),
-1.8em -1.8em 0 0em rgba(255, 255, 255, 0.7);
}
12.5% {
box-shadow: 0em -2.6em 0em 0em rgba(255, 255, 255, 0.7),
1.8em -1.8em 0 0em #fff, 2.5em 0em 0 0em rgba(255, 255, 255, 0.2),
1.75em 1.75em 0 0em rgba(255, 255, 255, 0.2),
0em 2.5em 0 0em rgba(255, 255, 255, 0.2),
-1.8em 1.8em 0 0em rgba(255, 255, 255, 0.2),
-2.6em 0em 0 0em rgba(255, 255, 255, 0.2),
-1.8em -1.8em 0 0em rgba(255, 255, 255, 0.5);
}
25% {
box-shadow: 0em -2.6em 0em 0em rgba(255, 255, 255, 0.5),
1.8em -1.8em 0 0em rgba(255, 255, 255, 0.7), 2.5em 0em 0 0em #fff,
1.75em 1.75em 0 0em rgba(255, 255, 255, 0.2),
0em 2.5em 0 0em rgba(255, 255, 255, 0.2),
-1.8em 1.8em 0 0em rgba(255, 255, 255, 0.2),
-2.6em 0em 0 0em rgba(255, 255, 255, 0.2),
-1.8em -1.8em 0 0em rgba(255, 255, 255, 0.2);
}
37.5% {
box-shadow: 0em -2.6em 0em 0em rgba(255, 255, 255, 0.2),
1.8em -1.8em 0 0em rgba(255, 255, 255, 0.5),
2.5em 0em 0 0em rgba(255, 255, 255, 0.7),
1.75em 1.75em 0 0em rgba(255, 255, 255, 0.2),
0em 2.5em 0 0em rgba(255, 255, 255, 0.2),
-1.8em 1.8em 0 0em rgba(255, 255, 255, 0.2),
-2.6em 0em 0 0em rgba(255, 255, 255, 0.2),
-1.8em -1.8em 0 0em rgba(255, 255, 255, 0.2);
}
50% {
box-shadow: 0em -2.6em 0em 0em rgba(255, 255, 255, 0.2),
1.8em -1.8em 0 0em rgba(255, 255, 255, 0.2),
2.5em 0em 0 0em rgba(255, 255, 255, 0.5),
1.75em 1.75em 0 0em rgba(255, 255, 255, 0.7), 0em 2.5em 0 0em #fff,
-1.8em 1.8em 0 0em rgba(255, 255, 255, 0.2),
-2.6em 0em 0 0em rgba(255, 255, 255, 0.2),
-1.8em -1.8em 0 0em rgba(255, 255, 255, 0.2);
}
62.5% {
box-shadow: 0em -2.6em 0em 0em rgba(255, 255, 255, 0.2),
1.8em -1.8em 0 0em rgba(255, 255, 255, 0.2),
2.5em 0em 0 0em rgba(255, 255, 255, 0.2),
1.75em 1.75em 0 0em rgba(255, 255, 255, 0.5),
0em 2.5em 0 0em rgba(255, 255, 255, 0.7), -1.8em 1.8em 0 0em #fff,
-2.6em 0em 0 0em rgba(255, 255, 255, 0.2),
-1.8em -1.8em 0 0em rgba(255, 255, 255, 0.2);
}
75% {
box-shadow: 0em -2.6em 0em 0em rgba(255, 255, 255, 0.2),
1.8em -1.8em 0 0em rgba(255, 255, 255, 0.2),
2.5em 0em 0 0em rgba(255, 255, 255, 0.2),
1.75em 1.75em 0 0em rgba(255, 255, 255, 0.2),
0em 2.5em 0 0em rgba(255, 255, 255, 0.5),
-1.8em 1.8em 0 0em rgba(255, 255, 255, 0.7), -2.6em 0em 0 0em #fff,
-1.8em -1.8em 0 0em rgba(255, 255, 255, 0.2);
}
87.5% {
box-shadow: 0em -2.6em 0em 0em rgba(255, 255, 255, 0.2),
1.8em -1.8em 0 0em rgba(255, 255, 255, 0.2),
2.5em 0em 0 0em rgba(255, 255, 255, 0.2),
1.75em 1.75em 0 0em rgba(255, 255, 255, 0.2),
0em 2.5em 0 0em rgba(255, 255, 255, 0.2),
-1.8em 1.8em 0 0em rgba(255, 255, 255, 0.5),
-2.6em 0em 0 0em rgba(255, 255, 255, 0.7), -1.8em -1.8em 0 0em #fff;
}
}
@keyframes load5 {
0%,
100% {
box-shadow: 0em -2.6em 0em 0em #fff,
1.8em -1.8em 0 0em rgba(255, 255, 255, 0.2),
2.5em 0em 0 0em rgba(255, 255, 255, 0.2),
1.75em 1.75em 0 0em rgba(255, 255, 255, 0.2),
0em 2.5em 0 0em rgba(255, 255, 255, 0.2),
-1.8em 1.8em 0 0em rgba(255, 255, 255, 0.2),
-2.6em 0em 0 0em rgba(255, 255, 255, 0.5),
-1.8em -1.8em 0 0em rgba(255, 255, 255, 0.7);
}
12.5% {
box-shadow: 0em -2.6em 0em 0em rgba(255, 255, 255, 0.7),
1.8em -1.8em 0 0em #fff, 2.5em 0em 0 0em rgba(255, 255, 255, 0.2),
1.75em 1.75em 0 0em rgba(255, 255, 255, 0.2),
0em 2.5em 0 0em rgba(255, 255, 255, 0.2),
-1.8em 1.8em 0 0em rgba(255, 255, 255, 0.2),
-2.6em 0em 0 0em rgba(255, 255, 255, 0.2),
-1.8em -1.8em 0 0em rgba(255, 255, 255, 0.5);
}
25% {
box-shadow: 0em -2.6em 0em 0em rgba(255, 255, 255, 0.5),
1.8em -1.8em 0 0em rgba(255, 255, 255, 0.7), 2.5em 0em 0 0em #fff,
1.75em 1.75em 0 0em rgba(255, 255, 255, 0.2),
0em 2.5em 0 0em rgba(255, 255, 255, 0.2),
-1.8em 1.8em 0 0em rgba(255, 255, 255, 0.2),
-2.6em 0em 0 0em rgba(255, 255, 255, 0.2),
-1.8em -1.8em 0 0em rgba(255, 255, 255, 0.2);
}
37.5% {
box-shadow: 0em -2.6em 0em 0em rgba(255, 255, 255, 0.2),
1.8em -1.8em 0 0em rgba(255, 255, 255, 0.5),
2.5em 0em 0 0em rgba(255, 255, 255, 0.7),
1.75em 1.75em 0 0em rgba(255, 255, 255, 0.2),
0em 2.5em 0 0em rgba(255, 255, 255, 0.2),
-1.8em 1.8em 0 0em rgba(255, 255, 255, 0.2),
-2.6em 0em 0 0em rgba(255, 255, 255, 0.2),
-1.8em -1.8em 0 0em rgba(255, 255, 255, 0.2);
}
50% {
box-shadow: 0em -2.6em 0em 0em rgba(255, 255, 255, 0.2),
1.8em -1.8em 0 0em rgba(255, 255, 255, 0.2),
2.5em 0em 0 0em rgba(255, 255, 255, 0.5),
1.75em 1.75em 0 0em rgba(255, 255, 255, 0.7), 0em 2.5em 0 0em #fff,
-1.8em 1.8em 0 0em rgba(255, 255, 255, 0.2),
-2.6em 0em 0 0em rgba(255, 255, 255, 0.2),
-1.8em -1.8em 0 0em rgba(255, 255, 255, 0.2);
}
62.5% {
box-shadow: 0em -2.6em 0em 0em rgba(255, 255, 255, 0.2),
1.8em -1.8em 0 0em rgba(255, 255, 255, 0.2),
2.5em 0em 0 0em rgba(255, 255, 255, 0.2),
1.75em 1.75em 0 0em rgba(255, 255, 255, 0.5),
0em 2.5em 0 0em rgba(255, 255, 255, 0.7), -1.8em 1.8em 0 0em #fff,
-2.6em 0em 0 0em rgba(255, 255, 255, 0.2),
-1.8em -1.8em 0 0em rgba(255, 255, 255, 0.2);
}
75% {
box-shadow: 0em -2.6em 0em 0em rgba(255, 255, 255, 0.2),
1.8em -1.8em 0 0em rgba(255, 255, 255, 0.2),
2.5em 0em 0 0em rgba(255, 255, 255, 0.2),
1.75em 1.75em 0 0em rgba(255, 255, 255, 0.2),
0em 2.5em 0 0em rgba(255, 255, 255, 0.5),
-1.8em 1.8em 0 0em rgba(255, 255, 255, 0.7), -2.6em 0em 0 0em #fff,
-1.8em -1.8em 0 0em rgba(255, 255, 255, 0.2);
}
87.5% {
box-shadow: 0em -2.6em 0em 0em rgba(255, 255, 255, 0.2),
1.8em -1.8em 0 0em rgba(255, 255, 255, 0.2),
2.5em 0em 0 0em rgba(255, 255, 255, 0.2),
1.75em 1.75em 0 0em rgba(255, 255, 255, 0.2),
0em 2.5em 0 0em rgba(255, 255, 255, 0.2),
-1.8em 1.8em 0 0em rgba(255, 255, 255, 0.5),
-2.6em 0em 0 0em rgba(255, 255, 255, 0.7), -1.8em -1.8em 0 0em #fff;
}
} .loader1 {
margin: 60px auto;
position: relative;
border: 1px solid transparent;
}
.loader-inner {
position: absolute;
left: 50%;
top: -10px;
}
.loader-inner > div {
width: 5px;
height: 15px;
background-color: #fff;
border-radius: 2px;
margin: 2px;
-webkit-animation-fill-mode: both;
animation-fill-mode: both;
position: absolute;
}
.loader-inner > div:nth-child(1) {
top: 20px;
left: 0;
-webkit-animation: loader-inner 1.2s -0.84s infinite ease-in-out;
animation: loader-inner 1.2s -0.84s infinite ease-in-out;
}
.loader-inner > div:nth-child(2) {
top: 13.63636px;
left: 13.63636px;
-webkit-transform: rotate(-45deg);
-ms-transform: rotate(-45deg);
transform: rotate(-45deg);
-webkit-animation: loader-inner 1.2s -0.72s infinite ease-in-out;
animation: loader-inner 1.2s -0.72s infinite ease-in-out;
}
.loader-inner > div:nth-child(3) {
top: 0;
left: 20px;
-webkit-transform: rotate(90deg);
-ms-transform: rotate(90deg);
transform: rotate(90deg);
-webkit-animation: loader-inner 1.2s -0.6s infinite ease-in-out;
animation: loader-inner 1.2s -0.6s infinite ease-in-out;
}
.loader-inner > div:nth-child(4) {
top: -13.63636px;
left: 13.63636px;
-webkit-transform: rotate(45deg);
-ms-transform: rotate(45deg);
transform: rotate(45deg);
-webkit-animation: loader-inner 1.2s -0.48s infinite ease-in-out;
animation: loader-inner 1.2s -0.48s infinite ease-in-out;
}
.loader-inner > div:nth-child(5) {
top: -20px;
left: 0;
-webkit-animation: loader-inner 1.2s -0.36s infinite ease-in-out;
animation: loader-inner 1.2s -0.36s infinite ease-in-out;
}
.loader-inner > div:nth-child(6) {
top: -13.63636px;
left: -13.63636px;
-webkit-transform: rotate(-45deg);
-ms-transform: rotate(-45deg);
transform: rotate(-45deg);
-webkit-animation: loader-inner 1.2s -0.24s infinite ease-in-out;
animation: loader-inner 1.2s -0.24s infinite ease-in-out;
}
.loader-inner > div:nth-child(7) {
top: 0;
left: -20px;
-webkit-transform: rotate(90deg);
-ms-transform: rotate(90deg);
transform: rotate(90deg);
-webkit-animation: loader-inner 1.2s -0.12s infinite ease-in-out;
animation: loader-inner 1.2s -0.12s infinite ease-in-out;
}
.loader-inner > div:nth-child(8) {
top: 13.63636px;
left: -13.63636px;
-webkit-transform: rotate(45deg);
-ms-transform: rotate(45deg);
transform: rotate(45deg);
-webkit-animation: loader-inner 1.2s 0s infinite ease-in-out;
animation: loader-inner 1.2s 0s infinite ease-in-out;
}
@keyframes loader-inner {
50% {
opacity: 0.3;
}
100% {
opacity: 1;
}
}
@-webkit-keyframes loader-inner {
50% {
opacity: 0.3;
}
100% {
opacity: 1;
}
} .loader2 {
width: 70px;
height: 70px;
margin: 40px auto;
}
.loader2 p {
font-size: 16px;
color: #777;
}
.loader2 .loader-inner2 {
display: inline-block;
width: 15px;
border-radius: 15px;
background: #74d2ba;
}
.loader2 .loader-inner2:nth-last-child(1) {
-webkit-animation: loading 1.5s 1s infinite;
animation: loading 1.5s 1s infinite;
}
.loader2 .loader-inner2:nth-last-child(2) {
-webkit-animation: loading 1.5s 0.5s infinite;
animation: loading 1.5s 0.5s infinite;
}
.loader2 .loader-inner2:nth-last-child(3) {
-webkit-animation: loading 1.5s 0s infinite;
animation: loading 1.5s 0s infinite;
}
@-webkit-keyframes loading {
0% {
height: 15px;
}
50% {
height: 35px;
}
100% {
height: 15px;
}
}
@keyframes loading {
0% {
height: 15px;
}
50% {
height: 35px;
}
100% {
height: 15px;
}
} .loader3 {
width: 75px;
height: 100px;
margin: 50px auto;
position: relative;
}
.loader3 .loader-inner3 {
width: 10px;
height: 50%;
background: #fff;
position: absolute;
bottom: 0;
box-shadow: 1px 1px 0 rgba(0, 0, 0, 0.2);
-webkit-transform-origin: center bottom;
transform-origin: center bottom;
}
.loader3 .loader-inner3:nth-child(1) {
left: 0;
-webkit-transform: scale(1, 0.2);
transform: scale(1, 0.2);
-webkit-animation: loading-2 4s infinite;
animation: loading-2 4s infinite;
}
.loader3 .loader-inner3:nth-child(2) {
left: 15px;
-webkit-transform: scale(1, 0.4);
transform: scale(1, 0.4);
-webkit-animation: loading-3 4s infinite;
animation: loading-3 4s infinite;
}
.loader3 .loader-inner3:nth-child(3) {
left: 30px;
-webkit-transform: scale(1, 0.6);
transform: scale(1, 0.6);
-webkit-animation: loading-4 4s infinite;
animation: loading-4 4s infinite;
}
.loader3 .loader-inner3:nth-child(4) {
left: 45px;
-webkit-transform: scale(1, 0.8);
transform: scale(1, 0.8);
-webkit-animation: loading-5 4s infinite;
animation: loading-5 4s infinite;
}
.loader3 .loader-inner3:nth-child(5) {
left: 60px;
-webkit-transform: scale(1, 1);
transform: scale(1, 1);
-webkit-animation: loading-6 4s infinite;
animation: loading-6 4s infinite;
}
.loader3 .loader-circle3 {
width: 10px;
height: 10px;
border-radius: 50%;
background: #fff;
position: absolute;
bottom: 10px;
left: 0;
-webkit-animation: loading-1 4s infinite;
animation: loading-1 4s infinite;
}
@-webkit-keyframes loading-1 {
0% {
-webkit-transform: translate(0, 0);
transform: translate(0, 0);
}
5% {
-webkit-transform: translate(8px, -14px);
transform: translate(8px, -14px);
}
10% {
-webkit-transform: translate(15px, -10px);
transform: translate(15px, -10px);
}
17% {
-webkit-transform: translate(23px, -24px);
transform: translate(23px, -24px);
}
20% {
-webkit-transform: translate(30px, -20px);
transform: translate(30px, -20px);
}
27% {
-webkit-transform: translate(38px, -34px);
transform: translate(38px, -34px);
}
30% {
-webkit-transform: translate(45px, -30px);
transform: translate(45px, -30px);
}
37% {
-webkit-transform: translate(53px, -44px);
transform: translate(53px, -44px);
}
40% {
-webkit-transform: translate(60px, -40px);
transform: translate(60px, -40px);
}
50% {
-webkit-transform: translate(60px, 0);
transform: translate(60px, 0);
}
57% {
-webkit-transform: translate(53px, -14px);
transform: translate(53px, -14px);
}
60% {
-webkit-transform: translate(45px, -10px);
transform: translate(45px, -10px);
}
67% {
-webkit-transform: translate(37px, -24px);
transform: translate(37px, -24px);
}
70% {
-webkit-transform: translate(30px, -20px);
transform: translate(30px, -20px);
}
77% {
-webkit-transform: translate(22px, -34px);
transform: translate(22px, -34px);
}
80% {
-webkit-transform: translate(15px, -30px);
transform: translate(15px, -30px);
}
87% {
-webkit-transform: translate(7px, -44px);
transform: translate(7px, -44px);
}
90% {
-webkit-transform: translate(0, -40px);
transform: translate(0, -40px);
}
100% {
-webkit-transform: translate(0, 0);
transform: translate(0, 0);
}
}
@keyframes loading-1 {
0% {
-webkit-transform: translate(0, 0);
transform: translate(0, 0);
}
5% {
-webkit-transform: translate(8px, -14px);
transform: translate(8px, -14px);
}
10% {
-webkit-transform: translate(15px, -10px);
transform: translate(15px, -10px);
}
17% {
-webkit-transform: translate(23px, -24px);
transform: translate(23px, -24px);
}
20% {
-webkit-transform: translate(30px, -20px);
transform: translate(30px, -20px);
}
27% {
-webkit-transform: translate(38px, -34px);
transform: translate(38px, -34px);
}
30% {
-webkit-transform: translate(45px, -30px);
transform: translate(45px, -30px);
}
37% {
-webkit-transform: translate(53px, -44px);
transform: translate(53px, -44px);
}
40% {
-webkit-transform: translate(60px, -40px);
transform: translate(60px, -40px);
}
50% {
-webkit-transform: translate(60px, 0);
transform: translate(60px, 0);
}
57% {
-webkit-transform: translate(53px, -14px);
transform: translate(53px, -14px);
}
60% {
-webkit-transform: translate(45px, -10px);
transform: translate(45px, -10px);
}
67% {
-webkit-transform: translate(37px, -24px);
transform: translate(37px, -24px);
}
70% {
-webkit-transform: translate(30px, -20px);
transform: translate(30px, -20px);
}
77% {
-webkit-transform: translate(22px, -34px);
transform: translate(22px, -34px);
}
80% {
-webkit-transform: translate(15px, -30px);
transform: translate(15px, -30px);
}
87% {
-webkit-transform: translate(7px, -44px);
transform: translate(7px, -44px);
}
90% {
-webkit-transform: translate(0, -40px);
transform: translate(0, -40px);
}
100% {
-webkit-transform: translate(0, 0);
transform: translate(0, 0);
}
}
@-webkit-keyframes loading-2 {
0% {
-webkit-transform: scale(1, 0.2);
transform: scale(1, 0.2);
}
40% {
-webkit-transform: scale(1, 0.2);
transform: scale(1, 0.2);
}
50% {
-webkit-transform: scale(1, 1);
transform: scale(1, 1);
}
90% {
-webkit-transform: scale(1, 1);
transform: scale(1, 1);
}
100% {
-webkit-transform: scale(1, 0.2);
transform: scale(1, 0.2);
}
}
@keyframes loading-2 {
0% {
-webkit-transform: scale(1, 0.2);
transform: scale(1, 0.2);
}
40% {
-webkit-transform: scale(1, 0.2);
transform: scale(1, 0.2);
}
50% {
-webkit-transform: scale(1, 1);
transform: scale(1, 1);
}
90% {
-webkit-transform: scale(1, 1);
transform: scale(1, 1);
}
100% {
-webkit-transform: scale(1, 0.2);
transform: scale(1, 0.2);
}
}
@-webkit-keyframes loading-3 {
0% {
-webkit-transform: scale(1, 0.4);
transform: scale(1, 0.4);
}
40% {
-webkit-transform: scale(1, 0.4);
transform: scale(1, 0.4);
}
50% {
-webkit-transform: scale(1, 0.8);
transform: scale(1, 0.8);
}
90% {
-webkit-transform: scale(1, 0.8);
transform: scale(1, 0.8);
}
100% {
-webkit-transform: scale(1, 0.4);
transform: scale(1, 0.4);
}
}
@keyframes loading-3 {
0% {
-webkit-transform: scale(1, 0.4);
transform: scale(1, 0.4);
}
40% {
-webkit-transform: scale(1, 0.4);
transform: scale(1, 0.4);
}
50% {
-webkit-transform: scale(1, 0.8);
transform: scale(1, 0.8);
}
90% {
-webkit-transform: scale(1, 0.8);
transform: scale(1, 0.8);
}
100% {
-webkit-transform: scale(1, 0.4);
transform: scale(1, 0.4);
}
}
@-webkit-keyframes loading-4 {
0% {
-webkit-transform: scale(1, 0.6);
transform: scale(1, 0.6);
}
100% {
-webkit-transform: scale(1, 0.6);
transform: scale(1, 0.6);
}
}
@keyframes loading-4 {
0% {
-webkit-transform: scale(1, 0.6);
transform: scale(1, 0.6);
}
100% {
-webkit-transform: scale(1, 0.6);
transform: scale(1, 0.6);
}
}
@-webkit-keyframes loading-5 {
0% {
-webkit-transform: scale(1, 0.8);
transform: scale(1, 0.8);
}
40% {
-webkit-transform: scale(1, 0.8);
transform: scale(1, 0.8);
}
50% {
-webkit-transform: scale(1, 0.4);
transform: scale(1, 0.4);
}
90% {
-webkit-transform: scale(1, 0.4);
transform: scale(1, 0.4);
}
100% {
-webkit-transform: scale(1, 0.8);
transform: scale(1, 0.8);
}
}
@keyframes loading-5 {
0% {
-webkit-transform: scale(1, 0.8);
transform: scale(1, 0.8);
}
40% {
-webkit-transform: scale(1, 0.8);
transform: scale(1, 0.8);
}
50% {
-webkit-transform: scale(1, 0.4);
transform: scale(1, 0.4);
}
90% {
-webkit-transform: scale(1, 0.4);
transform: scale(1, 0.4);
}
100% {
-webkit-transform: scale(1, 0.8);
transform: scale(1, 0.8);
}
}
@-webkit-keyframes loading-6 {
0% {
-webkit-transform: scale(1, 1);
transform: scale(1, 1);
}
40% {
-webkit-transform: scale(1, 1);
transform: scale(1, 1);
}
50% {
-webkit-transform: scale(1, 0.2);
transform: scale(1, 0.2);
}
90% {
-webkit-transform: scale(1, 0.2);
transform: scale(1, 0.2);
}
100% {
-webkit-transform: scale(1, 1);
transform: scale(1, 1);
}
}
@keyframes loading-6 {
0% {
-webkit-transform: scale(1, 1);
transform: scale(1, 1);
}
40% {
-webkit-transform: scale(1, 1);
transform: scale(1, 1);
}
50% {
-webkit-transform: scale(1, 0.2);
transform: scale(1, 0.2);
}
90% {
-webkit-transform: scale(1, 0.2);
transform: scale(1, 0.2);
}
100% {
-webkit-transform: scale(1, 1);
transform: scale(1, 1);
}
} .loader4 {
width: 240px;
height: 50px;
margin: 70px auto 0;
border-radius: 8px;
box-shadow: 0 0 0 7px #42a5f5, inset 0 0 0 1px #42a5f5;
overflow: hidden;
position: relative;
animation: rotate 6s linear infinite;
}
.loader4:before {
content: "";
background-color: #42a5f5;
height: 100%;
position: absolute;
top: 0;
left: 0;
animation: load 6s linear infinite;
}
@keyframes rotate {
0%,
42% {
transform: rotate(0deg);
}
48%,
92% {
transform: rotate(180deg);
}
100% {
transform: rotate(360deg);
}
}
@keyframes load {
0% {
width: 0;
}
40%,
50% {
width: 100%;
}
90%,
100% {
width: 0;
}
} .loader5 {
width: 150px;
height: 150px;
margin: 50px auto 0;
position: relative;
}
.loader5 .cube-wrapper {
transform-style: preserve-3d;
animation: bouncing 2s infinite;
}
.loader5 .cube {
transform-style: preserve-3d;
transform: rotateX(45deg) rotateZ(45deg);
animation: rotation 2s infinite;
}
.loader5 .cube-faces {
transform-style: preserve-3d;
height: 80px;
width: 80px;
position: relative;
transform-origin: 0 0;
transform: translateX(0) translateY(0) translateZ(-40px);
}
.loader5 .cube-face {
position: absolute;
inset: 0;
background: #110d31ff;
border: solid 1px #fff;
}
.loader5 .cube-face.shadow {
transform: translateZ(-80px);
animation: bouncing-shadow 2s infinite;
}
.loader5 .cube-face.top {
transform: translateZ(80px);
}
.loader5 .cube-face.front {
transform-origin: 0 50%;
transform: rotateY(-90deg);
}
.loader5 .cube-face.back {
transform-origin: 0 50%;
transform: rotateY(-90deg) translateZ(-80px);
}
.loader5 .cube-face.right {
transform-origin: 50% 0;
transform: rotateX(-90deg) translateY(-80px);
}
.loader5 .cube-face.left {
transform-origin: 50% 0;
transform: rotateX(-90deg) translateY(-80px) translateZ(80px);
}
@keyframes rotation {
0% {
transform: rotateX(45deg) rotateY(0) rotateZ(45deg);
animation-timing-function: cubic-bezier(0.17, 0.84, 0.44, 1);
}
50% {
transform: rotateX(45deg) rotateY(0) rotateZ(225deg);
animation-timing-function: cubic-bezier(0.76, 0.05, 0.86, 0.06);
}
100% {
transform: rotateX(45deg) rotateY(0) rotateZ(405deg);
animation-timing-function: cubic-bezier(0.17, 0.84, 0.44, 1);
}
}
@keyframes bouncing {
0% {
transform: translateY(-40px);
animation-timing-function: cubic-bezier(0.76, 0.05, 0.86, 0.06);
}
45% {
transform: translateY(40px);
animation-timing-function: cubic-bezier(0.23, 1, 0.32, 1);
}
100% {
transform: translateY(-40px);
animation-timing-function: cubic-bezier(0.76, 0.05, 0.86, 0.06);
}
}
@keyframes bouncing-shadow {
0% {
transform: translateZ(-80px) scale(1.3);
animation-timing-function: cubic-bezier(0.76, 0.05, 0.86, 0.06);
opacity: 0.05;
}
45% {
transform: translateZ(0);
animation-timing-function: cubic-bezier(0.23, 1, 0.32, 1);
opacity: 0.3;
}
100% {
transform: translateZ(-80px) scale(1.3);
animation-timing-function: cubic-bezier(0.76, 0.05, 0.86, 0.06);
opacity: 0.05;
}
} .loader6 {
width: 60px;
height: 60px;
margin: 30px auto 0;
position: relative;
transform: rotate(45deg) translate3d(0, 0, 0);
animation: loader 1.2s infinite ease-in-out;
}
.loader6 span {
background: #ee4040;
width: 30px;
height: 30px;
display: block;
position: absolute;
animation: loaderBlock 1.2s infinite ease-in-out both;
}
.loader6 span:nth-child(1) {
top: 0;
left: 0;
}
.loader6 span:nth-child(2) {
top: 0;
right: 0;
animation: loaderBlockInverse 1.2s infinite ease-in-out both;
}
.loader6 span:nth-child(3) {
bottom: 0;
left: 0;
animation: loaderBlockInverse 1.2s infinite ease-in-out both;
}
.loader6 span:nth-child(4) {
bottom: 0;
right: 0;
}
@keyframes loader {
0%,
10%,
100% {
width: 60px;
height: 60px;
}
65% {
width: 120px;
height: 120px;
}
}
@keyframes loaderBlock {
0%,
30% {
transform: rotate(0);
}
55% {
background: #f37272;
}
100% {
transform: rotate(90deg);
}
}
@keyframes loaderBlockInverse {
0%,
20% {
transform: rotate(0);
}
55% {
background: #f37272;
}
100% {
transform: rotate(-90deg);
}
}
.collapse.sb-collapse .sbp-close-button {
display: none;
}
.collapse.sb-collapse .sbp-close-button.in {
display: block;
}
.sb-collapse.collapse.in .spice-nav {
position: fixed;
inset: 0;
top: 0;
z-index: 999999999;
display: block;
} .sb-collapse.collapse li.sbp-menu-close {
display: none;
}
.sb-collapse.collapse.in #sbp-close {
padding: 8px 12px 8px;
background: #ccc;
font-size: 18px;
font-weight: 600;
line-height: 1;
margin: 0;
border-radius: 4px;
font-family: "Font Awesome 6 Free";
}
.sb-collapse.collapse.in li.sbp-menu-close {
display: block;
padding: 5px;
text-align: right;
}
.spice.spice-block .sb-toggle {
border: none;
} .counter-section{
padding: 10px 0;
position: relative;
}
.counter-box {
position: relative;
text-align: center;
}
.counter-section .text {
position: absolute;
top: 50%;
left: 50%;
transform: translate(-50%, -50%);
z-index: 1;
}
.counter-box svg {
transform: rotate(-90deg);
background: transparent;
fill: none;
width: 200px;
height: 200px;
}
.counter-box svg circle {
stroke-width: 2;
stroke: #333333;
}
.counter-box svg .bar {
stroke-width: 5;
stroke: #ffffff;
stroke-linecap: round;
}
.counter-box svg .bar {
stroke-linecap: round;
}
.counter-box .first-dot 
{
position: absolute;
inset: 4px;
z-index: 10;
}
.counter-box .dot 
{
position: absolute;
inset: 6px;
z-index: 10;
animation: animateDot 2s linear forwards;
color: transparent;
}
@keyframes animateDot 
{
0% 
{
transform: rotate(0deg);
}
100% 
{
transform: rotate(calc(3.6deg * var(--num)));
}
}
.counter-box .dot::before 
{
content: '';
position: absolute;
top: 0px;
left: 50%;
transform: translateX(-50%);
width: 10px;
height: 10px;
border-radius: 50%;
background: var(--clr);
box-shadow: 0 0 10px var(--clr),
0 0 30px var(--clr);
}
.counter-box .first-dot::before 
{
content: '';
position: absolute;
top: 0px;
left: 50%;
transform: translateX(-50%);
width: 10px;
height: 10px;
border-radius: 50%;
background: var(--clr);
box-shadow: 0 0 10px var(--clr),
0 0 30px var(--clr);
}
.counter-section .project-title {
text-align: center;
position:relative;
}
.counter-section .counter-overlay{
transition: background .3s,border-radius .3s,opacity .3s;
height: 100%;
width: 100%;
top: 0;
left: 0;
position: absolute;
} .gallery-container{
width: min(calc(100% - 20px), 1160px);
margin: 100px auto;
}
.gallery-container .gallery-heading{
text-align: center;
}
.gallery-container .gallery-heading h2{
font-size: 48px;
font-weight: 700;
color: #000;
text-transform: capitalize;
margin-bottom: 15px;
}
.gallery-container .gallery-heading h2 span{
color: #2c7bfe;
}
.gallery-container .gallery-heading p{
font-size: 16px;
font-weight: 400;
color: #777777;  
}
.gallery-menu{ margin-top: 25px;
margin-bottom: 15px;
}
.gallery-menu ul li{
list-style: none;
display: inline-block;
margin: 5px;
font-size: 1.125rem;
line-height: 1;
font-weight: 500;
text-transform: capitalize;
letter-spacing: 1px;
cursor: pointer;
padding: 10px 24px;
background-color: rgba(117, 114, 114, 0.3);
transition: 0.3s;
}
.gallery-menu ul li.active,
.gallery-menu ul li:is(:hover, :focus){
color: #fff;
background-color: #2c7bfe;
}
.gallery-item {
width: 100%;
}
.gallery-item .item{
width: 33.33%; padding: 10px;
position: relative;
overflow: hidden;
}
.gallery-item .item .play-vid {
font-size: 50px;
font-weight: 400;
color: #fff;
margin-bottom: 15px;
display: block;
cursor: pointer;
text-decoration: none;
}
.gallery-item .item .play-vid i{
font-style: normal;
display: block;
}
.gallery-item .item img{
width: 100%;
height: 100%;
display: flex;
align-items: center;
justify-content: center;
object-fit: cover;
background-color: #c0c0c0;  
}
.item .gallery-wrapper{
position: relative;
border-radius: 10px;
overflow: hidden;
}
.item .gallery-wrapper::before{
content: "";
position: absolute;
inset: 14px;
background-color: rgba(0, 0, 0, 0.7);
border-radius: inherit;
transition: all 0.3s ease;
opacity: 0;
}
.item:hover .gallery-wrapper::before{
opacity: 1;
}
.item .gallery-wrapper .gallery-content{
position: absolute; top: 50%;
left: 50%;
width: 100%;
padding: 15px 25px;
transform: translate(-50%, -40%); opacity: 0;
transition: all 0.3s ease;
}
.item:hover .gallery-wrapper .gallery-content{
opacity: 1; transform: translate(-50%, -50%);
}
.item .gallery-wrapper .gallery-content h4{
font-size: 24px;
font-weight: 700;
color: #fff;
margin: 0 0 10px 0;
}
.item .gallery-wrapper .gallery-content p{
font-size: 16px;
line-height: 24px;
font-weight: 400;
color: #fff;
}
.mfp-iframe-holder .mfp-close{ justify-content: flex-end;
}
@media (max-width:1024px){
.gallery-item .item{
width: 50%;
}
}
@media (max-width:767px){
.gallery-item .item{
width: 100%;   
}
}
.white-popup {
position: relative;
background: #FFF;
padding: 20px;
width:auto;
max-width: 500px;
margin: 20px auto;
}
.spice-image-slider .image-item{
padding: 0;
} .process-sec {padding-top: 5rem;padding-bottom: 5rem;background-color: #f3f6fe;;z-index: 4;position: relative;}
.sp-sticky-top{position: sticky;top: 125px;text-align: center;margin-bottom: 1.5rem;}
.sp-sticky-title{color: #000;font-size: 3rem;font-weight: 700;font-family: 'Poppins';line-height: 58px;}
.sp-sticky-p {color: #707070;font-size: 18px;font-weight: 400;font-family: 'Rubik';text-align: center;}
.sp-cards-container {scroll-behavior: smooth;flex-direction: column;justify-content: center;align-items: center;width: 100%;
height: auto;position: relative;}
.sp-cards-wrap.sp-card {background-image: linear-gradient(90deg, #299d86, #0f4476 51%, #001f78);border-radius: 10px;width: 50%;
margin-left: auto;margin-right: auto;position: -webkit-sticky;position: sticky;top: 28vh;left: 0%;right: 0%;overflow: hidden;box-shadow: 0 0 30px rgba(0, 0, 0, .2);}
.sp-block-weight.sp-flow-cards {align-items: center;min-height: 400px;flex-direction: row;display: flex;}
.sp-card-number {-webkit-text-stroke-width: 1px;-webkit-text-stroke-color: rgba(255, 255, 255, 0.30);z-index: 0;opacity: .3;
color: rgba(38, 38, 38, 0);font-family: 'Poppins';font-size: 260px;font-weight: 700;line-height: 1;position: absolute;
top: 20%;bottom: auto;left: 5%;right: auto;color: rgba(0, 0, 0, 0.3);}
.sp-content-wrap{display: flex; z-index: 1;}
.sp-block-50 {flex: 0 50%;}
.sp-content-center {flex-direction: column;justify-content: center;align-items: center;display: flex;}
.sp-card-title{color: #fff;font-size: 1.875rem;font-weight: 700;font-family: 'Poppins';line-height: 40px;margin-bottom: 15px;}
.sp-card-paragraph{ font-size: 1rem;font-weight: 400;font-family: 'Poppins';color: #fff;}
.sp-card-btn {background-color: #09a223;border-radius: 40px 40px 40px 40px;padding: 20px 35px 20px 35px;font-size: 16px;
font-weight: 700;line-height: 15px;box-shadow: 0px 0px 0px #000;font-family: Open Sans; text-decoration: none;}
.sp-btn-txt,.sp-link-txt {z-index: 1;font-family: Open Sans;font-size: 14px;font-weight: 700;position: relative;color:#fff;}
.sp-cards-wrap.card_2 {width: 55%;margin-top: 100vh;top: 31vh;}
.sp-cards-wrap.card_3 {width: 60%;margin-top: 100vh;display: block;top: 34vh;}
.sp-cards-wrap.card_4 {width: 65%;margin-top: 100vh;display: block;top: 37vh;}
.sp-cards-wrap.card_5 {width: 70%;margin-top: 100vh;display: block;top: 40vh;}
.sp-cards-wrap.card_6 {width: 75%;margin-top: 100vh;display: block;top: 43vh;}
.sp-cards-wrap.card_7 {width: 80%;margin-top: 100vh;display: block;top: 47vh;}
.sp-embed:after {clear: both;}
.sp-embed:before, .sp-embed:after {content: " ";grid-area: 1 / 1 / 2 / 2;display: table;}
.sp-link-btn{color: #fff;letter-spacing: 1.28px;text-transform: uppercase;border-bottom: 1px solid #7ae537;justify-content: center;
align-items: center;font-size: 16px;font-weight: 600;line-height: 1.5;text-decoration: none;display: flex;margin: 15px;}
.sp-link-btn i{color: #7ae537;justify-content: center;align-items: center;font-size: 16px;display: flex;overflow: hidden;opacity: 0;
height: 16px;width: 0px;transition: 0.3s ease; }
.sp-link-btn:hover i{ opacity: 1;height: 16px;width: 16px;}
.sp-link-txt{transform: translate3d(0rem, 0px, 0px) scale3d(1, 1, 1) rotateX(0deg) rotateY(0deg) rotateZ(0deg) skew(0deg, 0deg); 
transform-style: preserve-3d;}
.sp-link-txt:hover{transform: translate3d(0.5rem, 0px, 0px) scale3d(1, 1, 1) rotateX(0deg) rotateY(0deg) rotateZ(0deg) skew(0deg, 0deg); 
transform-style: preserve-3d;} .sp-card-two .sp-block-weight.sp-flow-cards {min-height: 360px;}
.sp-card-two .sp-content-wrap {display: block;}
.sp-card-two .sp-flow-cards {flex-direction: column; justify-content: center; text-align: center;}
.sp-card-two .sp-card-number {z-index: -1; font-size: 200px; position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%);}
.sp-card-two .sp-card-title{margin-bottom: 32px;}
.sp-card-two .sp-card-paragraph {margin-bottom: 30px;} .sp-card-three .sp-block-weight.sp-flow-cards{display: block; text-align: center;}
.sp-card-three .sp-content-wrap {display: block;}
.sp-card-three .sp-card-number{position: relative;
text-align: center;
font-size: 25px;
opacity: 1;
color: #fff;
left: unset;
margin-bottom: 12px;
letter-spacing: normal;
}
.sp-card-three .sp-card-number span{
border: 1px solid rgba(255, 255, 255, 0.30);
background-color: rgb(15, 70, 101);
padding: 7px;
display: inline-grid;
place-content: center;
border-radius: 50%;
z-index: 1;
position: relative;
min-width: 50px;
aspect-ratio: 1;
}
.sp-card-three .sp-card-number::before{
content: "";
position:absolute;
top: 50%;
left: 50%;
transform: translate(-50%);
width: 100%;
height: 1px;
background-color: rgba(255, 255, 255, 0.30);
}
.sp-card-three .sp-content-center {flex-direction: row;}
.sp-card-three .sp-card-title{margin-bottom: 11px;}
.sp-card-three .sp-card-paragraph{margin-bottom: 36px;}
.sp-card-three .sp-block-weight.sp-flow-cards{min-height: 300px;} .sp-card-four .sp-block-weight.sp-flow-cards {
display: block;
padding-top: 0;
min-height: 300px;
text-align: unset;
}
.sp-card-four .sp-card-number {
position: relative;
top: 0;
left: 0;
font-size: 70px;
letter-spacing: normal;
color: #021b64;
background-color: #021b64;
display: inline-block;
padding: 8px 11px 5px 13px;
border-bottom-left-radius: 10px;
border-bottom-right-radius: 10px;
margin-bottom: 11px;   
}
.sp-card-four .sp-content-center {align-items: flex-end;}
.sp-card-four .sp-content-center .sp-card-btn{margin-right: 15px;}
@media screen and (max-width: 991px) {
.sp-content-wrap{flex-direction: column;}
.sp-cards-wrap.sp-card,.sp-sticky-top {width: 80%;}
.sp-sticky-top {margin: 0 auto;}
.sp-block-weight.sp-flow-cards {justify-content: center;min-height: 500px;flex-direction: column;
text-align: center;}.sp-card-number {letter-spacing: -25px;font-size: 250px;}
.sp-block-weight.sp-flow-cards {flex-direction: column;}
.sp-card-title {margin-bottom: 15px;}
.sp-card-paragraph {margin-bottom: 25px;}
.sp-card-number {top: 8%;left: 4%;}
.sp-sticky-p {margin-bottom: 1.5rem;} .sp-card-four .sp-flow-cards .sp-content-wrap .sp-block-50{text-align: center;}
.sp-card-four .sp-content-center {align-items: center;}
.sp-card-four .sp-content-center .sp-card-btn {margin-right: unset;}
}
@media screen and (max-width: 767px) {
.sp-card-number  {letter-spacing: -15px;font-size: 150px;}
.sp-block-weight.sp-flow-cards {min-height: 400px;}
.sp-card-number {top: 3%;left: 2%;} .sp-card-three .sp-content-center {flex-direction: column;}
}
@media screen and (max-width: 479px) {
.sp-cards-wrap.sp-card,.sp-sticky-top {width: 90%;}
} .spice-toc-block .spice-toc-orderlist{
margin: 0;
}
.page-template-spice-blocks-full-width-template .header-sidebar{
position: relative;
}
.hst-highlight-post-title, .hst-highlight-head h2{
margin: 0;
padding: 0;
}  .custom-slick-prev,
.custom-slick-next {
font-size: 1.6rem;
line-height: 0;
position: absolute;
top: 50%;
display: block;
width: unset;
height: unset;
padding: 0;
-webkit-transform: translate(0, -50%);
-ms-transform: translate(0, -50%);
transform: translate(0, -50%);
cursor: pointer;
color: #fff;
border: none;
outline: none;
background: #bd686800;
border-radius: 50%;
margin: 0 4%; }
.custom-slick-slider .custom-slick-prev,
.custom-slick-slider .custom-slick-next {
opacity: 0;
}
.custom-slick-slider:hover .custom-slick-prev,
.custom-slick-slider:hover .custom-slick-next {
opacity: 1;
z-index: 1;
}
.custom-slick-prev:hover:before,
.custom-slick-prev:focus:before,
.custom-slick-next:hover:before,
.custom-slick-next:focus:before {
opacity: 1;
}
.custom-slick-slider button.custom-slick-prev:focus,
.custom-slick-slider button.custom-slick-next:focus{
outline: none;
}
.custom-slick-prev.slick-disabled:before,
.custom-slick-next.slick-disabled:before {
opacity: 0.25;
}
.custom-slick-prev:before,
.custom-slick-next:before {
font-family: '"Font Awesome 5 Free"';
font-size: 20px;
line-height: 1;
opacity: 0.75;
color: white;
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
}
.custom-slick-prev {
left: -25px;
}
[dir="rtl"] .custom-slick-prev {
right: -25px;
left: auto;
}
.custom-slick-next {
right: -25px;
}
[dir="rtl"] .custom-slick-next {
right: auto;
left: -25px;
}  .slick-dots {
position: absolute;
bottom: 25px;
display: block;
width: 100%;
padding: 0;
margin: 0;
list-style: none;
text-align: center;
}
.slick-dots li {
position: relative;
display: inline-block;
margin: 0;
padding: 0;
cursor: pointer;
}
.slick-dots li button {
font-size: 20px;
font-family: "Poppins";
line-height: 0;
color: #ffffff;
display: block;
width: 20px;
height: 20px;
padding: 5px;
cursor: pointer;
border: 0;
outline: none;
background: transparent;
}
.slick-dots li button:hover,
.slick-dots li button:focus {
outline: none;
}
.slick-dots li button:hover:before,
.slick-dots li button:focus:before {
opacity: 1;
}
ul.slick-dots {
counter-reset: count;
display: inline-flex;
justify-content: right;
padding-right: 20px;
align-items: center;
}
.dots ul.slick-dots {
padding-right: 0;
}
ul.slick-dots li {
counter-increment: count;
}
ul.slick-dots li button {
display: none;
}
ul.slick-dots li.slick-active button {
display: block;
}
ul.slick-dots li {
counter-increment: count;
}
ul.slick-dots:after {
content: "/ " counter(count);
color: #ffffff;
color: #ffffff;
font-size: 20px;
font-family: "Poppins";
}
.custom-slick-slider.dots ul.slick-dots { }
.custom-slick-slider.dots ul.slick-dots:after {
display: none;
}
.custom-slick-slider.dots ul.slick-dots li button {
font-size: 0;
background-color: #fff;
margin: 0 3px;
width: 10px;
height: 10px;
display: block;
border-radius: 10px;
}
.custom-slick-slider.dots ul.slick-dots li.slick-active button {
width: 32px;
} .star-rating-block {
display: inline-flex;
flex-wrap: wrap;
gap: 3px;
font-size: 30px;
line-height: 1;
}
.star {
position: relative;
display: inline-block;
width: 1em;
height: 1em;
}
.star-empty {
color: #ccc;
position: absolute;
top: 0;
left: 0;
}
.star-fill {
position: absolute;
top: 0;
left: 0;
overflow: hidden;
}
.star-fill.full {
width: 100%;
}
.star-fill.half {
width: 42.5%;
}:root{ --container-width:1290px; --primary-font: "EB Garamond", serif;
--secondary-font: "Inter", sans-serif; --theme-ascent1: #FE4F70;
--theme-ascent2: #FFA387;
--theme-bg-light:#ffffff;
--theme-bg-dark:#000000;
--text-color-light:#ffffff;
--text-color-dark:#000000;
--theme-bg-ascent:#161616;
--theme-bg-ascent-one:#242424;
--border-color-light:#ffffff;
--border-color-dark:#242424; --bnr-gap: 15px;
--universal-gap: 40px;
--missed-slider-gap:15px;
--instafeed-gap:18px;  
--footer-col-gap:30px;
}  *,
*::before,
*::after {
box-sizing: border-box;
} html {
-moz-text-size-adjust: none;
-webkit-text-size-adjust: none;
text-size-adjust: none;
} input, textarea, select, button {
font-family: inherit;
font-size: inherit;
}    .hst-flow-hidden{
overflow: hidden;
}
body .hst-img-cover{
width: 100%;
height: 100%;
object-fit: cover;
}
.hst-p-relative{
position: relative;
}
.hst-d-flex{
display: flex;
}
.hst-d-flex-wrap{
flex-wrap: wrap;
}
.hst-align-start{
align-items: flex-start;
}
.hst-align-center{
align-items: center;
}
.hst-align-end{
align-items: flex-end;
}
.hst-justify-start{
justify-content: flex-start;
}
.hst-justify-center{
justify-content: center;
}
.hst-justify-end{
justify-content: flex-end;
}
.hst-justify-between{
justify-content: space-between;
}
.hst-text-center{
text-align: center;
}
.hst-text-left{
text-align: left;
}
.hst-text-right{
text-align: right;
}
.hst-flex-g-100{
flex: 1 1 100%;
}
.hst-flex-g-50{
flex: 1 1 50%;
}
.hst-flex-g-66{
flex: 1 1 66.66%;
}
.hst-flex-g-33{
flex: 1 1 33.33%;
} 
.hst-flex-g-75{
flex: 1 1 75%;
}
.hst-flex-g-25{
flex: 1 1 25%;
} body{
background-color: var(--theme-bg-light);
}
body.hst-gradient-bg{
background: rgb(155,74,218);
background-image: url(//radiorirbrasil.com.br/wp-content/plugins/spice-blocks/assets/images/triangle-shape.png), linear-gradient(90deg, rgba(155,74,218,1) 0%, rgba(77,83,239,1) 50%, rgba(239,77,182,1) 100%);
background-repeat: no-repeat;
background-position: center;
background-size: initial;
}
.hst-container{ margin: 0 auto; }
.owl-carousel .owl-nav button.owl-prev, 
.owl-carousel .owl-nav button.owl-next {
position: absolute;
color: #000;
background-color: #ffffff;
width: 36px;
aspect-ratio: 1;
padding: 6px;
border: 1px solid #DEDBEB;
border-radius: 50%;
z-index: 1;
transition: 0.3s;
}
.owl-carousel .owl-nav button.owl-prev:is(:hover, :focus), 
.owl-carousel .owl-nav button.owl-next:is(:hover, :focus){
color: #ffffff;
background-image: linear-gradient(to right, var(--theme-ascent2), var(--theme-ascent1));
border: transparent;
} .hst-header{
margin-bottom: 20px;
position: relative;
z-index: 9;
}
.hst-header .hst-head-topbar {
background-color: #30373E;
padding-block: 8px;
}
.hst-header .hst-head-topbar .hst-head-topbar-wrapper{
gap: 6px;
} .hst-trend-posts{
gap: 5px;
}
.hst-trend-posts .hst-trending-post{
max-width: 600px;
}
.hst-trend-posts .hst-trending-posts-head{
white-space: nowrap;
color: #ffffff;
font-size: 14px;
font-family: var(--secondary-font);
font-weight: 400;
text-transform: uppercase;
} .hst-trend-posts .hst-trending-post-title a{
color: #ffffff;
font-size: 14px;
font-family: var(--secondary-font);
font-weight: 400;
line-height: 22px;
display: -webkit-box;
-webkit-line-clamp: 1;
-webkit-box-orient: vertical;
overflow: hidden;
}
.hst-trend-posts .hst-trending-post-title a:is(:hover, :focus){
-webkit-text-fill-color: transparent;
-webkit-background-clip: text;
background-image: linear-gradient(to right, var(--theme-ascent2), var(--theme-ascent1));
}
.hst-date-time ul{
gap: 16px;
list-style: none;
margin: 0;
}
.hst-date-time ul li{
color: #ffffff;
font-size: 14px;
font-family: var(--secondary-font);
font-weight: 400;
line-height: 22px;
text-transform: capitalize;
}
.hst-head-middlebar{
background-color: var(--theme-bg);
padding-block: 31px;
border-bottom: 1px solid #E1E3E6;
}
.hst-head-middlebar .hst-container{ gap: 10px;
}
.hst-head-middlebar .hst-container > *{
flex: 1 1 calc(33.33% - 10px);
}
.hst-head-socials ul{
gap: 5px;
flex-wrap: wrap;
list-style: none;
margin: 0;
}
.hst-head-socials .hst-socials a{
font-size: 14px;
padding: 8px;
display: grid;
place-content: center;
min-width: 36px;
aspect-ratio: 1;
border: 1px solid #E1E3E6;
border-radius: 50%;
color: var(--text-color-dark);
background-color: var(--theme-bg-light);
}
.hst-head-socials .hst-socials a:is(:hover, :focus){
color: #ffffff;
-webkit-text-fill-color: unset;
-webkit-background-clip: unset;
background-image: linear-gradient(to right, var(--theme-ascent2), var(--theme-ascent1));
border-color: transparent;
}
.hst-nav-menu-btn i{
display: none;
}
.hst-site-logo-name .hst-site-logo{
display: inline-block;
padding: 10px;
}
.hst-site-logo-name .hst-site-logo.hst-logo-dark{
display: none;
}
.hst-site-logo-name .hst-site-name{
padding: 10px;
display: none;
}
.hst-site-logo-name .hst-site-name .hst-site-title{
font-size: 32px;
line-height: 1;
color: #000;
font-family: var(--primary-font);
font-weight: 600;
margin-bottom: 10px;
}
.hst-site-logo-name .hst-site-name .hst-site-description{
color: #000;
font-size: 16px;
font-family: var(--secondary-font);
font-weight: 400;
line-height: 22px;
} .hst-dl-switcher{
width: 44px;
height: 24px;
display: flex;
align-items: center;
justify-content: space-between;
background-color: #E7E7E7;
border-radius: 13px;
padding: 0px 8px;
}
.hst-dl-switcher i{
position: relative;
font-size: 12px;
z-index: 1;
color: transparent;
cursor: pointer;
}
.hst-dl-switcher i::before{
position: relative;
z-index: 1;
}
.hst-dl-switcher i.active{
color: #000;
}
.hst-dl-switcher i.active::after{
content: "";
position: absolute;
background-color: #FFFFFF;
width: 20px;
height: 20px;
border-radius: 50%;
top: 50%;
transform: translate(-77%, -50%);
box-shadow: 0 4px 4px rgb(0 0 0 / 6%);
} .hst-search-bar{
margin-left: 24px;
position: relative;
}
.hst-search-bar .hst-search-btn{
font-size: 14px;
padding: 8px;
display: grid;
place-content: center;
min-width: 38px;
aspect-ratio: 1;
border-radius: 50%;
color: var(--text-color-dark);
background-color: #EFF2F9;
transition: 0.2s;
}
.hst-search-bar .hst-search-btn:is(:hover, :focus){
color: #ffffff;
-webkit-text-fill-color: unset;
-webkit-background-clip: unset;
background-image: linear-gradient(to right, var(--theme-ascent2), var(--theme-ascent1));
}
.hst-search-bar .hst-search-panel{
position: absolute;
top: 130%;
left: auto;
right: 0;
padding: 16px 12px;
background-color: #EFF2F9;
width: 300px;
transition: 0.3s;
border-block: 2px solid var(--theme-ascent1);
border-radius: 10px;
opacity: 0 ;
visibility: hidden;
}
.hst-search-bar.open .hst-search-panel{
opacity: 1 ;
visibility: visible;
}
.hst-search-bar  .hst-search-panel .hst-head-search-form{
display: grid;
grid-template-columns: 70% 30%;
height: 34px;
}
.hst-search-bar  .hst-search-panel .hst-head-search-form input{
background-color: #ffffff;
border: none;
outline: none;
font-size: 16px;
font-family: var(--secondary-font);
font-weight: 400;
line-height: 1;
color: #000;
}
.hst-search-bar  .hst-search-panel .hst-head-search-form button{
font-size: 16px;
font-family: var(--secondary-font);
font-weight: 600;
line-height: 1;
text-transform: capitalize;
color: #ffffff;
background-image: linear-gradient(to right, var(--theme-ascent2), var(--theme-ascent1));
}
.hst-head-btn{margin-left: 10px;}
.hst-head-btn a{
padding: 8.5px 16.5px;
font-size: 14px;
font-weight: 700;
font-family: var(--secondary-font);
line-height: 22px;
text-transform: capitalize;
color: #ffffff;
background-image: linear-gradient(to right, var(--theme-ascent2), var(--theme-ascent1));
border-radius: 30px;
white-space: nowrap;
}
.hst-head-btn a i{
margin-right: 5px;
}
.hst-head-btn a:hover i {
animation: bellshake 2000ms infinite;  
}
@keyframes bellshake {
0%{transform: rotate(0deg);}
10%{transform: rotate(15deg);}
20%{transform: rotate(-15deg);}
40%{transform: rotate(10deg);}
60%{transform: rotate(-10deg);}
80%{transform: rotate(5deg);}
90%{transform: rotate(-5deg);}
100%{transform: rotate(0deg);}
}
.hst-site-nav{
background-color: var(--theme-bg);
box-shadow: 0 4px 10px rgb(0 0 0 / 4%);
}
.hst-site-nav ul{
list-style: none;
margin: 0;
}
.hst-site-nav .hst-nav-close{
display: none;
}
.hst-site-nav .hst-nav-menu{gap: 26px;}
.hst-site-nav .hst-nav-item{
position: relative;
cursor: pointer;
transition: 0.3s;
}
.hst-site-nav .hst-nav-link{
color: var(--text-color-dark);
font-size: 16px;
font-family: var(--secondary-font);
font-weight: 500;
line-height: 22px;
text-transform: capitalize;
display: inline-block;
padding: 24px 8px;
position: relative;
}
.hst-site-nav .hst-has-submenu .hst-nav-link{
padding-right: 30px;
}
.hst-site-nav .hst-nav-item:is(:hover,:focus) > .hst-nav-link{
-webkit-text-fill-color: transparent;
-webkit-background-clip: text;
background-image: linear-gradient(to right, var(--theme-ascent2), var(--theme-ascent1));
}
.hst-site-nav .hst-nav-link::before{
content: "";
position: absolute;
top: 0;
left: 50%;
transform: translateX(-50%);
width: 0%;
height: 4px;
-webkit-text-fill-color: unset;
-webkit-background-clip: unset;
background-image: linear-gradient(to right, var(--theme-ascent2), var(--theme-ascent1));
transition: 0.3s;
}
.hst-site-nav .hst-nav-link.active::before,
.hst-site-nav .hst-nav-item:hover .hst-nav-link:before{
width: 100%;
}
.hst-site-nav .hst-sub-menu{
position: absolute;
top: 100%;
background-color: #fff;
z-index: 1;
min-width: 150px;
border-top: 2px solid var(--theme-ascent1);
box-shadow: 0 4px 15px rgb(0 0 0 / 8%);
opacity: 0;
visibility: hidden;
transition: 0.3s;
transform: translateY(1rem);
transform-origin: top;
}
.hst-site-nav .hst-sub-menu .hst-sub-menu{
top: 0;
left: calc(100% + 5px);
} 
.hst-site-nav .hst-nav-item.hst-has-submenu::after{
content: "\f107";
font-family: fontAwesome;
position: absolute;
right: 0;
top: 50%;
transform: translateY(-50%);
color: var(--text-color-dark);
}
.hst-site-nav .hst-sub-menu .hst-nav-item.hst-has-submenu::after{
content: "\f105";
right: 15px;
}
.hst-site-nav .hst-has-submenu:is(:hover, :focus) > .hst-sub-menu{
opacity: 1;
visibility: visible;
transform: translateY(0);
}
.hst-site-nav .hst-sub-menu .hst-nav-link::before{
content: unset;
}
.hst-site-nav .hst-sub-menu .hst-nav-link{
display: block;
padding: 10px 16px;
}  .hst-highlights .hst-container{
padding: 10px;
background-color: #ffffff;
border-radius: 12px;
box-shadow: 0 4px 20px rgba(9, 11, 60, 0.1);
}
.hst-highlights .hst-highlight-wrap{
border-radius: inherit;
overflow: hidden;
}
.hst-highlights .hst-highlight-head{ background-image: linear-gradient(to right, var(--theme-ascent2), var(--theme-ascent1));
padding: 15px 14px; text-align: center;
}
.hst-highlights .hst-highlight-head h2{
color: #ffffff;
font-size: 20px;
font-weight: 700;
line-height: 1;
text-transform: capitalize;
font-family: var(--primary-font);
}
.hst-highlights .hst-highlight-track{
display: -webkit-box;
white-space: nowrap;
overflow: hidden;
background-color: #F5F7FD;
flex: 1;
} 
.hst-highlights .hst-highlight-track-wrapper{
white-space: nowrap;
transform: translate3d(0%, 0, 0);
animation-name: highlight-marquee;
animation-timing-function: linear;
animation-iteration-count: infinite;
animation-duration: 22s;
padding-block: 5px;
gap: 30px;
}
@keyframes highlight-marquee {
0% {
transform: translate3d(0%, 0, 0);
}
100% {
transform: translate3d(-100%, 0, 0);
}
}
.hst-highlights .hst-highlight-track:hover .hst-highlight-track-wrapper{
animation-play-state: paused;
}
.hst-highlights .hst-highlight-track-wrapper.hst-Pause{
animation-play-state: paused;
}
.hst-highlights .hst-highlight-img{
width: 40px;
aspect-ratio: 1;
border-radius: 50%;
overflow: hidden;
margin-right: 10px;
border: 1px solid #ffffff;
box-shadow: 4px 4px 10px rgba(0, 0, 0, 0.1);
}
.hst-highlights .hst-highlight-content .hst-highlight-date{
font-size: 12px;
line-height: 20px;
font-weight: 400;
text-transform: capitalize;
color: var(--theme-ascent1); 
-webkit-text-fill-color: transparent;
-webkit-background-clip: text;
background-image: linear-gradient(to right, var(--theme-ascent2), var(--theme-ascent1));
font-family: var(--secondary-font);
} .hst-highlights .hst-highlight-content .hst-highlight-post-title a{
font-size: 16px;
line-height: 22px;
font-weight: 600;
color: #000;
font-family: var(--primary-font);
display: -webkit-box;
-webkit-line-clamp: 1;
-webkit-box-orient: vertical;
overflow: hidden;
}
.hst-highlights .hst-highlight-content .hst-highlight-post-title a:is(:hover,:focus){
color: var(--theme-ascent1); 
-webkit-text-fill-color: transparent;
-webkit-background-clip: text;
background-image: linear-gradient(to right, var(--theme-ascent2), var(--theme-ascent1));
}
.hst-highlights .hst-highlight-btn{ background-image: linear-gradient(to right, var(--theme-ascent2), var(--theme-ascent1));
padding: 15px 14px;
font-size: 21px;
color: #ffffff;
}  .hst-banner .hst-banner-posts{
margin: 0  calc(var(--bnr-gap) * -1) ;
}
.hst-banner .hst-banner-post {
margin-inline: var(--bnr-gap);
}
.hst-banner .hst-banner-posts .slick-arrow{
position: absolute;
top: 50%;
transform: translateY(-50%);
color: #000;
background-color: #ffffff;
width: 36px;
aspect-ratio: 1;
padding: 6px;
border: 1px solid #DEDBEB;
border-radius: 50%;
z-index: 1;
transition: 0.3s;
opacity: 0;
visibility: hidden;
}
.hst-banner .hst-banner-posts .slick-arrow.fa-angle-left{
left: 25px;
}
.hst-banner .hst-banner-posts .slick-arrow.fa-angle-right{
right: 25px;
}
.hst-banner .hst-banner-posts:hover .slick-arrow{
opacity: 1;
visibility: visible;
}
.hst-banner .hst-banner-post-thumbh{
background-size: cover;
background-repeat: no-repeat;
background-position: center center;
min-height: 420px;
border-radius: 10px;
padding: 20px;
}
.hst-banner .hst-banner-post-thumbh::after{
content: "";
position: absolute;
inset: 0;
background: linear-gradient(180deg, rgba(0,0,0,0) 20%, rgba(0,0,0,.8) 100%);
z-index: 1;
}
.hst-banner .hst-banner-post-thumbh .hst-banner-post-content{
z-index: 2;
}
.hst-banner .hst-banner-post-content .hst-banner-top-meta .hst-category{
position: absolute;
top: 10px;
left: 10px;
gap: 10px;
}
.hst-banner .hst-banner-post-content .hst-banner-top-meta .hst-category a{
font-size: 12px;
line-height: 1;
font-weight: 600;
text-transform: capitalize;
font-family: var(--secondary-font);
color: #707070;
background-color: #ffffff;
padding: 7.5px 10px;
border-radius: 30px;
display: inline-block;
}
.hst-banner .hst-banner-posts .slick-arrow:is(:hover,:focus),
.hst-banner .hst-banner-post-content .hst-banner-top-meta .hst-category a:is(:hover, :focus){
color: #ffffff;
background-image: linear-gradient(to right, var(--theme-ascent2), var(--theme-ascent1));
border: transparent;
}
.hst-banner .hst-banner-post-content .hst-banner-top-meta .hst-date a{
font-size: 16px;
line-height: 24px;
font-weight: 700;
font-family: var(--secondary-font);
color: #ffffff;
}
.hst-banner .hst-banner-post-content .hst-banner-post-title{
margin-top: 8px;
margin-bottom: 18px;
}
.hst-banner .hst-banner-post-content .hst-banner-post-title a{
font-size: 24px;
line-height: 34px;
font-weight: 600;
font-family: var(--primary-font);
color: #ffffff;
display: -webkit-box;
-webkit-line-clamp: 3;
-webkit-box-orient: vertical;
overflow: hidden;
}
.hst-banner .hst-banner-post-content .hst-banner-bottom-meta .hst-read-more {
font-size: 14px;
line-height: 1;
font-weight: 700;
font-family: var(--secondary-font);
color: #ffffff;
text-transform: capitalize;
padding: 11px 15px; border-radius: 60px;
display: inline-block;
margin-right: 29px;
}
.hst-banner .hst-banner-post-content .hst-banner-bottom-meta .hst-read-more:is(:hover, :focus){
background-image: linear-gradient(to right, var(--theme-ascent2), var(--theme-ascent1));
border-color: transparent;
}
.hst-banner .hst-banner-post-content .hst-banner-bottom-meta .hst-comment i{
font-size: 14px;
line-height: 1;
color: var(--theme-ascent1);
margin-right: 6px;
}
.hst-banner .hst-banner-post-content .hst-banner-bottom-meta .hst-comment a{
font-size: 16px;
line-height: 26px;
font-weight: 400;
font-family: var(--secondary-font);
color: #ffffff;
}
.hst-banner .hst-banner-post-content .hst-banner-top-meta .hst-date a:is(:hover, :focus),
.hst-banner .hst-banner-post-content .hst-banner-bottom-meta .hst-comment a:is(:hover, :focus),
.hst-banner .hst-banner-post-content .hst-banner-post-title a:is(:hover, :focus){
-webkit-text-fill-color: transparent;
-webkit-background-clip: text;
background-image: linear-gradient(to right, var(--theme-ascent2), var(--theme-ascent1));
} .hst-banner .hst-banner-slider-two .hst-banner-post-thumbh{
min-height: 460px;
}
.hst-banner .hst-banner-slider-two .hst-banner-post-content .hst-banner-top-meta{
display: flex;
flex-wrap: wrap;
gap: 15px 10px;
align-items: center;
}
.hst-banner .hst-banner-slider-two .hst-banner-post-content .hst-banner-top-meta .hst-category{
position: initial;
} .hst-banner-posts.hst-banner-slider-three{
margin: 0;
}
.hst-banner-slider-three{
display: flex;
align-items: center;
}
.hst-banner-slider-three .hst-slider-three-post-img{
flex-basis: 53%;
max-width: 53%;
}
.hst-banner-slider-three .hst-slider-three-content{
flex-basis: 47%;
max-width: 47%;
border-radius: 14px;
overflow: hidden;
background-color: #fff;
box-shadow: 0 0 30px rgba(50, 50, 93, 0.12);
}
.hst-banner-slider-three .hst-slider-three-content .slick-list{margin: 0 40px;}
.hst-banner-slider-three .hst-slider-three-post-img figure{
height: 520px;
border-radius: 14px;
overflow: hidden;
}
.hst-banner-slider-three .hst-banner-post-content-wrapper{
display: flex;
align-items: flex-start;
padding: 30px 0; }
.hst-banner-slider-three .hst-banner-post-content-wrapper.slick-active.slick-center{
border-top: 1px solid #d9d9d9;
border-bottom: 1px solid #d9d9d9;
}
.hst-banner-slider-three .hst-banner-post-content-wrapper .hst-banner-post-count{
flex: 0 1 60px;
}
.hst-banner-slider-three .hst-banner-post-content-wrapper .hst-banner-post-content{
flex: 1;
}  .hst-banner-slider-three .hst-banner-post-content-wrapper .hst-banner-post-count span{
font-size: 18px;
line-height: 1;
font-family: var(--secondary-font);
width: 36px;
aspect-ratio: 1;
border-radius: 50%;
display: grid;
place-content: center;
color: #ffffff;
background-color: var(--theme-ascent2);
}
.hst-banner-slider-three .hst-banner-post-content-wrapper.slick-active.slick-center .hst-banner-post-count span{
background-image: linear-gradient(to right, var(--theme-ascent2), var(--theme-ascent1));
}
.hst-banner .hst-banner-slider-three .hst-banner-post-content .hst-banner-post-title{
margin-top: unset;
margin-bottom: 0;
}
.hst-banner .hst-banner-slider-three .hst-banner-post-content .hst-banner-post-title a{
color: #000000;
-webkit-line-clamp: 2;
}
.hst-banner-slider-three .hst-banner-post-content .hst-post-excerpt{
font-size: 18px;
line-height: 27px;
font-weight: 400;
color: #707070;
font-family: var(--secondary-font);
margin-bottom: 20px;
margin-top: 15px;
display: -webkit-box;
-webkit-line-clamp: 2;
-webkit-box-orient: vertical;
overflow: hidden;
}
.hst-banner-slider-three .hst-banner-post-content .hst-banner-bottom-meta{
display: flex;
align-items: center;
gap: 28px;
}
.hst-banner-slider-three .hst-banner-post-content .hst-author{
display: flex;
align-items: center;
gap: 10px;
}
.hst-banner-slider-three .hst-author .hst-author-img{
width: 30px;
aspect-ratio: 1;
border-radius: 50%;
}
.hst-banner-slider-three .hst-banner-post-content .hst-author a,
.hst-banner-slider-three .hst-banner-post-content .hst-date a{
font-size: 16px;
line-height: 24px;
font-weight: 400;
color: var(--theme-ascent1);
text-transform: capitalize;
font-family: var(--secondary-font);
}
.hst-banner-slider-three .hst-banner-post-content .hst-date a{
color: #707070;
position: relative;
}
.hst-banner-slider-three .hst-banner-post-content .hst-date a::before{
content: "";
position: absolute;
left: -18px;
top: 50%;
transform: translateY(-50%);
width: 10px;
height: 2px;
background-color: var(--theme-ascent1);
}
.hst-banner .hst-banner-posts.hst-banner-slider-three .slick-arrow{
opacity: 1;
visibility: visible;
}
.hst-banner-slider-three .hst-banner-post-content .hst-date a:is(:hover, :focus),
.hst-banner-slider-three .hst-banner-post-content .hst-author a:is(:hover, :focus){
-webkit-text-fill-color: transparent;
-webkit-background-clip: text;
background-image: linear-gradient(to right, var(--theme-ascent2), var(--theme-ascent1));
}  .hst-featured-section{
margin-bottom: var(--universal-gap);
}
.hst-featured-section .hst-featured-wrapper{
gap: var(--universal-gap);
}
.hst-featured-section .hst-featured-wrapper .hst-featured-post{
flex: 1 1 calc(33.33% - var(--universal-gap));
min-height: 360px;
border-radius: 16px;
background-size: cover;
background-position: center center;
background-repeat: no-repeat;
padding: 30px;
} .hst-featured-section .hst-featured-wrapper .hst-featured-post .hst-post-title a{
font-size: 16px;
line-height: 1.5;
font-weight: 600;
font-family: var(--secondary-font);
color: #000;
background-color: #fff;
padding: 10px;
border-radius: 10px;
display: block;
display: -webkit-box;
-webkit-line-clamp: 2;
-webkit-box-orient: vertical;
overflow: hidden;
}  .hst-blog-content-area{ }
.hst-blog-content-area .hst-container{
gap: var(--universal-gap);
}
.hst-blog-content-area .hst-content-area{ max-width: 69%;
flex-basis: 69%; flex-shrink: 1;
}
.hst-blog-content-area .hst-content-sidebar{ max-width: 31%;
flex-basis: 31%; flex-shrink: 1;
display: flex;
flex-direction: column;
gap: var(--universal-gap);
}
.hst-blog-content-area .hst-container:not(:has(.hst-content-sidebar)) .hst-content-area {
max-width: 100%;
flex-basis: 100%;
} .hst-blog-view .hst-post{
border-radius: 12px;
border: 1px solid #DEDBEB;
background-color: #ffffff;
}
.hst-blog-view .hst-post:not(:has(.hst-post-thumbh)){
overflow: visible; margin-top: calc(var(--universal-gap)/2);
}
.hst-blog-view .hst-post .hst-post-thumbh {
height: 320px;
background-color: #00000040;
}
.hst-blog-view .hst-post .hst-post-thumbh figure{
height: 100%;
}
.hst-blog-view .hst-post .hst-post-content{
padding: 0 30px 30px;
position: relative;
z-index: 1;
}
.hst-blog-view .hst-post .hst-post-content .hst-top-meta{
margin-bottom: -6px;
position: relative;
top: 0;
transform: translateY(-50%);
}
.hst-blog-view .hst-post .hst-post-content .hst-top-meta .hst-category{
gap: 2px;
flex: 0 1 80%;
}
.hst-blog-view .hst-post .hst-post-content .hst-top-meta .hst-category a{
font-size: 12px;
line-height: 1;
font-weight: 600;
font-family: var(--secondary-font);
text-transform: capitalize;
color: #ffffff;
background-color: var(--theme-ascent2);
padding: 8px 10px;
border: 2px solid #ffffff;
border-radius: 30px;
}
.hst-blog-view .hst-post .hst-post-content .hst-top-meta .hst-post-type-icon{
width: 40px;
aspect-ratio: 1;
background-color: #ffffff;
font-size: 18px;
line-height: 1;
display: grid;
place-content: center;
box-shadow: 0px 0px 20px rgba(0, 0, 0, 0.15);
border-radius: 50%;
color: var(--theme-ascent1);
}
.hst-blog-view .hst-post .hst-post-content .hst-post-meta{
gap: 8px 25px;
margin-bottom: 21px;
}
.hst-blog-view .hst-post .hst-post-content .hst-post-meta :is(.hst-author, .hst-date){
font-size: 16px;
line-height: 24px;
font-weight: 400;
text-transform: capitalize;
color: #707070;
font-family: var(--secondary-font);
}
.hst-blog-view .hst-post .hst-post-content .hst-post-meta .hst-author a{
color: #000000;
}
.hst-blog-view .hst-post .hst-post-content .hst-post-meta .hst-date a{
color: var(--theme-ascent1);  
}
.hst-blog-view .hst-post .hst-post-content .hst-post-excerpt{
font-size: 18px;
line-height: 27px;
font-weight: 400;
font-family: var(--secondary-font);
color: #707070;
}
.hst-blog-view .hst-post .hst-post-title{
margin-bottom: 14px;
line-height: 0px;
}
.hst-blog-view .hst-post .hst-post-title a{
font-size: 30px;
line-height: 40px;
font-weight: 600;
font-family: var(--primary-font);
color: #000;
}
.hst-blog-view .hst-post .hst-post-content .hst-bottom-meta{
border-top: 1px solid rgba(222, 219, 235, 0.4);
padding-top: 18px;
margin-top: 22px;
gap: 8px;
}
.hst-blog-view .hst-post .hst-post-content .hst-bottom-meta .hst-read-more,
.hst-blog-view .hst-post .hst-post-content .hst-bottom-meta .hst-comment{ 
font-size: 16px;
font-weight: 600;
line-height: 24px;
text-transform: capitalize;
font-family: var(--secondary-font);
color: #707070;
}
.hst-blog-view .hst-post .hst-post-content .hst-bottom-meta .hst-comment a{
color: #707070;
}
.hst-blog-view .hst-post .hst-post-content .hst-bottom-meta .hst-comment i,
.hst-blog-view .hst-post .hst-post-content .hst-bottom-meta .hst-read-more i{
font-size: 12px;
}
.hst-blog-view .hst-post .hst-post-content .hst-bottom-meta .hst-comment i{
color: var(--theme-ascent1);
}
.hst-blog-view .hst-post .hst-post-title a:is(:hover, :focus),
.hst-blog-view .hst-post .hst-post-content .hst-post-meta .hst-date a:is(:hover, :focus),
.hst-blog-view .hst-post .hst-post-content .hst-post-meta .hst-author a:is(:hover, :focus),
.hst-blog-view .hst-post .hst-post-content .hst-bottom-meta .hst-read-more:is(:hover, :focus),
.hst-blog-view .hst-post .hst-post-content .hst-bottom-meta .hst-comment a:is(:hover, :focus){ 
-webkit-text-fill-color: transparent;
-webkit-background-clip: text;
background-image: linear-gradient(to right, var(--theme-ascent2), var(--theme-ascent1));
} body .hst-post-archives .hst-post.hst-first-post{
flex-basis: 100%;
padding: 113px 95px 110px;
background-position: center;
background-repeat: no-repeat;
background-size: cover;
overflow: hidden;
margin-top: unset;
}
body .hst-post-archives .hst-post.hst-first-post::before{
content: "";
position: absolute;
inset: 0;
background-color: rgba(0, 0, 0, 0.4);
}
body .hst-post-archives .hst-post.hst-first-post .hst-post-content{
z-index: 1;
padding: 0;
}
body .hst-post-archives .hst-post.hst-first-post .hst-post-content .hst-top-meta{
margin: unset;
transform: unset;
}
body .hst-post-archives .hst-post.hst-first-post .hst-post-content .hst-top-meta .hst-category{
justify-content: center;
gap: 8px;
}
body .hst-post-archives .hst-post.hst-first-post .hst-post-content .hst-top-meta .hst-category a{
border: none;
color: #707070;
background-color: #ffffff;
background-image: unset;
}
body .hst-post-archives .hst-post.hst-first-post .hst-post-content .hst-top-meta .hst-category a:is(:hover, :focus){
color: #ffffff;
background-image: linear-gradient(to right, var(--theme-ascent2), var(--theme-ascent1));
}
body .hst-post-archives .hst-post.hst-first-post .hst-post-title{
margin-top: 14px;
margin-bottom: 23px;
}
body .hst-post-archives .hst-post.hst-first-post .hst-post-title a{
font-size: 36px;
line-height: 46px;
font-weight: 600;
font-family: var(--primary-font);
color: #fff;
text-align: center;
}
body .hst-post-archives .hst-post.hst-first-post .hst-post-content .hst-post-excerpt{
color: #ffffff;
text-align: center;
margin-bottom: 27px;
}
body .hst-post-archives .hst-post.hst-first-post .hst-post-content .hst-post-meta{
flex-direction: column;
gap: 23px;
margin: unset;
}
body .hst-post-archives .hst-post.hst-first-post .hst-post-content .hst-read-more{
font-size: 14px;
line-height: 22px;
font-weight: 700;
font-family: var(--secondary-font);
color: #fff;
text-transform: capitalize;
border-radius: 60px;
padding: 8px 16px;
background-image: linear-gradient(to right, var(--theme-ascent2), var(--theme-ascent1));
}
body .hst-post-archives .hst-post.hst-first-post .hst-post-content .hst-post-meta .hst-date{
font-size: 16px;
line-height: 26px;
font-weight: 700;
font-family: var(--secondary-font);
text-transform: capitalize;
}
body .hst-post-archives .hst-post.hst-first-post .hst-post-content .hst-post-meta .hst-date a{
color: #fff;
} .hst-blog-view.hst-blog-single-grid-view {
display: flex;
flex-direction: column;
gap: var(--universal-gap);
}
.hst-blog-view.hst-blog-single-grid-view .hst-post-thumbh{
height: 520px;
}
.hst-blog-view.hst-blog-single-grid-view .hst-post-thumbh *{
height: 100% !important;
}   .hst-blog-view.hst-blog-grid-view{
display: flex;
flex-wrap: wrap;
gap: var(--universal-gap);
}
.hst-blog-view.hst-blog-grid-view > *{
flex: 0 1 calc(50% - var(--universal-gap) / 2);
}   .hst-blog-view.hst-blog-masonry-view.hst-masonry-col{
column-count: 2;
gap: var(--universal-gap);
} .hst-blog-view.hst-blog-masonry-view.hst-masonry-3-col{
column-count: 3;
gap: var(--universal-gap);
}
.hst-blog-view.hst-blog-masonry-view > *{
break-inside: avoid;
margin-bottom: var(--universal-gap);
}   .hst-blog-list-view{
display: flex;
flex-direction: column;
gap: var(--universal-gap);
}
.hst-blog-list-view .hst-post{
display: flex;
align-items: center;
gap: 25px;
background-color: #ffffff;
border-radius: 10px;
border: none;
}
.hst-blog-list-view .hst-post .hst-post-thumbh{
flex: 0 1 46%;
}
.hst-blog-list-view .hst-post .hst-post-content{ flex: 1;
padding: 5px;
}
.hst-blog-list-view .hst-post:not(:has(.hst-post-thumbh)){
padding: 15px;
box-shadow: 0 0 10px rgba(0, 0, 0, 0.2);
}
.hst-blog-list-view .hst-post-type-gallery .hst-post-gallery{
max-width: 400px;
}
.hst-blog-list-view .hst-post.hst-post-type-link .hst-post-thumbh{
height: 340px;
display: grid;
place-content: center;
}
.hst-blog-list-view .hst-post .hst-post-thumbh{
overflow: hidden;
position: relative;
border-radius: 12px;
}
.hst-blog-list-view .hst-post .hst-post-thumbh{
height: 340px;
}
.hst-blog-list-view .hst-post .hst-post-thumbh figure{
height: 100%;
}
.hst-blog-list-view .hst-post .hst-post-content .hst-top-meta{
margin-bottom: 10px;
}
.hst-blog-list-view .hst-post:has(.hst-post-thumbh) .hst-post-content .hst-top-meta{
display: none;
}
.hst-blog-list-view .hst-post .hst-post-thumbh .hst-top-meta{
position: absolute;
left: 0;
bottom: 0;
width: 100%;
padding: 10px;
}
.hst-blog-list-view .hst-post .hst-top-meta .hst-date a{
font-size: 16px;
font-weight: 400;
line-height: 24px;
font-family: var(--secondary-font);
color: #000;
display: inline-block;
}
.hst-blog-list-view .hst-post .hst-post-thumbh .hst-top-meta .hst-date a{
background-color: #fff;
padding: 8px 13px;
border-radius: 6px;
}
.hst-blog-list-view .hst-post .hst-post-type-icon{
width: 40px;
aspect-ratio: 1;
background-color: #ffffff61;
font-size: 18px;
line-height: 1;
display: grid;
place-content: center;
box-shadow: 0px 0px 20px rgba(0, 0, 0, 0.15);
border-radius: 50%;
color: #fff;
}
.hst-blog-list-view .hst-post .hst-post-content .hst-post-type-icon{
background-image: linear-gradient(to right, var(--theme-ascent2), var(--theme-ascent1));
}
.hst-blog-list-view .hst-post .hst-post-content .hst-category{
gap: 16px;
flex-wrap: wrap;
margin-bottom: 12px;
}
.hst-blog-list-view .hst-post .hst-post-content .hst-category a{
font-size: 12px;
font-weight: 600;
line-height: 1;
font-family: var(--secondary-font);
text-transform: capitalize;
display: inline-block;
border-radius: 30px;
padding: 8px 10px;
color: #fff;
background-image: linear-gradient(to right, var(--theme-ascent2), var(--theme-ascent1));
}
.hst-blog-list-view .hst-post .hst-post-title{
margin-bottom: 19px;
}
.hst-blog-list-view .hst-post .hst-post-title a {
font-size: 30px;
line-height: 40px;
font-weight: 600;
font-family: var(--primary-font);
color: #000;
display: -webkit-box;
-webkit-line-clamp: 2;
-webkit-box-orient: vertical;
overflow: hidden;
}
.hst-blog-list-view .hst-post .hst-author{
display: flex;
align-items: center;
gap: 10px;
}
.hst-blog-list-view .hst-post .hst-author .hst-author-img{
width: 30px;
aspect-ratio: 1;
border-radius: 50px;
box-shadow: 0px 4px 4px rgba(0, 0, 0, 0.12);
}
.hst-blog-list-view .hst-post .hst-comment a,
.hst-blog-list-view .hst-post .hst-author a{
font-size: 16px;
font-weight: 400;
line-height: 24px;
font-family: var(--secondary-font);
color: #707070;
display: inline-block;
text-transform: capitalize;
}
.hst-blog-list-view .hst-post .hst-post-content .hst-top-meta .hst-date a:is(:hover, :focus),
.hst-blog-list-view .hst-post .hst-post-title a:is(:hover, :focus),
.hst-blog-list-view .hst-post .hst-comment a:is(:hover, :focus),
.hst-blog-list-view .hst-post .hst-author a:is(:hover, :focus){
-webkit-text-fill-color: transparent;
-webkit-background-clip: text;
background-image: linear-gradient(to right, var(--theme-ascent2), var(--theme-ascent1));
}
.hst-blog-list-view .hst-post .hst-post-meta{
gap: 10px 50px;
flex-wrap: wrap;
margin-bottom: 23px;
}
.hst-blog-list-view .hst-post .hst-comment i{
font-size: 14px;
margin-right: 6px;
color: var(--theme-ascent1);
}
.hst-blog-list-view .hst-post .hst-comment{
position: relative;
}
.hst-blog-list-view .hst-post .hst-comment::before{
content: "";
position: absolute;
left: -34px;
top: 50%;
transform: translateY(-50%);
width: 12px;
height: 1px;
background-color: var(--theme-ascent1);
}
.hst-blog-list-view .hst-post .hst-post-content .hst-post-excerpt {
font-size: 18px;
line-height: 27px;
font-weight: 400;
font-family: var(--secondary-font);
color: #707070;
display: -webkit-box;
-webkit-line-clamp: 3;
-webkit-box-orient: vertical;
overflow: hidden; }
.hst-blog-list-view .hst-post .hst-post-content .hst-bottom-meta{
margin-top: 22px;
}
.hst-blog-list-view .hst-post .hst-post-content .hst-bottom-meta .hst-read-more{
font-size: 14px;
font-weight: 600;
line-height: 22px;
text-transform: capitalize;
font-family: var(--secondary-font);
color: #000000;
border: 1px solid #707070;
border-radius: 60px;
padding: 8px 16px;
}
.hst-blog-list-view .hst-post .hst-post-content .hst-bottom-meta .hst-read-more i{
font-size: 11px;
}
.hst-blog-list-view .hst-post .hst-post-content .hst-bottom-meta .hst-read-more:is(:hover, :focus){
background-image: linear-gradient(to right, var(--theme-ascent2), var(--theme-ascent1));
color: #ffffff;
border-color: transparent;
} .hst-blog-list-view.hst-blog-list-view-switcher > *:nth-of-type(odd){
flex-direction: row-reverse;
}
.hst-blog-list-view.hst-blog-list-view-switcher .hst-post{
padding: 20px;
box-shadow: 0 0 20px rgba(0, 0, 0, 0.12);
}
.hst-blog-list-view.hst-blog-list-view-switcher .hst-post .hst-post-thumbh {
height: 320px;
} .hst-blog-content-area .hst-content-area .hst-post-pagination{
gap: 10px; margin-top: var(--universal-gap);
}
.hst-post-pagination .hst-page-number {
font-size: 16px;
line-height: 1;
font-weight: 400;
font-family: var(--secondary-font);
text-transform: capitalize;
color: #000;
border: 1px solid #DEDBEB;
padding: 13px 11px;
border-radius: 30px;
display: inline-block;
background-color: #ffffff;
transition: 0.3s;
}
.hst-post-pagination .hst-page-number:is(.hst-previous-post, .hst-next-post){
padding: 13px 22px;
}
.hst-post-pagination .hst-page-number.active,
.hst-post-pagination .hst-page-number:is(:hover, :focus){
color: #fff;
background-image: linear-gradient(to right, var(--theme-ascent2), var(--theme-ascent1));
border-color: transparent;
} .hst-post-type-gallery .hst-post-gallery{ position: relative;
overflow: hidden;
}
.hst-post-type-gallery .hst-post-gallery .owl-item{
width: 100%;
height: 100%;
object-fit: cover;
} .hst-post-type-gallery .hst-post-gallery .slick-list .slick-track{
height: 100%;
}
.hst-post-type-gallery .hst-post-gallery .slick-arrow{
position: absolute;
top: 50%;
transform: translateY(-50%);
width: 44px;
aspect-ratio: 1;
border-radius: 50%;
color: #000;
background-color: #fff;
display: grid;
place-content: center;
font-size: 18px;
z-index: 1;
}
.hst-post-type-gallery .hst-post-gallery .slick-arrow.fa-angle-left{
left: 20px;
}
.hst-post-type-gallery .hst-post-gallery .slick-arrow.fa-angle-right{
right: 20px;
}
.hst-post-type-gallery .hst-post-gallery .slick-arrow:is(:hover, :focus){
color: #ffffff;
background-image: linear-gradient(to right, var(--theme-ascent2), var(--theme-ascent1));
}  .hst-post-type-video :is(.hst-post-type-wrapper, iframe),
.hst-post-type-video :is(.hst-post-type-wrapper, video),
.hst-post-type-audio :is(.hst-post-type-wrapper, iframe){
width: 100%;
height: 100%;
object-fit: cover;
}
.hst-post-type-link .hst-post-type-wrapper{
text-align: center;
word-wrap: break-word;
}
.hst-post.hst-post-type-link  .hst-post-thumbh{
height: auto;
padding: 30px 15px;
background-color: var(--theme-ascent1);
}
.hst-post-type-link .hst-post-type-wrapper a{
font-size: 18px;
font-weight: 700;
line-height: 27px;
font-family: var(--secondary-font);
color: #fff;
overflow-wrap: anywhere;
}
.hst-post-type-link .hst-post-type-wrapper a:is(:hover, :focus){
-webkit-text-fill-color: transparent;
-webkit-background-clip: text;
background-image: linear-gradient(to right, var(--theme-ascent2), var(--theme-ascent1));
}  .hst-blog-view .hst-post.hst-post-type-quote {
border: unset;
box-shadow: 0 0 30px 0 rgba(0, 0, 0, 0.1);
}
.hst-post-type-quote .hst-post-quote i{
font-size: 25px;
margin-bottom: 6px;
margin-top: 6px;
color: var(--theme-ascent1);
}
.hst-post-type-quote .hst-quote p{
font-size: 24px;
line-height: 34px;
font-weight: 600;
font-family: var(--primary-font);
color: #000000;
margin-bottom: 16px;
}
.hst-post-type-quote .hst-quote .hst-author{
font-size: 16px;
line-height: 22px;
font-weight: 700;
font-family: var(--secondary-font);
color: var(--theme-ascent1);
position: relative;
padding-left: 22px;
}
.hst-post-type-quote .hst-quote .hst-author::before{
content: "";
position: absolute;
top: 50%;
transform: translateY(-50%);
left: 0;
width: 12px;
height: 1px;
background-color: var(--theme-ascent1);
}  .hst-widget{
border: 1px solid rgba(246, 187, 226, 0.6);
border-radius: 14px;
background-color: rgba(255, 240, 249, 0.6);
padding: 30px;
} .hst-gradient-bg .hst-widget{
background-color: #ffffff;
}
.hst-gradient-bg .hst-search-form-widget input{
background: #FAEDF5;
} .hst-widget-heading,
.hst-widget .hst-search-label{
font-size: 20px;
font-weight: 700;
line-height: 1.4;
text-transform: capitalize;
font-family: var(--primary-font); 
color: #ffffff;
background-image: linear-gradient(to right, var(--theme-ascent2), var(--theme-ascent1));
display: inline-block;
border-radius: 6px;
padding: 4.5px 12px;
margin-bottom: 30px;
} .hst-search-form-widget input{
width: 100%;
height: 50px;
border: none;
outline: none;
font-size: 16px;
line-height: 1;
font-family: var(--secondary-font);
background: #ffffff;
border-radius: 60px;
padding: 10px 50px 10px 20px;
box-shadow: 0 4px 15px rgb(0 0 0 / 8%);
}
.hst-search-form-widget ::placeholder{
font-size: 16px;
font-family: var(--secondary-font);
line-height: 1;
text-transform: capitalize;
}
.hst-search-form-widget button{
position: absolute;
right: 5px;
top: 50%;
transform: translateY(-50%);
width: 40px;
aspect-ratio: 1;
display: grid;
place-content: center;
padding: 6px;
font-size: 14px;
color: #ffffff;
background-color: var(--theme-ascent1);
border-radius: 50%;
} .hst-author-widget .hst-author-name-bio{
gap: 20px;
margin-bottom: 30px;
}
.hst-author-widget .hst-author-img {
max-width: 80px;
aspect-ratio: 1;
border-radius: 50%;
box-shadow: 2px 6px 12px rgba(7, 17, 50, 0.3);
}
.hst-author-widget .hst-name-bio .hst-author-name{
font-size: 20px;
font-weight: 600;
line-height: 1.4;
text-transform: capitalize;
font-family: var(--primary-font);
color: #000;
margin-bottom: 3px;
}
.hst-author-widget .hst-name-bio .hst-author-designation{
font-size: 14px;
font-weight: 400;
line-height: 1.4;
text-transform: capitalize;
font-family: var(--secondary-font);
color: #707070;
}
.hst-author-widget .hst-author-description{
font-size: 18px;
font-weight: 400;
line-height: 27px;
text-transform: capitalize;
font-family: var(--secondary-font);
color: #707070;
margin-bottom: 23px;
}
.hst-author-widget .hst-author-socials ul{
gap: 12px;
flex-wrap: wrap;
list-style: none;
margin: 0;
}
.hst-author-widget .hst-author-socials .hst-socials a{
font-size: 16px;
padding: 10px;
width: 36px;
aspect-ratio: 1;
color: #000;
background-color: #ffffff;
border-radius: 50%;
display: grid;
place-content: center;
}
.hst-author-widget .hst-author-socials .hst-socials a:is(:hover,:focus){
color: #ffffff;
-webkit-text-fill-color: unset;
-webkit-background-clip: unset;
background-image: linear-gradient(to right, var(--theme-ascent2), var(--theme-ascent1));
} .hst-latest-post-widget .hst-featured-post{
gap: 15px;
margin-bottom: 30px;
}
.hst-latest-post-widget ul{
list-style: none;
margin: 0;
padding: 0;
}
.hst-latest-post-widget .hst-featured-post .hst-featured-post-img {
max-width: 100px;
aspect-ratio: 1;
border-radius: 50%;
}
.hst-latest-post-widget .hst-featured-post .hst-post-title{
margin-bottom: 14px;
}
.hst-latest-post-widget .hst-featured-post .hst-post-title a{
font-size: 18px;
font-weight: 600;
line-height: 27px;
font-family: var(--primary-font);
color: #000;
display: -webkit-box;
-webkit-line-clamp: 2;
-webkit-box-orient: vertical;
overflow: hidden;
}
.hst-latest-post-widget .hst-featured-post .hst-date a{
font-size: 14px;
font-weight: 400;
line-height: 1.4;
text-transform: capitalize;
font-family: var(--secondary-font);
color: #707070;
}
.hst-latest-post-widget .hst-featured-post .hst-date{
padding-left: 18px;
}
.hst-latest-post-widget .hst-featured-post .hst-date::before{
content: " ";
position: absolute;
top: 50%;
transform: translateY(-50%);
left: 0;
height: 1px;
width: 12px;
background-color: var(--theme-ascent1);
}
.hst-latest-post-widget .hst-post-show-more {
font-size: 14px;
line-height: 1;
font-weight: 700;
font-family: var(--secondary-font);
color: #ffffff;
text-transform: capitalize;
padding: 12px 16px;
border-radius: 60px;
display: inline-block;
background-image: linear-gradient(to right, var(--theme-ascent2), var(--theme-ascent1));
}
.hst-latest-post-widget .hst-featured-post .hst-date a:is(:hover, :focus),
.hst-latest-post-widget .hst-featured-post .hst-post-title a:is(:hover, :focus){
-webkit-text-fill-color: transparent;
-webkit-background-clip: text;
background-image: linear-gradient(to right, var(--theme-ascent2), var(--theme-ascent1));
} .hst-ads-widget{
min-height: 440px;
background-position: center center;
background-size: cover;
background-repeat: no-repeat;
border-radius: 14px;
padding: 30px;
}
.hst-ads-widget::after{
content: "";
position: absolute;
inset: 0;
background-color: #000000;
opacity: 0.5;
}
.hst-ads-widget .hst-ads-content{
z-index: 1;
}
.hst-ads-widget .hst-ads-content .hst-widget-heading {
font-size: 36px;
font-weight: 700;
line-height: 1.4;
font-family: var(--primary-font);
color: #ffffff;
text-transform: capitalize;
display: -webkit-box;
-webkit-line-clamp: 2;
-webkit-box-orient: vertical;
overflow: hidden;
background: unset;
margin: 0;
padding: 0;
}
.hst-ads-widget .hst-ads-content .hst-ads-description {
font-size: 18px;
font-weight: 400;
line-height: 28px;
font-family: var(--secondary-font);
color: #ffffff;
margin-top: 20px;
margin-bottom: 56px;
}
.hst-ads-widget .hst-ads-content .hst-ads-btn {
font-size: 14px;
line-height: 1;
font-weight: 700;
font-family: var(--secondary-font);
color: #ffffff;
text-transform: capitalize;
padding: 12px 16px;
border-radius: 60px;
display: inline-block;
background-image: linear-gradient(to right, var(--theme-ascent2), var(--theme-ascent1));
}
.hst-content-area .hst-ads-widget{
min-height: 500px;
} .hst-post-tabs-widget .hst-post-tabs input[type="radio"] {
display: none;
}
.hst-post-tabs-widget .hst-post-tabs{
gap: 20px;
margin-bottom: 10px;
}
.hst-post-tabs-widget .hst-post-tabs .hst-post-tab{
font-size: 20px;
line-height: 1.4;
font-weight: 700;
text-transform: capitalize;
font-family: var(--primary-font);
border-radius: 6px;
padding: 5px 18px;
color: #BDBDBD;
background-color: #ffffff;
box-shadow: 0 4px 10px rgb(0 0 0 / 8%);
text-align: center;
flex: 1;
cursor: pointer;
}
.hst-post-tabs-widget .hst-post-tabs .hst-post-tab.btn-active{
color: #ffffff;
background-image: linear-gradient(to right, var(--theme-ascent2), var(--theme-ascent1));
}
.hst-post-tabs-widget .hst-post-tabs-panels .hst-panel ul{
list-style: none;
margin: 0;
padding: 0;
}
.hst-post-tabs-widget .hst-post-tabs-panels .hst-panel {
display: none;
}
.hst-post-tabs-widget .hst-post-tabs-panels .hst-panel.panel-active {
display: block; 
}
.hst-post-tabs-widget .hst-post-tabs-panels li{
padding-block: 20px;
border-bottom: 1px solid #F6BBE2;
}
.hst-post-tabs-widget .hst-post-tabs-panels li:last-child{
border: none;
padding-bottom: 0;
}
.hst-post-tabs-widget .hst-post-tabs-panels .hst-featured-post{
gap: 20px;
}
.hst-post-tabs-widget .hst-featured-post .hst-featured-post-img{
max-width: 80px;
aspect-ratio: 1;
border-radius: 50%;
box-shadow: 0 4px 16px rgb(0 0 0 / 10%);
margin:unset;
}
.hst-post-tabs-widget .hst-featured-post .hst-date a{
font-size: 14px;
line-height: 1.4;
font-weight: 400;
text-transform: capitalize;
font-family: var(--secondary-font);
color: #707070;
}
.hst-post-tabs-widget .hst-featured-post .hst-post-title{
margin: 6px 0 0;
}
.hst-post-tabs-widget .hst-featured-post .hst-post-title a{
font-size: 18px;
font-weight: 600;
line-height: 27px;
font-family: var(--primary-font);
color: #000;
display: -webkit-box;
-webkit-line-clamp: 2;
-webkit-box-orient: vertical;
overflow: hidden;
}
.hst-post-tabs-widget .hst-featured-post .hst-date a:is(:hover, :focus),
.hst-post-tabs-widget .hst-featured-post .hst-post-title a:is(:hover, :focus){
-webkit-text-fill-color: transparent;
-webkit-background-clip: text;
background-image: linear-gradient(to right, var(--theme-ascent2), var(--theme-ascent1));
} .hst-tag-cloud-widget .wp-block-tag-cloud{
display: flex;
gap: 10px;
flex-wrap: wrap;
}
.hst-tag-cloud-widget .wp-block-tag-cloud a{
font-size: 12px;
line-height: 1;
font-weight: 600;
text-transform: capitalize;
font-family: var(--secondary-font);
color: #fff;
background-color: var(--theme-ascent1);
padding: 12px 10px;
border-radius: 6px;
}
.hst-tag-cloud-widget .wp-block-tag-cloud a:is(:hover, :focus){
background-image: linear-gradient(to right, var(--theme-ascent2), var(--theme-ascent1));
} .hst-widget.hst-categories-widget{
padding-bottom: 15px;
}
.hst-widget.hst-categories-widget ul{
list-style: none;
margin: 0;
}
.hst-categories-widget li{
padding-block: 15px;
border-bottom: 1px solid #F6BBE2;
padding-left: 25px;
}
.hst-categories-widget li:last-child{ border: none;
}
.hst-categories-widget .hst-category-link{
font-size: 20px;
font-weight: 600;
font-family: var(--primary-font);
color: #000;
text-transform: capitalize;
flex: 1;
}
.hst-categories-widget .hst-category-link:is(:hover, :focus){
-webkit-text-fill-color: transparent;
-webkit-background-clip: text;
background-image: linear-gradient(to right, var(--theme-ascent2), var(--theme-ascent1));
}
.hst-categories-widget li::before{
content: "\f105";
position: absolute;
top: 50%;
transform: translateY(-50%);
left: 0;
color: var(--theme-ascent1);
font-size: 20px;
font-family: 'FontAwesome';
}
.hst-categories-widget .hst-post-no{
font-size: 16px;
line-height: 1;
font-weight: 400;
font-family: var(--secondary-font);
color: #ffffff;
padding: 4px 6px;
border-radius: 4px;
background-image: linear-gradient(to right, var(--theme-ascent2), var(--theme-ascent1));
}    .hst-sidebar-slider-widget .hst-featured-post-img{
border-radius: 10px;
margin-bottom: 11px;
height: 180px;
}
.hst-sidebar-slider-widget .hst-post-content .hst-post-title{
margin-bottom: 15px;
}
.hst-sidebar-slider-widget .hst-post-content .hst-post-title a{
font-size: 20px;
font-weight: 600;
line-height: 30px;
font-family: var(--primary-font);
color: #000;
display: -webkit-box;
-webkit-line-clamp: 2;
-webkit-box-orient: vertical;
overflow: hidden;
}
.hst-sidebar-slider-widget .hst-post-content .hst-post-meta{
gap: 24px;
}
.hst-sidebar-slider-widget .hst-post-content .hst-post-meta span{
font-size: 14px;
font-weight: 400;
line-height: 22px;
font-family: var(--secondary-font);
color: #707070;
text-transform: capitalize;
}
.hst-sidebar-slider-widget .hst-post-content .hst-post-meta span.hst-author a{
color: #000;
}
.hst-sidebar-slider-widget .hst-post-content .hst-post-meta span.hst-read-time::before{
content: "";
position: absolute;
left: -15px;
top: 50%;
transform: translateY(-50%);
width: 4px;
height: 4px;
border-radius: 50%;
background-image: linear-gradient(to right, var(--theme-ascent2), var(--theme-ascent1));
}
.hst-sidebar-slider-widget .hst-post-content .hst-post-meta span.hst-read-time i{
color: #000;
margin-right: 2px;
font-size: 12px;
}
.hst-sidebar-slider-widget .hst-post-content .hst-post-title a:is(:hover, :focus),
.hst-sidebar-slider-widget .hst-post-content .hst-post-meta span a:is(:hover, :focus){
-webkit-text-fill-color: transparent;
-webkit-background-clip: text;
background-image: linear-gradient(to right, var(--theme-ascent2), var(--theme-ascent1));
}
.hst-sidebar-slider-widget .owl-carousel .owl-nav button.owl-prev,
.hst-sidebar-slider-widget .owl-carousel .owl-nav button.owl-next{
top: -60px;
}
.hst-sidebar-slider-widget .owl-carousel .owl-nav button.owl-next{
right: 0;
}
.hst-sidebar-slider-widget .owl-carousel .owl-nav button.owl-prev{
right: 40px;
}  .hst-missed .hst-container{
padding: 30px;
border-radius: 14px;
background-image: linear-gradient(to right, var(--theme-ascent1), var(--theme-ascent2));
}
.hst-missed .hst-missed-slider{
margin-inline:calc(var(--missed-slider-gap) * -1) ;
}
.hst-missed .hst-missed-slider .hst-featured-post{
margin-inline: var(--missed-slider-gap);
}
.hst-missed .hst-missed-slider .slick-arrow{
position: absolute;
top: -66px;
right: var(--missed-slider-gap);
color: #000;
background-color: #ffffff;
width: 36px;
aspect-ratio: 1;
padding: 6px;
border-radius: 50%;
z-index: 1;
transition: 0.3s;
border: none;
}
.hst-missed .hst-missed-slider .slick-arrow.fa-angle-left{
right: 56px;
}
.hst-missed .hst-missed-slider .slick-arrow:is(:hover, :focus) {
color: #ffffff;
background-color: var(--theme-ascent1); }
.hst-missed .hst-featured-post .hst-featured-post-img {
height: 200px;
width: auto;
border-radius: 10px;
background-color: rgba(0, 0, 0, 0.4);
margin-bottom: 9px;
}
.hst-missed .hst-featured-post .hst-category{
position: absolute;
bottom: 10px;
left: 50%;
transform: translateX(-50%);
width: 100%;
gap: 5px;
}
.hst-missed .hst-featured-post .hst-category a{
font-size: 12px;
line-height: 1;
font-weight: 600;
text-transform: capitalize;
font-family: var(--secondary-font);
color: #707070;
background-color: #ffffff;
border-radius: 30px;
padding: 8px 10px;
}
.hst-missed .hst-featured-post .hst-category a:is(:hover, :focus){
color: #ffffff;
background-image: linear-gradient(to right, var(--theme-ascent2), var(--theme-ascent1));
}
.hst-missed .hst-featured-post .hst-post-content{
padding-inline: 6px;
}
.hst-missed .hst-featured-post .hst-post-title{
margin-bottom: 12px;
}
.hst-missed .hst-featured-post .hst-post-title a{
font-size: 20px;
line-height: 30px;
font-weight: 600;
font-family: var(--primary-font);
color: #ffffff;
display: -webkit-box;
-webkit-line-clamp: 2;
-webkit-box-orient: vertical;
overflow: hidden;
}
.hst-missed .hst-featured-post .hst-post-content .hst-post-meta span,
.hst-missed .hst-featured-post .hst-post-content .hst-post-meta a{
font-size: 14px;
font-weight: 400;
line-height: 18px;
font-family: var(--secondary-font);
color: #ffffff;
text-transform: capitalize;
}
.hst-missed .hst-featured-post .hst-post-content .hst-post-meta span.hst-author{
margin-right: 24px;
}
.hst-missed .hst-featured-post .hst-post-content .hst-post-meta span i{
font-size: 12px;
margin-right: 2px;
}
.hst-missed .hst-featured-post .hst-post-content .hst-post-meta span.hst-read-time::before{
content: "";
position: absolute;
left: -15px;
top: 50%;
transform: translateY(-50%);
width: 4px;
height: 4px;
border-radius: 50%;
background-color: #ffffff;
}
.hst-missed .hst-featured-post .hst-post-title a:is(:hover, :focus),
.hst-missed .hst-featured-post .hst-post-content .hst-post-meta span a:is(:hover, :focus){
color: #000000;
} .hst-instagram-feed{ 
margin-bottom: var(--universal-gap);
}
.hst-instagram-feed .hst-insta-wrapper{
display: grid; grid-template-columns: repeat(6, 1fr);
gap: var(--instafeed-gap);
}
.hst-instagram-feed .hst-insta-post{
min-height: 200px;
border-radius: 10px;
cursor: pointer;
}
.hst-instagram-feed .hst-insta-post::after{
content: "\f16d";
position: absolute;
inset: 10px;
font-size: 20px;
color: #ffffff;
font-family: 'FontAwesome';
border: 1px solid #ffffff;
border-radius: inherit;
background-color: rgba(0, 0, 0, 0.2);
display: grid;
place-content: center;
transition: 0.3s;
opacity: 0;
visibility: hidden;
}
.hst-instagram-feed .hst-insta-post:hover::after{
opacity: 1;
visibility: visible;
}
.hst-instagram-feed .hst-insta-btn{
position: absolute;
top: 50%;
left: 50%;
transform: translate(-50%, -50%);
font-size: 14px;
line-height: 1;
font-weight: 600;
font-family: var(--secondary-font);
text-transform: capitalize;
color: #000;
background-color: #ffffff;
padding: 14px 22px;
border-radius: 60px;
}
.hst-instagram-feed .hst-insta-btn i{
font-size: 14px;
color: var(--theme-ascent1);
margin-right: 3px;
}
.hst-instagram-feed .hst-insta-btn:is(:hover, :focus){
color: #ffffff;
background-image: linear-gradient(to right, var(--theme-ascent2), var(--theme-ascent1));
} .hst-footer {
background-color: #FFF6FB;
border-top: 2px solid #F6BBE2;
}
.hst-footer .hst-footer-content{
padding-block: 50px;
gap: var(--footer-col-gap);
}
.hst-footer .hst-footer-content .hst-footer-col{
flex: 1 1 calc(25% - var(--footer-col-gap));
}
.hst-footer .hst-footer-bar{
background-color: var(--theme-ascent1);
padding: 10px;
}
.hst-footer .hst-footer-bar .hst-copywrite{
margin: 0;
font-size: 14px;
line-height: 1.4;
font-weight: 700;
font-family: var(--secondary-font);
color: #ffffff;
}
.hst-footer .hst-footer-bar .hst-copywrite a:hover{
color: #000000;
}
.hst-footer .hst-footer-logo{
font-size: 36px;
line-height: 1.3;
font-weight: 700;
font-family: var(--secondary-font);
color: #000;
margin-bottom: 40px;
display: inline-block;
}
.hst-footer p{
font-size: 18px;
line-height: 1.5;
font-weight: 400;
font-family: var(--secondary-font);
color: #000;
margin-bottom: 20px;
}
.hst-footer .hst-head-socials .hst-socials a{
border: unset;
background-color: #fff;
box-shadow: 0 0 20px 0 rgba(0, 0, 0, 0.1);
}
.hst-footer .hst-head-socials .hst-socials a:is(:hover, :focus){
box-shadow: 0 4px 8px 0 var(--theme-ascent1) ;
}
.hst-footer .hst-widget{
border: unset;
border-radius: unset;
background-color: transparent;
padding: unset;
}
.hst-footer .hst-widget-heading{
font-size: 24px;
color: #000;
display: block;
background: unset;
border-bottom: 2px solid #DEDBEB;
border-radius: unset;
padding: 0 0 8px 0;
margin-bottom: 40px;
}
.hst-footer .hst-latest-post-widget .hst-featured-post .hst-featured-post-img {
border-radius: 10px;
}
.hst-footer .hst-latest-post-widget .hst-featured-post .hst-post-title{
margin-bottom: 8px;
}
.hst-footer .hst-latest-post-widget .hst-featured-post .hst-post-title a {
-webkit-line-clamp: 3;
line-height: 1.4;
}
.hst-footer .hst-latest-post-widget .hst-featured-post .hst-date{
padding-left: unset;
}
.hst-footer .hst-latest-post-widget .hst-featured-post .hst-date::before{
content: unset;
} .hst-gradient-bg .hst-footer {
background-color: transparent;
border:unset;
}
.hst-gradient-bg .hst-footer .hst-container .hst-footer-content{
border-top: 2px solid #F6BBE2;
}
.hst-gradient-bg .hst-footer .hst-latest-post-widget .hst-featured-post .hst-post-title a,
.hst-gradient-bg .hst-footer  .hst-categories-widget .hst-category-link,
.hst-gradient-bg .hst-footer .hst-widget-heading,
.hst-gradient-bg .hst-footer .hst-footer-logo,
.hst-gradient-bg .hst-footer p{
color: #fff;
} #hst-scroll-to-top{
width: 44px;
height: 44px;
z-index: 999;
position: fixed;
bottom: 3rem;
right: 3rem;
display: grid;
place-content: center;
border-radius: 10px;
color: #fff;
background: var(--theme-ascent1);
padding: 6px;
font-size: 18px;
opacity: 0;
transition: 0.3s;
} .hst-404-section{
margin-bottom: var(--universal-gap);
}
.hst-404-section .hst-404-wrapper{
display: flex;
align-items: center;
background-color:#F3F4F8;
border-radius:14px;
padding: 100px 150px;
gap: 80px;
}
.hst-404-section .hst-404-wrapper .hst-col-1{
flex: 0 1 40%;
}
.hst-404-section .hst-404-wrapper .hst-col-2{
flex: 1 1 60%;
}
.hst-404-section .hst-404-wrapper .hst-404-head{
font-size: 110px;
line-height: 120px;
text-transform: capitalize;
font-weight: 700;
color: #000;
font-family: var(--primary-font);
margin-bottom: 22px;
}
.hst-404-section .hst-404-wrapper .hst-404-description{
font-size: 20px;
line-height: 30px;
font-weight: 400;
color: #000;
font-family: var(--secondary-font);
margin-bottom: 26px;
}
.hst-404-section .hst-404-wrapper .hst-404-btn{
font-size: 14px;
font-weight: 700;
line-height: 22px;
text-transform: capitalize;
font-family: var(--secondary-font);
color: #000000;
border: 1px solid #707070;
border-radius: 60px;
padding: 10px 16px;
display: inline-block;
}
.hst-404-section .hst-404-wrapper .hst-404-btn:is(:hover, :focus){
background-image: linear-gradient(to right, var(--theme-ascent2), var(--theme-ascent1));
color: #ffffff;
border-color: transparent;
}  .hst-full-width-ads{
margin-bottom: var(--universal-gap);
}
.hst-full-width-ads .hst-full-width-ads-wrap{
display: block;
padding: 35px;
text-align: center;
border-radius: 10px;
font-size: 20px;
line-height: 30px;
font-weight: 600;
color: #fff;
font-family: var(--primary-font);
background-size: cover;
background-repeat: no-repeat;
background-position: center;
z-index: 1;
}
.hst-full-width-ads .hst-full-width-ads-wrap::before{
content: "";
position: absolute;
inset: 0;
background-color: rgba(0, 0, 0, 0.4);
z-index: -1;
}  .hst-contact-section{
margin-bottom: var(--universal-gap);
}
.hst-contact-section .hst-contact-section-wrapper{
display: flex;
gap: var(--universal-gap);
}
.hst-contact-section .hst-contact-section-wrapper .hst-col-1 {
flex: 1 1 71%;
}
.hst-contact-section .hst-contact-section-wrapper .hst-col-2 {
flex: 1 1 29%;
}
.hst-contact-section .hst-contact-section-wrapper .hst-col-1,
.hst-contact-section .hst-contact-section-wrapper .hst-col-2 {
border: 1px solid #DEDBEB;
border-radius: 14px;
padding: 30px;
}
.hst-contact-section .hst-contact-section-wrapper .hst-contact-head{
margin-bottom: 20px;
}
.hst-contact-section .hst-contact-section-wrapper .hst-contact-head .hst-widget-heading{
margin-bottom: 13px;
}
.hst-comment-form form .hst-contact-50,
.hst-contact-section form .hst-contact-50{
display: flex;
gap: 30px;
}
.hst-comment-form form .hst-contact-50 > div,
.hst-contact-section form .hst-contact-50 > div{
flex:  1 1 50%;
}
.hst-contact-section .hst-contact-section-wrapper .hst-contact-description{
font-size: 16px;
line-height: 26px;
font-weight: 400;
color: #707070;
font-family: var(--secondary-font);
}
.hst-comment-form form label,
.hst-contact-section form label{
font-size: 18px;
line-height: 27px;
font-weight: 400;
color: #707070;
line-height: 1;
font-family: var(--secondary-font);
text-transform: capitalize;
margin-bottom: 12px;
display: inline-block;
}
.hst-comment-form form input:not([type=submit],[type=checkbox]),
.hst-comment-form form textarea,
.hst-contact-section form input:not([type=submit],[type=checkbox]),
.hst-contact-section form textarea{
width: 100%;
background-color: #F3F4F8;
border-radius: 10px;
border: none;
outline-color: transparent;
padding: 11px;
font-size: 18px;
line-height: 28px;
font-weight: 500;
color: #000;
font-family: var(--secondary-font);
margin-bottom: 30px;
transition: 0.3s;
}
.hst-comment-form form textarea,
.hst-contact-section form textarea{
min-height:120px;
margin-bottom: 25px;
}
.hst-comment-form form input:not([type=submit]):is(:hover, :focus),
.hst-comment-form form textarea:is(:hover, :focus),
.hst-contact-section form input:not([type=submit]):is(:hover, :focus),
.hst-contact-section form textarea:is(:hover, :focus){
outline: 1px solid var(--theme-ascent1);
}
.hst-comment-form form input[type=submit],
.hst-contact-section form input[type=submit]{
font-size: 14px;
font-weight: 700;
line-height: 22px;
text-transform: capitalize;
font-family: var(--secondary-font);
color: #000000;
border: 1px solid #707070;
border-radius: 60px;
padding: 10px 16px;
display: block;
}
.hst-comment-form form input[type=submit]:is(:hover, :focus),
.hst-contact-section form input[type=submit]:is(:hover, :focus) {
background-image: linear-gradient(to right, var(--theme-ascent2), var(--theme-ascent1));
color: #ffffff;
border-color: transparent;
}
.hst-contact-section .hst-contact-details .hst-contact-details-card{
display: flex;
gap: 10px;
padding-bottom: 37px;
margin-bottom: 31px;
position: relative;
}
.hst-contact-section .hst-contact-details .hst-contact-details-card:last-child{
padding-bottom: 0;
margin-bottom: 0;
}
.hst-contact-section .hst-contact-details .hst-contact-details-card:not(:last-child):before{
content: "";
position: absolute;
bottom: 0;
left: 50%;
transform: translateX(-50%);
height: 1px;
width: 55%;
background-color: #DEDBEB;
}
.hst-contact-section .hst-contact-details .hst-contact-details-card .hst-contact-details-card-icon i{
width: 50px;
aspect-ratio: 1;
background-color: #F3F4F8;
font-size: 18px;
line-height: 1;
display: grid;
place-content: center;
border-radius: 50%;
color: var(--theme-ascent1);
margin-top: 8px;
}
.hst-contact-section .hst-contact-details .hst-contact-details-card .hst-contact-details-card-head{
font-size: 24px;
line-height: 34px;
font-weight: 700;
font-family: var(--primary-font);
color: #000;
text-transform: capitalize;
margin-bottom: 4px;
} 
.hst-contact-section .hst-contact-details .hst-contact-details-card .hst-contact-details-card-p{
font-size: 18px;
line-height: 27px;
font-weight: 400;
font-family: var(--secondary-font);
color: #707070;
overflow-wrap: anywhere;
} 
.hst-google-map{
margin-bottom: var(--universal-gap);
}
.hst-google-map .hst-google-map-wrapper{
height: 400px;
border-radius: 14px;
overflow: hidden;
}  .hst-page-breadcrump{
margin-bottom: var(--universal-gap);
}
.hst-page-breadcrump .hst-breadcrump-wrapper{
padding: 27px 40px;
border-radius: 10px;
background-color: #fff;
box-shadow: 0 4px 30px rgba(50, 50, 93, 0.1);
}
.hst-page-breadcrump .hst-breadcrump{
display: flex;
flex-wrap: wrap;
gap: 6px 0;
align-items: center;
list-style: none;
margin: 0;
}
.hst-page-breadcrump .hst-breadcrump .hst-breadcrump-item{
font-size: 18px;
line-height: 27px;
font-weight: 400;
font-family: var(--secondary-font);
text-transform: capitalize;
color: #000;
position: relative;
text-align: center;
}
.hst-page-breadcrump .hst-breadcrump .hst-breadcrump-item:not(:first-child):before{
content: "\f101";
font-size: 14px;
font-family: FontAwesome ;
position: relative;
left: 0;
top: 50%;
transform: translateY(-50%);
color: #000;
margin-inline: 8px;
}
.hst-page-breadcrump .hst-breadcrump .hst-breadcrump-item a:is(:hover, :focus){
-webkit-text-fill-color: transparent;
-webkit-background-clip: text;
background-image: linear-gradient(to right, var(--theme-ascent2), var(--theme-ascent1));
}  .hst-blog-view.hst-single-post .hst-post{
border-radius: 14px;
margin-bottom: var(--universal-gap);
}
.hst-single-post > *:last-child{
margin-bottom: unset;
}
.hst-single-post .hst-post .hst-post-thumbh{
height: 520px;
max-width: 100%;
}
.hst-single-post .hst-post .hst-post-thumbh figure{
height: 100%;
max-width: 100%;
}
.hst-single-post .hst-post .hst-post-content{
padding: 0px 40px 40px;
}
.hst-blog-view .hst-post .hst-post-content .hst-post-meta .hst-comment{
font-size: 16px;
line-height: 24px;
font-weight: 400;
text-transform: capitalize;
color: #707070;
font-family: var(--secondary-font);
}
.hst-blog-view .hst-post .hst-post-content .hst-post-meta .hst-comment i{
font-size: 14px;
color: var(--theme-ascent1);
margin-right: 6px;
}
.hst-blog-view .hst-post .hst-post-content .hst-post-meta .hst-comment a:is(:hover, :focus){
-webkit-text-fill-color: transparent;
-webkit-background-clip: text;
background-image: linear-gradient(to right, var(--theme-ascent2), var(--theme-ascent1));
}
.hst-blog-view.hst-single-post .hst-post .hst-post-title {
font-size: 36px;
line-height: 46px;
font-family: var(--primary-font);
font-weight: 600;
color: #000000;
}
p{
color: #707070;
}
.hst-single-post :is(h1, h2, h3, h4, h5, h6){
margin-bottom: 30px;
}
.hst-single-post p{
font-size: 18px;
line-height: 27px;
font-weight: 400;
font-family: var(--secondary-font);
margin-bottom: 25px;
}
.hst-image-row {
column-count: 3;
gap: 30px; }
.wp-block-image {
border-radius: 10px;
overflow: hidden;
margin-bottom: 40px;
}
.wp-block-table{
width: 100%; border-radius: 10px;
margin-bottom: 40px;
}
.wp-block-table tr{
background: #fff;
}
.wp-block-table tr:nth-of-type(even){
background: #DEDBEB;
}
.wp-block-table td, .wp-block-table th {
border: 1px solid #000;
padding: 12px 20px;
text-align: left;
font-size: 16px;
line-height: 24px;
font-weight: 400;
color: #000;
font-family: var(--secondary-font);
vertical-align: middle;
}
.wp-block-table th{
font-family: var(--primary-font);
font-weight: 600;
text-transform: capitalize;
}
ul{ list-style-type: disc;
}
ul li::marker {
color: #000;
}
ul, ol { padding: 0;
}
li>ol {
margin-top: 10px;
}
li>ul, li>ol { }
ul>li>ul {
padding-top: 0.5rem;
}
.hst-single-post ul li, .hst-single-post ol li{
font-size: 16px;
line-height: 24px;
font-weight: 400;
color: #707070;
font-family: var(--secondary-font);
margin-bottom: 13px;
}
.hst-single-post strong{
color: #000;
}
.hst-single-post blockquote{
background-color: #F9F9FA;
border-left: 6px solid var(--theme-ascent1);
border-radius: 6px;
padding: 24px 36px;
margin-bottom: 30px;
}
.hst-single-post blockquote p{
font-size: 20px;
line-height: 30px;
font-weight: 500;
color: #000;
font-style: italic;
font-family: var(--secondary-font);
margin-bottom: 12px;
}
.hst-single-post blockquote cite {
color: var(--theme-ascent1);
font-size: 16px;
display: block;
font-style: normal;
font-weight: 700;
font-family: var(--secondary-font);
padding-left: 22px;
}
.hst-single-post blockquote .block-quote-citation cite::before{
content: "";
position: absolute;
top: 50%;
transform: translateY(-50%);
left: 0;
background-color: var(--theme-ascent1);
width: 12px;
height: 1px;
}
.hst-single-post blockquote .block-quote-citation i{
font-size: 28px;
color: rgba(0, 0, 0, 0.15);
}
.hst-blog-view.hst-single-post .hst-post .hst-post-content .hst-bottom-meta {
padding: unset;
margin: unset;
border: unset;
}
.hst-single-post .hst-post-tags{
display: flex;
gap: 6px;
flex-wrap: wrap;
}
.hst-single-post .hst-post-tags a{
font-size: 12px;
line-height: 1;
font-weight: 400;
font-family: var(--secondary-font);
text-transform: capitalize;
color: #707070;
border: 1px solid #DEDBEB;
background-color: #F5F7FD;
border-radius: 30px;
padding: 6px 10px;
}
.hst-single-post .hst-post-tags a:is(:hover, :focus){
color: #ffffff;
background-image: linear-gradient(to right, var(--theme-ascent2), var(--theme-ascent1));
}
.hst-head-socials .hst-socials{
margin: unset;
} .hst-author-box{
display: flex;
gap: 20px;
padding: 30px 40px;
background-color: #F3F4F8;
border-radius: 14px;
margin-bottom: var(--universal-gap);
}
.hst-author-box .hst-author-img{
width: 100px;
height: 100px;
border-radius: 50%;
}
.hst-author-box > div{
flex: 1;
}
.hst-author-box .hst-author-name{
font-size: 24px;
line-height: 30px;
font-weight: 600;
font-family: var(--primary-font);
color: #000000;
text-transform: capitalize;
margin: 0 0 3px;
}
.hst-author-box .hst-author-designation{
font-size: 16px;
line-height: 26px;
font-weight: 400;
font-family: var(--secondary-font);
color: var(--theme-ascent1);
text-transform: capitalize;
margin: 0 0 17px;
}
.hst-author-box .hst-author-description{
font-size: 18px;
line-height: 27px;
font-weight: 400;
font-family: var(--secondary-font);
color: #000;
margin: 0 0 17px;
}
.hst-author-box .hst-author-socials ul{
list-style: none;
gap: 5px;
flex-wrap: wrap;
list-style: none;
margin: 0;
}
.hst-author-box .hst-author-socials li{
margin: 0;
}
.hst-author-box .hst-socials a {
font-size: 14px;
padding: 8px;
display: grid;
place-content: center;
min-width: 36px;
aspect-ratio: 1;
border-radius: 50%;
background-color: #fff;
}
.hst-author-box .hst-socials a.hst-facebook{
color: #3A589E;
}
.hst-author-box .hst-socials a.hst-instagram{
color: #E1306C;
}
.hst-author-box .hst-socials a.hst-X{
color: #000000;
}
.hst-author-box .hst-socials a.hst-youtube{
color: #FF0000;
} .hst-post-navigation{ 
margin-bottom: var(--universal-gap);
}
.hst-post-navigation .hst-post-navigation-wrap{
gap: var(--universal-gap);
}
.hst-single-post .hst-post-navigation .hst-post{
flex: 1 0 calc(50% - var(--universal-gap));
gap: 20px;
border: 1px solid #DEDBEB;
padding: 20px;
border-radius: 14px;
margin: 0;
}
.hst-post-navigation .hst-post.hst-post-next{
flex-direction: row-reverse;
text-align: right;
}
.hst-single-post .hst-post-navigation .hst-post .hst-post-thumbh{
width: 100px;
height: 100px;
border-radius: 10px;
}
.hst-single-post .hst-post-navigation .hst-post .hst-post-content{
flex: 1;
padding: 0;
}
.hst-post-navigation .hst-post .hst-post-content .hst-post-nav-btn a{
font-size: 14px;
line-height: 1.2;
font-weight: 400;
font-family: var(--secondary-font);
text-transform: capitalize;
color: #707077;
}
.hst-post-navigation .hst-post .hst-post-content .hst-post-title{
margin: 6px 0 0 ;
}
.hst-post-navigation .hst-post .hst-post-content .hst-post-title a{
font-size: 18px;
font-weight: 600;
line-height: 27px;
font-family: var(--primary-font);
color: #000;
display: -webkit-box;
-webkit-line-clamp: 2;
-webkit-box-orient: vertical;
overflow: hidden;
}
.hst-post-navigation .hst-post .hst-post-content .hst-post-nav-btn a:is(:hover,:focus),
.hst-post-navigation .hst-post .hst-post-content .hst-post-title a:is(:hover,:focus){
-webkit-text-fill-color: transparent;
-webkit-background-clip: text;
background-image: linear-gradient(to right, var(--theme-ascent2), var(--theme-ascent1));
} .hst-related-post-section{
margin-bottom: var(--universal-gap);
}  .hst-single-post .hst-related-post-section .hst-post{
margin: 0;
border-radius: 12px;
overflow: hidden; }
.hst-single-post .hst-related-post-section .hst-post .hst-post-thumbh{
height: 320px;
background-size: cover;
background-position: center;
background-repeat: no-repeat;
}
.hst-single-post .hst-related-post-section .hst-post .hst-post-thumbh::before{
content: "";
position: absolute;
inset: 0;
background: linear-gradient(180deg, rgba(0,0,0,0) 20%, rgba(0,0,0,1) 80%);
opacity: 0.6;
}
.hst-single-post .hst-related-post-section .hst-post .hst-post-thumbh .hst-post-content{
padding: 10px 10px 20px;
position: initial;
z-index: 1;
}
.hst-related-post-section .hst-post .hst-post-content .hst-post-meta{
margin: 0 0 3px;
}
.hst-single-post .hst-related-post-section .hst-post .hst-post-title{
margin-bottom: 0;
}
.hst-single-post .hst-related-post-section .hst-post .hst-post-title a{
font-size: 20px;
line-height: 30px;
font-weight: 600;
font-family: var(--primary-font);
color: #ffffff;
-webkit-line-clamp: 2;
}
.hst-single-post .hst-related-post-section .hst-post .hst-post-thumbh .hst-post-content .hst-category{
position: absolute;
top: 10px;
left: 10px;
gap: 4px;
}
.hst-single-post .hst-related-post-section .hst-post .hst-post-thumbh .hst-post-content .hst-category a{
font-size: 12px;
line-height: 1;
font-weight: 600;
font-family: var(--secondary-font);
text-transform: capitalize;
color: #707070;
background-color: #F5F7FD;
border-radius: 30px;
padding: 8px 10px;
}
.hst-single-post .hst-related-post-section .hst-post .hst-post-thumbh .hst-post-content .hst-category a:is(:focus,:hover){
color: #ffffff;
background-image: linear-gradient(to right, var(--theme-ascent2), var(--theme-ascent1));
}
.hst-single-post .hst-related-post-section .hst-post .hst-post-thumbh .hst-post-content .hst-date{
font-size: 14px;
line-height: 22px;
font-weight: 400;
text-transform: capitalize;
color: #707070;
font-family: var(--secondary-font);
}
.hst-single-post .hst-related-post-section .hst-post .hst-post-thumbh .hst-post-content .hst-date a{
color: #fff;
}
.hst-related-post-section .owl-carousel .owl-nav button.owl-prev,
.hst-related-post-section .owl-carousel .owl-nav button.owl-next{
top: 50%;
transform: translateY(-50%);
}
.hst-related-post-section .owl-carousel .owl-nav button.owl-prev{
left: 10px;
}
.hst-related-post-section .owl-carousel .owl-nav button.owl-next{
right: 10px;
} .hst-comment-form {
padding: 30px;
box-shadow: 0 0 25px rgba(13, 25, 66, .1);
border-radius: 10px;
}
.hst-comment-form form .hst-form-check {
display: flex;
align-items: center;
gap: 6px;
margin-bottom: 30px;
}
.hst-comment-form form .hst-form-check input[type=checkbox]{
margin: 0 8px 0 0;
width: 20px;
height: 20px;
}
.hst-comment-form form .hst-form-check label{
margin: 0;
font-size: 16px;
line-height: 1.4;
font-weight: 400;
font-family: var(--secondary-font);
color: #707077;
} .hst-post-thumbg img {
max-width: 100%;
height: auto;
}
.hst-Post-Showcase {
background-color: #fff;
padding: 20px;
}
.hst-Post-Showcase .hst-showcase-cat-sort {
display: flex; justify-content: space-between;
border-bottom: 1px solid #679a9b;
margin-bottom: 20px;
gap: 20px;
}
.hst-Post-Showcase .hst-showcase-cat-sort .hst-showcase-title {
background-color: #679a9b;
padding: 7px 16px;
border-top-left-radius: 10px;
border-top-right-radius: 10px;
width: max-content;
display: grid;
place-content: center;
}
.hst-Post-Showcase .hst-showcase-cat-sort .hst-showcase-title h2 {
font-size: 20px;
font-weight: 700;
color: #fff;
font-family: "Poppins", sans-serif;
text-transform: uppercase;
margin:0 ;
}
.hst-Post-Showcase .hst-showcase-cat-sort .hst-showcase-category-btn {
display: flex;
gap: 8px;
flex-wrap: wrap;
justify-content: flex-end;
align-self: center;
}
.hst-Post-Showcase .hst-showcase-cat-sort .hst-showcase-category-btn .hst-btn {
font-size: 14px;
font-weight: 600;
color: #6d6d6f;
background-color: #f5f5f5;
font-family: "Poppins", sans-serif;
border: none;
outline: none;
padding: 4px 6px;
text-transform: uppercase;
}
.hst-Post-Showcase .hst-showcase-cat-sort .hst-showcase-category-btn .hst-btn:is(:hover, :focus) {
color: #fff;
background-color: #679a9b;
}
.hst-Post-Showcase .hst-showcase-cat-sort .hst-showcase-category-btn .hst-btn.active {
color: #fff;
background-color: #679a9b;
}
.hst-Post-Showcase .hst-showcase-posts .hst-tab-content{
display: flex;
--post-gap: 20px;
--extra-gap-multiplier: 1.5;
gap: var(--post-gap);
flex-wrap: wrap;
}
.hst-Post-Showcase .hst-showcase-posts .hst-post:not(.highlight-post) {
margin-top: calc((var(--extra-gap-multiplier) - 1) * var(--post-gap));
}
.hst-Post-Showcase .hst-showcase-posts .hst-post {
flex-basis: calc(50% - var(--post-gap) / 2);
position: relative;
}
.hst-Post-Showcase .hst-showcase-posts .hst-post.highlight-post {
border-bottom: 1px solid #d7d7d7;
}
.hst-Post-Showcase .hst-showcase-posts .hst-post .hst-post-thumbg {
max-width: auto;
height: auto;
overflow: hidden;
position: relative;
font-size: 0;
}
.hst-Post-Showcase .hst-showcase-posts .hst-post.highlight-post .hst-post-thumbg:not(:has(img)) {
max-width: unset;
height: auto;
flex-basis: unset;
}
.hst-Post-Showcase .hst-showcase-posts .hst-post .hst-post-thumbg img {
width: 100%;
height: 100%;
object-fit: cover;
}
.hst-Post-Showcase .hst-showcase-posts .hst-post .hst-post-content .hst-post-meta {
margin-top: 15px;
margin-bottom: 11px;
display: flex;
gap: 0px 20px;
align-items: center;
flex-wrap: wrap;
}
.hst-Post-Showcase .hst-showcase-posts .hst-post .hst-post-content :is(.hst-author, .hst-date, .hst-comment) {
font-size: 14px;
line-height: 22px;
font-weight: 400;
text-transform: capitalize;
color: #727272;
font-family: "Poppins", sans-serif;
text-decoration: none;
}
.hst-Post-Showcase .hst-showcase-posts .hst-post .hst-post-content :is(.hst-author, .hst-date, .hst-comment) a {
font-size: 100%;
line-height: 170%;
font-weight: inherit;
text-transform: inherit;
color: inherit;
font-family: inherit;
text-decoration: none;
}
.hst-Post-Showcase .hst-showcase-posts .hst-post .hst-post-content :is(.hst-author, .hst-date, .hst-comment) a:is(:hover, :focus) {
color: #679a9b;
}
.hst-Post-Showcase .hst-showcase-posts .hst-post .hst-post-content :is(.hst-author, .hst-date, .hst-comment) i {
font-size: 13px;
margin-right: 3px;
color: #679a9b;
}
.hst-Post-Showcase .hst-showcase-posts .hst-post .hst-post-content .hst-post-title {
font-size: 18px;
line-height: 28px;
font-weight: 700;
color: #232323;
font-family: "Poppins", sans-serif;
text-decoration: none;
margin-top: 0px;
margin-bottom: 15px;
}
.hst-Post-Showcase .hst-showcase-posts .hst-post .hst-post-content .hst-post-title a {
font-size: 100%;
line-height: 150%;
font-weight: inherit;
color: inherit;
font-family: inherit;
text-decoration: inherit;
display: -webkit-box;
-webkit-line-clamp: 2;
-webkit-box-orient: vertical;
overflow: hidden;
}
.hst-Post-Showcase .hst-showcase-posts .hst-post .hst-post-content .hst-post-title a:is(:hover, :focus) {
color: #679a9b;
}
.hst-Post-Showcase .hst-showcase-posts .hst-post .hst-post-content .hst-post-excerpt {
font-size: 16px;
line-height: 25px;
font-weight: 400;
color: #727272;
font-family: "Poppins", sans-serif;
margin-top: 0px;
margin-bottom: 28px;
}
.hst-Post-Showcase .hst-showcase-posts .hst-post:not(.highlight-post) .hst-post-content .hst-post-excerpt {
display: none;
}
.hst-Post-Showcase .hst-showcase-posts .hst-post .hst-category {
font-size: 14px;
line-height: 24px;
font-weight: 400;
color: #fff;
font-family: "Poppins", sans-serif;
text-decoration: none;
text-transform: uppercase;
margin: 0;
display: flex;
gap: 5px;
flex-wrap: wrap;
}
.hst-Post-Showcase .hst-showcase-posts .hst-post .hst-category a {
font-size: 100%;
line-height: 150%;
font-weight: inherit;
color: inherit;
font-family: inherit;
background-color: #679a9b;
padding: 4px 8px;
margin: 0;
text-decoration: inherit;
text-transform: inherit;
}
.hst-Post-Showcase .hst-showcase-posts .hst-post.highlight-post .hst-category {
position: absolute;
left: 20px;
bottom: 10px;
}
.hst-Post-Showcase .hst-showcase-posts .hst-post.highlight-post .hst-post-thumbg:not(:has(img)) .hst-category {
position: relative;
left: unset;
bottom: unset;
}
.hst-Post-Showcase .hst-showcase-posts .hst-post.highlight-post .hst-bottom-meta .hst-category,
.hst-Post-Showcase .hst-showcase-posts .hst-post:not(.highlight-post) .hst-post-thumbg .hst-category,
.hst-Post-Showcase .hst-showcase-posts .hst-post.highlight-post .hst-post-content .hst-bottom-meta .hst-comment,
.hst-Post-Showcase .hst-showcase-posts .hst-post:not(.highlight-post) .hst-post-content .hst-post-meta .hst-comment {
display: none;
}
.hst-Post-Showcase .hst-showcase-posts .hst-post:not(.highlight-post) .hst-post-wrap {
display: flex; }
.hst-Post-Showcase .hst-showcase-posts .hst-post:not(.highlight-post) .hst-post-thumbg {
max-width: 150px;
min-height: 116px;
overflow: hidden;
flex-basis: 100%;
margin-right: 15px;
}
.hst-Post-Showcase .hst-showcase-posts .hst-post:not(.highlight-post) .hst-post-thumbg:not(:has(img)) {
max-width: unset;
height: auto;
flex-basis: unset;
margin-right: unset;
}
.hst-Post-Showcase .hst-showcase-posts .hst-post:not(.highlight-post) .hst-post-content {
flex: 1;
}
.hst-Post-Showcase .hst-showcase-posts .hst-post:not(.highlight-post) .hst-post-content .hst-post-meta {
margin-top: 0;
margin-bottom: 8px;
}
.hst-Post-Showcase .hst-showcase-posts .hst-post:not(.highlight-post) .hst-post-content :is(.hst-author, .hst-date, .hst-comment) a {
font-size: 85%;
line-height: 170%;
}
.hst-Post-Showcase .hst-showcase-posts .hst-post .hst-post-content .hst-author a{
word-break: break-all;
}
.hst-Post-Showcase .hst-showcase-posts .hst-post:not(.highlight-post) .hst-post-content :is(.hst-author, .hst-date, .hst-comment) i {
font-size: 80%;
}
.hst-Post-Showcase .hst-showcase-posts .hst-post:not(.highlight-post) .hst-post-content .hst-post-title {
margin-bottom: 10px;
}
.hst-Post-Showcase .hst-showcase-posts .hst-post:not(.highlight-post) .hst-post-content .hst-post-title a {
font-size: 90%;
line-height: 150%;
}
.hst-Post-Showcase .hst-showcase-posts .hst-post:not(.highlight-post) .hst-post-content .hst-category a {
font-size: 70%;
line-height: 160%;
padding: 2px 6px;
}
.hst-Post-Showcase .hst-showcase-posts .hst-post .hst-post-content .hst-bottom-meta {
display: flex;
gap: 5px 15px;
align-items: center;
flex-wrap: wrap;
}
.hst-Post-Showcase .hst-showcase-posts .hst-post .hst-post-content .hst-read-more {
font-size: 14px;
line-height: 22px;
font-weight: 600;
color: #000;
font-family: "Poppins", sans-serif;
text-decoration: none;
display: none;
}
.hst-Post-Showcase .hst-showcase-posts .hst-post.highlight-post .hst-post-content .hst-read-more {
display: inline-block;
margin-bottom: 20px;
} .hst-Post-Showcase.hst-Showcase-one {
background: linear-gradient(-90deg, rgba(104, 39, 170, 1) 0%, rgba(253, 50, 73, 1) 100%);
}
.hst-Post-Showcase.hst-Showcase-one .hst-showcase-posts,
.hst-Post-Showcase.hst-Showcase-two .hst-showcase-posts,
.hst-Post-Showcase.hst-Showcase-three .hst-showcase-posts,
.hst-Post-Showcase.hst-Showcase-four .hst-showcase-posts {
display: block;
}
.hst-Post-Showcase.hst-Showcase-one .hst-tab-content,
.hst-Post-Showcase.hst-Showcase-two .hst-tab-content,
.hst-Post-Showcase.hst-Showcase-four .hst-tab-content {
display: flex;
gap: var(--post-gap);
flex-wrap: wrap;
}
.hst-Post-Showcase.hst-Showcase-three .hst-remain-post,
.hst-Post-Showcase.hst-Showcase-two .hst-showcase-posts .hst-remain-post .hst-post {
flex-basis: calc(50% - var(--post-gap) / 2);
}
.hst-Post-Showcase.hst-Showcase-one .hst-focus-post,
.hst-Post-Showcase.hst-Showcase-one .hst-remain-post,
.hst-Post-Showcase.hst-Showcase-two .hst-focus-post,
.hst-Post-Showcase.hst-Showcase-two .hst-remain-post,
.hst-Post-Showcase.hst-Showcase-four .hst-focus-post,
.hst-Post-Showcase.hst-Showcase-four .hst-remain-post {
flex: 1 0 calc(50% - var(--post-gap) / 2);
}
.hst-Post-Showcase.hst-Showcase-one .hst-showcase-posts .hst-focus-post .hst-post-wrap,
.hst-Post-Showcase.hst-Showcase-two .hst-showcase-posts .hst-focus-post .hst-post-wrap,
.hst-Post-Showcase.hst-Showcase-four .hst-showcase-posts .hst-focus-post .hst-post-wrap {
flex-direction: column;
align-items: start;
}
.hst-Post-Showcase.hst-Showcase-one .hst-showcase-posts .hst-focus-post .hst-post-wrap:not(:has(img)) {
flex-direction: unset;
}
.hst-Post-Showcase.hst-Showcase-one .hst-showcase-posts .hst-remain-post .hst-post .hst-post-wrap {
display: flex;
align-items: stretch;
}
.hst-Post-Showcase.hst-Showcase-one .hst-focus-post .hst-post .hst-post-wrap .hst-post-thumbg,
.hst-Post-Showcase.hst-Showcase-two .hst-focus-post .hst-post .hst-post-wrap .hst-post-thumbg,
.hst-Post-Showcase.hst-Showcase-four .hst-focus-post .hst-post .hst-post-wrap .hst-post-thumbg {
margin-right: 0; max-width: 100%;
margin: 0 0 13px 0;
}
.hst-Post-Showcase.hst-Showcase-two .hst-remain-post .hst-post .hst-post-wrap .hst-post-thumbg {
margin: 0 0 13px 0;
}
.hst-Post-Showcase.hst-Showcase-one .hst-showcase-posts .hst-remain-post .hst-post .hst-post-thumbg {
height: auto;
}
.hst-Post-Showcase.hst-Showcase-one .hst-showcase-posts .hst-focus-post .hst-post .hst-post-content .hst-post-excerpt,
.hst-Post-Showcase.hst-Showcase-two .hst-showcase-posts .hst-focus-post .hst-post .hst-post-content .hst-post-excerpt,
.hst-Post-Showcase.hst-Showcase-three .hst-showcase-posts .hst-focus-post .hst-post .hst-post-content .hst-post-excerpt,
.hst-Post-Showcase.hst-Showcase-four .hst-showcase-posts .hst-focus-post .hst-post .hst-post-content .hst-post-excerpt {
display: block;
}
.hst-Post-Showcase.hst-Showcase-one .hst-showcase-posts .hst-post,
.hst-Post-Showcase.hst-Showcase-two .hst-showcase-posts .hst-post,
.hst-Post-Showcase.hst-Showcase-three .hst-showcase-posts .hst-post,
.hst-Post-Showcase.hst-Showcase-four .hst-showcase-posts .hst-post {
margin-top: 0;
}
.hst-Post-Showcase.hst-Showcase-one .hst-remain-post .hst-post {
padding: 20px 0;
border-bottom: 1px solid #fff;
}
.hst-Post-Showcase.hst-Showcase-one .hst-remain-post .hst-post:last-child {
border-bottom: none;
padding-bottom: 0;
}
.hst-Post-Showcase.hst-Showcase-one .hst-remain-post .hst-post:first-child {
padding-top: 0;
}
.hst-Post-Showcase.hst-Showcase-one .hst-showcase-posts .hst-focus-post .hst-post .hst-post-content .hst-bottom-meta,
.hst-Post-Showcase.hst-Showcase-one .hst-showcase-posts .hst-post .hst-post-content .hst-bottom-meta .hst-category,
.hst-Post-Showcase.hst-Showcase-four .hst-showcase-posts .hst-remain-post .hst-post .hst-post-content .hst-bottom-meta .hst-category,
.hst-Post-Showcase.hst-Showcase-two .hst-showcase-posts .hst-post .hst-post-content .hst-bottom-meta,
.hst-Post-Showcase.hst-Showcase-three .hst-showcase-posts .hst-focus-post .hst-post .hst-post-content .hst-bottom-meta,
.hst-Post-Showcase.hst-Showcase-two .hst-showcase-posts .hst-remain-post .hst-post .hst-post-content .hst-post-meta .hst-author {
display: none;
}
.hst-Post-Showcase.hst-Showcase-one .hst-showcase-posts .hst-focus-post .hst-post .hst-post-content .hst-read-more,
.hst-Post-Showcase.hst-Showcase-two .hst-showcase-posts .hst-focus-post .hst-post .hst-post-content .hst-read-more,
.hst-Post-Showcase.hst-Showcase-three .hst-showcase-posts .hst-focus-post .hst-post .hst-post-content .hst-read-more,
.hst-Post-Showcase.hst-Showcase-four .hst-showcase-posts .hst-focus-post .hst-post .hst-post-content .hst-read-more {
display: inline-block;
}
.hst-Post-Showcase.hst-Showcase-one .hst-showcase-posts .hst-focus-post .hst-post .hst-post-content .hst-post-meta .hst-comment,
.hst-Post-Showcase.hst-Showcase-two .hst-showcase-posts .hst-focus-post .hst-post .hst-post-content .hst-post-meta .hst-comment,
.hst-Post-Showcase.hst-Showcase-three .hst-showcase-posts .hst-focus-post .hst-post .hst-post-content .hst-post-meta .hst-comment,
.hst-Post-Showcase.hst-Showcase-four .hst-showcase-posts .hst-focus-post .hst-post .hst-post-content .hst-post-meta .hst-comment {
display: block;
}
.hst-Post-Showcase.hst-Showcase-one .hst-showcase-posts .hst-focus-post .hst-post .hst-post-content,
.hst-Post-Showcase.hst-Showcase-four .hst-showcase-posts .hst-focus-post .hst-post .hst-post-content,
.hst-Post-Showcase.hst-Showcase-two .hst-showcase-posts .hst-focus-post .hst-post .hst-post-content,
.hst-Post-Showcase.hst-Showcase-two .hst-showcase-posts .hst-remain-post .hst-post .hst-post-content {
display: flex;
flex-direction: column;
align-items: flex-start;
}
.hst-Post-Showcase.hst-Showcase-one .hst-showcase-posts .hst-post .hst-post-content .hst-post-title,
.hst-Post-Showcase.hst-Showcase-one .hst-showcase-posts .hst-post .hst-post-content :is(.hst-author, .hst-date, .hst-comment),
.hst-Post-Showcase.hst-Showcase-one .hst-showcase-posts .hst-post .hst-post-content :is(.hst-author, .hst-date, .hst-comment) i,
.hst-Post-Showcase.hst-Showcase-one .hst-showcase-posts .hst-post .hst-post-content .hst-post-excerpt,
.hst-Post-Showcase.hst-Showcase-one .hst-showcase-posts .hst-post .hst-post-content .hst-read-more,
.hst-Post-Showcase.hst-Showcase-four .hst-showcase-posts .hst-focus-post .hst-post .hst-post-content .hst-post-title,
.hst-Post-Showcase.hst-Showcase-four .hst-showcase-posts .hst-focus-post .hst-post .hst-post-content :is(.hst-author, .hst-date, .hst-comment),
.hst-Post-Showcase.hst-Showcase-four .hst-showcase-posts .hst-focus-post .hst-post .hst-post-content :is(.hst-author, .hst-date, .hst-comment) i,
.hst-Post-Showcase.hst-Showcase-four .hst-showcase-posts .hst-focus-post .hst-post .hst-post-content .hst-post-excerpt,
.hst-Post-Showcase.hst-Showcase-four .hst-showcase-posts .hst-focus-post .hst-post .hst-post-content .hst-read-more {
color: #fff;
}
.hst-Post-Showcase.hst-Showcase-four .hst-showcase-posts .hst-focus-post .hst-post .hst-post-content .hst-bottom-meta,
.hst-Post-Showcase.hst-Showcase-one .hst-showcase-posts .hst-focus-post .hst-post .hst-post-content .hst-post-title,
.hst-Post-Showcase.hst-Showcase-two .hst-showcase-posts .hst-focus-post .hst-post .hst-post-content .hst-post-title,
.hst-Post-Showcase.hst-Showcase-two .hst-showcase-posts .hst-remain-post .hst-post .hst-post-content .hst-post-title {
order: 1;
}
.hst-Post-Showcase.hst-Showcase-four .hst-showcase-posts .hst-focus-post .hst-post .hst-post-content .hst-post-title,
.hst-Post-Showcase.hst-Showcase-one .hst-showcase-posts .hst-focus-post .hst-post .hst-post-content .hst-post-meta,
.hst-Post-Showcase.hst-Showcase-two .hst-showcase-posts .hst-focus-post .hst-post .hst-post-content .hst-post-meta,
.hst-Post-Showcase.hst-Showcase-two .hst-showcase-posts .hst-remain-post .hst-post .hst-post-content .hst-post-meta {
order: 2;
}
.hst-Post-Showcase.hst-Showcase-four .hst-showcase-posts .hst-focus-post .hst-post .hst-post-content .hst-post-meta,
.hst-Post-Showcase.hst-Showcase-one .hst-showcase-posts .hst-focus-post .hst-post .hst-post-content .hst-post-excerpt,
.hst-Post-Showcase.hst-Showcase-two .hst-showcase-posts .hst-focus-post .hst-post .hst-post-content .hst-post-excerpt,
.hst-Post-Showcase.hst-Showcase-two .hst-showcase-posts .hst-remain-post .hst-post .hst-post-content .hst-post-excerpt {
order: 3;
}
.hst-Post-Showcase.hst-Showcase-four .hst-showcase-posts .hst-focus-post .hst-post .hst-post-content .hst-post-excerpt,
.hst-Post-Showcase.hst-Showcase-one .hst-showcase-posts .hst-focus-post .hst-post .hst-post-content .hst-bottom-meta,
.hst-Post-Showcase.hst-Showcase-two .hst-showcase-posts .hst-focus-post .hst-post .hst-post-content .hst-bottom-meta,
.hst-Post-Showcase.hst-Showcase-two .hst-showcase-posts .hst-remain-post .hst-post .hst-post-content .hst-bottom-meta {
order: 4;
}
.hst-Post-Showcase.hst-Showcase-one .hst-showcase-posts .hst-focus-post .hst-post .hst-post-content .hst-read-more,
.hst-Post-Showcase.hst-Showcase-four .hst-showcase-posts .hst-focus-post .hst-post .hst-post-content .hst-read-more,
.hst-Post-Showcase.hst-Showcase-two .hst-showcase-posts .hst-focus-post .hst-post .hst-post-content .hst-read-more,
.hst-Post-Showcase.hst-Showcase-two .hst-showcase-posts .hst-remain-post .hst-post .hst-post-content .hst-read-more {
order: 5;
}
.hst-Post-Showcase.hst-Showcase-one .hst-showcase-posts .hst-focus-post .hst-post .hst-post-content .hst-read-more,
.hst-Post-Showcase.hst-Showcase-two .hst-showcase-posts .hst-focus-post .hst-post .hst-post-content .hst-read-more,
.hst-Post-Showcase.hst-Showcase-three .hst-showcase-posts .hst-focus-post .hst-post .hst-post-content .hst-read-more,
.hst-Post-Showcase.hst-Showcase-four .hst-showcase-posts .hst-focus-post .hst-post .hst-post-content .hst-read-more,
.hst-Post-Showcase .hst-showcase-posts .hst-post.highlight-post .hst-post-content .hst-read-more {
padding: 8px 16px;
background-color: #679a9b;
color: #fff;
}
.hst-Post-Showcase.hst-Showcase-one .hst-showcase-posts .hst-remain-post .hst-post .hst-post-content .hst-read-more:is(:hover, :focus),
.hst-Post-Showcase.hst-Showcase-two .hst-showcase-posts .hst-remain-post .hst-post .hst-post-content .hst-read-more:is(:hover, :focus),
.hst-Post-Showcase.hst-Showcase-four .hst-showcase-posts .hst-remain-post .hst-post .hst-post-content .hst-read-more:is(:hover, :focus) {
color: #679a9b;
}
.hst-Post-Showcase.hst-Showcase-one .hst-showcase-posts .hst-post .hst-post-thumbg .hst-category,
.hst-Post-Showcase.hst-Showcase-two .hst-showcase-posts .hst-post .hst-post-thumbg .hst-category,
.hst-Post-Showcase.hst-Showcase-four .hst-showcase-posts .hst-remain-post .hst-post .hst-post-thumbg .hst-category,
.hst-Post-Showcase.hst-Showcase-three .hst-showcase-posts .hst-focus-post .hst-post .hst-post-thumbg .hst-category {
display: flex;
position: absolute;
bottom: 10px;
left: 10px;
}
.hst-Post-Showcase.hst-Showcase-one .hst-showcase-posts .hst-focus-post .hst-post .hst-post-thumbg .hst-category,
.hst-Post-Showcase.hst-Showcase-two .hst-showcase-posts .hst-focus-post .hst-post .hst-post-thumbg .hst-category,
.hst-Post-Showcase.hst-Showcase-three .hst-showcase-posts .hst-focus-post .hst-post .hst-post-thumbg .hst-category {
bottom: 20px;
left: 20px;
}
.hst-Post-Showcase.hst-Showcase-one .hst-showcase-posts .hst-focus-post .hst-post .hst-post-content .hst-post-title,
.hst-Post-Showcase.hst-Showcase-two .hst-showcase-posts .hst-focus-post .hst-post .hst-post-content .hst-post-title {
margin-bottom: 20px;
}
.hst-Post-Showcase.hst-Showcase-one .hst-showcase-posts .hst-focus-post .hst-post .hst-post-content .hst-post-meta,
.hst-Post-Showcase.hst-Showcase-two .hst-showcase-posts .hst-focus-post .hst-post .hst-post-content .hst-post-meta {
margin-bottom: 13px;
}
.hst-Post-Showcase.hst-Showcase-two .hst-showcase-posts .hst-remain-post .hst-post .hst-post-content .hst-post-meta {
margin-bottom: 0;
}
.hst-Post-Showcase.hst-Showcase-one .hst-showcase-posts .hst-focus-post .hst-post .hst-post-content :is(.hst-author, .hst-date, .hst-comment) a,
.hst-Post-Showcase.hst-Showcase-two .hst-showcase-posts .hst-focus-post .hst-post .hst-post-content :is(.hst-author, .hst-date, .hst-comment) a,
.hst-Post-Showcase.hst-Showcase-three .hst-showcase-posts .hst-focus-post .hst-post .hst-post-content :is(.hst-author, .hst-date, .hst-comment) a,
.hst-Post-Showcase.hst-Showcase-four .hst-showcase-posts .hst-focus-post .hst-post .hst-post-content :is(.hst-author, .hst-date, .hst-comment) a {
font-size: 100%;
}
.hst-Post-Showcase.hst-Showcase-one .hst-showcase-posts .hst-focus-post .hst-post .hst-post-content :is(.hst-author, .hst-date, .hst-comment) i,
.hst-Post-Showcase.hst-Showcase-two .hst-showcase-posts .hst-focus-post .hst-post .hst-post-content :is(.hst-author, .hst-date, .hst-comment) i,
.hst-Post-Showcase.hst-Showcase-three .hst-showcase-posts .hst-focus-post .hst-post .hst-post-content :is(.hst-author, .hst-date, .hst-comment) i,
.hst-Post-Showcase.hst-Showcase-four .hst-showcase-posts .hst-focus-post .hst-post .hst-post-content :is(.hst-author, .hst-date, .hst-comment) i {
font-size: 100%;
}
.hst-Post-Showcase.hst-Showcase-one .hst-showcase-posts .hst-focus-post .hst-post .hst-post-content .hst-post-title a,
.hst-Post-Showcase.hst-Showcase-two .hst-showcase-posts .hst-focus-post .hst-post .hst-post-content .hst-post-title a,
.hst-Post-Showcase.hst-Showcase-three .hst-showcase-posts .hst-focus-post .hst-post .hst-post-content .hst-post-title a,
.hst-Post-Showcase.hst-Showcase-four .hst-showcase-posts .hst-focus-post .hst-post .hst-post-content .hst-post-title a {
font-size: 100%;
line-height: 150%;
}
.hst-Post-Showcase.hst-Showcase-one .hst-showcase-posts .hst-remain-post .hst-post .hst-category a,
.hst-Post-Showcase.hst-Showcase-two .hst-showcase-posts .hst-remain-post .hst-post .hst-category a,
.hst-Post-Showcase.hst-Showcase-three .hst-showcase-posts .hst-remain-post .hst-post .hst-category a,
.hst-Post-Showcase.hst-Showcase-four .hst-showcase-posts .hst-remain-post .hst-post .hst-category a {
font-size: 70%;
line-height: 160%;
padding: 2px 6px;
}
.hst-Post-Showcase.hst-Showcase-two .hst-remain-post {
display: flex;
flex-wrap: wrap;
gap: var(--post-gap);
align-self: self-start;
}
.hst-Post-Showcase.hst-Showcase-two .hst-remain-post .hst-post .hst-post-wrap {
display: block;
}
.hst-Post-Showcase.hst-Showcase-two .hst-remain-post .hst-post .hst-post-thumbg {
max-width: 100%;
height: auto;
margin-right: 0;
} .hst-Post-Showcase.hst-Showcase-three .hst-tab-content {
display: flex;
gap: calc(var(--post-gap) + 10px);
flex-direction: column;
}
.hst-Post-Showcase.hst-Showcase-three .hst-showcase-posts .hst-focus-post .hst-post .hst-post-wrap {
gap: calc(var(--post-gap) + 10px);
} .hst-Post-Showcase.hst-Showcase-three .hst-showcase-posts .hst-focus-post .hst-post .hst-post-wrap .hst-post-thumbg {
flex-basis: calc(50% - var(--post-gap) / 2);
max-width: 100%;
height: auto;
margin: 0;
}
.hst-Post-Showcase.hst-Showcase-three .hst-showcase-posts .hst-focus-post .hst-post .hst-post-wrap .hst-post-content {
align-self: center;
}
.hst-Post-Showcase.hst-Showcase-three .hst-showcase-posts .hst-focus-post .hst-post .hst-post-wrap .hst-post-thumbg:not(:has(img)) {
flex-basis: unset;
height: auto;
}
.hst-Post-Showcase.hst-Showcase-three .hst-remain-post {
display: flex;
flex-wrap: wrap;
gap: 0 var(--post-gap);
}
.hst-Post-Showcase.hst-Showcase-three .hst-remain-post .hst-post {
padding: 30px 0 30px 0;
border-bottom: 1px solid #d7d7d7;
}
.hst-Post-Showcase.hst-Showcase-three .hst-showcase-posts .hst-remain-post .hst-post .hst-post-wrap .hst-post-content {
flex-basis: calc(50% - var(--post-gap) / 2);
}
.hst-Post-Showcase.hst-Showcase-three .hst-showcase-posts .hst-focus-post .hst-post .hst-post-content .hst-read-more {
background: linear-gradient(-90deg, rgba(253, 50, 73, 1) 0%, rgba(104, 39, 170, 1) 100%);
color: #fff;
}
.hst-Post-Showcase.hst-Showcase-three .hst-showcase-cat-sort .hst-showcase-category-btn .hst-btn:is(:hover, :focus) {
color: #fff;
background: linear-gradient(-90deg, rgba(253, 50, 73, 1) 0%, rgba(104, 39, 170, 1) 100%);
}
.hst-Post-Showcase.hst-Showcase-three .hst-showcase-cat-sort {
border-bottom: 1px solid rgba(253, 50, 73, 1);
} .hst-Post-Showcase.hst-Showcase-four .hst-focus-post .hst-post,
.hst-Post-Showcase.hst-Showcase-four .hst-showcase-posts .hst-focus-post .hst-post-wrap {
height: 100%;
position: relative;
background: #00000044;
}
.hst-Post-Showcase.hst-Showcase-four .hst-focus-post .hst-post .hst-post-wrap .hst-post-thumbg {
margin-bottom: 0;
min-height: 500px;
}
.hst-Post-Showcase.hst-Showcase-four .hst-focus-post .hst-post .hst-post-wrap .hst-post-thumbg::after {
content: "";
position: absolute;
inset: 0;
background: linear-gradient(180deg, rgba(0, 0, 0, 0) 30%, rgba(0, 0, 0, 1) 100%);
}
.hst-Post-Showcase.hst-Showcase-four .hst-focus-post .hst-post .hst-post-wrap .hst-post-content {
position: absolute;
bottom: 30px;
left: 30px;
right: 30px;
z-index: 1;
}
.hst-Post-Showcase.hst-Showcase-four .hst-showcase-posts .hst-remain-post .hst-post {
margin: 0 0 20px 0;
padding: 0;
}
.hst-Post-Showcase.hst-Showcase-four .hst-showcase-posts .hst-remain-post .hst-post:first-child
{
margin-top: 0 !important;
}
.hst-Post-Showcase.hst-Showcase-four .hst-showcase-posts .hst-remain-post .hst-post:last-child {
margin-bottom: 0 !important;
}
.hst-Post-Showcase.hst-Showcase-four .hst-showcase-posts .hst-focus-post .hst-post .hst-post-content .hst-bottom-meta .hst-comment {
display: none;
}
.hst-Post-Showcase.hst-Showcase-four .hst-showcase-posts .hst-focus-post .hst-post .hst-category a {
font-size: 100%;
line-height: 150%;
padding: 5px 6px;
}
.hst-Post-Showcase.hst-Showcase-four .hst-showcase-posts .hst-focus-post .hst-post .hst-post-content .hst-bottom-meta {
margin: 0 0 13px 0;
}
.hst-Post-Showcase.hst-Showcase-four .hst-showcase-posts .hst-focus-post .hst-post .hst-post-content .hst-post-title {
margin: 0 0 14px 0;
}
.hst-Post-Showcase.hst-Showcase-four .hst-showcase-posts .hst-focus-post .hst-post .hst-post-content .hst-post-excerpt {
margin: 0 0 18px 0;
}
@media (max-width: 767px) {
.hst-Post-Showcase .hst-showcase-posts .hst-post:not(.highlight-post) .hst-post-thumbg {
max-width: 120px; }
.hst-Post-Showcase .hst-showcase-posts .hst-post,
.hst-Post-Showcase.hst-Showcase-two .hst-showcase-posts .hst-remain-post .hst-post {
flex-basis: 100%;
}
.hst-Post-Showcase.hst-Showcase-two .hst-remain-post .hst-post .hst-post-thumbg {
max-width: 100%;
height: auto;
margin-right: 0;
}
.hst-Post-Showcase .hst-showcase-posts .hst-post.highlight-post .hst-post-thumbg {
max-width: 100%;
}
.hst-Post-Showcase.hst-Showcase-one .hst-focus-post,
.hst-Post-Showcase.hst-Showcase-one .hst-remain-post,
.hst-Post-Showcase.hst-Showcase-four .hst-focus-post,
.hst-Post-Showcase.hst-Showcase-four .hst-remain-post {
flex: 1 0 100%;
}
.hst-Post-Showcase.hst-Showcase-three .hst-showcase-posts .hst-focus-post .hst-post .hst-post-wrap {
flex-wrap: wrap;
}
.hst-Post-Showcase.hst-Showcase-three .hst-showcase-posts .hst-focus-post .hst-post .hst-post-wrap .hst-post-thumbg,
.hst-Post-Showcase.hst-Showcase-three .hst-showcase-posts .hst-focus-post .hst-post .hst-post-wrap .hst-post-content {
flex-basis: 100%;
}
.hst-Post-Showcase.hst-Showcase-four .hst-focus-post .hst-post .hst-post-wrap .hst-post-content {
bottom: 20px;
left: 20px;
right: 20px;
}
}
@media(min-width:1025px) {
.hst-Post-Showcase.hst-Showcase-three .hst-remain-post .hst-post:nth-child(1),
.hst-Post-Showcase.hst-Showcase-three .hst-remain-post .hst-post:nth-child(2) {
padding-top: 0;
}
.hst-Post-Showcase.hst-Showcase-three .hst-remain-post .hst-post:last-child,
.hst-Post-Showcase.hst-Showcase-three .hst-remain-post .hst-post:nth-last-child(2) {
padding-bottom: 0;
border-bottom: none;
}
}
@media (max-width: 1024px) {
.hst-Post-Showcase .hst-showcase-posts .hst-post:not(.highlight-post) {
flex-basis: 100%;
}
.hst-Post-Showcase.hst-Showcase-two .hst-focus-post,
.hst-Post-Showcase.hst-Showcase-two .hst-remain-post {
flex-basis: 100%;
}
.hst-Post-Showcase.hst-Showcase-three .hst-remain-post .hst-post:nth-child(1) {
padding-top: 0;
}
.hst-Post-Showcase.hst-Showcase-three .hst-remain-post .hst-post:last-child {
padding-bottom: 0;
border-bottom: none;
}
}
.hst-Post-Showcase.hst-Showcase-three .hst-showcase-cat-sort .hst-showcase-title{
background:linear-gradient(-90deg, rgba(253, 50, 73, 1) 0%, rgba(104, 39, 170, 1) 100%);
}
.hst-Post-Showcase.hst-Showcase-three .hst-showcase-cat-sort .hst-showcase-category-btn .hst-btn.active{
background:linear-gradient(-90deg, rgba(253, 50, 73, 1) 0%, rgba(104, 39, 170, 1) 100%);
} .hst-post-tab-section {
max-width: 100%;
background-color: #fff;
padding: 27px 20px 20px 20px;
}
.hst-post-tab-section .hst-post-tab-cat-sort {
display: flex;
align-items: center;
justify-content: space-between;
gap: 20px;
margin: 0 0 27px 0;
}
.hst-post-tab-section .hst-post-tab-category-btn {
display: flex;
gap: 8px;
flex-wrap: wrap;
}
.hst-post-tab-section .hst-post-tab-category-btn button {
font-size: 14px;
line-height: 24px;
font-weight: 600;
font-family: poppins, sans-serif;
text-transform: uppercase;
color: #6C6C6F;
background-color: #F5F5F5;
padding: 3px 6px;
cursor: pointer;
min-width: 80px;
border: none;
outline: none;
}
.hst-post-tab-section .hst-post-tab-category-btn button.active,
.hst-post-tab-section .hst-post-tab-category-btn button:is(:hover, :focus) {
color: #fff;
background-color: #669B9B;
}
.hst-post-tab-section .hst-post-tab-cat-sort .hst-post-tab-all-cat-btn a {
font-size: 14px;
line-height: 24px;
font-weight: 700;
font-family: poppins, sans-serif;
color: #000000;
cursor: pointer;
white-space: nowrap;
}
.hst-post-tab-section .hst-post-tab-cat-sort .hst-post-tab-all-cat-btn a:is(:hover, :focus) {
color: #669B9B;
}
.hst-post-tab-section .hst-post-tab-posts .hst-tab-content .hst-post-tab-all-post {
display: grid;
grid-template-columns: repeat(4, 1fr);
--post-gap: 30px;
gap: var(--post-gap);
}
.hst-post-tab-section.hst-post-col-two .hst-post-tab-posts .hst-tab-content .hst-post-tab-all-post {
grid-template-columns: repeat(2, 1fr);  
}
.hst-post-tab-section.hst-post-col-three .hst-post-tab-posts .hst-tab-content .hst-post-tab-all-post {
grid-template-columns: repeat(3, 1fr);  
}
.hst-post-tab-section .hst-post-tab-posts .hst-tab-content .hst-post-tab-all-post {
display: grid;
grid-template-columns: repeat(4, 1fr);
--post-gap: 30px;
gap: var(--post-gap);
}
.hst-post-tab-section .hst-post-tab-posts .hst-tab-content .hst-post-tab-all-post .hst-post {
background-color: #fff;
box-shadow: 4px 4px 30px 0px rgba(0, 0, 0, 0.08);
-webkit-box-shadow: 4px 4px 30px 0px rgba(0, 0, 0, 0.08);
-moz-box-shadow: 4px 4px 30px 0px rgba(0, 0, 0, 0.08);
}
.hst-post-tab-section .hst-post-tab-posts .hst-post .hst-post-thumbg {
width: 100%;
height: 200px;
overflow: hidden;
}
.hst-post-tab-section .hst-post-tab-posts .hst-post .hst-post-thumbg:not(:has(img)) {
height: auto;
}
.hst-post-tab-section .hst-post-tab-posts .hst-post img {
width: 100%;
height: 100%;
object-fit: cover;
}
.hst-post-tab-section .hst-post-tab-posts .hst-post .hst-post-content {
padding: 17px 20px 20px 20px;
}
.hst-post-tab-section .hst-post-tab-posts .hst-post .hst-post-content .hst-post-meta {
display: flex;
gap: 8px 10px;
flex-wrap: wrap;
align-items: center;
justify-content: flex-start;
margin: 0 0 10px 0;
}
.hst-post-tab-section .hst-post-tab-posts .hst-post .hst-post-content .hst-post-meta .hst-category {
display: flex;
gap: 6px 8px;
flex-wrap: wrap;
align-items: center;
justify-content: flex-start;
}
.hst-post-tab-section .hst-post-tab-posts .hst-post .hst-post-content .hst-post-meta :is(.hst-category, .hst-date) {
font-size: 14px;
line-height: 1.2;
font-weight: 400;
font-family: poppins;
color: #878E94;
}
.hst-post-tab-section .hst-post-tab-posts .hst-post .hst-post-content .hst-post-meta .hst-date {
position: relative;
padding-left: 19px;
}
.hst-post-tab-section .hst-post-tab-posts .hst-post .hst-post-content .hst-post-meta .hst-date::before {
content: "";
position: absolute;
top: 50%;
left: 0;
width: 8px;
height: 1px;
background-color: #878E94;
}
.hst-post-tab-section .hst-post-tab-posts .hst-post .hst-post-content .hst-post-title {
font-size: 20px;
line-height: 30px;
font-weight: 700;
font-family: poppins, sans-serif;
color: #232323;
padding: 0;
margin: 0 0 16px 0;
}
.hst-post-tab-section .hst-post-tab-posts .hst-post .hst-post-content .hst-bottom-meta .hst-author {
display: flex;
gap: 8px 10px;
flex-wrap: wrap;
align-items: center;
justify-content: flex-start;
font-size: 14px;
line-height: 24px;
font-weight: 400;
font-family: poppins, sans-serif;
color: #878E94;
}
.hst-post-tab-section .hst-post-tab-posts .hst-post .hst-post-content .hst-post-meta :is(.hst-category, .hst-date) a,
.hst-post-tab-section .hst-post-tab-posts .hst-post .hst-post-content .hst-post-title a,
.hst-post-tab-section .hst-post-tab-posts .hst-post .hst-post-content .hst-bottom-meta .hst-author a {
font-size: inherit;
line-height: inherit;
font-weight: inherit;
font-family: inherit;
color: inherit;
}
.hst-post-tab-section .hst-post-tab-posts .hst-post .hst-post-content .hst-post-meta .hst-category a {
color: #000000;
}
.hst-post-tab-section .hst-post-tab-posts .hst-post .hst-post-content .hst-post-meta :is(.hst-category a, .hst-date a):is(:hover, :focus),
.hst-post-tab-section .hst-post-tab-posts .hst-post .hst-post-content .hst-post-title:is(:hover, :focus),
.hst-post-tab-section .hst-post-tab-posts .hst-post .hst-post-content .hst-bottom-meta .hst-author a:is(:hover, :focus) {
color: #669B9B;
}
.hst-post-tab-section .hst-post-tab-posts .hst-post .hst-post-content .hst-bottom-meta .hst-author .hst-author-avatar {
width: 26px;
height: 26px;
border-radius: 4px;
background-color: #CCD1D8;
overflow: hidden;
font-size: 0;
}
@media (max-width: 1024px) {
.hst-post-tab-section.hst-post-col-one-ipad .hst-post-tab-posts .hst-tab-content .hst-post-tab-all-post {
grid-template-columns: repeat(1, 1fr);
}
.hst-post-tab-section.hst-post-col-two-ipad .hst-post-tab-posts .hst-tab-content .hst-post-tab-all-post {
grid-template-columns: repeat(2, 1fr);
}
.hst-post-tab-section.hst-post-col-three-ipad .hst-post-tab-posts .hst-tab-content .hst-post-tab-all-post {
grid-template-columns: repeat(3, 1fr);
}
.hst-post-tab-section.hst-post-col-four-ipad .hst-post-tab-posts .hst-tab-content .hst-post-tab-all-post {
grid-template-columns: repeat(4, 1fr);
}
}
@media (max-width: 767px) {
.hst-post-tab-section.hst-post-col-one-mobile .hst-post-tab-posts .hst-tab-content .hst-post-tab-all-post {
grid-template-columns: repeat(1, 1fr);
}
.hst-post-tab-section.hst-post-col-two-mobile .hst-post-tab-posts .hst-tab-content .hst-post-tab-all-post {
grid-template-columns: repeat(2, 1fr);
}
.hst-post-tab-section.hst-post-col-three-mobile .hst-post-tab-posts .hst-tab-content .hst-post-tab-all-post {
grid-template-columns: repeat(3, 1fr);
}
.hst-post-tab-section.hst-post-col-four-mobile .hst-post-tab-posts .hst-tab-content .hst-post-tab-all-post {
grid-template-columns: repeat(4, 1fr);
}
} .hst-post-tab-section.hst-post-tab-one .hst-post-tab-cat-sort {
border-bottom: 1px solid #669B9B;
}
.hst-post-tab-section.hst-post-tab-one .hst-post-tab-category-btn {
gap: 4px;
}
.hst-post-tab-section.hst-post-tab-one .hst-post-tab-category-btn button {
border: 1px solid #EBEBEB;
border-top-left-radius: 4px;
border-top-right-radius: 4px;
}
.hst-post-tab-section.hst-post-tab-one .hst-post-tab-category-btn button {
font-weight: 400;
}
.hst-post-tab-section.hst-post-tab-one .hst-post-tab-category-btn button.active,
.hst-post-tab-section.hst-post-tab-one .hst-post-tab-category-btn button:is(:hover, :focus) {
border-color: #669B9B;
} .hst-post-tab-section.hst-post-tab-two .hst-post-tab-cat-sort {
border-bottom: 1px solid #669B9B;
}
.hst-post-tab-section.hst-post-tab-two .hst-post-tab-category-btn {
gap: 15px 30px;
}
.hst-post-tab-section.hst-post-tab-two .hst-post-tab-category-btn button {
background-color: transparent;
color: #000000;
text-transform: capitalize;
font-weight: 400;
padding: 0 0 8px 0;
min-width: unset;
position: relative;
}
.hst-post-tab-section.hst-post-tab-two .hst-post-tab-category-btn button.active,
.hst-post-tab-section.hst-post-tab-two .hst-post-tab-category-btn button:is(:hover, :focus) {
color: #669B9B;
}
.hst-post-tab-section.hst-post-tab-two .hst-post-tab-category-btn button.active::after,
.hst-post-tab-section.hst-post-tab-two .hst-post-tab-category-btn button:is(:hover, :focus)::after {
content: "";
position: absolute;
left: 0;
bottom: 0;
width: 100%;
height: 3px;
background-color: #669B9B;
}
.hst-post-tab-section.hst-post-tab-two .hst-post-tab-cat-sort .hst-post-tab-all-cat-btn a {
padding: 5px 12px;
color: #ffffff;
background-color: #669B9B;
}
.hst-post-tab-section.hst-post-tab-two .hst-post-tab-cat-sort .hst-post-tab-all-cat-btn {
margin-bottom: 9px;
} .hst-post-tab-section.hst-post-tab-three .hst-post-tab-category-btn button {
border: 1px solid #EBEBEB;
border-radius: 4px;
background-color: #ffffff;
color: #6C6C6F;
}
.hst-post-tab-section.hst-post-tab-three .hst-post-tab-category-btn {
gap: 4px;
}
.hst-post-tab-section.hst-post-tab-three .hst-post-tab-category-btn button.active,
.hst-post-tab-section.hst-post-tab-three .hst-post-tab-category-btn button:is(:hover, :focus) {
color: #ffffff;
background-color: #669B9B;
border-color: #669B9B;
}
.hst-post-tab-section.hst-post-tab-three .hst-post-tab-cat-sort .hst-post-tab-all-cat-btn a {
padding: 5px 7px;
border-radius: 4px;
color: #ffffff;
background-color: #363636;
}.mfp-bg {
top: 0;
left: 0;
width: 100%;
height: 100%;
z-index: 1042;
overflow: hidden;
position: fixed;
background: #0b0b0b;
opacity: 0.8; }
.mfp-wrap {
top: 0;
left: 0;
width: 100%;
height: 100%;
z-index: 1043;
position: fixed;
outline: none !important;
-webkit-backface-visibility: hidden; }
.mfp-container {
text-align: center;
position: absolute;
width: 100%;
height: 100%;
left: 0;
top: 0;
padding: 0 8px;
box-sizing: border-box; }
.mfp-container:before {
content: '';
display: inline-block;
height: 100%;
vertical-align: middle; }
.mfp-align-top .mfp-container:before {
display: none; }
.mfp-content {
position: relative;
display: inline-block;
vertical-align: middle;
margin: 0 auto;
text-align: left;
z-index: 1045; }
.mfp-inline-holder .mfp-content,
.mfp-ajax-holder .mfp-content {
width: 100%;
cursor: auto; }
.mfp-ajax-cur {
cursor: progress; }
.mfp-zoom-out-cur, .mfp-zoom-out-cur .mfp-image-holder .mfp-close {
cursor: -moz-zoom-out;
cursor: -webkit-zoom-out;
cursor: zoom-out; }
.mfp-zoom {
cursor: pointer;
cursor: -webkit-zoom-in;
cursor: -moz-zoom-in;
cursor: zoom-in; }
.mfp-auto-cursor .mfp-content {
cursor: auto; }
.mfp-close,
.mfp-arrow,
.mfp-preloader,
.mfp-counter {
-webkit-user-select: none;
-moz-user-select: none;
user-select: none; }
.mfp-loading.mfp-figure {
display: none; }
.mfp-hide {
display: none !important; }
.mfp-preloader {
color: #CCC;
position: absolute;
top: 50%;
width: auto;
text-align: center;
margin-top: -0.8em;
left: 8px;
right: 8px;
z-index: 1044; }
.mfp-preloader a {
color: #CCC; }
.mfp-preloader a:hover {
color: #FFF; }
.mfp-s-ready .mfp-preloader {
display: none; }
.mfp-s-error .mfp-content {
display: none; }
button.mfp-close,
button.mfp-arrow {
overflow: visible;
cursor: pointer;
background: transparent;
border: 0;
-webkit-appearance: none;
display: block;
outline: none;
padding: 0;
z-index: 1046;
box-shadow: none;
touch-action: manipulation; }
button::-moz-focus-inner {
padding: 0;
border: 0; }
.mfp-close {
width: 44px;
height: 44px;
line-height: 44px;
position: absolute;
right: 0;
top: 0;
text-decoration: none;
text-align: center;
opacity: 0.65;
padding: 0 0 18px 10px;
color: #FFF;
font-style: normal;
font-size: 28px;
font-family: Arial, Baskerville, monospace; }
.mfp-close:hover,
.mfp-close:focus {
opacity: 1; }
.mfp-close:active {
top: 1px; }
.mfp-close-btn-in .mfp-close {
color: #333; }
.mfp-image-holder .mfp-close,
.mfp-iframe-holder .mfp-close {
color: #FFF;
right: -6px;
text-align: right;
padding-right: 6px;
width: 100%; }
.mfp-counter {
position: absolute;
top: 0;
right: 0;
color: #CCC;
font-size: 12px;
line-height: 18px;
white-space: nowrap; }
.mfp-arrow {
position: absolute;
opacity: 0.65;
margin: 0;
top: 50%;
margin-top: -55px;
padding: 0;
width: 90px;
height: 110px;
-webkit-tap-highlight-color: transparent; }
.mfp-arrow:active {
margin-top: -54px; }
.mfp-arrow:hover,
.mfp-arrow:focus {
opacity: 1; }
.mfp-arrow:before,
.mfp-arrow:after {
content: '';
display: block;
width: 0;
height: 0;
position: absolute;
left: 0;
top: 0;
margin-top: 35px;
margin-left: 35px;
border: medium inset transparent; }
.mfp-arrow:after {
border-top-width: 13px;
border-bottom-width: 13px;
top: 8px; }
.mfp-arrow:before {
border-top-width: 21px;
border-bottom-width: 21px;
opacity: 0.7; }
.mfp-arrow-left {
left: 0; }
.mfp-arrow-left:after {
border-right: 17px solid #FFF;
margin-left: 31px; }
.mfp-arrow-left:before {
margin-left: 25px;
border-right: 27px solid #3F3F3F; }
.mfp-arrow-right {
right: 0; }
.mfp-arrow-right:after {
border-left: 17px solid #FFF;
margin-left: 39px; }
.mfp-arrow-right:before {
border-left: 27px solid #3F3F3F; }
.mfp-iframe-holder {
padding-top: 40px;
padding-bottom: 40px; }
.mfp-iframe-holder .mfp-content {
line-height: 0;
width: 100%;
max-width: 900px; }
.mfp-iframe-holder .mfp-close {
top: -40px; }
.mfp-iframe-scaler {
width: 100%;
height: 0;
overflow: hidden;
padding-top: 56.25%; }
.mfp-iframe-scaler iframe {
position: absolute;
display: block;
top: 0;
left: 0;
width: 100%;
height: 100%;
box-shadow: 0 0 8px rgba(0, 0, 0, 0.6);
background: #000; } img.mfp-img {
width: auto;
max-width: 100%;
height: auto;
display: block;
line-height: 0;
box-sizing: border-box;
padding: 40px 0 40px;
margin: 0 auto; } .mfp-figure {
line-height: 0; }
.mfp-figure:after {
content: '';
position: absolute;
left: 0;
top: 40px;
bottom: 40px;
display: block;
right: 0;
width: auto;
height: auto;
z-index: -1;
box-shadow: 0 0 8px rgba(0, 0, 0, 0.6);
background: #444; }
.mfp-figure small {
color: #BDBDBD;
display: block;
font-size: 12px;
line-height: 14px; }
.mfp-figure figure {
margin: 0; }
.mfp-bottom-bar {
margin-top: -36px;
position: absolute;
top: 100%;
left: 0;
width: 100%;
cursor: auto; }
.mfp-title {
text-align: left;
line-height: 18px;
color: #F3F3F3;
word-wrap: break-word;
padding-right: 36px; }
.mfp-image-holder .mfp-content {
max-width: 100%; }
.mfp-gallery .mfp-image-holder .mfp-figure {
cursor: pointer; }
@media screen and (max-width: 800px) and (orientation: landscape), screen and (max-height: 300px) { .mfp-img-mobile .mfp-image-holder {
padding-left: 0;
padding-right: 0; }
.mfp-img-mobile img.mfp-img {
padding: 0; }
.mfp-img-mobile .mfp-figure:after {
top: 0;
bottom: 0; }
.mfp-img-mobile .mfp-figure small {
display: inline;
margin-left: 5px; }
.mfp-img-mobile .mfp-bottom-bar {
background: rgba(0, 0, 0, 0.6);
bottom: 0;
margin: 0;
top: auto;
padding: 3px 5px;
position: fixed;
box-sizing: border-box; }
.mfp-img-mobile .mfp-bottom-bar:empty {
padding: 0; }
.mfp-img-mobile .mfp-counter {
right: 5px;
top: 3px; }
.mfp-img-mobile .mfp-close {
top: 0;
right: 0;
width: 35px;
height: 35px;
line-height: 35px;
background: rgba(0, 0, 0, 0.6);
position: fixed;
text-align: center;
padding: 0; } }
@media all and (max-width: 900px) {
.mfp-arrow {
-webkit-transform: scale(0.75);
transform: scale(0.75); }
.mfp-arrow-left {
-webkit-transform-origin: 0;
transform-origin: 0; }
.mfp-arrow-right {
-webkit-transform-origin: 100%;
transform-origin: 100%; }
.mfp-container {
padding-left: 6px;
padding-right: 6px; } }