@import url('https://fonts.googleapis.com/css2?family=Libre+Baskerville&family=Work+Sans:wght@400;500;600&display=swap');
/**
* Title: Gator
* Author/s: Mono
* CSS build platform: Webpack
* Node modules instalation: npm i
* Node version: 16.14.0 or lower
* Development build command: npm run start
* Production build command: npm run prod
* CSS processor: PostCSS
* CSS processor usage: autoprefixing, nesting, variables, minification, color functions
* CSS name convention: BEM
* Global indentation: 4 spaces
* Global units: px
* Global prefix: none
* Browser support: IE11+, last 4 versions of modern browsers
*/
/**
* Vars .......... postcss-simple-vars plugin for defining variables to use accross the project
*/
/*------------------------------------*\
# vars.globals
\*------------------------------------*/
/**
* The $unita variable is a global variable to be used
* in paddings, margins, for sizing and positioning
*/
/**
* UI sections
*/
/**
* Global radius and rounded
*/
/*------------------------------------*\
# vars.typography
\*------------------------------------*/
/* Import custom typography from font provider */
/**
* Project base line height (unitless in order to work with typomatic)
*/
/**
* Project base line height
*/
/**
* Type weights
*/
/**
* Font stacks
*/
/*------------------------------------*\
# vars.colors
\*------------------------------------*/
/**
* Generic colors
* Color naming taken from: http://www.color-blindness.com/color-name-hue/
*/
/**
* Light mode colors
*/
/**
* Utility colors
*/
/*
Shades of gray (pure gray)
------------------------------------
If you need mix some color to gray, use 10% of saturated color
*/ /* 6% - lightness */ /* 17% - lightness */ /* 28% - lightness */ /* 39% - lightness */ /* 50% - lightness */ /* 61% - lightness */ /* 72% - lightness */ /* 83% - lightness */ /* 94% - lightness */
/*------------------------------------*\
# vars.responsive
\*------------------------------------*/ /* 544px */ /* 543px */ /* 768px */ /* 767px */ /* 992px */ /* 991px */ /* 1200px */ /* 1199px */ /* 1440px */ /* 1439px */ /* 1504px */ /* 1504px */
/*------------------------------------*\
# vars.shadows
\*------------------------------------*/
/*you can use grey variables for match your background*/
/*[grey-1, grey2...]*/
/*tested on #efefef background and #fff box*/
/*really close*/
/*//close/**/
/*//regular/**/
/*//smooth/**/
/*//apple like/**/
/*------------------------------------*\
# vars.elevation
\*------------------------------------*/
/**
* Elevation colors
*/
/**
* Tools .......... typography mixin, floted grid and clearfix
*/
/*------------------------------------*\
# tools.clearing
\*------------------------------------*/
.clearfix:after{
content: "";
clear: both;
display: block;
height: 0;
visibility: hidden;
font-size: 0;
}
.group {
overflow: hidden;
}
/*clearfix for IE6 & above*/
/*
// IE6
* html .clearfix {
zoom: 1;
}
// IE7
*:first-child+html .clearfix {
zoom: 1;
}
*/
/*------------------------------------*\
# tools.ricky
\*------------------------------------*/
/**
* Custom grid based on flexbox.
* $f-grid-gutter - amount of space between columns
* $f-grid-columns - number of columns of the grid
*/
/**
* The flex-col mixin is used for building flexbox grid columns
*/
/**
* The grid-pull mixin is used for pulling columns using margin-left
* for the space of a number of columns
*/
/**
* Row
*/
.is-admin .row {
margin-left: -14px;
margin-right: -14px;
display: -ms-flexbox;
display: flex;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
}
.is-admin .row--align-center {
-ms-flex-align: center;
align-items: center;
}
.is-admin .row--align-end {
-ms-flex-align: end;
align-items: flex-end;
}
/**
* Column
*/
.is-admin .col {
padding-left: 14px;
padding-right: 14px;
transition: all 250ms ease-out;
}
/*------------------------------------*\
# tools.typomatic
\*------------------------------------*/
/**
* Mixin name: typomatic-init
* Description: creates a vertical rhythm on a page using font-size
* and line-height on the html element
* Parameters:
* does not take parameters
*/
/**
* Mixin name: type-scale
* Description: type-scale sets the type to baseline to achieve
* vertical rhythm.
* Parameters:
* $scale ($base-font-size is default) - font size (unitless) variable
* $baselines (1 is default) - number of baselines
*/
/**
* Base .......... base structural stylings for setting the body, typography and other base styles (no classes should be added here)
*/
/*------------------------------------*\
# base.globals
\*------------------------------------*/
/**
* Initialize typomatic in project (sets font-size and line-height
* on html selector.
*/
*,
*:before,
*:after {
box-sizing: inherit;
}
html {
box-sizing: border-box;
height: 100%;
font-size: responsive;
scroll-behavior: smooth;
scrollbar-width: thin;
}
body.is-admin {
min-height: 100%;
overflow-x: hidden;
margin: 0;
background: #ffffff;
font-family: "Work Sans", -apple-system, BlinkMacSystemFont, "Segoe UI", "Roboto", "Oxygen", "Ubuntu", "Cantarell", "Fira Sans",
"Droid Sans", "Helvetica Neue", sans-serif, Helvetica, Arial, sans-serif !important;
line-height: 1.5;
color: #000000 !important;
}
img {
max-width: 100%;
vertical-align: middle;
}
svg {
max-width: 100%;
}
p {
margin: 0;
}
a {
color: #5594F3;
transition: all 300ms;
}
a:hover {
color: #4476c2;
}
/*------------------------------------*\
# base.typography
\*------------------------------------*/
/**
* Headings
*/
/* Override styling for admin */
.is-admin {
/* h1 {
font-size: responsive $type-lrg $type-big;
font-range: 320px 1440px;
line-height: responsive 40px 44px;
line-height-range: 320px 1440px;
}
h2 {
font-size: responsive $type-med $type-xxxlrg;
font-range: 320px 1440px;
line-height: responsive 32px 40px;
line-height-range: 320px 1440px;
}
h3 {
font-size: responsive $type-base $type-lrg;
font-range: 320px 1440px;
line-height: responsive 28px 32px;
line-height-range: 320px 1440px;
} */
}
.is-admin h1,
.is-admin h2,
.is-admin h3,
.is-admin h4,
.is-admin h5,
.is-admin h6 {
font-family: "Libre Baskerville", Times, serif;
font-weight: 400;
}
/**
* Paragraphs
*/
p {
margin: 0;
}
/**
* Lists (ol, ul, dd)
*/
ol,
ul,
dl {
margin: 0;
padding: 0;
list-style: none;
}
ol {
}
ol li {
}
ul {
}
ul li {
}
dd {
}
dl dt {
}
dl dd {
}
/**
* Anchors
*/
a {
color: #694374;
text-decoration: none;
text-decoration-skip-ink: auto; /* Ensure that underlines don’t pass through descenders. */
transition: all 250ms cubic-bezier(0.65, 0, 0.17, 0.98);
word-break: break-all;
}
a:link {
}
a:hover {
color: rgb(120, 120, 120);
}
a:focus {
outline: 0;
border-radius: 2px;
color: rgb(120, 120, 120);
}
a:focus-visible {
outline-offset: 3px;
outline: 2px dotted #694374;
border-radius: 2px;
}
/**
* Typographic details
*/
hr {
border-top: 1px solid #bfbfbf;
}
em {
}
b,
strong {
font-weight: bold;
}
address {
}
small {
}
pre {
}
code {
background-color: rgb(255, 255, 255);
padding: 2px;
color: #01B2AA;
}
sub {
}
sup {
}
strike {
}
/**
* Plugins .......... 3rd party code, external plugin CSS etc
*/
/**
* Owl Carousel v2.2.1
* Copyright 2013-2017 David Deutsch
* Licensed under ()
*/
/*
* Owl Carousel - Core
*/
.owl-carousel {
width: 100%;
-webkit-tap-highlight-color: transparent;
/* position relative and z-index fix webkit rendering fonts issue */
position: relative;
z-index: 1;
}
.owl-carousel .owl-stage {
position: relative;
-ms-touch-action: pan-Y;
-moz-backface-visibility: hidden;
/* fix firefox animation glitch */
}
.owl-carousel .owl-stage:after {
content: ".";
display: block;
clear: both;
visibility: hidden;
line-height: 0;
height: 0;
}
.owl-carousel .owl-stage-outer {
position: relative;
overflow: hidden;
/* fix for flashing background */
-webkit-transform: translate3d(0px, 0px, 0px);
}
.owl-carousel .owl-wrapper,
.owl-carousel .owl-item {
-webkit-backface-visibility: hidden;
-moz-backface-visibility: hidden;
-ms-backface-visibility: hidden;
-webkit-transform: translate3d(0, 0, 0);
-moz-transform: translate3d(0, 0, 0);
-ms-transform: translate3d(0, 0, 0);
}
.owl-carousel .owl-item {
position: relative;
min-height: 1px;
float: left;
-webkit-backface-visibility: hidden;
-webkit-tap-highlight-color: transparent;
-webkit-touch-callout: none;
}
.owl-carousel .owl-item img {
display: block;
width: 100%;
}
.owl-carousel .owl-nav .owl-prev,
.owl-carousel .owl-nav .owl-next,
.owl-carousel .owl-dot {
cursor: pointer;
cursor: hand;
-webkit-user-select: none;
-ms-user-select: none;
user-select: none;
}
.owl-carousel.owl-loaded {
display: block;
}
.owl-carousel.owl-loading {
opacity: 0;
display: block;
}
.owl-carousel.owl-hidden {
opacity: 0;
}
.owl-carousel.owl-refresh .owl-item {
visibility: hidden;
}
.owl-carousel.owl-drag .owl-item {
-webkit-user-select: none;
-ms-user-select: none;
user-select: none;
}
.owl-carousel.owl-grab {
cursor: move;
cursor: grab;
}
.owl-carousel.owl-rtl {
direction: rtl;
}
.owl-carousel.owl-rtl .owl-item {
float: right;
}
/* No Js */
.no-js .owl-carousel {
display: block;
}
/*
* Owl Carousel - Animate Plugin
*/
.owl-carousel .animated {
animation-duration: 1000ms;
animation-fill-mode: both;
}
.owl-carousel .owl-animated-in {
z-index: 0;
}
.owl-carousel .owl-animated-out {
z-index: 1;
}
.owl-carousel .fadeOut {
animation-name: fadeOut;
}
@keyframes fadeOut {
0% {
opacity: 1;
}
100% {
opacity: 0;
}
}
/*
* Owl Carousel - Auto Height Plugin
*/
.owl-height {
transition: height 500ms ease-in-out;
}
/*
* Owl Carousel - Lazy Load Plugin
*/
.owl-carousel .owl-item .owl-lazy {
opacity: 0;
transition: opacity 400ms ease;
}
.owl-carousel .owl-item img.owl-lazy {
transform-style: preserve-3d;
}
.owl-prev,
.owl-next {
position: absolute;
top: 50%;
display: -ms-flexbox;
display: flex;
-ms-flex-pack: center;
justify-content: center;
-ms-flex-align: center;
align-items: center;
width: 48px;
height: 48px;
border-radius: 1000px;
background-color: #694374;
-ms-transform: translateY(-50%);
transform: translateY(-50%);
}
.owl-prev {
display: none;
left: -4px;
right: auto;
}
.owl-next {
left: auto;
right: 32px !important;
}
.owl-carousel .owl-stage {
display: -ms-flexbox;
display: flex;
-ms-flex-direction: row;
flex-direction: row;
height: 100%;
}
.owl-carousel .owl-dots.disabled,
.owl-carousel .owl-nav.disabled {
display: none !important;
}
.owl-item {
filter: brightness(0.75) !important;
transition: all 250ms;
}
.owl-item-current {
margin-left: 0 !important;
filter: none !important;
}
.owl-item-current:after {
content: "";
display: block;
position: absolute;
right: 0;
bottom: -16px;
left: 0;
height: 16px;
transition: ease 0.2s all;
}
/*------------------------------------*\
# plugins.tooltip
\*------------------------------------*/
.tooltips tip {
min-width: 310px;
}
tooltip tip {
color: #000000;
border-radius: 4px;
border: 1px solid #D9D9D9;
background: #ffffff;
box-shadow: 0px 2px 13px rgba(0, 0, 0, 0.07);
}
tooltip tip-tip._small {
font-size: 13px;
line-height: 15.6px;
text-transform: none;
}
tooltip tip-arrow {
border-top: 0 !important;
}
tip-cont {
display: -ms-flexbox;
display: flex;
height: auto !important;
}
.tooltip-card .tooltips tip {
min-width: 250px;
text-align: left !important;
}
.tooltip--education {
overflow: hidden;
-ms-flex-pack: center !important;
justify-content: center !important;
width: 110px !important;
min-width: 110px !important;
max-width: 110px !important;
height: auto !important;
padding: 12px !important;
white-space: no-wrap !important;
}
.tooltip--light {
overflow: hidden;
min-width: 200px !important;
max-width: 200px !important;
width: 100% !important;
padding: 12px 16px !important;
text-align: left !important;
color: #000000;
background: #D9D9D9 !important;
box-shadow: 0px 4px 10px rgba(0, 0, 0, 0.12);
}
.tooltip--purple {
overflow: visible !important;
min-width: 200px !important;
max-width: 255px !important;
width: 100% !important;
padding: 16px !important;
font-size: 16px !important;
line-height: 24px !important;
text-align: center !important;
letter-spacing: 0 !important;
color: #fff;
border-radius: 8px !important;
background: #573962 !important;
box-shadow: none !important;
}
.tooltip--purple tip-arrow {
border-top: 8px solid #573962 !important;
border-left: 8px solid transparent !important;
border-right: 8px solid transparent !important;
}
/* Used on Coverage Details modal */
.tooltip--coverage {
text-transform: none;
font-weight: 400;
}
.tooltip--coverage tip {
min-width: 320px;
padding: 12px;
font-size: 10px;
text-align: left;
color: #000000;
background-color: #ffffff;
box-shadow: 0px 4px 4px 0px rgba(0, 0, 0, 0.25);
}
._exradicated-tooltip {
display: -ms-inline-flexbox !important;
display: inline-flex !important;
height: auto !important;
line-height: 1 !important;
}
/*------------------------------------*\
# plugins.ngdialog
\*------------------------------------*/
.is-admin .ngdialog {
margin: auto;
padding-left: 16px;
padding-right: 16px;
}
.is-admin .ngdialog-title {
margin-bottom: 32px;
font-size: 25px;
line-height: 32px;
}
@media (max-width: 47.9375em) {
.is-admin .ngdialog.ngdialog-theme-default{
padding-bottom: 32px;
padding-top: 32px;
}
}
.is-admin .ngdialog.ngdialog-theme-default .ngdialog-content {
width: auto !important;
margin: auto;
padding: 32px;
font-family: "Work Sans", -apple-system, BlinkMacSystemFont, "Segoe UI", "Roboto", "Oxygen", "Ubuntu", "Cantarell", "Fira Sans",
"Droid Sans", "Helvetica Neue", sans-serif, Helvetica, Arial, sans-serif !important;
color: #000000;
border-radius: 16px !important;
border: 1px solid #D9D9D9;
background-color: #ffffff;
}
.is-admin .ngdialog.ngdialog-payroll .ngdialog-content {
padding: 56px 20px 32px !important;
}
@media (min-width: 48em) {
.is-admin .ngdialog.ngdialog-payroll .ngdialog-content {
padding: 24px 68px 44px !important;
}
}
@media (max-width: 48em) {
.is-admin .ngdialog.ngdialog-payroll .ngdialog-close::before {
right: -10px !important;
top: -10px !important;
}
}
.ngdialog-payroll date-picker {
display: block;
width: 221px;
}
.is-admin .ngdialog.ngdialog-payroll .btn--primary--alt {
box-shadow: 0 3px 12px #d4d4d4;
}
.is-admin .ngdialog.ngdialog-theme-default .ngdialog-close:hover::before {
background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg width='16' height='16' viewBox='0 0 16 16' xmlns='http://www.w3.org/2000/svg' fill='%238C8C8C'%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M12.854 3.146a.5.5 0 0 1 0 .708l-9 9a.5.5 0 0 1-.708-.708l9-9a.5.5 0 0 1 .708 0z'/%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M3.146 3.146a.5.5 0 0 1 .708 0l9 9a.5.5 0 0 1-.708.708l-9-9a.5.5 0 0 1 0-.708z'/%3E%3C/svg%3E");
}
.is-admin .ngdialog.ngdialog-theme-default .ngdialog-close:focus-visible {
outline-offset: 3px;
outline: 2px dotted #694374;
}
.is-admin .ngdialog.ngdialog-theme-default .ngdialog-close::before {
content: "" !important;
position: absolute;
right: 0px;
top: 0px;
min-width: 32px;
height: 32px;
background-size: 32px;
background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg width='16' height='16' viewBox='0 0 16 16' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M12.854 3.146a.5.5 0 0 1 0 .708l-9 9a.5.5 0 0 1-.708-.708l9-9a.5.5 0 0 1 .708 0z'/%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M3.146 3.146a.5.5 0 0 1 .708 0l9 9a.5.5 0 0 1-.708.708l-9-9a.5.5 0 0 1 0-.708z'/%3E%3C/svg%3E");
background-repeat: no-repeat;
background-position: center center;
vertical-align: middle;
background-size: contain;
transition: all 250ms;
}
.is-admin .ngdialog.ngdialog-theme-default .ngdialog-back {
margin: 20px 20px 0 0;
}
.is-admin .ngdialog.ngdialog-theme-default .ngdialog-back {
border: none;
background: transparent;
cursor: pointer;
position: absolute;
left: 0;
top: 0;
}
.is-admin .ngdialog.ngdialog-theme-default .ngdialog-back::before {
content: "" !important;
position: absolute;
left: 14px;
top: -2px;
min-width: 32px;
height: 32px;
background-size: 32px;
background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns='http://www.w3.org/2000/svg'%20width='32'%20height='32'%20viewBox='0%200%2032%2032'%20fill='none'%3E%3Cpath%20d='M20.0003%2025.334L10.667%2016.0007L20.0003%206.66732'%20stroke='black'%20stroke-width='2.66667'%20stroke-linecap='round'%20stroke-linejoin='round'/%3E%3C/svg%3E");
background-repeat: no-repeat;
background-position: center center;
vertical-align: middle;
background-size: contain;
transition: all 250ms;
}
.is-admin .ngdialog--tny .ngdialog-content {
max-width: 450px !important;
padding: 64px 16px 16px !important;
}
@media (max-width: 47.9375em) {
.is-admin .ngdialog--tny .ngdialog-content{
margin: 12px !important;
}
}
.is-admin .ngdialog--sml .ngdialog-content {
max-width: 630px !important;
}
@media (max-width: 47.9375em) {
.is-admin .ngdialog--sml .ngdialog-content{
margin: 12px !important;
}
}
.is-admin .ngdialog--med .ngdialog-content {
max-width: 775px !important;
}
@media (max-width: 61.9375em) {
.is-admin .ngdialog--med .ngdialog-content {
margin: auto;
padding: 12px !important;
}
}
.is-admin .ngdialog--lrg .ngdialog-content {
max-width: 950px !important;
}
@media (max-width: 61.9375em) {
.is-admin .ngdialog--lrg .ngdialog-content{
margin: 12px !important;
}
}
.is-admin .ngdialog--xlrg .ngdialog-content {
max-width: 1138px !important;
}
@media (max-width: 74.9375em) {
.is-admin .ngdialog--xlrg .ngdialog-content{
margin: 12px !important;
}
}
/*------------------------------------*\
# plugins.select2
\*------------------------------------*/
.is-admin .select2 {
}
.is-admin .select2-container {
width: 100%;
}
.is-admin .select2-container-active .select2-choice {
outline: 0;
border-radius: 8px !important;
border: 1px solid #694374 !important;
/* box-shadow: 0 0 0 1px #694374 !important; */
font-size: 16px;
}
.is-admin .select2-container-multi .select2-choices:focus-within {
height: 50px;
border-radius: 8px !important;
border: 1px solid #694374 !important;
}
.is-admin .select2-choice {
display: block;
box-sizing: border-box;
width: 100%;
outline: none;
border: 1px solid #D9D9D9 !important;
transition: border-color, background-color .2s;
border-radius: 8px !important;
padding: 0 16px !important;
font-size: 16px;
line-height: 50px !important;
height: 50px !important;
background-image: none !important;
box-shadow: none !important;
}
.is-admin .select2-drop {
box-shadow: none !important;
}
.is-admin .select2-container .select2-choice .select2-arrow {
width: 24px;
height: 100%;
margin-right: 16px;
background-color: #fff;
background-image: none;
border-left: none;
}
.is-admin .select2-dropdown-open .select2-choice {
background-color: #fff;
background-image: none;
font-size: 16px;
}
.is-admin .select2-container .select2-choice abbr {
right: 36px;
top: 16px;
}
.is-admin .select2-drop-active {
border: 1px solid #D9D9D9;
}
.is-admin .select2-container .select2-choice .select2-arrow b {
width: 24px;
height: 24px;
background-image: url(
"data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns='http://www.w3.org/2000/svg'%20width='24'%20height='24'%20viewBox='0%200%2024%2024'%20fill='none'%3E%3Cpath%20d='M19%209L12%2016L5%209'%20stroke='black'%20stroke-width='2'%20stroke-linecap='round'%20stroke-linejoin='round'/%3E%3C/svg%3E"
) !important;
background-size: 24px !important;
background-repeat: no-repeat !important;
background-position: 100% center !important;
}
.is-admin .select2-search input {
width: 100% !important;
max-width: calc(100% - 27px) !important;
margin-top: 4px;
background-image: url(
"data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='color(%23262729 a(0.8))'%3E%3Ctitle%3Esearch-1%3C/title%3E%3Cpath d='M23.414 20.591l-4.645-4.645a10.256 10.256 0 1 0-2.828 2.829l4.645 4.644a2.025 2.025 0 0 0 2.828 0 2 2 0 0 0 0-2.828zM10.25 3.005A7.25 7.25 0 1 1 3 10.255a7.258 7.258 0 0 1 7.25-7.25z'/%3E%3C/svg%3E"
) !important;
background-size: 12px !important;
background-repeat: no-repeat !important;
background-position: calc(100% - 8px) center !important;
}
.is-admin .select2-results .select2-result-label {
font-size: 13px;
line-height: 24px;
}
.is-admin .select2-container-multi .select2-choices {
background-image: none;
border: 1px solid #D9D9D9;
border-radius: 8px;
}
.is-admin .select2-container-multi .select2-choices .select2-search-choice {
display: -ms-flexbox;
display: flex;
-ms-flex-align: center;
align-items: center;
min-height: 20px;
padding: 2px 4px;
font-size: 12px;
line-height: 18px;
background: transparent;
background-color: #F3F4F9;
border: 1px solid #D9D9D9;
box-shadow: none;
transition: all .3s;
}
.is-admin .select2-container-multi .select2-choices .select2-search-choice:hover,
.is-admin .select2-container-multi .select2-choices .select2-search-choice:focus {
background-color: rgb(237, 237, 238);
}
.is-admin .select2-container-multi .select2-choices .select2-search-choice .select2-search-choice-close {
position: relative;
right: auto;
top: auto;
width: 20px;
height: 20px;
margin: 0;
background: none;
background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg width='16' height='16' viewBox='0 0 16 16' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M12.854 3.146a.5.5 0 0 1 0 .708l-9 9a.5.5 0 0 1-.708-.708l9-9a.5.5 0 0 1 .708 0z'/%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M3.146 3.146a.5.5 0 0 1 .708 0l9 9a.5.5 0 0 1-.708.708l-9-9a.5.5 0 0 1 0-.708z'/%3E%3C/svg%3E");
display: inline-block;
background-repeat: no-repeat;
background-size: 16px;
background-position: center;
vertical-align: middle;
}
.is-admin .select2-container-multi .select2-choices .select2-search-choice .select2-search-choice-close:hover {
background-position: center;
}
.is-admin .select2-container-multi .select2-choices .select2-search-field {
width: 100%;
}
.is-admin .select2-container-multi .select2-choices .select2-search-field input {
width: calc(100% - 26px) !important;
height: 30px;
margin: 4px;
/* margin: 0 !important; */
padding: 4px 8px;
font-size: 14px;
line-height: 32px;
border-radius: 8px;
border: 1px dotted #ECECEC;
box-shadow: none !important;
}
.is-admin .select2-container-multi .select2-choices .select2-search-field input:-ms-input-placeholder {
color: #D9D9D9;
}
.is-admin .select2-container-multi .select2-choices .select2-search-field input::placeholder {
color: #D9D9D9;
}
.is-admin .select2-container-multi.select2-container-active .select2-choices {
border: 1px solid #D9D9D9;
box-shadow: none;
}
.is-admin .select2--secondary .select2-drop-active {
border-radius: 8px;
}
.is-admin .select2--secondary .select2-results {
max-height: 100%;
padding: 0;
margin: 0;
border-radius: 8px;
}
.is-admin .select2--secondary .select2-result-label {
padding: 8px;
}
.is-admin .select2--secondary .select2-highlighted {
background: #f0ecf1;
color: #ffffff;
}
.is-admin .select2--secondary li:not(:last-child) {
border-bottom: 1px solid #D9D9D9;
}
/* Termination popup */
.is-admin .select2--termination-popup label {
margin-bottom: 4px;
line-height: 20px;
}
.is-admin .select2--termination-popup .select2-container .select2-choice {
height: 48px !important;
}
.is-admin .select2--termination-popup .select2-drop {
padding: 0 !important;
margin-top: 4px !important;
}
.is-admin .select2--termination-popup .select2-results {
padding: 0;
border-radius: 8px;
}
.is-admin .select2--termination-popup .select2-results .select2-result-label {
border-bottom: 1px solid #D9D9D9;
margin: 0 16px;
}
.is-admin .select2--termination-popup .select2-results .select2-highlighted {
background-color: transparent;
color: #01B2AA;
font-weight: 700;
}
.is-admin .select2--termination-popup .select2-results .select2-highlighted .select2-result-label {
border-bottom: none;
}
.is-admin .select2--termination-popup .select2-result-single li:last-child .select2-result-label {
border-bottom: 0px;
}
.is-admin .select2--termination-popup .ui-select-choices-row:hover {
background-color: transparent;
}
.is-admin .select2--termination-popup .ui-select-choices-row:hover div {
/* font-weight: $type-weight-bold; */
color: rgba(105, 67, 116, 0.75);
}
.is-admin .select2--termination-popup .select2-highlighted .select2-result-label:hover {
color: #ffffff;
}
.field-validation-error--payroll {
margin-bottom: 8px;
}
/* Payroll deductions popup */
.is-admin .select2--payroll-popup {
display: block;
max-width: 467px;
margin-top: 2px;
}
.is-admin .select2--payroll-popup .select2-choice > .select2-chosen {
height: 100%;
}
.is-admin .select2--payroll-popup .select2-choice > .select2-chosen span {
display: block;
height: 100%;
line-height: 48px !important;
overflow: hidden;
text-overflow: ellipsis;
white-space: nowrap;
}
.is-admin .select2--payroll-popup.select2-container-active .select2-choice {
font-size: 13px;
}
.is-admin .select2--termination-popup .select2-results .select2-result-label {
line-height: 20px !important;
color: #000 !important;
}
.is-admin .select2--termination-popup .select2-results li {
}
.is-admin .select2--termination-popup .select2-results .select2-highlighted {
background-color: #F3F4F9 !important;
}
.is-admin .select2--termination-popup .select2-results .select2-highlighted .select2-result-label {
background-color: transparent !important;
font-weight: 400 !important;
}
/*------------------------------------*\
# plugins.stripe
\*------------------------------------*/
.is-admin #cardNumber,
.is-admin #cardExpiry,
.is-admin #cardCvc,
.is-admin #postalCode {
padding: 12px 16px;
font-size: 14px;
line-height: 32px;
border-radius: 8px;
border: 1px solid #D9D9D9;
transition: border-color, background-color .2s;
cursor: text;
}
.is-admin #cardNumber:focus,
.is-admin #cardNumber:hover,
.is-admin #cardExpiry:focus,
.is-admin #cardExpiry:hover,
.is-admin #cardCvc:focus,
.is-admin #cardCvc:hover,
.is-admin #postalCode:focus,
.is-admin #postalCode:hover {
border: 1px solid #D9D9D9;
}
/*------------------------------------*\
# p.banquest-payment.css
\*------------------------------------*/
.banquest__card {
height: 160px !important;
}
@media (max-width: 33.9375em) {
.banquest__card{
height: 190px !important;
}
}
@media (min-width: 62em) {
.banquest__card{
height: 190px !important;
}
}
@media (min-width: 75em) {
.banquest__card{
height: 120px !important;
}
}
/**
* Components .......... resuable components for all projects
*/
/*------------------------------------*\
# component.btn
\*------------------------------------*/
.admin-btn {
/**
* Button base
*/
/* To keep the button inline, and flex container at the same time */
display: -ms-inline-flexbox;
display: inline-flex;
-ms-flex-align: center;
align-items: center;
-ms-flex-item-align: center;
align-self: center;
-ms-flex-pack: center;
justify-content: center;
-ms-touch-action: manipulation;
touch-action: manipulation;
-webkit-user-select: none;
-ms-user-select: none;
user-select: none;
cursor: pointer;
/* white-space: nowrap; */
word-break: break-word;
text-decoration: none;
text-align: center;
/**
* Button base project styling
*/
min-width: 180px;
max-height: 104px;
padding: 0;
font-family: "Work Sans", -apple-system, BlinkMacSystemFont, "Segoe UI", "Roboto", "Oxygen", "Ubuntu", "Cantarell", "Fira Sans",
"Droid Sans", "Helvetica Neue", sans-serif, Helvetica, Arial, sans-serif;
font-size: 16px;
line-height: 24px;
font-weight: 400;
border-radius: 8px;
letter-spacing: 0.11em;
text-transform: uppercase;
border: 0;
background-color: transparent;
transition: all 300ms cubic-bezier(0.65, 0, 0.17, 0.98);
}
.admin-btn:focus {
outline: 0;
}
.admin-btn:focus-visible {
outline-offset: 3px;
outline: 2px dotted #694374;
}
.admin-btn--sml {
padding: 8px 24px;
font-size: 13px;
line-height: 24px;
}
.admin-btn--sml--alt {
padding: 8px 16px;
font-size: 13px;
line-height: 24px;
}
.admin-btn--base {
padding: 16px 24px;
border-radius: 8px;
}
.admin-btn--base--alt {
padding: 16px 24px;
border-radius: 4px;
}
.admin-btn--base--secondary {
padding: 12px 16px;
border-radius: 4px;
}
.admin-btn.disabled,
.admin-btn[disabled] {
color: #ffffff;
background-color: #A1A1A1;
}
.admin-btn.disabled:hover,
.admin-btn.disabled:focus,
.admin-btn.disabled:active,
.admin-btn[disabled]:hover,
.admin-btn[disabled]:focus,
.admin-btn[disabled]:active {
background-color: #A1A1A1 !important;
cursor: not-allowed;
}
.admin-btn--has-icon {
gap: 12px;
}
@media (max-width: 47.9375em) {
.admin-btn--has-icon{
text-align: left;
-ms-flex-pack: start;
justify-content: flex-start;
}
}
.admin-btn--has-icon--sml {
gap: 10px;
}
@media (max-width: 47.9375em) {
.admin-btn--has-icon--sml{
text-align: left;
-ms-flex-pack: start;
justify-content: flex-start;
}
}
.admin-btn--has-icon--alt {
gap: 24px;
text-align: left;
}
.admin-btn--has-icon .admin-icon {
-ms-flex-negative: 0;
flex-shrink: 0;
}
.admin-btn--primary {
background: #573962;
color: #ffffff;
border: 1px solid transparent;
}
.admin-btn--primary:hover,
.admin-btn--primary:active,
.admin-btn--primary:focus {
color: #ffffff;
background: #4e3358;
}
.admin-btn--secondary {
background: #01B2AA;
color: #ffffff;
border: 1px solid transparent;
}
.admin-btn--secondary:hover,
.admin-btn--secondary:active,
.admin-btn--secondary:focus {
color: #ffffff;
background: #34c1bb;
}
.admin-btn--text {
padding: 0;
text-transform: initial;
font-family: Manrope;
font-size: 16px;
line-height: 24px;
letter-spacing: normal;
color: #F15249;
}
.admin-btn--text:hover,
.admin-btn--text:active,
.admin-btn--text:focus {
color: #c1423a;
}
.admin-btn--text--primary {
padding: 0;
color: #694374;
}
.admin-btn--text--primary:hover,
.admin-btn--text--primary:active,
.admin-btn--text--primary:focus {
color: #7E5E88;
}
.admin-btn--text--warning {
padding: 0;
color: #B82027;
}
.admin-btn--text--warning:hover,
.admin-btn--text--warning:active,
.admin-btn--text--warning:focus {
color: #c64d52;
}
.admin-btn--text--success {
padding: 0;
color: #15C126;
}
.admin-btn--text--success:hover,
.admin-btn--text--success:active,
.admin-btn--text--success:focus {
color: #44cd51;
}
.admin-btn--text--note {
padding: 0;
color: #E0B13D;
}
.admin-btn--text--note:hover,
.admin-btn--text--note:active,
.admin-btn--text--note:focus {
color: #e6c164;
}
.admin-btn--boxed {
display: -ms-flexbox;
display: flex;
-ms-flex-pack: justify;
justify-content: space-between;
-ms-flex-align: center;
align-items: center;
width: 100%;
padding: 12px;
font-size: 16px;
line-height: 24px;
font-weight: 600;
text-align: left;
letter-spacing: 0;
text-transform: none;
background-color: #ffffff;
box-shadow: 0px 2px 10px rgba(0, 0, 0, 0.06);
}
.admin-btn--boxed--color {
background-color: #ECE2ED;
}
.admin-btn--warning {
background: #FFE4E0;
color: #B82027;
border: 1px solid transparent;
}
.admin-btn--warning:hover,
.admin-btn--warning:active,
.admin-btn--warning:focus {
color: #B82027;
background: #FFE4E0;
}
.admin-btn--warning--filled {
background: #B82027;
color: #ffffff;
border: 1px solid transparent;
}
.admin-btn--warning--filled:hover,
.admin-btn--warning--filled:active,
.admin-btn--warning--filled:focus {
color: #ffffff;
background: #c64d52;
}
.admin-btn--disabled {
background: #A1A1A1;
color: #ffffff;
border: 1px solid transparent;
}
.admin-btn--disabled:hover,
.admin-btn--disabled:active,
.admin-btn--disabled:focus {
color: #ffffff;
background: #A1A1A1 !important;
}
.admin-btn--outline {
color: #694374;
border: 1px solid #694374;
}
.admin-btn--outline:hover,
.admin-btn--outline:active,
.admin-btn--outline:focus {
border: 1px solid rgb(94, 66, 102);
color: rgb(94, 66, 102);
background: #f0ecf1 !important;
}
.admin-btn--back {
display: -ms-flexbox;
display: flex;
-ms-flex-align: center;
align-items: center;
gap: 4px;
font-size: 13px;
line-height: 24px;
color: #5594F3;
}
.admin-btn--back:hover {
color: #4476c2;
}
.admin-btn--back:hover .admin-icon--caret--line-left {
background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg width='16' height='17' viewBox='0 0 16 17' xmlns='http://www.w3.org/2000/svg' fill='%234476c2'%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M10.707 13.793a1 1 0 0 1-1.414 0l-5-5a1 1 0 0 1 0-1.414l5-5a1 1 0 1 1 1.414 1.414L6.414 8.086l4.293 4.293a1 1 0 0 1 0 1.414z'/%3E%3C/svg%3E");
}
.admin-btn--back .admin-icon--caret--line-left {
background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg width='16' height='17' viewBox='0 0 16 17' xmlns='http://www.w3.org/2000/svg' fill='%235594F3'%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M10.707 13.793a1 1 0 0 1-1.414 0l-5-5a1 1 0 0 1 0-1.414l5-5a1 1 0 1 1 1.414 1.414L6.414 8.086l4.293 4.293a1 1 0 0 1 0 1.414z'/%3E%3C/svg%3E");
}
.admin-btn--back--dark {
font-size: 16px;
line-height: 24px;
color: #000000;
text-transform: none;
letter-spacing: 0;
}
.admin-btn--back--dark .admin-icon--caret--line-left {
background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg width='16' height='17' viewBox='0 0 16 17' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M10.707 13.793a1 1 0 0 1-1.414 0l-5-5a1 1 0 0 1 0-1.414l5-5a1 1 0 1 1 1.414 1.414L6.414 8.086l4.293 4.293a1 1 0 0 1 0 1.414z'/%3E%3C/svg%3E");
}
.admin-btn--back--dark:hover .admin-icon--caret--line-left {
background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg width='16' height='17' viewBox='0 0 16 17' xmlns='http://www.w3.org/2000/svg' fill='%234476c2'%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M10.707 13.793a1 1 0 0 1-1.414 0l-5-5a1 1 0 0 1 0-1.414l5-5a1 1 0 1 1 1.414 1.414L6.414 8.086l4.293 4.293a1 1 0 0 1 0 1.414z'/%3E%3C/svg%3E");
}
.admin-btn--back--absolute {
position: absolute;
top: 24px;
left: 24px;
}
.admin-btn--close--enroll {
position: absolute;
top: 12px;
right: 12px;
}
.admin-btn--close--enroll--iframe {
position: absolute;
right: 0;
}
@media (min-width: 48em) {
.admin-btn--close--enroll{
top: 24px;
right: 24px;
}
}
.admin-btn--mobile-menu {
width: 32px;
height: 32px;
}
@media (min-width: 75em) {
.admin-btn--mobile-menu{
display: none;
}
}
.admin-btn--tag {
background-color: transparent;
color: #694374;
border: 1px solid #694374;
border-radius: 50px;
font-size: 16px;
letter-spacing: 11%;
}
.admin-btn--tag[disabled] {
background-color: transparent;
opacity: 0.5;
color: #7e7e7e;
border: 1px solid #7e7e7e;
}
.admin-btn--tag:hover,
.admin-btn--tag:focus {
background-color: #694374;
color: white;
}
.admin-btn--tag:hover[disabled], .admin-btn--tag:focus[disabled] {
background: none;
background-color: transparent !important;
opacity: 0.5;
color: #7e7e7e;
}
.admin-btn--tag.is-active {
background-color: #694374;
color: white;
}
.admin-btn--tag.is-active[disabled] {
background-color: #7e7e7e;
opacity: 0.5;
color: white;
}
.admin-btn--tag.is-active:hover[disabled], .admin-btn--tag.is-active:focus[disabled] {
background-color: #7e7e7e !important;
color: white;
border: 1px solid #7e7e7e;
}
@media screen and (max-width: 48em) {
.admin-btn--full {
display: flex;
justify-content: center;
width: 100%;
/* white-space: nowrap; */
}
}
/*------------------------------------*\
# component.container
\*------------------------------------*/
.admin-container {
margin: auto;
width: 100%;
padding: 20px 20px 40px 20px;
}
@media (min-width: 62em) {
.admin-container{
padding: 44px 36px;
}
}
/* Make container stretch from one side to another */
.admin-container--fluid {
width: 100%;
margin: 0;
}
.admin-container--sml {
max-width: 768px;
}
@media (max-width: 48em) {
.admin-container--narrow {
padding: 20px 0px 40px;
}
.admin-container--narrow .admin-card--primary {
padding: 32px 24px;
}
}
/*------------------------------------*\
# component.form
\*------------------------------------*/
.admin-form__field {
position: relative;
display: -ms-flexbox;
display: flex;
-ms-flex-direction: column;
flex-direction: column;
margin-bottom: 16px;
}
@media (max-width: 45em) {
.admin-form__field {
margin-bottom: 0px !important;
}
}
.admin-form__label--plan {
display: -ms-flexbox !important;
display: flex !important;
-ms-flex-align: center !important;
align-items: center !important;
gap: 16px;
min-height: 44px !important;
padding-left: 52px !important;
}
.admin-form--search--vets {
display: -ms-flexbox;
display: flex;
-ms-flex-pack: center;
justify-content: center;
-ms-flex-align: end;
align-items: flex-end;
gap: 16px;
}
@media (max-width: 47.9375em) {
.admin-form--search--vets{
-ms-flex-align: start;
align-items: flex-start;
-ms-flex-direction: column;
flex-direction: column;
}
}
.admin-form--search--vets__zip {
}
.admin-form--search--vets__name {
}
.admin-form--upload__file {
display: inline-block;
}
.admin-form--upload__file__wrapper {
display: -ms-flexbox;
display: flex;
-ms-flex-align: center;
align-items: center;
gap: 16px;
margin-bottom: 4px;
}
@media (max-width: 47.9375em) {
.admin-form--upload__file__wrapper{
-ms-flex-align: start;
align-items: flex-start;
-ms-flex-direction: column;
flex-direction: column;
gap: 8px;
}
}
.admin-form--upload__file__name {
font-size: 13px;
line-height: 24px;
}
@media (max-width: 47.9375em) {
.admin-form--upload__file__name{
margin-bottom: 8px;
}
}
.admin-form--upload__image {
overflow: hidden;
width: 128px;
height: 128px;
margin: 20px 0;
border-radius: 1000px;
}
.admin-form--upload__image__wrapper {
display: -ms-flexbox;
display: flex;
-ms-flex-align: center;
align-items: center;
gap: 16px;
}
.admin-form--upload__image img {
widows: 100%;
height: 100%;
object-fit: cover;
}
.admin-form--upload__info {
display: -ms-flexbox;
display: flex;
-ms-flex-align: center;
align-items: center;
gap: 4px;
margin-bottom: 32px;
font-size: 13px;
line-height: 24px;
}
.admin-form--upload__info .admin-icon--info {
background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg width='20' height='20' viewBox='0 0 20 20' xmlns='http://www.w3.org/2000/svg' fill='%235594F3'%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M10 3.3a6.7 6.7 0 1 0 0 13.4 6.7 6.7 0 0 0 0-13.4zM1.7 10a8.3 8.3 0 1 1 16.6 0 8.3 8.3 0 0 1-16.6 0z'/%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M8.575 9.375a.8.8 0 0 1 .8-.8H10a.8.8 0 0 1 .8.8v3.594a.8.8 0 0 1-.175 1.581H10a.8.8 0 0 1-.8-.8v-3.594a.8.8 0 0 1-.625-.781z'/%3E%3Cpath d='M9.844 7.5a.937.937 0 1 0 0-1.875.937.937 0 0 0 0 1.875z'/%3E%3C/svg%3E");
cursor: pointer;
}
/*------------------------------------*\
# component.input
\*------------------------------------*/
.admin-input {
/**
* Input base
*/
display: -ms-inline-flexbox;
display: inline-flex;
width: 100%;
vertical-align: middle;
cursor: auto;
-ms-touch-action: manipulation;
touch-action: manipulation;
appearance: none;
-webkit-appearance: none;
background-color: #ffffff;
/**
* Input base project styling
*/
padding: 12px 20px;
font-family: Manrope;
font-size: 13px;
line-height: 20px;
/* color: #707070; */
border-radius: 8px;
border: 1px solid #D9D9D9;
transition: all 250ms cubic-bezier(0.65, 0, 0.17, 0.98);
caret-color: #000000;
scrollbar-width: thin;
}
.admin-input:-ms-input-placeholder {
color: #D9D9D9;
}
.admin-input::-webkit-inner-spin-button,
.admin-input::-webkit-outer-spin-button {
-webkit-appearance: none;
margin: 0;
}
.admin-input:-webkit-autofill,
.admin-input:-webkit-autofill:hover,
.admin-input:-webkit-autofill:focus,
.admin-input:-webkit-autofill,
.admin-input:-webkit-autofill:hover,
.admin-input:-webkit-autofill:focus,
.admin-input:-webkit-autofill,
.admin-input:-webkit-autofill:hover,
.admin-input:-webkit-autofill:focus {
border: 1px solid #d8af56;
/* -webkit-text-fill-color: #8C8C8C; */
-webkit-box-shadow: 0 0 0px 1000px #fff inset;
transition: background-color 500ms ease-in-out 0ms;
}
/* &:invalid {
border: 1px solid $color-warning;
} */
.admin-input:focus {
outline: 0;
border-radius: 8px;
/* box-shadow: 0 0 0 1px #d8af56; */
}
.admin-input.disabled,
.admin-input[disabled] {
color: #7e7e7e !important;
background-color: #F4F4F4 !important;
border-color: #C4C4C4 !important;
}
.admin-input--outline {
/**
* Input base project styling
*/
color: #8C8C8C;
border: 1px solid #8C8C8C;
background-color: transparent;
}
.admin-input--outline:-ms-input-placeholder {
color: rgba(140, 140, 140, 0.6);
}
.admin-input--outline::placeholder {
color: rgba(140, 140, 140, 0.6);
}
.admin-input--outline:-webkit-autofill,
.admin-input--outline:-webkit-autofill:hover,
.admin-input--outline:-webkit-autofill:focus,
.admin-input--outline:-webkit-autofill,
.admin-input--outline:-webkit-autofill:hover,
.admin-input--outline:-webkit-autofill:focus,
.admin-input--outline:-webkit-autofill,
.admin-input--outline:-webkit-autofill:hover,
.admin-input--outline:-webkit-autofill:focus {
border: 1px solid #ffffff;
-webkit-text-fill-color: #8C8C8C;
-webkit-box-shadow: 0 0 0px 1000px #37383a inset;
}
.admin-input--outline:focus {
background-color: rgba(140, 140, 140, 0.1);
border: 1px solid #694374;
}
/**
* Input sizes
*/
.admin-input--sml {
font-size: 13px;
height: 34px;
line-height: 32px;
padding: 16px 12px;
}
.admin-input--base {
font-size: 16px;
padding: 8px 12px;
}
.admin-input--med {
font-size: 16px;
padding: 12px 16px;
}
.admin-input--lrg {
font-size: 25px;
height: 48px;
line-height: 48px;
}
/**
* Input types
*/
.admin-input--text {
width: 100%;
}
.admin-input--textarea {
display: block;
width: 100%;
max-width: 100%;
resize: none;
}
/* Used for textarea on the Manage Medical Alert modal */
.admin-input--textarea--medical-alert {
height: 124px;
}
.admin-input--dark {
background-color: transparent;
color: #8C8C8C;
border-color: #D9D9D9;
}
.admin-input--dark:-ms-input-placeholder {
color: rgba(140, 140, 140, 0.8);
}
.admin-input--dark::placeholder {
color: rgba(140, 140, 140, 0.8);
}
.admin-input--numeric {
display: block;
height: 34px;
padding: 16px 12px;
font-size: 13px;
line-height: 32px;
}
.admin-input--numeric--sml {
width: 70px;
}
.admin-input--select,
.admin-input--date,
.admin-input--search,
.admin-input--time,
.admin-input--currency {
padding-right: 24px;
background-repeat: no-repeat;
background-size: 16px 16px;
background-position: calc(100% - 4px * 4) center;
vertical-align: middle;
}
.admin-input--date {
position: relative;
min-height: 46px;
background-image: url(
"data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns='http://www.w3.org/2000/svg'%20width='24'%20height='24'%20viewBox='0%200%2024%2024'%20fill='none'%3E%3Cpath%20d='M4%206C4%205.73478%204.10536%205.48043%204.29289%205.29289C4%204.48043%205.10536%204.73478%205%205H19C19.2652%205%2019.5196%205.10536%2019.7071%205.29289C19.8946%205.48043%2020%205.73478%2020%206V10H4V6Z'%20stroke='black'%20stroke-width='2'%20stroke-linejoin='round'/%3E%3Cpath%20d='M8%206.5V3.5M16%206.5V3.5'%20stroke='black'%20stroke-width='2'%20stroke-linecap='round'/%3E%3Cpath%20d='M4%2010H20V19C20%2019.2652%2019.8946%2019.5196%2019.7071%2019.7071C19.5196%2019.8946%2019.2652%2020%2019%2020H5C4.73478%2020%204.48043%2019.8946%204.29289%2019.7071C4.10536%2019.5196%204%2019.2652%204%2019V10Z'%20stroke='black'%20stroke-width='2'%20stroke-linejoin='round'/%3E%3C/svg%3E"
);
background-size: 24px;
background-position: calc(100% - 2px * 4) center;
cursor: pointer;
}
.admin-input--date__clear {
position: absolute;
top: 8px;
right: 56px;
padding: 0;
}
.admin-input--date__clear .admin-icon--close {
background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg width='16' height='16' viewBox='0 0 16 16' xmlns='http://www.w3.org/2000/svg' fill='%23A1A1A1'%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M12.854 3.146a.5.5 0 0 1 0 .708l-9 9a.5.5 0 0 1-.708-.708l9-9a.5.5 0 0 1 .708 0z'/%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M3.146 3.146a.5.5 0 0 1 .708 0l9 9a.5.5 0 0 1-.708.708l-9-9a.5.5 0 0 1 0-.708z'/%3E%3C/svg%3E");
}
.admin-input--search {
min-width: 230px;
max-width: 290px;
padding-right: 40px;
background-image: url(
"data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='color(%23262729 a(0.8))'%3E%3Ctitle%3Esearch-1%3C/title%3E%3Cpath d='M23.414 20.591l-4.645-4.645a10.256 10.256 0 1 0-2.828 2.829l4.645 4.644a2.025 2.025 0 0 0 2.828 0 2 2 0 0 0 0-2.828zM10.25 3.005A7.25 7.25 0 1 1 3 10.255a7.258 7.258 0 0 1 7.25-7.25z'/%3E%3C/svg%3E"
);
caret-color: #262729;
}
.admin-input--search:focus {
padding-right: 40px;
}
.admin-input--search.clear {
background-image: url(
"data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='color(%23262729 a(0))'%3E%3Ctitle%3Esearch-1%3C/title%3E%3Cpath d='M23.414 20.591l-4.645-4.645a10.256 10.256 0 1 0-2.828 2.829l4.645 4.644a2.025 2.025 0 0 0 2.828 0 2 2 0 0 0 0-2.828zM10.25 3.005A7.25 7.25 0 1 1 3 10.255a7.258 7.258 0 0 1 7.25-7.25z'/%3E%3C/svg%3E"
);
transition: all 30ms cubic-bezier(0.65, 0, 0.17, 0.98);
}
.admin-input--search--lrg {
min-width: 230px;
}
@media (min-width: 34em) {
.admin-input--search--lrg{
min-width: 290px;
}
}
.admin-input--select {
background-image: url(
"data:image/svg+xml;charset=utf-8,%3Csvg width='17' height='16' viewBox='0 0 17 16' fill='color(%238C8C8C a(0.5))' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M2.793 5.293a1 1 0 0 1 1.414 0L8.5 9.586l4.293-4.293a1 1 0 1 1 1.414 1.414l-5 5a1 1 0 0 1-1.414 0l-5-5a1 1 0 0 1 0-1.414z' fill='%23000'/%3E%3C/svg%3E"
);
cursor: pointer;
}
.admin-input--time {
background-image: url(
"data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='color(%238C8C8C a(0.5))'%3E%3Ctitle%3Etime-clock-circle-alternate%3C/title%3E%3Cpath d='M12 0a12 12 0 1 0 12 12A12.014 12.014 0 0 0 12 0zm0 22a10 10 0 1 1 10-10 10.011 10.011 0 0 1-10 10z'/%3E%3Cpath d='M17.134 15.81L12.5 11.561V6.5a1 1 0 0 0-2 0V12a1 1 0 0 0 .324.738l4.959 4.545a1.01 1.01 0 0 0 1.413-.061 1 1 0 0 0-.062-1.412z'/%3E%3C/svg%3E"
);
}
.admin-input--currency {
background-image: url(
"data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='color(%238C8C8C a(0.5))'%3E%3Ctitle%3Ecurrency-dollar%3C/title%3E%3Cpath d='M18.133 16.1a4.79 4.79 0 0 0-3.028-4.47l-5.1-2.039a1.815 1.815 0 0 1 .675-3.5h5.023a1.5 1.5 0 0 0 0-3H13.75a.25.25 0 0 1-.25-.25V1.5a1.5 1.5 0 0 0-3 0v1.371a.25.25 0 0 1-.228.25A4.8 4.8 0 0 0 8.9 12.373l5.1 2.039a1.815 1.815 0 0 1-.675 3.5H8.294a1.5 1.5 0 0 0 0 3h1.956a.25.25 0 0 1 .25.25V22.5a1.5 1.5 0 0 0 3 0v-1.371a.25.25 0 0 1 .228-.25 4.81 4.81 0 0 0 4.405-4.779z'/%3E%3C/svg%3E"
);
}
.admin-input--check,
.admin-input--radio,
.admin-input--check--secondary {
opacity: 0;
position: absolute;
}
.admin-input--check:focus-visible + label, .admin-input--radio:focus-visible + label, .admin-input--check--secondary:focus-visible + label {
outline-offset: 3px;
outline: 2px dotted #694374;
border-radius: 8px;
}
.admin-input--check + label, .admin-input--radio + label, .admin-input--check--secondary + label {
position: relative;
display: inline-block;
cursor: pointer;
padding-left: 32px;
}
.admin-input--check + label:before, .admin-input--radio + label:before, .admin-input--check--secondary + label:before {
content: "";
position: absolute;
left: 0;
top: 1px;
width: 24px;
height: 24px;
border: 1px solid #D9D9D9;
transition: all 300ms ease-out;
background-color: #fff;
}
.admin-input--check + label:after, .admin-input--radio + label:after, .admin-input--check--secondary + label:after {
/* z-index: 1; */
content: "";
opacity: 0;
position: absolute;
left: 3px;
top: 5px;
display: inline-block;
width: 16px;
height: 16px;
transition: all 300ms ease-out;
}
.admin-input--check:checked + label:before, .admin-input--radio:checked + label:before, .admin-input--check--secondary:checked + label:before {
background-color: #694374;
border-color: #694374;
}
.admin-input--check:checked + label:after, .admin-input--radio:checked + label:after, .admin-input--check--secondary:checked + label:after {
background-repeat: no-repeat;
background-position: center center;
}
.admin-input--check + label:before {
top: 0;
border-radius: 4px;
border: 1px solid #D9D9D9;
}
.admin-input--check + label:after {
left: 4px;
top: 4px;
}
.admin-input--check:checked:before + label {
background-color: #01B2AA;
border-color: #01B2AA;
}
.admin-input--check:checked + label:after {
opacity: 1;
position: absolute;
top: 11px;
left: 9px;
display: inline-block;
height: 12px;
width: 6px;
border-bottom: 2px solid #fff;
border-right: 2px solid #fff;
-ms-transform: rotate(45deg) translateX(-81%) translateY(-39%);
transform: rotate(45deg) translateX(-81%) translateY(-39%);
}
.admin-input--check[disabled] + label {
color: rgba(140, 140, 140, 0.5);
cursor: default;
}
.admin-input--check[disabled] + label:before {
border: 1px solid rgba(140, 140, 140, 0.2);
background-color: rgba(140, 140, 140, 0.2);
}
.admin-input--check--rounded:focus-visible + label {
outline-offset: 3px;
outline: 2px dotted #694374;
border-radius: 8px;
}
.admin-input--check--rounded + label {
-ms-flex-align: start;
align-items: flex-start;
}
.admin-input--check--rounded + label:before {
top: 4px;
width: 36px;
height: 36px;
margin-right: 0;
border: 2px solid #262729 !important;
border-radius: 1000px;
}
.admin-input--check--rounded + label:after {
content: "";
top: 4px;
width: 36px;
height: 36px;
transition: none;
-ms-transform-origin: center;
transform-origin: center;
}
.admin-input--check--rounded:checked + label:before {
background-color: #694374;
border: 2px solid #694374 !important;
}
.admin-input--check--rounded:checked + label:after {
opacity: 1;
left: 5px;
top: 9px;
width: 26px;
height: 26px;
border: 0;
background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg width='17' height='16' viewBox='0 0 17 16' xmlns='http://www.w3.org/2000/svg' fill='%23fff'%3E%3Cpath d='M6.986 12a.533.533 0 0 1-.358-.144L3.115 8.343a.508.508 0 0 1 .715-.715l3.156 3.161 6.667-6.674a.508.508 0 0 1 .715.715l-7.025 7.026a.533.533 0 0 1-.357.144z'/%3E%3C/svg%3E");
background-size: 26px;
-ms-transform: rotate(0deg);
transform: rotate(0deg);
}
.admin-input--check--rounded:focus + label:before {
box-shadow: 0 !important;
}
.admin-input--radio + label {
position: relative;
}
.admin-input--radio + label:before {
border-radius: 50%;
}
.admin-input--radio + label:after {
display: none;
}
.admin-input--radio:checked + label:after {
opacity: 1;
-ms-transform: scale(1);
transform: scale(1);
}
.admin-input--radio:focus + label:before {
box-shadow: 0 1px 3px rgba(0,0,0,0.12), 0 1px 2px rgba(0,0,0,0.24);
}
/* Used for plan radio inputs */
.admin-input--radio--plan {
opacity: 0;
position: fixed;
width: 0;
}
.admin-input--radio--plan:focus-visible + label {
outline-offset: 3px;
outline: 2px dotted #694374;
border-radius: 8px;
}
.admin-input--radio--plan + label {
position: relative;
display: -ms-flexbox;
display: flex;
-ms-flex-pack: justify;
justify-content: space-between;
-ms-flex-align: center;
align-items: center;
gap: 8px;
width: 100%;
min-width: 180px;
padding: 12px 12px 12px 48px;
text-transform: none;
letter-spacing: 0;
border-radius: 8px;
border: 1px solid #D9D9D9;
background-color: #ffffff;
cursor: pointer;
transition: all .3s;
}
.admin-input--radio--plan + label::before,
.admin-input--radio--plan + label::after {
content: "";
position: absolute;
top: 50%;
left: 16px;
display: block;
width: 24px;
height: 24px;
border-radius: 1000px;
-ms-transform: translateY(-50%);
transform: translateY(-50%);
}
.admin-input--radio--plan + label::before {
border: 1px solid #D9D9D9;
}
.admin-input--radio--plan + label .admin-input--radio--plan__period {
font-size: 13px;
line-height: 20px;
}
.admin-input--radio--plan + label .admin-input--radio--plan__price {
font-size: 16px;
line-height: 24px;
font-weight: 600;
}
.admin-input--radio--plan:checked + label {
border: 1px solid #01B2AA;
}
.admin-input--radio--plan:checked + label::before {
border: 1px solid #01B2AA;
background-color: #01B2AA;
}
.admin-input--radio--plan:checked + label::after {
position: absolute;
left: 25px;
top: 50%;
display: inline-block;
height: 12px;
width: 6px;
border-bottom: 2px solid #fff;
border-right: 2px solid #fff;
-ms-transform: rotate(45deg) translateX(-81%) translateY(-39%);
transform: rotate(45deg) translateX(-81%) translateY(-39%);
}
/* Used for the plans with description checkboxes like on a Select a Plan card on the Pets Best page */
.admin-input--radio--plan.has-include + label {
-ms-flex-align: start;
align-items: flex-start;
}
.admin-input--radio--plan.has-include + label::before,
.admin-input--radio--plan.has-include + label::after {
top: 28px;
}
.admin-input--radio--plan.has-include + label .admin-input--radio--plan__info__name {
display: block;
margin-bottom: 4px;
font-family: "Libre Baskerville", Times, serif;
font-size: 20px;
line-height: 32px;
}
.admin-input--radio--plan.has-include + label .admin-input--radio--plan__info__include {
display: block;
}
.admin-input--radio--plan.has-include + label .admin-enroll__price .currency {
margin-top: 6px;
font-size: 13px;
}
.admin-input--radio--plan.has-include + label .admin-enroll__price .fee {
font-size: 20px;
line-height: 32px;
}
.admin-input--radio--plan.is-popular + label {
border-color: #694374;
}
.admin-input--warning {
border: 1px solid #B82027;
}
.fake-zip{
background-color: #fff !important;
border: 1px solid #d9d9d9!important;
border-radius: 8px!important;
color: #000!important;
}
/*------------------------------------*\
# component.label
\*------------------------------------*/
/* Override old design */
.label, label {
/* min-height: 26px ; */
margin-bottom: 0;
font-size: 13px;
line-height: 24px;
color: #000000;
}
.label__term-agree {
text-transform: none;
line-height: 16px !important;
}
.label--tooltip {
display: inline-flex;
flex-wrap: wrap;
gap: 6px;
}
.label span:has(tooltip) {
align-self: center;
}
.admin-label--input {
margin-bottom: 0;
font-size: 16px !important;
line-height: 24px !important;
text-transform: initial !important;
letter-spacing: 0 !important;
}
/*------------------------------------*\
# component.toggle
\*------------------------------------*/
.c-toggle {
opacity: 0;
position: absolute;
}
.c-toggle__item {
width: 50%;
margin-bottom: 12px;
}
@media (min-width: 34em) {
.c-toggle__item{
width: auto;
margin-right: 28px;
}
}
.c-toggle:focus + .toggle-button {
outline: 0;
border-radius: 1000px;
box-shadow: 0px 0px 0px 2px #01B2AA inset;
}
.c-toggle,
.c-toggle:after,
.c-toggle:before,
.c-toggle *,
.c-toggle *:after,
.c-toggle *:before,
.c-toggle + .toggle-button {
box-sizing: border-box;
}
.c-toggle::selection, .c-toggle:after::selection, .c-toggle:before::selection, .c-toggle *::selection, .c-toggle *:after::selection, .c-toggle *:before::selection, .c-toggle + .toggle-button::selection {
background: none;
}
.c-toggle + .toggle-button {
position: relative;
outline: 0;
display: block;
width: 40px;
height: 24px;
padding: 2px;
cursor: pointer;
-webkit-user-select: none;
-ms-user-select: none;
user-select: none;
background-position: 80% center;
background-size: 8px;
background-repeat: no-repeat;
border-radius: 1000px;
transition: all 250ms cubic-bezier(0.68, -0.55, 0.265, 1.55);
}
/* Theming */
.c-toggle + .toggle-button--regular {
background-color: transparent;
border: 1px solid #8C8C8C;
}
.c-toggle + .toggle-button--theme {
background-color: #cde7ff;
}
.c-toggle + .toggle-button:after,
.c-toggle + .toggle-button:before {
position: relative;
display: block;
content: "";
width: 50%;
height: 100%;
}
.c-toggle + .toggle-button:after {
left: 0;
border-radius: 50%;
background-color: #fff;
transition: all 250ms ease-out;
box-shadow: 1px 2px 2px 0 rgba(0, 0, 0, 0.34);
}
.c-toggle + .toggle-button:hover:after {
box-shadow: 2px 3px 3px 0 rgba(0, 0, 0, 0.34);
}
.c-toggle + .toggle-button:before {
display: none;
}
.c-toggle:checked + .toggle-button {
background-position: 20% center;
background-size: 8px;
background-repeat: no-repeat;
}
.c-toggle:checked + .toggle-button--regular {
border: 1px solid #694374;
background-color: #694374;
}
.c-toggle:checked + .toggle-button--theme {
background-color: #28507f;
}
.c-toggle:checked + .toggle-button:after {
left: 50%;
}
.c-toggle[disabled] + .toggle-button {
cursor: auto;
}
.c-toggle[disabled] + .toggle-button:after {
background-color: #404143;
box-shadow: 1px 2px 2px 0 rgba(0, 0, 0, 0.14);
}
.c-toggle[disabled] + .toggle-button--regular {
border: 1px solid #D9D9D9;
background-color: #D9D9D9;
}
/*------------------------------------*\
# component.layout
\*------------------------------------*/
.admin-layout--aside {
z-index: 2;
position: relative;
border-right: 1px solid #D9D9D9;
background-color: #fff;
}
@media (min-width: 75em) {
.admin-layout--aside{
position: fixed;
top: 0;
bottom: 0;
left: 0;
width: 225px;
}
}
.admin-layout--aside__header {
padding: 16px 20px;
display: flex;
justify-content: center;
}
@media (max-width: 74.9375em) {
.admin-layout--aside__header{
display: -ms-flexbox;
display: flex;
-ms-flex-pack: justify;
justify-content: space-between;
-ms-flex-align: center;
align-items: center;
}
}
@media (min-width: 75em) {
.admin-layout--aside__header{
margin-bottom: 52px;
}
}
.admin-layout--aside__header .hamburger-icon {
margin: 0;
}
@media (max-width: 74.9375em) {
.admin-layout--aside__nav{
display: none;
}
}
.admin-layout--aside__nav.open {
z-index: 100;
position: absolute;
top: 100%;
display: block;
background-color: #ffffff;
box-shadow: 0px 4px 4px rgba(0, 0, 0, 0.07);
}
@media (max-width: 47.9375em) {
.admin-layout--aside__nav.open{
left: 0;
width: 100%;
}
}
@media (min-width: 48em) {
.admin-layout--aside__nav.open{
right: 0;
width: 260px;
}
}
.admin-layout--main {
overflow-y: auto;
display: -ms-flexbox;
display: flex;
-ms-flex-direction: column;
flex-direction: column;
}
@media (min-width: 75em) {
.admin-layout--main{
position: fixed;
top: 60px;
left: 224px;
width: calc(100% - 224px);
height: calc(100vh - 60px);
}
}
.admin-layout--main__inner {
-ms-flex-positive: 1;
flex-grow: 1;
}
.admin-layout--footer {
padding: 32px 20px;
background-color: #F3F4F9;
}
@media (min-width: 75em) {
.admin-layout--footer{
padding: 44px 32px;
}
}
.admin-layout--footer__inner {
display: -ms-flexbox;
display: flex;
gap: 96px;
}
@media (max-width: 47.9375em) {
.admin-layout--footer__inner{
-ms-flex-direction: column;
flex-direction: column;
gap: 40px;
}
}
.admin-layout--footer__container {
-ms-flex: 1;
flex: 1;
}
.admin-layout--footer__title {
margin-bottom: 24px;
}
.admin-layout--footer__title--alt {
margin-bottom: 24px;
font-size: 24px;
}
@media (max-width: 48em) {
.admin-layout--footer__title--alt {
margin-bottom: 24px;
font-size: 20px;
}
}
.admin-layout--footer__disclaimer {
-ms-flex: 1;
flex: 1;
display: -ms-flexbox;
display: flex;
-ms-flex-align: center;
align-items: center;
}
@media (min-width: 48em) {
.admin-layout--footer__disclaimer{
padding-top: 60px;
}
}
.admin-layout--footer__disclaimer p {
font-size: 12px;
line-height: 18px;
}
/*------------------------------------*\
# component.header
\*------------------------------------*/
.admin-header {
z-index: 2;
position: fixed;
top: 0;
left: 224px;
width: calc(100% - 224px);
height: 60px;
padding: 18px 30px;
border-bottom: 1px solid #D9D9D9;
background-color: #fff;
}
@media (max-width: 74.9375em) {
.admin-header{
display: none;
}
}
@media (min-width: 75em) {
.admin-header__inner{
display: -ms-flexbox;
display: flex;
-ms-flex-pack: end;
justify-content: flex-end;
-ms-flex-align: center;
align-items: center;
gap: 24px;
}
}
.admin-header__dropdown {
z-index: 2;
position: relative;
display: -ms-flexbox;
display: flex;
-ms-flex-align: center;
align-items: center;
gap: 4px;
padding: 16px 24px 16px 16px;
font-size: 16px;
line-height: 24px;
color: #694374;
border: 0;
background-color: transparent;
background-image: url("data:image/svg+xml,%3Csvg%20width%3D%2224%22%20height%3D%2224%22%20viewBox%3D%220%200%2024%2024%22%20fill%3D%22none%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%3Cpath%20d%3D%22M6%209L12%2015L18%209%22%20stroke%3D%22%23573962%22%20stroke-width%3D%222%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%2F%3E%3C%2Fsvg%3E");
background-repeat: no-repeat;
background-size: 24px;
background-position: 100% center;
transition: ease .2s background-color;
}
@media (min-width: 75em) {
.admin-header__dropdown{
padding: 0 28px 0 0;
}
}
.admin-header__dropdown:focus-visible {
outline-offset: 3px;
border-radius: 4px;
outline: 2px dotted #694374;
}
.admin-header__dropdown__wrapper {
position: relative;
}
@media (max-width: 75em) {
.admin-header__dropdown__wrapper {
display: none;
}
}
@media (min-width: 75em) {
.admin-nav__item--alt {
display: none !important;
}
}
.admin-header__dropdown__list {
z-index: 5;
opacity: 0;
visibility: hidden;
transition: ease .2s all;
}
@media (min-width: 34em) {
.admin-header__dropdown__list{
top: 44px;
}
}
@media (min-width: 75em) {
.admin-header__dropdown__list{
position: absolute;
/* top: $layout-header; */
right: 0;
width: 184px;
padding: 16px;
border-radius: 8px;
background: #ffffff;
box-shadow: 0px 2px 4px -2px rgba(24, 39, 75, 0.12), 0px 4px 4px -2px rgba(24, 39, 75, 0.08);
-ms-transform: translateY(-8px);
transform: translateY(-8px);
}
}
.admin-header__dropdown__list.is-active {
opacity: 1;
visibility: visible;
-ms-transform: translateY(0);
transform: translateY(0);
}
.admin-header__dropdown__list__item {
display: block;
padding: 8px 0;
}
@media (max-width: 74.9375em) {
.admin-header__dropdown__list__item{
padding-left: 48px;
}
}
.admin-header__dropdown__list__item:first-child {
padding-top: 0;
}
.admin-header__dropdown__list__item:last-child {
padding-bottom: 0;
}
.admin-header__dropdown__list__item:empty {
display: none !important;
}
.admin-header__dropdown__list__item:only-child {
padding-top: 0 !important;
}
@media (min-width: 75em) {
.admin-header__dropdown__list__item:not(:last-child){
border-bottom: 1px solid #D9D9D9;
}
}
.admin-header__dropdown__list__link {
display: block;
padding: 4px 0;
text-align: left;
transition: ease .2s background-color;
overflow: hidden;
white-space: nowrap;
text-overflow: ellipsis;
text-transform: uppercase;
color: #000000;
transition: all 250ms;
}
.admin-header__dropdown__list__link:hover,
.admin-header__dropdown__list__link:focus {
color: #4476c2;
}
.admin-header__dropdown__list__link.is-logout {
color: #B82027;
}
.admin-header__dropdown__list__link.is-logout:hover {
color: #c64d52;
}
@media (max-width: 74.9375em) {
.admin-header__dropdown--user{
margin-bottom: 16px;
}
}
.admin-header__dropdown--companies .admin-header__dropdown__list {
overflow-y: auto;
max-height: 396px;
}
@media (min-width: 75em) {
.admin-header__dropdown--companies .admin-header__dropdown__list{
width: 220px;
}
}
.admin-header__separator {
width: 1px;
height: 20px;
background-color: #D9D9D9;
}
@media (max-width: 74.9375em) {
.admin-header__separator{
display: none;
}
}
@media (max-width: 74.9375em) {
.admin-header .is-desktop{
display: none;
}
}
/*------------------------------------*\
# components.navigation
\*------------------------------------*/
.admin-nav {
padding: 8px;
background-color: #FDFDFD;
}
@media (max-width: 74.9375em) {
.admin-nav{
padding: 12px 24px 32px 24px;
}
}
.admin-nav__item {
position: relative;
display: block;
width: 100%;
transition: all 0.35s cubic-bezier(0.65, 0.05, 0.36, 1);
}
.admin-nav__item:not(:last-child) {
margin-bottom: 24px;
}
@media (min-width: 75em) {
.admin-nav__item:not(:last-child){
margin-bottom: 24px;
}
}
.admin-nav__item__mark {
position: absolute;
top: 12px;
right: 8px;
width: 12px;
height: 12px;
}
.admin-nav__item__mark .icon {
display: -ms-flexbox;
display: flex;
width: 12px;
height: 12px;
}
.admin-nav__item__mark .icon-info-filled {
background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg width='20' height='20' viewBox='0 0 20 20' xmlns='http://www.w3.org/2000/svg' fill='%23694374' stroke='transparent'%3E%3Cpath d='M10 0a10 10 0 1 0 10 10A10.02 10.02 0 0 0 10 0zm-.77 5.385a.77.77 0 0 1 1.54 0v5.384a.77.77 0 1 1-1.54 0V5.385zm.77 10a1.154 1.154 0 1 1 0-2.31 1.154 1.154 0 0 1 0 2.31z'/%3E%3C/svg%3E");
}
.admin-nav__item--new {
margin-left: 12px;
padding: 2px 8px;
font-size: 11px;
line-height: 21px;
color: #ffffff;
border-radius: 4px;
background-color: #01B2AA;
}
.admin-nav__link {
display: -ms-flexbox;
display: flex;
-ms-flex-align: center;
align-items: center;
height: 48px;
padding: 8px 8px 8px 48px;
font-size: 16px;
line-height: 24px;
color: #694374;
border-radius: 8px !important;
background-repeat: no-repeat;
background-position: 8px;
background-size: 32px;
transition: all 0.35s cubic-bezier(0.65, 0.05, 0.36, 1);
font-family: Manrope;
}
.admin-nav__link:hover,
.admin-nav__link:focus {
background-color: #f0ecf1;
}
.admin-nav__link--home {
background-image: url("data:image/svg+xml,%3Csvg width='32' height='32' viewBox='0 0 32 32' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M14.626 2.52401C14.9973 2.17294 15.489 1.97733 16 1.97733C16.511 1.97733 17.0027 2.17294 17.374 2.52401L27.062 11.682C27.662 12.248 28 13.038 28 13.862V25.002C28 25.7977 27.6839 26.5607 27.1213 27.1233C26.5587 27.6859 25.7956 28.002 25 28.002H21C20.6059 28.002 20.2156 27.9243 19.8515 27.7735C19.4874 27.6226 19.1566 27.4014 18.878 27.1226C18.5994 26.8438 18.3784 26.5129 18.2278 26.1487C18.0771 25.7845 17.9997 25.3941 18 25V20C18 19.7348 17.8946 19.4804 17.7071 19.2929C17.5196 19.1054 17.2652 19 17 19H15C14.7348 19 14.4804 19.1054 14.2929 19.2929C14.1054 19.4804 14 19.7348 14 20V25C14 25.7957 13.6839 26.5587 13.1213 27.1213C12.5587 27.6839 11.7956 28 11 28H7C6.20435 28 5.44129 27.6839 4.87868 27.1213C4.31607 26.5587 4 25.7957 4 25V13.86C4 13.036 4.34 12.246 4.94 11.68L14.626 2.52401ZM16 3.97601L6.312 13.136C6.21365 13.2292 6.13528 13.3415 6.08164 13.466C6.02801 13.5904 6.00023 13.7245 6 13.86V25C6 25.2652 6.10536 25.5196 6.29289 25.7071C6.48043 25.8947 6.73478 26 7 26H11C11.2652 26 11.5196 25.8947 11.7071 25.7071C11.8946 25.5196 12 25.2652 12 25V20C12 19.2044 12.3161 18.4413 12.8787 17.8787C13.4413 17.3161 14.2044 17 15 17H17C17.7956 17 18.5587 17.3161 19.1213 17.8787C19.6839 18.4413 20 19.2044 20 20V25C20 25.2652 20.1054 25.5196 20.2929 25.7071C20.4804 25.8947 20.7348 26 21 26H25C25.2652 26 25.5196 25.8947 25.7071 25.7071C25.8946 25.5196 26 25.2652 26 25V13.86C26 13.7241 25.9724 13.5897 25.9188 13.4649C25.8651 13.3401 25.7866 13.2275 25.688 13.134L16 3.97601Z' fill='%23573962'/%3E%3C/svg%3E%0A");
}
.admin-nav__link--upload {
background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg width='32' height='32' viewBox='0 0 32 32' xmlns='http://www.w3.org/2000/svg' fill='%23694374' stroke='transparent'%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M10.496 13.183A6.186 6.186 0 0 0 9 13a6 6 0 1 0 0 12h3a1 1 0 1 1 0 2H9a8 8 0 0 1 0-16m0 0c.667 0 1.332.081 1.979.242a1 1 0 0 1-.483 1.94'/%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M22.846 7.462A9 9 0 0 0 11 16a1 1 0 1 1-2 0 11 11 0 1 1 19.8 6.6 1 1 0 0 1-1.6-1.2 9.001 9.001 0 0 0-4.354-13.938z'/%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M18.293 15.293a1 1 0 0 1 1.414 0l4.238 4.237a1 1 0 0 1-1.415 1.415L19 17.415l-3.53 3.53a1 1 0 0 1-1.415-1.415l4.238-4.237z'/%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M19 15a1 1 0 0 1 1 1v10a1 1 0 1 1-2 0V16a1 1 0 0 1 1-1z'/%3E%3C/svg%3E");
}
.admin-nav__link--education {
background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 32 32' fill='%23694374' stroke='transparent'%3E%3Cpath d='M26 3H9.004c-.564.036-1.047.1-1.534.3a3.94 3.94 0 0 0-1.302.868 3.93 3.93 0 0 0-.867 1.301A3.953 3.953 0 0 0 5 7v21a1 1 0 0 0 1 1h18a1 1 0 1 0 0-2H7v-.021c.001-.258.052-.51.15-.748a1.99 1.99 0 0 1 .433-.649 1.98 1.98 0 0 1 .646-.431c.247-.101.525-.134.771-.151h17a1 1 0 0 0 1-1V4a1 1 0 0 0-1-1zm-1 20H9.005c-.534.021-1.042.099-1.536.3a3.92 3.92 0 0 0-.469.23V6.996a1.977 1.977 0 0 1 .15-.766 1.99 1.99 0 0 1 .432-.648c.186-.187.405-.332.649-.433A1.99 1.99 0 0 1 8.992 5H25v18z'/%3E%3C/svg%3E");
}
.admin-nav__link--billing {
background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg width='32' height='32' viewBox='0 0 32 32' xmlns='http://www.w3.org/2000/svg' fill='%23694374' stroke='transparent'%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M2 8a2 2 0 0 1 2-2h24a2 2 0 0 1 2 2v16a2 2 0 0 1-2 2H4a2 2 0 0 1-2-2V8zm26 0H4v16h24V8z'/%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M20 21a1 1 0 0 1 1-1h4a1 1 0 1 1 0 2h-4a1 1 0 0 1-1-1zM14 21a1 1 0 0 1 1-1h2a1 1 0 1 1 0 2h-2a1 1 0 0 1-1-1zM2 12.113a1 1 0 0 1 1-1h26a1 1 0 1 1 0 2H3a1 1 0 0 1-1-1z'/%3E%3C/svg%3E");
}
.admin-nav__link--reporting {
background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg width='32' height='32' viewBox='0 0 32 32' xmlns='http://www.w3.org/2000/svg' fill='%23694374' stroke='transparent'%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M5.586 3.586A2 2 0 0 1 7 3h12a1 1 0 0 1 .707.293l7 7A1 1 0 0 1 27 11v16a2 2 0 0 1-2 2H7a2 2 0 0 1-2-2V5a2 2 0 0 1 .586-1.414zm13 1.414H7v22h18V11.414L18.586 5z'/%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M19 3a1 1 0 0 1 1 1v6h6a1 1 0 1 1 0 2h-7a1 1 0 0 1-1-1V4a1 1 0 0 1 1-1z'/%3E%3C/svg%3E");
}
.admin-nav__link--benefits {
background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg id='Layer_1' xmlns='http://www.w3.org/2000/svg' viewBox='0 0 416 416' fill='%23694374' stroke='transparent'%3E%3Cstyle%3E.st0{fill:%23fff}%3C/style%3E%3Cg id='solid'%3E%3Cpath class='st0' d='M248.8 138.6c8.6 5 20.6.3 26.8-10.4s4.2-23.4-4.4-28.4c-2.3-1.3-4.9-2-7.6-2-2.1 0-4.2.4-6.2 1.1-5.6 2.1-10.2 6.1-13.1 11.2-6.1 10.8-4.1 23.6 4.5 28.5zM153.5 140.3c7.9 3.3 17-.4 20.3-8.3.5-1.3.9-2.6 1.1-4 1.8-12-4.9-23.7-16.3-28.2-2-.7-4.1-1.1-6.2-1.1-2.7 0-5.3.7-7.6 2a16.2 16.2 0 0 0-7.6 11.5c-1.8 11.9 4.9 23.6 16.3 28.1zM112.4 174.4c-4.4-3.9-10.2-6.2-16.1-6.3-8.6-.5-15.9 6.1-16.4 14.7-.1 1.4 0 2.7.3 4 1 5.8 4.1 11.1 8.6 14.9 9.4 8 22.2 8.5 28.7.9s4.2-20.2-5.1-28.2z'/%3E%3Cpath class='st0' d='M282.4 385.1c-23.5 9.9-48.8 15-74.4 14.9-105.9 0-192-86.1-192-192S102.1 16 208 16s192 86.1 192 192c0 35.9-10.1 71.1-29.1 101.6 5.3-2.3 11.1-3.5 16.9-3.5 1.2 0 2.4.1 3.5.2 16.2-30.2 24.7-64 24.7-98.3C416 93.3 322.7 0 208 0S0 93.3 0 208s93.3 208 208 208c30.4 0 60.3-6.6 87.9-19.4l-2.9-1.9c-4-2.7-7.6-5.9-10.6-9.6z'/%3E%3Cpath class='st0' d='M311.1 205.2c12.2-.4 22.5-9.3 24.7-21.2 1.8-8.4-3.6-16.6-12-18.4-1.3-.3-2.7-.4-4.1-.3-12.2.4-22.4 9.3-24.7 21.2-1.8 8.4 3.6 16.6 12 18.4 1.3.3 2.7.4 4.1.3zM249.2 226c-3.3-.6-5.8-3.2-6.4-6.4-3.6-19.2-22.1-31.9-41.3-28.3-14.4 2.7-25.6 13.9-28.3 28.3-.6 3.3-3.2 5.8-6.4 6.4-19.2 3.6-31.9 22.1-28.3 41.3 3.6 19.2 22.1 31.9 41.3 28.3 8.7-1.6 16.5-6.5 21.8-13.6 2.7-3.5 7.7-4.2 11.2-1.6.6.5 1.1 1 1.6 1.6 11.7 15.6 33.9 18.8 49.5 7.1 15.6-11.7 18.8-33.9 7.1-49.5-5.3-7.2-13.1-12-21.8-13.6z'/%3E%3Cpath class='st0' d='M279.6 325.2c13.1-19.6 39.6-24.9 59.2-11.8 2.2 1.5 4.3 3.2 6.3 5.1 25.2-31.3 39-70.3 39-110.4 0-97-79-176-176-176S32 111 32 208s79 176 176 176c22.7 0 45.2-4.3 66.2-12.9-.3-.7-.5-1.4-.8-2.1-4.9-14.6-2.8-30.6 5.8-43.3l.4-.5zm40.1-175.9c9.9 0 18.7 3.9 24.8 10.9 6.1 7.1 8.6 16.4 7.1 26.2-3.5 19.8-20.4 34.3-40.5 34.8h-.1c-9.9 0-18.7-3.9-24.8-10.9-6.1-7.1-8.6-16.4-7.1-26.2 3.5-19.8 20.5-34.3 40.6-34.8zm-89.2-47.1c4.8-8.5 12.5-15 21.6-18.3 9.4-3.3 19-2.5 27 2.1 16.3 9.4 20.9 31.9 10.3 50.2-7.4 12.9-20.5 20.3-33.2 20.3-5.4 0-10.8-1.4-15.5-4.1-16.1-9.3-20.8-31.8-10.2-50.2zm-109 6.9c1.8-9.8 7.3-17.7 15.4-22.4s17.7-5.4 27-2.1c18.8 7.1 30 26.4 26.7 46.2-1.8 9.8-7.3 17.7-15.4 22.4-4.7 2.7-10.1 4.2-15.5 4.1-3.9 0-7.8-.7-11.5-2-18.8-7-30-26.4-26.7-46.2zM78.4 213.8c-7.5-6.3-12.4-15-14-24.6-1.5-9.8 1-19.1 7.1-26.2 12.2-14.2 35.2-14.6 51.3-.8s19.1 36.6 6.9 50.8c-6.2 7.3-15.3 10.9-24.8 10.9-9.7 0-19.1-3.6-26.5-10.1zm164.3 98.3c-12.9.1-25.3-4.8-34.7-13.5a51.41 51.41 0 0 1-34.7 13.5c-28.4 0-51.4-23-51.4-51.4 0-22.8 15-42.8 36.8-49.3 8-27.2 36.6-42.8 63.9-34.7 16.7 4.9 29.8 18 34.7 34.7 27.2 8 42.8 36.6 34.7 63.9a51.33 51.33 0 0 1-49.3 36.8z'/%3E%3Cpath class='st0' d='M410.3 334.6l-.3-.5c-3.7-5.6-9.5-9.6-16.1-11.2-9-2.1-18.5.6-25 7.1l-11.8 11.8c-3.1 3.1-8.2 3.1-11.3 0L334 330c-10.4-10.4-27.3-10.4-37.8 0-1.2 1.2-2.4 2.6-3.3 4.1l-.3.5a33.3 33.3 0 0 0-1.5 34.8c.9.9 1.5 1.9 1.9 3 2.4 3.5 5.5 6.5 9 8.9l49.5 33 49.5-33c6.2-4.2 10.9-10.3 13.3-17.4 3.3-9.8 1.8-20.7-4-29.3z'/%3E%3C/g%3E%3C/svg%3E");
}
.admin-nav__link--petsbest {
background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='900.285' height='764.18' viewBox='-0.031 317.929 900.285 764.18' fill='%23694374' stroke='transparent'%3E%3Cpath d='M727.723 560.562a189.992 189.992 0 0 1-21.699-1.237 196.29 196.29 0 0 1-116.09-59.076c-16.5 22.277-33.828 41.255-44.143 57.179-25.99 39.935-211.385 222.524-248.761 270.215-41.914 52.889-75.66 129.209-83.746 161.14-13.449 52.97-47.195 54.785-94.802 53.713-92.574-2.063-82.508-48.598-79.538-59.406 5.446-22.276 11.221-18.729 11.964-18.151-1.485-1.237-25.578-19.885-41.254 14.108-31.931 70.132 14.521 103.713 147.855 103.054 38.696 0 98.432-21.617 107.261-33.004 8.828-11.387 17.079-19.06 19.06 7.014.493 14.479 12.495 25.894 26.98 25.66 9.487-.412 16.996-3.219 40.429-7.014l-.412-2.229a170.055 170.055 0 0 1-2.641-70.957c6.271-41.914 32.014-102.476 66.007-130.94 17.079-14.272 41.667-21.699 62.045-29.208 20.381-7.508 50.826 3.878 57.18-23.515 5.939-25.33-5.939-52.888 4.785-76.897a108.032 108.032 0 0 0 11.221-33.664c1.65-11.221 11.881-24.257 17.244-33.498 7.426-10.147 7.178 36.553 21.453 45.216 14.934-1.897 40.346 8.251 47.854 19.06 3.053 4.538 3.053 10.809 6.85 15.264 3.795 4.455 12.871 5.693 14.934 9.158 5.857 9.653-1.072 22.03-8.252 31.105-7.178 9.075-17.242 11.057-28.135 11.964a51.078 51.078 0 0 0 0 49.505c11.303 22.195 16.502 38.449 6.684 60.065a187.628 187.628 0 0 0-17.492 95.133v8.251a326.778 326.778 0 0 0 6.271 36.964c0 .66 2.145 2.228 14.604 7.178 12.459 4.951 73.268.99 90.76-5.527 7.756-2.806.742-14.19-7.096-21.286-7.838-7.097-33.994-7.18-37.953-12.707a154.951 154.951 0 0 1-11.883-40.265c-2.311-13.448 4.787-75.825 5.527-93.233.742-17.409 19.803-39.521 29.291-54.455 9.488-14.936 54.043-80.033 60.645-91.667a145.63 145.63 0 0 0 20.545-59.241c3.053-19.72-2.559-92.409-7.592-129.62a189.698 189.698 0 0 1-45.96 5.851z'/%3E%3Cpath d='M899.34 371.782c-3.879-6.353-73.434-9.488-86.139-9.488-12.707 0-22.113-33.994-46.535-34.736l-12.871-.742a4.98 4.98 0 0 1-1.072-.66c-12.129-9.076-18.398-10.066-36.717-5.776a83.827 83.827 0 0 0-26.318 9.984l-11.057 1.896c-14.688-1.896-33.664-3.96-42.988 4.208-11.055 9.653-13.777 15.347-15.924 33.498-1.979 16.503-2.227 33.829 7.428 41.255a147.366 147.366 0 0 1-23.186 68.316 173.273 173.273 0 0 0 104.949 55.528 162.763 162.763 0 0 0 60.396-4.291 133.47 133.47 0 0 1 .824-26.65c3.945-.49 7.938-.49 11.883 0 5.527.743 10.313-3.96 14.191-7.096 3.877-3.136 11.881-7.509 28.877-5.857a62.964 62.964 0 0 0 37.129-4.786 18.646 18.646 0 0 0 8.25-13.447 56.873 56.873 0 0 0 19.803 6.353c5.527-.824-4.785-16.501-18.15-26.897-13.367-10.396-52.973-7.838-52.973-7.838a80.69 80.69 0 0 1 14.191-7.096 157.31 157.31 0 0 0 29.291-4.786 284.516 284.516 0 0 0 32.344-26.071c2.393-2.394 0-18.152 0-18.152s7.921-10.398 4.374-16.669z'/%3E%3C/svg%3E");
}
.admin-nav__link--users {
background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg width='32' height='32' viewBox='0 0 32 32' xmlns='http://www.w3.org/2000/svg' fill='%23694374' stroke='transparent'%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M16 13.5a4 4 0 1 0 0 8 4 4 0 0 0 0-8zm-6 4a6 6 0 1 1 12 0 6 6 0 0 1-12 0zM27.408 16.184a6.474 6.474 0 0 0-2.906-.684 1 1 0 1 1-.004-2 8.475 8.475 0 0 1 6.803 3.401 1 1 0 0 1-1.602 1.198 6.475 6.475 0 0 0-2.29-1.915zM7.498 15.5a6.475 6.475 0 0 0-5.197 2.599A1 1 0 0 1 .699 16.9 8.476 8.476 0 0 1 7.502 13.5a1 1 0 1 1-.004 2z'/%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M16 23.503a7.013 7.013 0 0 0-6.301 3.936A1 1 0 0 1 7.9 26.56a9.012 9.012 0 0 1 16.198 0 1 1 0 1 1-1.798.878A7.012 7.012 0 0 0 16 23.503zM8.241 7.594a3 3 0 1 0-.742 5.906 1 1 0 1 1 .002 2 5 5 0 1 1 4.906-5.938 1 1 0 1 1-1.964.376A3 3 0 0 0 8.24 7.594zM25.432 7.647a3 3 0 0 0-3.875 2.29 1 1 0 0 1-1.964-.374 5 5 0 1 1 4.906 5.937 1 1 0 0 1 .002-2 3 3 0 0 0 .931-5.853z'/%3E%3C/svg%3E");
}
.admin-nav__link--myaccount {
background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg width='32' height='32' viewBox='0 0 32 32' xmlns='http://www.w3.org/2000/svg' fill='%23694374' stroke='transparent'%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M16 5a7 7 0 1 0 0 14 7 7 0 0 0 0-14zm-9 7a9 9 0 1 1 18 0 9 9 0 0 1-18 0z'/%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M16 20.999a13 13 0 0 0-11.259 6.5 1 1 0 1 1-1.732-.999 15 15 0 0 1 25.982 0 1 1 0 1 1-1.732 1 13 13 0 0 0-11.26-6.501z'/%3E%3C/svg%3E");
}
.admin-nav__link--renew {
background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg width='36' height='33' viewBox='0 0 36 33' xmlns='http://www.w3.org/2000/svg' fill='%23694374' stroke='transparent'%3E%3Cpath d='M36 3.379v8.252c0 .365-.146.715-.405.973s-.61.402-.977.402h-8.292a1.386 1.386 0 0 1-1.272-.843 1.37 1.37 0 0 1 .288-1.495l3.178-3.163-.743-.74A13.888 13.888 0 0 0 18 2.747c-3.665 0-7.18 1.445-9.777 4.02a1.365 1.365 0 0 1-1.506.302 1.365 1.365 0 0 1-.446-.302 1.372 1.372 0 0 1 0-1.943A16.659 16.659 0 0 1 18 0c4.397 0 8.615 1.734 11.73 4.823l.742.74 3.161-3.147a1.384 1.384 0 0 1 1.503-.31A1.415 1.415 0 0 1 36 3.38zm-8.223 22.848A13.888 13.888 0 0 1 18 30.247c-3.665 0-7.18-1.445-9.777-4.02l-.743-.739 3.178-3.163a1.373 1.373 0 0 0-.984-2.338H1.382c-.367 0-.718.144-.977.402-.26.258-.405.608-.405.973v8.252a1.405 1.405 0 0 0 .864 1.272 1.389 1.389 0 0 0 1.053-.002c.17-.07.322-.175.45-.307l3.16-3.146.744.739A16.641 16.641 0 0 0 18 33c4.398 0 8.617-1.737 11.73-4.83a1.372 1.372 0 0 0 0-1.943 1.366 1.366 0 0 0-1.953 0z'/%3E%3C/svg%3E");
}
.admin-nav__link--petassure {
background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='891.154' height='891.154' viewBox='5.528 261.057 891.154 891.154' fill='%23694374' stroke='transparent'%3E%3Cpath d='M302.948 261.057h296.314v163.636c-17.69 15.479-30.958 35.381-45.331 54.178l-29.854 36.486c-6.634 8.845-18.796 13.268-24.324 23.219-7.739 14.373-7.739 30.958-4.422 46.438 2.211 13.268 8.845 26.535 11.057 39.803 2.211 18.796 1.105 39.804-9.951 56.389-21.008 32.063-37.593 65.233-55.283 98.402-3.316 7.74-7.739 18.797 0 25.431 25.431 19.901 57.494 28.747 89.559 35.381 32.063 7.739 66.339-3.317 92.874-21.008 16.585-9.951 29.853-25.43 43.121-38.697 32.063-32.064 64.127-65.233 96.191-97.298 9.95-9.951 18.796-21.007 29.853-29.853 12.162-9.951 26.535-17.69 39.803-25.43 9.951-5.528 18.797-9.951 29.853-12.162 11.057-1.105 22.113 0 34.275 0v238.82h-297.42v297.42H419.042c0-7.739 1.105-15.479 2.211-23.218 2.211-16.585 1.105-32.064 1.105-48.649 0-13.268-1.105-26.535-7.739-37.592-7.74-14.374-7.74-30.958-8.846-47.543 0-14.374-11.057-23.219-18.796-34.275-8.845-12.162-16.585-25.43-23.219-38.698-7.739-13.268-17.69-24.324-26.535-37.592-8.846-13.268-22.113-24.324-35.381-33.169-13.268-7.74-18.796-28.747-7.74-39.804 6.634-6.634 17.69-7.739 27.641-7.739 19.901 1.105 39.804 0 58.6-2.212 9.951-1.105 17.69-8.845 24.324-15.479 9.951-11.057 18.796-23.219 24.324-36.487-8.845-13.268-22.113-24.324-34.275-35.381-4.422-3.316-8.845-7.739-8.845-13.268 0-11.057 1.105-23.219-6.634-32.063-5.528-9.951-19.901-16.585-18.796-29.853 3.316-12.162 8.845-22.113 12.162-34.275-15.479 6.634-29.853 16.585-45.332 23.219-9.951 1.105-21.007-1.105-30.958-2.212-6.634-1.105-14.374 0-19.902-5.528 1.105-9.95 4.423-19.901 4.423-29.853-17.69 6.635-33.17 15.479-48.649 25.431-17.69 12.162-36.486 25.43-48.648 43.12-6.634 8.846-6.634 18.796-8.845 27.642-2.211 12.162-7.74 23.219-14.374 33.169-13.268 19.902-24.324 42.015-34.275 65.233-3.317 7.74-5.528 16.585-7.74 25.431-4.423 15.479-9.951 30.958-16.585 46.438H19.9c-5.528-26.536-6.634-55.283 2.211-81.818 5.528-17.69 17.69-34.275 33.17-44.227 6.634-4.423 15.479-5.528 21.007-1.105 8.845 4.423 8.845 17.69 3.317 26.536-5.528 11.056-17.69 15.479-27.641 21.007 11.056 4.423 23.218 7.739 35.381 3.317 13.268-5.528 21.007-19.902 24.324-33.17 3.317-27.642-25.43-51.966-51.966-47.543-24.324 3.317-42.015 23.219-54.177 42.015V559.582h297.419c.003-100.614.003-199.017.003-298.525z'/%3E%3C/svg%3E");
}
.admin-nav__link--petplus {
background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 900.1 800' fill='%23694374' stroke='transparent'%3E%3Cpath d='M239.6 244.8c-9.4 0-16 0-21.6.9l-17.9 135.5c4.7.9 8.5.9 9.4.9 53.6 0 86.6-44.2 84.7-90.3-1.9-25.4-17.9-47-54.6-47zm-34.8 264.3c-4.7 0-14.1 0-24.5-.9l-22.6 170.3H8.2l76.2-553.2c50.8-2.8 105.4-3.8 171.2-3.8 107.3 0 188.2 47 193.8 152.4 5.7 125.2-93.1 235.2-244.6 235.2zM681.1 244.8c-9.4 0-16 0-21.6.9l-17.9 135.5c4.7.9 8.5.9 9.4.9 53.6 0 86.6-44.2 84.7-90.3-1.9-25.4-17.9-47-54.6-47zm-34.8 264.3c-4.7 0-14.1 0-24.5-.9l-22.6 170.3H449.7l76.2-553.2c50.8-2.8 105.4-3.8 171.2-3.8 107.3 0 188.2 47 193.8 152.4 5.6 125.2-93.1 235.2-244.6 235.2z'/%3E%3C/svg%3E");
}
.admin-nav__link--petsbest {
background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='900.285' height='764.18' viewBox='-0.031 317.929 900.285 764.18' fill='%23694374' stroke='transparent'%3E%3Cpath d='M727.723 560.562a189.992 189.992 0 0 1-21.699-1.237 196.29 196.29 0 0 1-116.09-59.076c-16.5 22.277-33.828 41.255-44.143 57.179-25.99 39.935-211.385 222.524-248.761 270.215-41.914 52.889-75.66 129.209-83.746 161.14-13.449 52.97-47.195 54.785-94.802 53.713-92.574-2.063-82.508-48.598-79.538-59.406 5.446-22.276 11.221-18.729 11.964-18.151-1.485-1.237-25.578-19.885-41.254 14.108-31.931 70.132 14.521 103.713 147.855 103.054 38.696 0 98.432-21.617 107.261-33.004 8.828-11.387 17.079-19.06 19.06 7.014.493 14.479 12.495 25.894 26.98 25.66 9.487-.412 16.996-3.219 40.429-7.014l-.412-2.229a170.055 170.055 0 0 1-2.641-70.957c6.271-41.914 32.014-102.476 66.007-130.94 17.079-14.272 41.667-21.699 62.045-29.208 20.381-7.508 50.826 3.878 57.18-23.515 5.939-25.33-5.939-52.888 4.785-76.897a108.032 108.032 0 0 0 11.221-33.664c1.65-11.221 11.881-24.257 17.244-33.498 7.426-10.147 7.178 36.553 21.453 45.216 14.934-1.897 40.346 8.251 47.854 19.06 3.053 4.538 3.053 10.809 6.85 15.264 3.795 4.455 12.871 5.693 14.934 9.158 5.857 9.653-1.072 22.03-8.252 31.105-7.178 9.075-17.242 11.057-28.135 11.964a51.078 51.078 0 0 0 0 49.505c11.303 22.195 16.502 38.449 6.684 60.065a187.628 187.628 0 0 0-17.492 95.133v8.251a326.778 326.778 0 0 0 6.271 36.964c0 .66 2.145 2.228 14.604 7.178 12.459 4.951 73.268.99 90.76-5.527 7.756-2.806.742-14.19-7.096-21.286-7.838-7.097-33.994-7.18-37.953-12.707a154.951 154.951 0 0 1-11.883-40.265c-2.311-13.448 4.787-75.825 5.527-93.233.742-17.409 19.803-39.521 29.291-54.455 9.488-14.936 54.043-80.033 60.645-91.667a145.63 145.63 0 0 0 20.545-59.241c3.053-19.72-2.559-92.409-7.592-129.62a189.698 189.698 0 0 1-45.96 5.851z'/%3E%3Cpath d='M899.34 371.782c-3.879-6.353-73.434-9.488-86.139-9.488-12.707 0-22.113-33.994-46.535-34.736l-12.871-.742a4.98 4.98 0 0 1-1.072-.66c-12.129-9.076-18.398-10.066-36.717-5.776a83.827 83.827 0 0 0-26.318 9.984l-11.057 1.896c-14.688-1.896-33.664-3.96-42.988 4.208-11.055 9.653-13.777 15.347-15.924 33.498-1.979 16.503-2.227 33.829 7.428 41.255a147.366 147.366 0 0 1-23.186 68.316 173.273 173.273 0 0 0 104.949 55.528 162.763 162.763 0 0 0 60.396-4.291 133.47 133.47 0 0 1 .824-26.65c3.945-.49 7.938-.49 11.883 0 5.527.743 10.313-3.96 14.191-7.096 3.877-3.136 11.881-7.509 28.877-5.857a62.964 62.964 0 0 0 37.129-4.786 18.646 18.646 0 0 0 8.25-13.447 56.873 56.873 0 0 0 19.803 6.353c5.527-.824-4.785-16.501-18.15-26.897-13.367-10.396-52.973-7.838-52.973-7.838a80.69 80.69 0 0 1 14.191-7.096 157.31 157.31 0 0 0 29.291-4.786 284.516 284.516 0 0 0 32.344-26.071c2.393-2.394 0-18.152 0-18.152s7.921-10.398 4.374-16.669z'/%3E%3C/svg%3E");
}
.admin-nav__link--thepettag {
background-image: url("data:image/svg+xml,%3Csvg width='32' height='32' viewBox='0 0 32 32' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M14.2179 11H9.7821C9.07628 11 8.5 11.5736 8.5 12.2821V16.7179C8.5 17.4237 9.07364 18 9.7821 18H14.2179C14.9237 18 15.5 17.4264 15.5 16.7179V12.2821C15.5 11.5763 14.9264 11 14.2179 11ZM13.7262 12.7738V16.2262H10.2738V12.7738H13.7262Z' fill='%23573962'/%3E%3Cpath d='M16.5 12.2821V16.7179C16.5 17.4237 17.0736 18 17.7821 18H22.2179C22.9237 18 23.5 17.4264 23.5 16.7179V12.2821C23.5 11.5763 22.9264 11 22.2179 11H17.7821C17.0763 11 16.5 11.5736 16.5 12.2821ZM18.2738 16.2262V12.7738H21.7262V16.2262H18.2738Z' fill='%23573962'/%3E%3Cpath d='M14.2179 19H9.7821C9.07628 19 8.5 19.5736 8.5 20.2821V24.7179C8.5 25.4237 9.07364 26 9.7821 26H14.2179C14.9237 26 15.5 25.4264 15.5 24.7179V20.2821C15.5 19.5763 14.9264 19 14.2179 19ZM13.7262 20.7738V24.2262H10.2738V20.7738H13.7262Z' fill='%23573962'/%3E%3Cpath d='M22.2179 19H17.7821C17.0763 19 16.5 19.5736 16.5 20.2821V24.7179C16.5 25.4237 17.0736 26 17.7821 26H22.2179C22.9237 26 23.5 25.4264 23.5 24.7179V20.2821C23.5 19.5763 22.9264 19 22.2179 19ZM21.7262 20.7738V24.2262H18.2738V20.7738H21.7262Z' fill='%23573962'/%3E%3Cpath d='M12.7721 14.9177C12.9797 14.5321 12.8355 14.0513 12.4499 13.8437C12.0643 13.6361 11.5835 13.7803 11.3759 14.1659C11.1683 14.5515 11.3126 15.0323 11.6981 15.2399C12.0837 15.4475 12.5645 15.3032 12.7721 14.9177Z' fill='%23573962'/%3E%3Cpath d='M20.7721 22.9177C20.9797 22.5321 20.8355 22.0513 20.4499 21.8437C20.0643 21.6361 19.5835 21.7803 19.3759 22.1659C19.1683 22.5515 19.3126 23.0323 19.6981 23.2399C20.0837 23.4475 20.5645 23.3032 20.7721 22.9177Z' fill='%23573962'/%3E%3Cpath d='M16.0027 32C14.1118 32 12.2801 31.6289 10.5533 30.9C8.88569 30.1954 7.38751 29.1868 6.10183 27.9013C4.81614 26.6157 3.80749 25.1177 3.10279 23.4502C2.37118 21.7236 2 19.8893 2 17.9987C2 16.108 2.37118 14.2764 3.1001 12.5498C3.8048 10.8823 4.81345 9.38431 6.09914 8.09874C7.38482 6.81318 8.883 5.80463 10.5506 5.09999C12.2774 4.36846 14.1118 4 16 4C17.8882 4 19.7226 4.37115 21.4494 5.09999C23.117 5.80463 24.6152 6.81318 25.9009 8.09874C27.1866 9.38431 28.1952 10.8823 28.8999 12.5498C29.6315 14.2764 30 16.1107 30 17.9987C30 19.8867 29.6288 21.7209 28.8999 23.4475C28.1952 25.115 27.1866 26.613 25.9009 27.8986C24.6152 29.1841 23.117 30.1927 21.4494 30.8973C19.7226 31.6289 17.8882 31.9973 16 31.9973L16.0027 32ZM16.0027 6.05475C14.3889 6.05475 12.8234 6.36942 11.3522 6.99337C9.9293 7.59581 8.65168 8.45644 7.55427 9.55374C6.45687 10.651 5.59616 11.9285 4.99366 13.3513C4.36964 14.8224 4.05495 16.3877 4.05495 18.0013C4.05495 19.615 4.36964 21.1803 4.99366 22.6514C5.59616 24.0742 6.45687 25.3516 7.55427 26.4489C8.65168 27.5462 9.9293 28.4069 11.3522 29.0093C12.8234 29.6333 14.3889 29.9479 16.0027 29.9479C17.6165 29.9479 19.1819 29.6333 20.6532 29.0093C22.0761 28.4069 23.3537 27.5462 24.4511 26.4489C25.5485 25.3516 26.4092 24.0742 27.0117 22.6514C27.6357 21.1803 27.9504 19.615 27.9504 18.0013C27.9504 16.3877 27.6357 14.8224 27.0117 13.3513C26.4092 11.9285 25.5485 10.651 24.4511 9.55374C23.3537 8.45644 22.0761 7.59581 20.6532 6.99337C19.1819 6.36942 17.6165 6.05475 16.0027 6.05475Z' fill='%23573962'/%3E%3Cpath d='M18.5857 1.84756C17.9323 0.827738 16.99 0.241699 16 0.241699C15.01 0.241699 14.0677 0.827738 13.4143 1.84756C12.8253 2.76684 12.5 3.97339 12.5 5.24314C12.5 6.51289 12.5 5.3523 12.5 5.40688C12.6178 5.39539 12.7384 5.38103 12.8562 5.36379C13.0946 5.33219 13.3329 5.29485 13.5741 5.2575C13.7929 5.22303 14.0144 5.18855 14.2332 5.15695C14.2612 3.29829 15.1755 2.01131 16 2.01131C16.8245 2.01131 17.7668 3.33851 17.7668 5.24026C17.7668 7.14201 16.8357 8.46922 16 8.46922C15.1643 8.46922 15.9383 8.46922 15.9075 8.46348C15.9327 8.68755 15.9551 8.91162 15.972 9.1357C16 9.50341 16.0196 9.87399 16.0337 10.2417C17.0124 10.2273 17.9407 9.64417 18.5857 8.63584C19.1747 7.71656 19.5 6.51001 19.5 5.24026C19.5 3.97051 19.1747 2.76396 18.5857 1.84469V1.84756Z' fill='%23573962'/%3E%3Cpath d='M15.75 10.7417C16.4404 10.7417 17 10.1821 17 9.4917C17 8.80134 16.4404 8.2417 15.75 8.2417C15.0596 8.2417 14.5 8.80134 14.5 9.4917C14.5 10.1821 15.0596 10.7417 15.75 10.7417Z' fill='%23573962'/%3E%3C/svg%3E%0A");
}
.admin-nav__link--wishbone {
background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg width='32' height='32' viewBox='0 0 32 32' xmlns='http://www.w3.org/2000/svg' fill='%23694374' stroke='transparent'%3E%3Cpath d='M8.95 19.027c.465-1.278.953-2.533 1.395-3.811.185-.558-.117-1-.767-1.325-.651-.326-.605-.302-.442-1.07h4.858c.186 0 .488.117.488.21.023.232 0 .58-.163.72-.93.837-.93.837-.442 1.93.535 1.278 1.093 2.533 1.674 3.927.162-.279.255-.465.348-.674 1.116-2.487 2.325-4.95 3.975-7.135.883-1.162 1.86-2.231 3.114-2.998 1.116-.674 2.301-.976 3.603-.697 1.836.395 2.603 2.277 1.464 3.556-.279.302-.697.488-1.069.743-.07-.116-.116-.209-.186-.325-.511-1.534-1.86-2.162-3.37-1.604-1.046.372-1.79 1.14-2.464 1.976-1.464 1.766-2.487 3.788-3.416 5.857a95.7 95.7 0 0 0-1.767 4.23c-.162.395-.348.558-.767.511a1.56 1.56 0 0 0-.465 0c-.441.07-.65-.14-.813-.534-.697-1.65-1.441-3.3-2.185-4.95-.07-.164-.163-.303-.279-.582-.116.279-.209.465-.279.65-.604 1.628-1.231 3.255-1.836 4.882-.14.395-.325.58-.744.511-.418-.07-.883.163-1.115-.488-.814-2.37-1.767-4.718-2.673-7.089-.302-.79-.767-1.395-1.58-1.65a.465.465 0 0 1-.372-.535c0-.046.023-.093.046-.116a.639.639 0 0 1 .511-.279c1.488-.023 2.975-.023 4.463 0 .163 0 .465.163.465.233 0 .232-.047.58-.21.697-.883.697-.952.906-.51 1.952a141.68 141.68 0 0 1 1.347 3.324l.163-.047zm20.383.72c-.371.559-.162 1.233-.023 1.93.116.628-.418 1.232-1.022 1.371a1.346 1.346 0 0 1-1.627-.697 2.131 2.131 0 0 1-.21-.535c-.046-.395-.279-.488-.65-.464-.581.023-1.162.023-1.744 0-.418-.024-.604.116-.72.534-.349 1.255-1.627 1.65-2.44.79-.442-.464-.512-1.046-.256-1.673.07-.21.07-.442 0-.65-.349-.791-.07-1.651.65-1.977.79-.348 1.72-.046 1.93.814.186.79.627.883 1.278.813.163-.023.302-.023.465 0 .79.047 1.487.117 1.697-.976.116-.65.86-.883 1.51-.743.651.139 1.14.65 1.162 1.464z'/%3E%3C/svg%3E");
}
.admin-nav__link--totalpetprogram {
background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg width='32' height='32' viewBox='0 0 32 32' xmlns='http://www.w3.org/2000/svg' fill='%23694374' stroke='transparent'%3E%3Cpath d='M20.034 19.875c0 .463-.147.825-.434 1.06-.607.501-1.66.306-2.588.133-.4-.072-.771-.14-1.041-.14-.31 0-.71.073-1.137.151-.484.09-.979.179-1.423.179-.422 0-.794-.078-1.075-.312-.287-.24-.434-.597-.434-1.066 0-.975.434-2.08 1.165-2.95.816-.975 1.846-1.51 2.893-1.51 1.046 0 2.087.535 2.892 1.51.748.87 1.182 1.975 1.182 2.945zm-.659-6.759c0 .552-.152 1.076-.427 1.478-.299.435-.726.686-1.17.686-.445 0-.873-.251-1.171-.686-.276-.402-.428-.926-.428-1.478 0-.552.152-1.076.428-1.478.298-.435.726-.685 1.17-.685.445 0 .872.25 1.17.685.27.396.428.92.428 1.478zm-5.216 2.158c.444 0 .872-.25 1.17-.686.276-.401.428-.925.428-1.477 0-.553-.152-1.077-.428-1.478-.298-.435-.726-.686-1.17-.686-.445 0-.872.25-1.17.686-.276.401-.428.926-.428 1.478 0 .552.152 1.076.428 1.477.298.44.725.686 1.17.686zm7.856.257c0 .223-.04.457-.119.686-.174.49-.506.875-.911 1.06a1.223 1.223 0 0 1-.512.116c-.13 0-.26-.022-.377-.067-.35-.128-.602-.423-.726-.825-.113-.362-.09-.786.045-1.188.174-.49.506-.875.906-1.06a1.15 1.15 0 0 1 .889-.05c.349.129.602.424.726.826.056.162.079.329.079.502zm-9.454.97c.112-.362.09-.786-.045-1.188-.175-.49-.507-.875-.912-1.06a1.15 1.15 0 0 0-.889-.05c-.349.129-.602.424-.726.826-.112.362-.09.786.045 1.188.175.49.507.875.912 1.06.169.077.343.116.512.116.13 0 .259-.022.377-.067.343-.128.602-.418.726-.825z'/%3E%3Cpath d='M16.607 14.588c-.276-.401-.428-.925-.428-1.477 0-.553.152-1.077.428-1.478.298-.435.726-.686 1.17-.686.445 0 .872.25 1.17.686.276.401.428.925.428 1.478 0 .552-.152 1.076-.427 1.477-.299.435-.726.686-1.17.686-.445 0-.867-.245-1.171-.686zm2.256 2.331c.732.876 1.165 1.98 1.165 2.95 0 .463-.146.826-.433 1.06-.608.502-1.66.306-2.589.134-.4-.073-.77-.14-1.04-.14v-5.52c1.057.01 2.087.546 2.897 1.516zm3.152-1.388c0 .223-.04.457-.119.686-.174.49-.506.875-.911 1.06a1.223 1.223 0 0 1-.512.116c-.13 0-.26-.022-.377-.067-.35-.128-.602-.424-.726-.825-.113-.363-.09-.786.045-1.188.174-.49.506-.875.906-1.06a1.15 1.15 0 0 1 .889-.05c.349.129.602.424.726.826.056.162.079.329.079.502zm3.764 9.374c3.765-3.92 4.969-10.512 1.62-15.748l-.202 3.552-2.92-.72c1.772 3.664.85 7.59-1.514 10.178l3.016 2.738zm-.743.753c-1.525 1.422-3.798 2.749-5.993 3.262-.315-1.054-.793-2.961-1.074-3.987 1.631-.435 2.903-1.026 4.192-2.18l2.875 2.905zm-7.067 3.496c-2.364.413-4.829.1-7.074-.814l1.733-3.73c1.475.563 2.87.685 4.39.507l.95 4.037zm-6.157-4.902c-.917-.446-2.188-1.243-3.37-2.938-.94.663-2.504 1.728-3.331 2.32 1.457 2.152 2.97 3.35 4.822 4.265l1.88-3.647zm-7.27-1.522c-1.165-2.013-1.587-3.826-1.806-5.738l4.113-.28c.023.888.422 2.544 1.143 3.882l-3.45 2.136zm2.285-6.787c.045-1.695.135-2.386.996-4.188-3.635-1.667-.535-.24-3.782-1.734-1.03 2.125-1.35 3.993-1.35 6.067l4.136-.145z'/%3E%3Cpath d='M26.347 11.543l-5.734-1.433 1.35-.987C17.958 5.415 11.11 6.586 8.206 10.997c-3.494-1.612-.607-.273-3.753-1.734 4.3-7.746 14.659-8.75 20.877-2.588l1.356-.987-.338 5.855z'/%3E%3C/svg%3E");
}
.admin-nav__link--help {
background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg width='32' height='32' viewBox='0 0 32 32' xmlns='http://www.w3.org/2000/svg' fill='%23694374' stroke='transparent'%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M16 5C9.925 5 5 9.925 5 16s4.925 11 11 11 11-4.925 11-11S22.075 5 16 5zM3 16C3 8.82 8.82 3 16 3s13 5.82 13 13-5.82 13-13 13S3 23.18 3 16z'/%3E%3Cpath d='M16 24a1.5 1.5 0 1 0 0-3 1.5 1.5 0 0 0 0 3z'/%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M14.278 9.343A4.5 4.5 0 1 1 17 17.887V18a1 1 0 1 1-2 0v-1a1 1 0 0 1 1-1 2.5 2.5 0 1 0-2.5-2.5 1 1 0 1 1-2 0 4.5 4.5 0 0 1 2.778-4.157z'/%3E%3C/svg%3E");
}
.admin-nav__link.is-active {
background-color: #573962;
color: #fff;
}
.admin-nav__link--logout {
background-image: url("data:image/svg+xml,%3Csvg width='32' height='32' viewBox='0 0 32 32' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M26.6667 15.9999H14M24 19.9999L28 15.9999L24 11.9999M17.3333 9.33325V7.99992C17.3333 7.29267 17.0524 6.6144 16.5523 6.1143C16.0522 5.6142 15.3739 5.33325 14.6667 5.33325H8.00001C7.29277 5.33325 6.61449 5.6142 6.11439 6.1143C5.61429 6.6144 5.33334 7.29267 5.33334 7.99992V23.9999C5.33334 24.7072 5.61429 25.3854 6.11439 25.8855C6.61449 26.3856 7.29277 26.6666 8.00001 26.6666H14.6667C15.3739 26.6666 16.0522 26.3856 16.5523 25.8855C17.0524 25.3854 17.3333 24.7072 17.3333 23.9999V22.6666' stroke='%23573962' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E%0A");
}
.admin-nav__link.is-active.admin-nav__link--home {
background-image: url("data:image/svg+xml,%3Csvg width='32' height='32' viewBox='0 0 32 32' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M14.626 2.52401C14.9973 2.17294 15.489 1.97733 16 1.97733C16.511 1.97733 17.0027 2.17294 17.374 2.52401L27.062 11.682C27.662 12.248 28 13.038 28 13.862V25.002C28 25.7977 27.6839 26.5607 27.1213 27.1233C26.5587 27.6859 25.7956 28.002 25 28.002H21C20.6059 28.002 20.2156 27.9243 19.8515 27.7735C19.4874 27.6226 19.1566 27.4014 18.878 27.1226C18.5994 26.8438 18.3784 26.5129 18.2278 26.1487C18.0771 25.7845 17.9997 25.3941 18 25V20C18 19.7348 17.8946 19.4804 17.7071 19.2929C17.5196 19.1054 17.2652 19 17 19H15C14.7348 19 14.4804 19.1054 14.2929 19.2929C14.1054 19.4804 14 19.7348 14 20V25C14 25.7957 13.6839 26.5587 13.1213 27.1213C12.5587 27.6839 11.7956 28 11 28H7C6.20435 28 5.44129 27.6839 4.87868 27.1213C4.31607 26.5587 4 25.7957 4 25V13.86C4 13.036 4.34 12.246 4.94 11.68L14.626 2.52401ZM16 3.97601L6.312 13.136C6.21365 13.2292 6.13528 13.3415 6.08164 13.466C6.02801 13.5904 6.00023 13.7245 6 13.86V25C6 25.2652 6.10536 25.5196 6.29289 25.7071C6.48043 25.8947 6.73478 26 7 26H11C11.2652 26 11.5196 25.8947 11.7071 25.7071C11.8946 25.5196 12 25.2652 12 25V20C12 19.2044 12.3161 18.4413 12.8787 17.8787C13.4413 17.3161 14.2044 17 15 17H17C17.7956 17 18.5587 17.3161 19.1213 17.8787C19.6839 18.4413 20 19.2044 20 20V25C20 25.2652 20.1054 25.5196 20.2929 25.7071C20.4804 25.8947 20.7348 26 21 26H25C25.2652 26 25.5196 25.8947 25.7071 25.7071C25.8946 25.5196 26 25.2652 26 25V13.86C26 13.7242 25.9724 13.5897 25.9188 13.4649C25.8651 13.3401 25.7866 13.2275 25.688 13.134L16 3.97601Z' fill='%23FDFDFD'/%3E%3C/svg%3E%0A");
}
.admin-nav__link.is-active.admin-nav__link--upload {
background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg width='32' height='32' viewBox='0 0 32 32' xmlns='http://www.w3.org/2000/svg' fill='%23fff' stroke='transparent'%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M10.496 13.183A6.186 6.186 0 0 0 9 13a6 6 0 1 0 0 12h3a1 1 0 1 1 0 2H9a8 8 0 0 1 0-16m0 0c.667 0 1.332.081 1.979.242a1 1 0 0 1-.483 1.94'/%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M22.846 7.462A9 9 0 0 0 11 16a1 1 0 1 1-2 0 11 11 0 1 1 19.8 6.6 1 1 0 0 1-1.6-1.2 9.001 9.001 0 0 0-4.354-13.938z'/%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M18.293 15.293a1 1 0 0 1 1.414 0l4.238 4.237a1 1 0 0 1-1.415 1.415L19 17.415l-3.53 3.53a1 1 0 0 1-1.415-1.415l4.238-4.237z'/%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M19 15a1 1 0 0 1 1 1v10a1 1 0 1 1-2 0V16a1 1 0 0 1 1-1z'/%3E%3C/svg%3E");
}
.admin-nav__link.is-active.admin-nav__link--education {
background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 32 32' fill='%23fff' stroke='transparent'%3E%3Cpath d='M26 3H9.004c-.564.036-1.047.1-1.534.3a3.94 3.94 0 0 0-1.302.868 3.93 3.93 0 0 0-.867 1.301A3.953 3.953 0 0 0 5 7v21a1 1 0 0 0 1 1h18a1 1 0 1 0 0-2H7v-.021c.001-.258.052-.51.15-.748a1.99 1.99 0 0 1 .433-.649 1.98 1.98 0 0 1 .646-.431c.247-.101.525-.134.771-.151h17a1 1 0 0 0 1-1V4a1 1 0 0 0-1-1zm-1 20H9.005c-.534.021-1.042.099-1.536.3a3.92 3.92 0 0 0-.469.23V6.996a1.977 1.977 0 0 1 .15-.766 1.99 1.99 0 0 1 .432-.648c.186-.187.405-.332.649-.433A1.99 1.99 0 0 1 8.992 5H25v18z'/%3E%3C/svg%3E");
}
.admin-nav__link.is-active.admin-nav__link--billing {
background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg width='32' height='32' viewBox='0 0 32 32' xmlns='http://www.w3.org/2000/svg' fill='%23fff' stroke='transparent'%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M2 8a2 2 0 0 1 2-2h24a2 2 0 0 1 2 2v16a2 2 0 0 1-2 2H4a2 2 0 0 1-2-2V8zm26 0H4v16h24V8z'/%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M20 21a1 1 0 0 1 1-1h4a1 1 0 1 1 0 2h-4a1 1 0 0 1-1-1zM14 21a1 1 0 0 1 1-1h2a1 1 0 1 1 0 2h-2a1 1 0 0 1-1-1zM2 12.113a1 1 0 0 1 1-1h26a1 1 0 1 1 0 2H3a1 1 0 0 1-1-1z'/%3E%3C/svg%3E");
}
.admin-nav__link.is-active.admin-nav__link--reporting {
background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg width='32' height='32' viewBox='0 0 32 32' xmlns='http://www.w3.org/2000/svg' fill='%23fff' stroke='transparent'%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M5.586 3.586A2 2 0 0 1 7 3h12a1 1 0 0 1 .707.293l7 7A1 1 0 0 1 27 11v16a2 2 0 0 1-2 2H7a2 2 0 0 1-2-2V5a2 2 0 0 1 .586-1.414zm13 1.414H7v22h18V11.414L18.586 5z'/%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M19 3a1 1 0 0 1 1 1v6h6a1 1 0 1 1 0 2h-7a1 1 0 0 1-1-1V4a1 1 0 0 1 1-1z'/%3E%3C/svg%3E");
}
.admin-nav__link.is-active.admin-nav__link--benefits {
background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg id='Layer_1' xmlns='http://www.w3.org/2000/svg' viewBox='0 0 416 416' fill='%23fff' stroke='transparent'%3E%3Cstyle%3E.st0{fill:%23fff}%3C/style%3E%3Cg id='solid'%3E%3Cpath class='st0' d='M248.8 138.6c8.6 5 20.6.3 26.8-10.4s4.2-23.4-4.4-28.4c-2.3-1.3-4.9-2-7.6-2-2.1 0-4.2.4-6.2 1.1-5.6 2.1-10.2 6.1-13.1 11.2-6.1 10.8-4.1 23.6 4.5 28.5zM153.5 140.3c7.9 3.3 17-.4 20.3-8.3.5-1.3.9-2.6 1.1-4 1.8-12-4.9-23.7-16.3-28.2-2-.7-4.1-1.1-6.2-1.1-2.7 0-5.3.7-7.6 2a16.2 16.2 0 0 0-7.6 11.5c-1.8 11.9 4.9 23.6 16.3 28.1zM112.4 174.4c-4.4-3.9-10.2-6.2-16.1-6.3-8.6-.5-15.9 6.1-16.4 14.7-.1 1.4 0 2.7.3 4 1 5.8 4.1 11.1 8.6 14.9 9.4 8 22.2 8.5 28.7.9s4.2-20.2-5.1-28.2z'/%3E%3Cpath class='st0' d='M282.4 385.1c-23.5 9.9-48.8 15-74.4 14.9-105.9 0-192-86.1-192-192S102.1 16 208 16s192 86.1 192 192c0 35.9-10.1 71.1-29.1 101.6 5.3-2.3 11.1-3.5 16.9-3.5 1.2 0 2.4.1 3.5.2 16.2-30.2 24.7-64 24.7-98.3C416 93.3 322.7 0 208 0S0 93.3 0 208s93.3 208 208 208c30.4 0 60.3-6.6 87.9-19.4l-2.9-1.9c-4-2.7-7.6-5.9-10.6-9.6z'/%3E%3Cpath class='st0' d='M311.1 205.2c12.2-.4 22.5-9.3 24.7-21.2 1.8-8.4-3.6-16.6-12-18.4-1.3-.3-2.7-.4-4.1-.3-12.2.4-22.4 9.3-24.7 21.2-1.8 8.4 3.6 16.6 12 18.4 1.3.3 2.7.4 4.1.3zM249.2 226c-3.3-.6-5.8-3.2-6.4-6.4-3.6-19.2-22.1-31.9-41.3-28.3-14.4 2.7-25.6 13.9-28.3 28.3-.6 3.3-3.2 5.8-6.4 6.4-19.2 3.6-31.9 22.1-28.3 41.3 3.6 19.2 22.1 31.9 41.3 28.3 8.7-1.6 16.5-6.5 21.8-13.6 2.7-3.5 7.7-4.2 11.2-1.6.6.5 1.1 1 1.6 1.6 11.7 15.6 33.9 18.8 49.5 7.1 15.6-11.7 18.8-33.9 7.1-49.5-5.3-7.2-13.1-12-21.8-13.6z'/%3E%3Cpath class='st0' d='M279.6 325.2c13.1-19.6 39.6-24.9 59.2-11.8 2.2 1.5 4.3 3.2 6.3 5.1 25.2-31.3 39-70.3 39-110.4 0-97-79-176-176-176S32 111 32 208s79 176 176 176c22.7 0 45.2-4.3 66.2-12.9-.3-.7-.5-1.4-.8-2.1-4.9-14.6-2.8-30.6 5.8-43.3l.4-.5zm40.1-175.9c9.9 0 18.7 3.9 24.8 10.9 6.1 7.1 8.6 16.4 7.1 26.2-3.5 19.8-20.4 34.3-40.5 34.8h-.1c-9.9 0-18.7-3.9-24.8-10.9-6.1-7.1-8.6-16.4-7.1-26.2 3.5-19.8 20.5-34.3 40.6-34.8zm-89.2-47.1c4.8-8.5 12.5-15 21.6-18.3 9.4-3.3 19-2.5 27 2.1 16.3 9.4 20.9 31.9 10.3 50.2-7.4 12.9-20.5 20.3-33.2 20.3-5.4 0-10.8-1.4-15.5-4.1-16.1-9.3-20.8-31.8-10.2-50.2zm-109 6.9c1.8-9.8 7.3-17.7 15.4-22.4s17.7-5.4 27-2.1c18.8 7.1 30 26.4 26.7 46.2-1.8 9.8-7.3 17.7-15.4 22.4-4.7 2.7-10.1 4.2-15.5 4.1-3.9 0-7.8-.7-11.5-2-18.8-7-30-26.4-26.7-46.2zM78.4 213.8c-7.5-6.3-12.4-15-14-24.6-1.5-9.8 1-19.1 7.1-26.2 12.2-14.2 35.2-14.6 51.3-.8s19.1 36.6 6.9 50.8c-6.2 7.3-15.3 10.9-24.8 10.9-9.7 0-19.1-3.6-26.5-10.1zm164.3 98.3c-12.9.1-25.3-4.8-34.7-13.5a51.41 51.41 0 0 1-34.7 13.5c-28.4 0-51.4-23-51.4-51.4 0-22.8 15-42.8 36.8-49.3 8-27.2 36.6-42.8 63.9-34.7 16.7 4.9 29.8 18 34.7 34.7 27.2 8 42.8 36.6 34.7 63.9a51.33 51.33 0 0 1-49.3 36.8z'/%3E%3Cpath class='st0' d='M410.3 334.6l-.3-.5c-3.7-5.6-9.5-9.6-16.1-11.2-9-2.1-18.5.6-25 7.1l-11.8 11.8c-3.1 3.1-8.2 3.1-11.3 0L334 330c-10.4-10.4-27.3-10.4-37.8 0-1.2 1.2-2.4 2.6-3.3 4.1l-.3.5a33.3 33.3 0 0 0-1.5 34.8c.9.9 1.5 1.9 1.9 3 2.4 3.5 5.5 6.5 9 8.9l49.5 33 49.5-33c6.2-4.2 10.9-10.3 13.3-17.4 3.3-9.8 1.8-20.7-4-29.3z'/%3E%3C/g%3E%3C/svg%3E");
}
.admin-nav__link.is-active.admin-nav__link--petsbest {
background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='900.285' height='764.18' viewBox='-0.031 317.929 900.285 764.18' fill='%23fff' stroke='transparent'%3E%3Cpath d='M727.723 560.562a189.992 189.992 0 0 1-21.699-1.237 196.29 196.29 0 0 1-116.09-59.076c-16.5 22.277-33.828 41.255-44.143 57.179-25.99 39.935-211.385 222.524-248.761 270.215-41.914 52.889-75.66 129.209-83.746 161.14-13.449 52.97-47.195 54.785-94.802 53.713-92.574-2.063-82.508-48.598-79.538-59.406 5.446-22.276 11.221-18.729 11.964-18.151-1.485-1.237-25.578-19.885-41.254 14.108-31.931 70.132 14.521 103.713 147.855 103.054 38.696 0 98.432-21.617 107.261-33.004 8.828-11.387 17.079-19.06 19.06 7.014.493 14.479 12.495 25.894 26.98 25.66 9.487-.412 16.996-3.219 40.429-7.014l-.412-2.229a170.055 170.055 0 0 1-2.641-70.957c6.271-41.914 32.014-102.476 66.007-130.94 17.079-14.272 41.667-21.699 62.045-29.208 20.381-7.508 50.826 3.878 57.18-23.515 5.939-25.33-5.939-52.888 4.785-76.897a108.032 108.032 0 0 0 11.221-33.664c1.65-11.221 11.881-24.257 17.244-33.498 7.426-10.147 7.178 36.553 21.453 45.216 14.934-1.897 40.346 8.251 47.854 19.06 3.053 4.538 3.053 10.809 6.85 15.264 3.795 4.455 12.871 5.693 14.934 9.158 5.857 9.653-1.072 22.03-8.252 31.105-7.178 9.075-17.242 11.057-28.135 11.964a51.078 51.078 0 0 0 0 49.505c11.303 22.195 16.502 38.449 6.684 60.065a187.628 187.628 0 0 0-17.492 95.133v8.251a326.778 326.778 0 0 0 6.271 36.964c0 .66 2.145 2.228 14.604 7.178 12.459 4.951 73.268.99 90.76-5.527 7.756-2.806.742-14.19-7.096-21.286-7.838-7.097-33.994-7.18-37.953-12.707a154.951 154.951 0 0 1-11.883-40.265c-2.311-13.448 4.787-75.825 5.527-93.233.742-17.409 19.803-39.521 29.291-54.455 9.488-14.936 54.043-80.033 60.645-91.667a145.63 145.63 0 0 0 20.545-59.241c3.053-19.72-2.559-92.409-7.592-129.62a189.698 189.698 0 0 1-45.96 5.851z'/%3E%3Cpath d='M899.34 371.782c-3.879-6.353-73.434-9.488-86.139-9.488-12.707 0-22.113-33.994-46.535-34.736l-12.871-.742a4.98 4.98 0 0 1-1.072-.66c-12.129-9.076-18.398-10.066-36.717-5.776a83.827 83.827 0 0 0-26.318 9.984l-11.057 1.896c-14.688-1.896-33.664-3.96-42.988 4.208-11.055 9.653-13.777 15.347-15.924 33.498-1.979 16.503-2.227 33.829 7.428 41.255a147.366 147.366 0 0 1-23.186 68.316 173.273 173.273 0 0 0 104.949 55.528 162.763 162.763 0 0 0 60.396-4.291 133.47 133.47 0 0 1 .824-26.65c3.945-.49 7.938-.49 11.883 0 5.527.743 10.313-3.96 14.191-7.096 3.877-3.136 11.881-7.509 28.877-5.857a62.964 62.964 0 0 0 37.129-4.786 18.646 18.646 0 0 0 8.25-13.447 56.873 56.873 0 0 0 19.803 6.353c5.527-.824-4.785-16.501-18.15-26.897-13.367-10.396-52.973-7.838-52.973-7.838a80.69 80.69 0 0 1 14.191-7.096 157.31 157.31 0 0 0 29.291-4.786 284.516 284.516 0 0 0 32.344-26.071c2.393-2.394 0-18.152 0-18.152s7.921-10.398 4.374-16.669z'/%3E%3C/svg%3E");
}
.admin-nav__link.is-active.admin-nav__link--users {
background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg width='32' height='32' viewBox='0 0 32 32' xmlns='http://www.w3.org/2000/svg' fill='%23fff' stroke='transparent'%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M16 13.5a4 4 0 1 0 0 8 4 4 0 0 0 0-8zm-6 4a6 6 0 1 1 12 0 6 6 0 0 1-12 0zM27.408 16.184a6.474 6.474 0 0 0-2.906-.684 1 1 0 1 1-.004-2 8.475 8.475 0 0 1 6.803 3.401 1 1 0 0 1-1.602 1.198 6.475 6.475 0 0 0-2.29-1.915zM7.498 15.5a6.475 6.475 0 0 0-5.197 2.599A1 1 0 0 1 .699 16.9 8.476 8.476 0 0 1 7.502 13.5a1 1 0 1 1-.004 2z'/%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M16 23.503a7.013 7.013 0 0 0-6.301 3.936A1 1 0 0 1 7.9 26.56a9.012 9.012 0 0 1 16.198 0 1 1 0 1 1-1.798.878A7.012 7.012 0 0 0 16 23.503zM8.241 7.594a3 3 0 1 0-.742 5.906 1 1 0 1 1 .002 2 5 5 0 1 1 4.906-5.938 1 1 0 1 1-1.964.376A3 3 0 0 0 8.24 7.594zM25.432 7.647a3 3 0 0 0-3.875 2.29 1 1 0 0 1-1.964-.374 5 5 0 1 1 4.906 5.937 1 1 0 0 1 .002-2 3 3 0 0 0 .931-5.853z'/%3E%3C/svg%3E");
}
.admin-nav__link.is-active.admin-nav__link--myaccount {
background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg width='32' height='32' viewBox='0 0 32 32' xmlns='http://www.w3.org/2000/svg' fill='%23fff' stroke='transparent'%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M16 5a7 7 0 1 0 0 14 7 7 0 0 0 0-14zm-9 7a9 9 0 1 1 18 0 9 9 0 0 1-18 0z'/%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M16 20.999a13 13 0 0 0-11.259 6.5 1 1 0 1 1-1.732-.999 15 15 0 0 1 25.982 0 1 1 0 1 1-1.732 1 13 13 0 0 0-11.26-6.501z'/%3E%3C/svg%3E");
}
.admin-nav__link.is-active.admin-nav__link--renew {
background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg width='36' height='33' viewBox='0 0 36 33' xmlns='http://www.w3.org/2000/svg' fill='%23fff' stroke='transparent'%3E%3Cpath d='M36 3.379v8.252c0 .365-.146.715-.405.973s-.61.402-.977.402h-8.292a1.386 1.386 0 0 1-1.272-.843 1.37 1.37 0 0 1 .288-1.495l3.178-3.163-.743-.74A13.888 13.888 0 0 0 18 2.747c-3.665 0-7.18 1.445-9.777 4.02a1.365 1.365 0 0 1-1.506.302 1.365 1.365 0 0 1-.446-.302 1.372 1.372 0 0 1 0-1.943A16.659 16.659 0 0 1 18 0c4.397 0 8.615 1.734 11.73 4.823l.742.74 3.161-3.147a1.384 1.384 0 0 1 1.503-.31A1.415 1.415 0 0 1 36 3.38zm-8.223 22.848A13.888 13.888 0 0 1 18 30.247c-3.665 0-7.18-1.445-9.777-4.02l-.743-.739 3.178-3.163a1.373 1.373 0 0 0-.984-2.338H1.382c-.367 0-.718.144-.977.402-.26.258-.405.608-.405.973v8.252a1.405 1.405 0 0 0 .864 1.272 1.389 1.389 0 0 0 1.053-.002c.17-.07.322-.175.45-.307l3.16-3.146.744.739A16.641 16.641 0 0 0 18 33c4.398 0 8.617-1.737 11.73-4.83a1.372 1.372 0 0 0 0-1.943 1.366 1.366 0 0 0-1.953 0z'/%3E%3C/svg%3E");
}
.admin-nav__link.is-active.admin-nav__link--petassure {
background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='891.154' height='891.154' viewBox='5.528 261.057 891.154 891.154' fill='%23fff' stroke='transparent'%3E%3Cpath d='M302.948 261.057h296.314v163.636c-17.69 15.479-30.958 35.381-45.331 54.178l-29.854 36.486c-6.634 8.845-18.796 13.268-24.324 23.219-7.739 14.373-7.739 30.958-4.422 46.438 2.211 13.268 8.845 26.535 11.057 39.803 2.211 18.796 1.105 39.804-9.951 56.389-21.008 32.063-37.593 65.233-55.283 98.402-3.316 7.74-7.739 18.797 0 25.431 25.431 19.901 57.494 28.747 89.559 35.381 32.063 7.739 66.339-3.317 92.874-21.008 16.585-9.951 29.853-25.43 43.121-38.697 32.063-32.064 64.127-65.233 96.191-97.298 9.95-9.951 18.796-21.007 29.853-29.853 12.162-9.951 26.535-17.69 39.803-25.43 9.951-5.528 18.797-9.951 29.853-12.162 11.057-1.105 22.113 0 34.275 0v238.82h-297.42v297.42H419.042c0-7.739 1.105-15.479 2.211-23.218 2.211-16.585 1.105-32.064 1.105-48.649 0-13.268-1.105-26.535-7.739-37.592-7.74-14.374-7.74-30.958-8.846-47.543 0-14.374-11.057-23.219-18.796-34.275-8.845-12.162-16.585-25.43-23.219-38.698-7.739-13.268-17.69-24.324-26.535-37.592-8.846-13.268-22.113-24.324-35.381-33.169-13.268-7.74-18.796-28.747-7.74-39.804 6.634-6.634 17.69-7.739 27.641-7.739 19.901 1.105 39.804 0 58.6-2.212 9.951-1.105 17.69-8.845 24.324-15.479 9.951-11.057 18.796-23.219 24.324-36.487-8.845-13.268-22.113-24.324-34.275-35.381-4.422-3.316-8.845-7.739-8.845-13.268 0-11.057 1.105-23.219-6.634-32.063-5.528-9.951-19.901-16.585-18.796-29.853 3.316-12.162 8.845-22.113 12.162-34.275-15.479 6.634-29.853 16.585-45.332 23.219-9.951 1.105-21.007-1.105-30.958-2.212-6.634-1.105-14.374 0-19.902-5.528 1.105-9.95 4.423-19.901 4.423-29.853-17.69 6.635-33.17 15.479-48.649 25.431-17.69 12.162-36.486 25.43-48.648 43.12-6.634 8.846-6.634 18.796-8.845 27.642-2.211 12.162-7.74 23.219-14.374 33.169-13.268 19.902-24.324 42.015-34.275 65.233-3.317 7.74-5.528 16.585-7.74 25.431-4.423 15.479-9.951 30.958-16.585 46.438H19.9c-5.528-26.536-6.634-55.283 2.211-81.818 5.528-17.69 17.69-34.275 33.17-44.227 6.634-4.423 15.479-5.528 21.007-1.105 8.845 4.423 8.845 17.69 3.317 26.536-5.528 11.056-17.69 15.479-27.641 21.007 11.056 4.423 23.218 7.739 35.381 3.317 13.268-5.528 21.007-19.902 24.324-33.17 3.317-27.642-25.43-51.966-51.966-47.543-24.324 3.317-42.015 23.219-54.177 42.015V559.582h297.419c.003-100.614.003-199.017.003-298.525z'/%3E%3C/svg%3E");
}
.admin-nav__link.is-active.admin-nav__link--petplus {
background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 900.1 800' fill='%23fff' stroke='transparent'%3E%3Cpath d='M239.6 244.8c-9.4 0-16 0-21.6.9l-17.9 135.5c4.7.9 8.5.9 9.4.9 53.6 0 86.6-44.2 84.7-90.3-1.9-25.4-17.9-47-54.6-47zm-34.8 264.3c-4.7 0-14.1 0-24.5-.9l-22.6 170.3H8.2l76.2-553.2c50.8-2.8 105.4-3.8 171.2-3.8 107.3 0 188.2 47 193.8 152.4 5.7 125.2-93.1 235.2-244.6 235.2zM681.1 244.8c-9.4 0-16 0-21.6.9l-17.9 135.5c4.7.9 8.5.9 9.4.9 53.6 0 86.6-44.2 84.7-90.3-1.9-25.4-17.9-47-54.6-47zm-34.8 264.3c-4.7 0-14.1 0-24.5-.9l-22.6 170.3H449.7l76.2-553.2c50.8-2.8 105.4-3.8 171.2-3.8 107.3 0 188.2 47 193.8 152.4 5.6 125.2-93.1 235.2-244.6 235.2z'/%3E%3C/svg%3E");
}
.admin-nav__link.is-active.admin-nav__link--petsbest {
background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='900.285' height='764.18' viewBox='-0.031 317.929 900.285 764.18' fill='%23fff' stroke='transparent'%3E%3Cpath d='M727.723 560.562a189.992 189.992 0 0 1-21.699-1.237 196.29 196.29 0 0 1-116.09-59.076c-16.5 22.277-33.828 41.255-44.143 57.179-25.99 39.935-211.385 222.524-248.761 270.215-41.914 52.889-75.66 129.209-83.746 161.14-13.449 52.97-47.195 54.785-94.802 53.713-92.574-2.063-82.508-48.598-79.538-59.406 5.446-22.276 11.221-18.729 11.964-18.151-1.485-1.237-25.578-19.885-41.254 14.108-31.931 70.132 14.521 103.713 147.855 103.054 38.696 0 98.432-21.617 107.261-33.004 8.828-11.387 17.079-19.06 19.06 7.014.493 14.479 12.495 25.894 26.98 25.66 9.487-.412 16.996-3.219 40.429-7.014l-.412-2.229a170.055 170.055 0 0 1-2.641-70.957c6.271-41.914 32.014-102.476 66.007-130.94 17.079-14.272 41.667-21.699 62.045-29.208 20.381-7.508 50.826 3.878 57.18-23.515 5.939-25.33-5.939-52.888 4.785-76.897a108.032 108.032 0 0 0 11.221-33.664c1.65-11.221 11.881-24.257 17.244-33.498 7.426-10.147 7.178 36.553 21.453 45.216 14.934-1.897 40.346 8.251 47.854 19.06 3.053 4.538 3.053 10.809 6.85 15.264 3.795 4.455 12.871 5.693 14.934 9.158 5.857 9.653-1.072 22.03-8.252 31.105-7.178 9.075-17.242 11.057-28.135 11.964a51.078 51.078 0 0 0 0 49.505c11.303 22.195 16.502 38.449 6.684 60.065a187.628 187.628 0 0 0-17.492 95.133v8.251a326.778 326.778 0 0 0 6.271 36.964c0 .66 2.145 2.228 14.604 7.178 12.459 4.951 73.268.99 90.76-5.527 7.756-2.806.742-14.19-7.096-21.286-7.838-7.097-33.994-7.18-37.953-12.707a154.951 154.951 0 0 1-11.883-40.265c-2.311-13.448 4.787-75.825 5.527-93.233.742-17.409 19.803-39.521 29.291-54.455 9.488-14.936 54.043-80.033 60.645-91.667a145.63 145.63 0 0 0 20.545-59.241c3.053-19.72-2.559-92.409-7.592-129.62a189.698 189.698 0 0 1-45.96 5.851z'/%3E%3Cpath d='M899.34 371.782c-3.879-6.353-73.434-9.488-86.139-9.488-12.707 0-22.113-33.994-46.535-34.736l-12.871-.742a4.98 4.98 0 0 1-1.072-.66c-12.129-9.076-18.398-10.066-36.717-5.776a83.827 83.827 0 0 0-26.318 9.984l-11.057 1.896c-14.688-1.896-33.664-3.96-42.988 4.208-11.055 9.653-13.777 15.347-15.924 33.498-1.979 16.503-2.227 33.829 7.428 41.255a147.366 147.366 0 0 1-23.186 68.316 173.273 173.273 0 0 0 104.949 55.528 162.763 162.763 0 0 0 60.396-4.291 133.47 133.47 0 0 1 .824-26.65c3.945-.49 7.938-.49 11.883 0 5.527.743 10.313-3.96 14.191-7.096 3.877-3.136 11.881-7.509 28.877-5.857a62.964 62.964 0 0 0 37.129-4.786 18.646 18.646 0 0 0 8.25-13.447 56.873 56.873 0 0 0 19.803 6.353c5.527-.824-4.785-16.501-18.15-26.897-13.367-10.396-52.973-7.838-52.973-7.838a80.69 80.69 0 0 1 14.191-7.096 157.31 157.31 0 0 0 29.291-4.786 284.516 284.516 0 0 0 32.344-26.071c2.393-2.394 0-18.152 0-18.152s7.921-10.398 4.374-16.669z'/%3E%3C/svg%3E");
}
.admin-nav__link.is-active.admin-nav__link--thepettag {
background-image: url("data:image/svg+xml,%3Csvg width='32' height='32' viewBox='0 0 32 32' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M14.2179 11H9.7821C9.07628 11 8.5 11.5736 8.5 12.2821V16.7179C8.5 17.4237 9.07364 18 9.7821 18H14.2179C14.9237 18 15.5 17.4264 15.5 16.7179V12.2821C15.5 11.5763 14.9264 11 14.2179 11ZM13.7262 12.7738V16.2262H10.2738V12.7738H13.7262Z' fill='%23FDFDFD'/%3E%3Cpath d='M16.5 12.2821V16.7179C16.5 17.4237 17.0736 18 17.7821 18H22.2179C22.9237 18 23.5 17.4264 23.5 16.7179V12.2821C23.5 11.5763 22.9264 11 22.2179 11H17.7821C17.0763 11 16.5 11.5736 16.5 12.2821ZM18.2738 16.2262V12.7738H21.7262V16.2262H18.2738Z' fill='%23FDFDFD'/%3E%3Cpath d='M14.2179 19H9.7821C9.07628 19 8.5 19.5736 8.5 20.2821V24.7179C8.5 25.4237 9.07364 26 9.7821 26H14.2179C14.9237 26 15.5 25.4264 15.5 24.7179V20.2821C15.5 19.5763 14.9264 19 14.2179 19ZM13.7262 20.7738V24.2262H10.2738V20.7738H13.7262Z' fill='%23FDFDFD'/%3E%3Cpath d='M22.2179 19H17.7821C17.0763 19 16.5 19.5736 16.5 20.2821V24.7179C16.5 25.4237 17.0736 26 17.7821 26H22.2179C22.9237 26 23.5 25.4264 23.5 24.7179V20.2821C23.5 19.5763 22.9264 19 22.2179 19ZM21.7262 20.7738V24.2262H18.2738V20.7738H21.7262Z' fill='%23FDFDFD'/%3E%3Cpath d='M12.7721 14.9177C12.9797 14.5321 12.8355 14.0513 12.4499 13.8437C12.0643 13.6361 11.5835 13.7803 11.3759 14.1659C11.1683 14.5515 11.3126 15.0323 11.6981 15.2399C12.0837 15.4475 12.5645 15.3032 12.7721 14.9177Z' fill='%23FDFDFD'/%3E%3Cpath d='M20.7721 22.9177C20.9797 22.5321 20.8355 22.0513 20.4499 21.8437C20.0643 21.6361 19.5835 21.7803 19.3759 22.1659C19.1683 22.5515 19.3126 23.0323 19.6981 23.2399C20.0837 23.4475 20.5645 23.3032 20.7721 22.9177Z' fill='%23FDFDFD'/%3E%3Cpath d='M16.0027 32C14.1118 32 12.2801 31.6289 10.5533 30.9C8.88569 30.1954 7.38751 29.1868 6.10183 27.9013C4.81614 26.6157 3.80749 25.1177 3.10279 23.4502C2.37118 21.7236 2 19.8893 2 17.9987C2 16.108 2.37118 14.2764 3.1001 12.5498C3.8048 10.8823 4.81345 9.3843 6.09914 8.09874C7.38482 6.81318 8.883 5.80463 10.5506 5.09999C12.2774 4.36846 14.1118 4 16 4C17.8882 4 19.7226 4.37115 21.4494 5.09999C23.117 5.80463 24.6152 6.81318 25.9009 8.09874C27.1866 9.3843 28.1952 10.8823 28.8999 12.5498C29.6315 14.2764 30 16.1107 30 17.9987C30 19.8867 29.6288 21.7209 28.8999 23.4475C28.1952 25.115 27.1866 26.613 25.9009 27.8986C24.6152 29.1841 23.117 30.1927 21.4494 30.8973C19.7226 31.6289 17.8882 31.9973 16 31.9973L16.0027 32ZM16.0027 6.05475C14.3889 6.05475 12.8234 6.36942 11.3522 6.99337C9.9293 7.59581 8.65168 8.45644 7.55427 9.55374C6.45687 10.651 5.59616 11.9285 4.99366 13.3513C4.36964 14.8224 4.05495 16.3877 4.05495 18.0013C4.05495 19.615 4.36964 21.1803 4.99366 22.6514C5.59616 24.0742 6.45687 25.3516 7.55427 26.4489C8.65168 27.5462 9.9293 28.4069 11.3522 29.0093C12.8234 29.6333 14.3889 29.9479 16.0027 29.9479C17.6165 29.9479 19.1819 29.6333 20.6532 29.0093C22.0761 28.4069 23.3537 27.5462 24.4511 26.4489C25.5485 25.3516 26.4092 24.0742 27.0117 22.6514C27.6357 21.1803 27.9504 19.615 27.9504 18.0013C27.9504 16.3877 27.6357 14.8224 27.0117 13.3513C26.4092 11.9285 25.5485 10.651 24.4511 9.55374C23.3537 8.45644 22.0761 7.59581 20.6532 6.99337C19.1819 6.36942 17.6165 6.05475 16.0027 6.05475Z' fill='%23FDFDFD'/%3E%3Cpath d='M18.5857 1.84756C17.9323 0.827738 16.99 0.241699 16 0.241699C15.01 0.241699 14.0677 0.827738 13.4143 1.84756C12.8253 2.76684 12.5 3.97339 12.5 5.24314C12.5 6.51289 12.5 5.3523 12.5 5.40688C12.6178 5.39539 12.7384 5.38103 12.8562 5.36379C13.0946 5.33219 13.3329 5.29484 13.5741 5.2575C13.7929 5.22303 14.0144 5.18855 14.2332 5.15695C14.2612 3.29829 15.1755 2.01131 16 2.01131C16.8245 2.01131 17.7668 3.33851 17.7668 5.24026C17.7668 7.14202 16.8357 8.46922 16 8.46922C15.1643 8.46922 15.9383 8.46922 15.9075 8.46347C15.9327 8.68755 15.9551 8.91162 15.972 9.1357C16 9.50341 16.0196 9.87399 16.0337 10.2417C17.0124 10.2273 17.9407 9.64417 18.5857 8.63584C19.1747 7.71656 19.5 6.51001 19.5 5.24026C19.5 3.97051 19.1747 2.76396 18.5857 1.84469V1.84756Z' fill='%23FDFDFD'/%3E%3Cpath d='M15.75 10.7417C16.4404 10.7417 17 10.1821 17 9.4917C17 8.80134 16.4404 8.2417 15.75 8.2417C15.0596 8.2417 14.5 8.80134 14.5 9.4917C14.5 10.1821 15.0596 10.7417 15.75 10.7417Z' fill='%23FDFDFD'/%3E%3C/svg%3E%0A");
}
.admin-nav__link.is-active.admin-nav__link--wishbone {
background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg width='32' height='32' viewBox='0 0 32 32' xmlns='http://www.w3.org/2000/svg' fill='%23fff' stroke='transparent'%3E%3Cpath d='M8.95 19.027c.465-1.278.953-2.533 1.395-3.811.185-.558-.117-1-.767-1.325-.651-.326-.605-.302-.442-1.07h4.858c.186 0 .488.117.488.21.023.232 0 .58-.163.72-.93.837-.93.837-.442 1.93.535 1.278 1.093 2.533 1.674 3.927.162-.279.255-.465.348-.674 1.116-2.487 2.325-4.95 3.975-7.135.883-1.162 1.86-2.231 3.114-2.998 1.116-.674 2.301-.976 3.603-.697 1.836.395 2.603 2.277 1.464 3.556-.279.302-.697.488-1.069.743-.07-.116-.116-.209-.186-.325-.511-1.534-1.86-2.162-3.37-1.604-1.046.372-1.79 1.14-2.464 1.976-1.464 1.766-2.487 3.788-3.416 5.857a95.7 95.7 0 0 0-1.767 4.23c-.162.395-.348.558-.767.511a1.56 1.56 0 0 0-.465 0c-.441.07-.65-.14-.813-.534-.697-1.65-1.441-3.3-2.185-4.95-.07-.164-.163-.303-.279-.582-.116.279-.209.465-.279.65-.604 1.628-1.231 3.255-1.836 4.882-.14.395-.325.58-.744.511-.418-.07-.883.163-1.115-.488-.814-2.37-1.767-4.718-2.673-7.089-.302-.79-.767-1.395-1.58-1.65a.465.465 0 0 1-.372-.535c0-.046.023-.093.046-.116a.639.639 0 0 1 .511-.279c1.488-.023 2.975-.023 4.463 0 .163 0 .465.163.465.233 0 .232-.047.58-.21.697-.883.697-.952.906-.51 1.952a141.68 141.68 0 0 1 1.347 3.324l.163-.047zm20.383.72c-.371.559-.162 1.233-.023 1.93.116.628-.418 1.232-1.022 1.371a1.346 1.346 0 0 1-1.627-.697 2.131 2.131 0 0 1-.21-.535c-.046-.395-.279-.488-.65-.464-.581.023-1.162.023-1.744 0-.418-.024-.604.116-.72.534-.349 1.255-1.627 1.65-2.44.79-.442-.464-.512-1.046-.256-1.673.07-.21.07-.442 0-.65-.349-.791-.07-1.651.65-1.977.79-.348 1.72-.046 1.93.814.186.79.627.883 1.278.813.163-.023.302-.023.465 0 .79.047 1.487.117 1.697-.976.116-.65.86-.883 1.51-.743.651.139 1.14.65 1.162 1.464z'/%3E%3C/svg%3E");
}
.admin-nav__link.is-active.admin-nav__link--totalpetprogram {
background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg width='32' height='32' viewBox='0 0 32 32' xmlns='http://www.w3.org/2000/svg' fill='%23fff' stroke='transparent'%3E%3Cpath d='M20.034 19.875c0 .463-.147.825-.434 1.06-.607.501-1.66.306-2.588.133-.4-.072-.771-.14-1.041-.14-.31 0-.71.073-1.137.151-.484.09-.979.179-1.423.179-.422 0-.794-.078-1.075-.312-.287-.24-.434-.597-.434-1.066 0-.975.434-2.08 1.165-2.95.816-.975 1.846-1.51 2.893-1.51 1.046 0 2.087.535 2.892 1.51.748.87 1.182 1.975 1.182 2.945zm-.659-6.759c0 .552-.152 1.076-.427 1.478-.299.435-.726.686-1.17.686-.445 0-.873-.251-1.171-.686-.276-.402-.428-.926-.428-1.478 0-.552.152-1.076.428-1.478.298-.435.726-.685 1.17-.685.445 0 .872.25 1.17.685.27.396.428.92.428 1.478zm-5.216 2.158c.444 0 .872-.25 1.17-.686.276-.401.428-.925.428-1.477 0-.553-.152-1.077-.428-1.478-.298-.435-.726-.686-1.17-.686-.445 0-.872.25-1.17.686-.276.401-.428.926-.428 1.478 0 .552.152 1.076.428 1.477.298.44.725.686 1.17.686zm7.856.257c0 .223-.04.457-.119.686-.174.49-.506.875-.911 1.06a1.223 1.223 0 0 1-.512.116c-.13 0-.26-.022-.377-.067-.35-.128-.602-.423-.726-.825-.113-.362-.09-.786.045-1.188.174-.49.506-.875.906-1.06a1.15 1.15 0 0 1 .889-.05c.349.129.602.424.726.826.056.162.079.329.079.502zm-9.454.97c.112-.362.09-.786-.045-1.188-.175-.49-.507-.875-.912-1.06a1.15 1.15 0 0 0-.889-.05c-.349.129-.602.424-.726.826-.112.362-.09.786.045 1.188.175.49.507.875.912 1.06.169.077.343.116.512.116.13 0 .259-.022.377-.067.343-.128.602-.418.726-.825z'/%3E%3Cpath d='M16.607 14.588c-.276-.401-.428-.925-.428-1.477 0-.553.152-1.077.428-1.478.298-.435.726-.686 1.17-.686.445 0 .872.25 1.17.686.276.401.428.925.428 1.478 0 .552-.152 1.076-.427 1.477-.299.435-.726.686-1.17.686-.445 0-.867-.245-1.171-.686zm2.256 2.331c.732.876 1.165 1.98 1.165 2.95 0 .463-.146.826-.433 1.06-.608.502-1.66.306-2.589.134-.4-.073-.77-.14-1.04-.14v-5.52c1.057.01 2.087.546 2.897 1.516zm3.152-1.388c0 .223-.04.457-.119.686-.174.49-.506.875-.911 1.06a1.223 1.223 0 0 1-.512.116c-.13 0-.26-.022-.377-.067-.35-.128-.602-.424-.726-.825-.113-.363-.09-.786.045-1.188.174-.49.506-.875.906-1.06a1.15 1.15 0 0 1 .889-.05c.349.129.602.424.726.826.056.162.079.329.079.502zm3.764 9.374c3.765-3.92 4.969-10.512 1.62-15.748l-.202 3.552-2.92-.72c1.772 3.664.85 7.59-1.514 10.178l3.016 2.738zm-.743.753c-1.525 1.422-3.798 2.749-5.993 3.262-.315-1.054-.793-2.961-1.074-3.987 1.631-.435 2.903-1.026 4.192-2.18l2.875 2.905zm-7.067 3.496c-2.364.413-4.829.1-7.074-.814l1.733-3.73c1.475.563 2.87.685 4.39.507l.95 4.037zm-6.157-4.902c-.917-.446-2.188-1.243-3.37-2.938-.94.663-2.504 1.728-3.331 2.32 1.457 2.152 2.97 3.35 4.822 4.265l1.88-3.647zm-7.27-1.522c-1.165-2.013-1.587-3.826-1.806-5.738l4.113-.28c.023.888.422 2.544 1.143 3.882l-3.45 2.136zm2.285-6.787c.045-1.695.135-2.386.996-4.188-3.635-1.667-.535-.24-3.782-1.734-1.03 2.125-1.35 3.993-1.35 6.067l4.136-.145z'/%3E%3Cpath d='M26.347 11.543l-5.734-1.433 1.35-.987C17.958 5.415 11.11 6.586 8.206 10.997c-3.494-1.612-.607-.273-3.753-1.734 4.3-7.746 14.659-8.75 20.877-2.588l1.356-.987-.338 5.855z'/%3E%3C/svg%3E");
}
.admin-nav__link.is-active.admin-nav__link--help {
background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg width='32' height='32' viewBox='0 0 32 32' xmlns='http://www.w3.org/2000/svg' fill='%23fff' stroke='transparent'%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M16 5C9.925 5 5 9.925 5 16s4.925 11 11 11 11-4.925 11-11S22.075 5 16 5zM3 16C3 8.82 8.82 3 16 3s13 5.82 13 13-5.82 13-13 13S3 23.18 3 16z'/%3E%3Cpath d='M16 24a1.5 1.5 0 1 0 0-3 1.5 1.5 0 0 0 0 3z'/%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M14.278 9.343A4.5 4.5 0 1 1 17 17.887V18a1 1 0 1 1-2 0v-1a1 1 0 0 1 1-1 2.5 2.5 0 1 0-2.5-2.5 1 1 0 1 1-2 0 4.5 4.5 0 0 1 2.778-4.157z'/%3E%3C/svg%3E");
}
/*------------------------------------*\
# components.logo
\*------------------------------------*/
.admin-logo--header {
width: auto;
height: 40px;
}
.admin-logo--header__wrapper {
margin: 0;
text-align: center;
}
/*------------------------------------*\
# components.page
\*------------------------------------*/
.page__title {
font-size: 31px;
line-height: 42px;
}
.page__title__wrapper {
padding: 28px 24px;
background-color: #F3F4F9;
/* Used for title bar which contains elements stacked one below other */
/* &--stack {
justify-content: space-between;
flex-direction: column;
gap: calc($unita * 2);
} */
}
@media (min-width: 62em) {
.page__title__wrapper{
padding: 28px 36px;
}
}
/* Used for the home page title bar which contains icon */
.page__title__wrapper--home {
display: -ms-flexbox;
display: flex;
-ms-flex-pack: start;
justify-content: flex-start;
-ms-flex-align: center;
align-items: center;
gap: 16px;
}
.page__subtitle {
margin-top: 4px;
letter-spacing: 0.11em;
text-transform: uppercase;
color: #694374;
}
.page__logo {
height: 48px;
}
.page__logo--sml {
height: 24px;
}
.page__logo--med {
height: 35px;
}
.page__text {
margin-top: 12px;
@media(min-width: 540px) {
margin-top: 8px;
}
}
.page__text a {
color: #5594F3;
text-decoration: underline;
white-space: nowrap;
}
.page__text a:hover {
color: #4476c2;
}
/*------------------------------------*\
# components.alert
\*------------------------------------*/
.admin-alert {
display: -ms-flexbox;
display: flex;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
gap: 32px;
margin-bottom: 32px;
}
@media (max-width: 47.9375em) {
.admin-alert{
-ms-flex-direction: column;
flex-direction: column;
gap: 16px;
}
}
.admin-alert__item {
padding: 16px;
color: #ffffff;
border-radius: 16px;
background-color: #694374;
transition: all 0.25s ease-in-out;
}
.admin-alert__item__header {
display: -ms-flexbox;
display: flex;
-ms-flex-pack: justify;
justify-content: space-between;
-ms-flex-align: center;
align-items: center;
gap: 8px;
margin-bottom: 4px;
font-size: 13px;
line-height: 18px;
}
.admin-alert__item__body {
display: -ms-flexbox;
display: flex;
-ms-flex-pack: justify;
justify-content: space-between;
-ms-flex-align: center;
align-items: center;
gap: 8px;
}
.admin-alert__btn__close,
.admin-alert__btn__link {
display: -ms-inline-flexbox;
display: inline-flex;
padding: 0;
border: 0;
background-color: transparent;
}
.admin-alert__btn__close:focus-visible, .admin-alert__btn__link:focus-visible {
outline-offset: 3px;
outline: 2px dotted #ffffff;
border-radius: 2px;
}
/*------------------------------------*\
# components.card
\*------------------------------------*/
.plan__card__title {
font-family: Manrope;
font-weight: 700;
line-height: 24px;
}
.plan__card__desc {
font-family: Manrope;
font-weight: 700;
font-size: 13px;
line-height: 24px;
}
.admin-card--primary {
position: relative;
padding: 12px;
background-color: #F3F4F9;
border-radius: 16px;
}
.admin-card--primary--how {
display: flex;
flex-direction: column;
gap: 16px;
padding: 48px 24px;
margin-bottom: 20px;
background-color: #F3F4F9;
border-radius: 16px;
@media (min-width: 48em) {
flex-direction: row;
margin-bottom: 32px;
}
}
.admin-card--primary__wrapper {
display: flex;
flex-wrap: wrap;
gap: 24px;
}
.admin-card--primary__wrapper.no-wrap {
flex-wrap: nowrap;
@media (max-width: 47.9375em) {
flex-direction: column;
gap: 20px;
}
}
@media (max-width: 47.9375em) {
.admin-card--primary__wrapper {
justify-content: center;
}
}
.admin-card--primary__wrapper .admin-card--secondary__wrapper {
margin-bottom: 0 !important;
}
@media (min-width: 62em) {
.admin-card--primary {
padding: 48px 64px;
}
}
.admin-card--primary--details {
margin-bottom: 20px;
}
@media (min-width: 62em) {
.admin-card--primary--details {
margin-bottom: 28px;
}
}
.admin-card--primary.is-big {
position: relative;
padding: 48px 64px;
}
@media (max-width: 90em) {
.admin-card--primary.is-big {
padding: 32px 20px;
}
}
.admin-card--primary__header {
display: -ms-flexbox;
display: flex;
-ms-flex-pack: justify;
justify-content: space-between;
-ms-flex-align: end;
align-items: flex-end;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
margin-bottom: 24px;
padding-bottom: 24px;
border-bottom: 1px solid #000000;
}
@media (min-width: 48em) {
.admin-card--primary__header{
gap: 16px;
}
}
.admin-card--primary__header__title {
font-size: 31px;
line-height: 40px;
}
.admin-card--primary__header__text {
margin-top: 12px;
font-size: 13px;
line-height: 18px;
}
.admin-card--primary__header__text a {
color: #5594F3;
}
.admin-card--primary__header__text a:hover,
.admin-card--primary__header__text a:focus {
color: #4476c2;
}
/* Used when spacing between header and body elements needs to be larger */
.admin-card--primary__header--alt {
margin-bottom: 16px;
padding-bottom: 16px;
}
@media (min-width: 48em) {
.admin-card--primary__header--alt{
margin-bottom: 32px;
padding-bottom: 32px;
}
}
@media (max-width: 47.9375em) {
.admin-card--primary__header .admin-btn{
margin-top: 12px;
}
}
.admin-card--primary__header tooltip._left tip {
left: 12px;
top: -8px;
display: -ms-flexbox;
display: flex;
-ms-flex-align: center;
align-items: center;
gap: 8px;
min-width: auto;
padding: 16px;
white-space: nowrap;
-ms-transform: translateX(-100%) translateY(-50%);
transform: translateX(-100%) translateY(-50%);
}
.admin-card--primary__header tooltip._left tip::before {
content: "";
display: inline-block;
width: 28px;
height: 28px;
background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg width='28' height='28' viewBox='0 0 28 28' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M14 4.5a9.5 9.5 0 1 0 0 19 9.5 9.5 0 0 0 0-19zM2.5 14C2.5 7.649 7.649 2.5 14 2.5S25.5 7.649 25.5 14 20.351 25.5 14 25.5 2.5 20.351 2.5 14z'/%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M14 7.75a1 1 0 0 1 1 1v6.125a1 1 0 1 1-2 0V8.75a1 1 0 0 1 1-1z'/%3E%3Cpath d='M14 20.125a1.312 1.312 0 1 0 0-2.625 1.312 1.312 0 0 0 0 2.625z'/%3E%3C/svg%3E");
background-repeat: no-repeat;
background-position: center center;
background-size: contain;
}
.admin-card--primary__header tooltip tip-tip._small {
font-size: 16px !important;
line-height: 24px !important;
}
.admin-card--primary__header tooltip._left tip tip-arrow {
display: none;
}
.admin-card--primary__subtitle {
font-family: "Work Sans", -apple-system, BlinkMacSystemFont, "Segoe UI", "Roboto", "Oxygen", "Ubuntu", "Cantarell", "Fira Sans",
"Droid Sans", "Helvetica Neue", sans-serif, Helvetica, Arial, sans-serif !important;
font-size: 20px;
line-height: 30px;
font-weight: 600 !important;
text-align: center;
text-transform: uppercase;
letter-spacing: 0.09em;
color: #694374;
}
@media (max-width: 61.9375em) {
.admin-card--primary--enroll{
padding: 8px 8px !important;
}
}
.admin-card--primary--enroll__petsbest {
position: relative;
max-width: 831px;
width: 100%;
margin: 0 auto;
padding: 56px 12px 12px 12px;
background-color: #FFFFFF;
border-radius: 16px;
@media (min-width: 48em) {
padding: 64px 56px 56px 56px;
}
}
.admin-card--primary--enroll__petsbest .admin-modal__header {
display: none !important;
}
/* Used for plan boxes, registered pets, article cards */
.admin-card--secondary {
display: -ms-flexbox;
display: flex;
-ms-flex-direction: column;
flex-direction: column;
gap: 28px;
padding: 20px;
border-radius: 8px;
background-color: #ffffff;
}
@media (max-width: 61.9375em) {
.admin-card--secondary__wrapper:not(:last-child){
margin-bottom: 24px;
}
}
.admin-card--secondary--pet {
gap: 16px;
}
.admin-card--secondary__logo {
display: flex;
flex-direction: column;
justify-content: center;
text-align: center;
}
.admin-card--secondary__logo__image {
height: 52px;
}
.admin-card--secondary__logo__image--sml {
height: 24px;
margin-bottom: 12px;
}
.admin-card--secondary__image {
overflow: hidden;
border-radius: 8px;
}
.admin-card--secondary__image img {
width: 100%;
height: 100%;
object-fit: cover;
object-position: center;
}
.admin-card--secondary__section {
padding: 0 4px;
}
.admin-card--secondary__section__item:not(:last-child) {
margin-bottom: 4px;
}
.admin-card--secondary__section__item {
font-size: 16px;
line-height: 24px;
}
.admin-card--secondary__section__item.is-details:not(:last-child) {
margin-bottom: 24px;
}
.admin-card--secondary__section__item.is-details .admin-card--secondary__section__item__label{
margin-bottom: 12px;
}
.admin-card--secondary__section__item__label {
margin-bottom: 0px;
text-transform: uppercase;
letter-spacing: 0.11em;
color: #A1A1A1;
font-size: 13px;
line-height: 20px;
font-family: Quicksand;
}
.admin-card--secondary__section__item__label .is-tag {
font-weight: 600;
}
.admin-card--secondary__section__item__label .is-tag a {
color: #5594F3;
}
.admin-card--secondary__section__item__label .is-tag a:hover,
.admin-card--secondary__section__item__label .is-tag a:focus,
.admin-card--secondary__section__item__label .is-tag a:active {
color: #4476c2;
}
.admin-card--secondary__section__item__text {
min-height: 24px;
}
.admin-card--secondary__section__item__text.is-status {
text-transform: uppercase;
font-weight: 500;
}
.admin-card--secondary__section--grey {
padding: 16px;
border-radius: 8px;
border: 1px solid #D9D9D9;
background-color: #F3F4F9;
}
.admin-card--secondary__links a {
display: block;
font-size: 13px;
line-height: 24px;
font-weight: 600;
letter-spacing: 0.11em;
text-transform: uppercase;
color: #5594F3;
}
.admin-card--secondary__links a:hover,
.admin-card--secondary__links a:focus,
.admin-card--secondary__links a:active {
color: #4476c2;
}
.admin-card--secondary__links a:hover .admin-icon--caret--line-right, .admin-card--secondary__links a:focus .admin-icon--caret--line-right, .admin-card--secondary__links a:active .admin-icon--caret--line-right {
background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg width='24' height='24' viewBox='0 0 24 24' xmlns='http://www.w3.org/2000/svg' fill='%234476c2'%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M8.293 3.793a1 1 0 0 1 1.414 0l7.5 7.5a1 1 0 0 1 0 1.414l-7.5 7.5a1 1 0 0 1-1.414-1.414L15.086 12 8.293 5.207a1 1 0 0 1 0-1.414z'/%3E%3C/svg%3E");
}
.admin-card--secondary__links a .admin-icon--caret--line-right {
background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg width='24' height='24' viewBox='0 0 24 24' xmlns='http://www.w3.org/2000/svg' fill='%235594F3'%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M8.293 3.793a1 1 0 0 1 1.414 0l7.5 7.5a1 1 0 0 1 0 1.414l-7.5 7.5a1 1 0 0 1-1.414-1.414L15.086 12 8.293 5.207a1 1 0 0 1 0-1.414z'/%3E%3C/svg%3E");
}
.admin-card--secondary__buttons {
display: -ms-flexbox;
display: flex;
-ms-flex-direction: column;
flex-direction: column;
gap: 16px;
}
.admin-card--secondary__buttons .admin-btn {
-ms-flex-pack: justify;
justify-content: space-between;
width: 100%;
padding: 12px 8px 12px 12px;
}
.admin-card--secondary__buttons .admin-btn--primary .admin-icon--caret--line-right {
background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg width='24' height='24' viewBox='0 0 24 24' xmlns='http://www.w3.org/2000/svg' fill='%23fff'%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M8.293 3.793a1 1 0 0 1 1.414 0l7.5 7.5a1 1 0 0 1 0 1.414l-7.5 7.5a1 1 0 0 1-1.414-1.414L15.086 12 8.293 5.207a1 1 0 0 1 0-1.414z'/%3E%3C/svg%3E");
}
.admin-card--secondary__buttons .admin-btn--warning {
padding: 12px 8px;
}
.admin-card--secondary__buttons .admin-btn--warning span {
display: -ms-inline-flexbox;
display: inline-flex;
-ms-flex-align: center;
align-items: center;
gap: 8px;
}
.admin-card--secondary__buttons .admin-btn--warning .admin-icon--caret--line-right {
background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg width='24' height='24' viewBox='0 0 24 24' xmlns='http://www.w3.org/2000/svg' fill='%23B82027'%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M8.293 3.793a1 1 0 0 1 1.414 0l7.5 7.5a1 1 0 0 1 0 1.414l-7.5 7.5a1 1 0 0 1-1.414-1.414L15.086 12 8.293 5.207a1 1 0 0 1 0-1.414z'/%3E%3C/svg%3E");
}
.admin-card--secondary__buttons--alt .admin-btn {
-ms-flex-pack: center;
justify-content: center;
}
.admin-card--perks {
border: 2px dashed #A1A1A1;
padding: 24px;
border-radius: 4px;
background: #F3F4F9;
min-height: 360px;
width: 100%;
}
.admin-card--perks__section__item {
font-size: 16px;
display: -ms-flexbox;
display: flex;
-ms-flex-direction: column;
flex-direction: column;
}
/* justify-content: center;
align-items: center; */
.admin-card--perks__section__item.is-desc {
-ms-flex-positive: unset;
flex-grow: unset;
/* height: 180px; */
}
.admin-card--perks__anchor {
color: #5594F3;
display: -ms-flexbox;
display: flex;
-ms-flex-align: center;
align-items: center;
-ms-flex-pack: center;
justify-content: center;
}
.admin-card--perks__anchor:hover,
.admin-card--perks__anchor:focus {
color: rgb(84, 127, 191);
}
.admin-card--perks__image {
display: block;
height: 40px;
margin-left: auto;
margin-right: auto;
}
.admin-card--perks__wrapper {
/* display: flex; */
}
/* Used for cards with top icon */
.admin-card--tertiary {
position: relative;
display: -ms-flexbox;
display: flex;
-ms-flex-direction: column;
flex-direction: column;
-ms-flex: 1;
flex: 1;
padding: 52px 32px 32px;
text-align: center;
background-color: #FCFCFC;
border-radius: 8px;
border: 1px solid #D9D9D9;
box-shadow: 0px 2px 4px -2px rgba(24, 39, 75, 0.12), 0px 4px 4px -2px rgba(24, 39, 75, 0.08);
}
.admin-card--tertiary::before {
content: "";
position: absolute;
top: -24px;
left: 50%;
display: block;
width: 52px;
height: 48px;
background-image: url('/img/icons/dog-with-bone.svg');
background-repeat: no-repeat;
background-position: center center;
background-size: 52px;
-ms-transform: translateX(-50%);
transform: translateX(-50%);
}
.admin-card--tertiary__wrapper {
display: -ms-flexbox;
display: flex;
-ms-flex-pack: start;
justify-content: flex-start;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
gap: 44px;
padding-top: 24px;
}
.admin-card--tertiary__wrapper .admin-card--tertiary {
-ms-flex-preferred-size: calc(25% - 44px);
flex-basis: calc(25% - 44px);
}
.admin-card--tertiary__text {
-ms-flex-positive: 1;
flex-grow: 1;
margin-bottom: 24px;
font-family: "Libre Baskerville", Times, serif;
font-size: 25px;
line-height: 32px;
}
.admin-card--tertiary .admin-btn {
width: 100%;
}
/* Used for plans cards with monthly prices */
.admin-card--plans {
display: inline-block;
max-width: 494px;
padding: 24px;
border-radius: 8px;
border: 1px solid #D9D9D9;
background: #ffffff;
box-shadow: 0px 2px 4px -2px rgba(24, 39, 75, 0.12), 0px 4px 4px -2px rgba(24, 39, 75, 0.08);
}
.admin-card--plans__logos {
margin-bottom: 24px;
text-align: center;
}
.admin-card--plans__logos img {
height: 40px;
}
.admin-card--plans__section {
display: -ms-flexbox;
display: flex;
gap: 16px;
}
@media (max-width: 47.9375em) {
.admin-card--plans__section{
-ms-flex-wrap: wrap;
flex-wrap: wrap;
}
}
.admin-card--plans__plan {
-ms-flex: 1;
flex: 1;
padding: 16px;
border-radius: 8px;
border: 1px solid #D9D9D9;
background: #ffffff;
}
.admin-card--plans__plan__header {
margin-bottom: 16px;
}
.admin-card--plans__plan__price:not(:last-child) {
margin-bottom: 8px;
}
.admin-card--plans__plan__title {
font-weight: 600;
text-align: center;
letter-spacing: 0.09em;
text-transform: uppercase;
}
.admin-card--plans__plan__subtitle {
font-size: 13px;
line-height: 20px;
text-align: center;
white-space: nowrap;
}
/* Used for articles */
.admin-card--article {
display: -ms-flexbox;
display: flex;
-ms-flex-direction: column;
flex-direction: column;
height: 100%;
padding: 16px;
border-radius: 8px;
background-color: #ffffff;
box-shadow: 0px 2px 4px -2px rgba(24, 39, 75, 0.12), 0px 4px 4px -2px rgba(24, 39, 75, 0.08);
}
.admin-card--article__image {
overflow: hidden;
margin-bottom: 16px;
aspect-ratio: 4/3;
border-radius: 8px;
}
.admin-card--article__image img {
width: 100%;
height: 100%;
object-fit: cover;
object-position: center;
}
.admin-card--article__body {
-ms-flex-positive: 1;
flex-grow: 1;
}
.admin-card--article__title {
margin-bottom: 4px;
font-family: "Work Sans", -apple-system, BlinkMacSystemFont, "Segoe UI", "Roboto", "Oxygen", "Ubuntu", "Cantarell", "Fira Sans",
"Droid Sans", "Helvetica Neue", sans-serif, Helvetica, Arial, sans-serif !important;
font-size: 20px !important;
font-weight: 500 !important;
line-height: 32px !important;
}
.admin-card--article__date {
margin-bottom: 4px;
font-size: 13px;
line-height: 24px;
color: #8C8C8C;
}
.admin-card--article__desc {
margin-bottom: 4px;
font-size: 13px;
line-height: 20px;
}
.admin-card--article__time {
margin-bottom: 28px;
font-size: 13px;
line-height: 24px;
color: #01B2AA;
}
.admin-card--article .admin-btn {
-ms-flex-pack: justify;
justify-content: space-between;
width: 100%;
padding: 12px 16px;
}
.admin-card--article .admin-btn--primary .admin-icon--caret--line-right {
background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg width='24' height='24' viewBox='0 0 24 24' xmlns='http://www.w3.org/2000/svg' fill='%23fff'%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M8.293 3.793a1 1 0 0 1 1.414 0l7.5 7.5a1 1 0 0 1 0 1.414l-7.5 7.5a1 1 0 0 1-1.414-1.414L15.086 12 8.293 5.207a1 1 0 0 1 0-1.414z'/%3E%3C/svg%3E");
}
.admin-card--eligibility {
height: 100%;
padding: 32px;
border-radius: 8px;
border: 1px solid #D9D9D9;
}
.admin-card--eligibility__header {
margin-bottom: 32px;
}
.admin-card--eligibility__logo {
height: 48px;
}
.admin-card--eligibility a {
color: #5594F3;
text-decoration: underline;
}
.admin-card--eligibility a:hover {
color: #4476c2;
}
/* Used for card info on My Account page*/
.admin-card--card__warning {
font-weight: 600;
color: #B82027;
}
.admin-card--card__curent span {
font-weight: 600;
text-transform: uppercase;
}
.admin-card--card__inputs .braintree__wrap .hosted-field iframe {
border: 1px solid #C4C4C4 !important;
color: #000000 !important;
border-radius: 8px !important;
padding: 12px 16px !important;
font-size: 16px !important;
line-height: 24px !important;
height: 50px !important;
margin-bottom: 0 !important;
background-color: #ffffff;
}
.admin-card--card__inputs .braintree__wrap #card-number.hosted-field iframe {
padding-right: 60px;
}
.admin-card--card__inputs .braintree__wrap #expiration-date {
max-width: 100%;
}
.admin-card--card__inputs .braintree__wrap #cvv {
max-width: 100%;
}
.admin-card--card__inputs .braintree__cardnumber #card-image {
top: 36px;
}
.admin-card--card__inputs .braintree__exp {
width: 30%;
}
@media (max-width: 47.9375em) {
.admin-card--card__inputs .braintree__exp{
width: 100%;
}
}
.admin-card--card__inputs .braintree__ccv {
width: 20%;
}
@media (max-width: 47.9375em) {
.admin-card--card__inputs .braintree__ccv{
width: 100%;
}
}
.admin-card--card__inputs .braintree__ccv label {
display: -ms-flexbox;
display: flex;
-ms-flex-align: center;
align-items: center;
gap: 4px;
}
.admin-card--card__inputs .braintree__ccv .icon-info {
background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg width='20' height='20' viewBox='0 0 20 20' xmlns='http://www.w3.org/2000/svg' fill='%235594F3'%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M10 3.3a6.7 6.7 0 1 0 0 13.4 6.7 6.7 0 0 0 0-13.4zM1.7 10a8.3 8.3 0 1 1 16.6 0 8.3 8.3 0 0 1-16.6 0z'/%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M8.575 9.375a.8.8 0 0 1 .8-.8H10a.8.8 0 0 1 .8.8v3.594a.8.8 0 0 1-.175 1.581H10a.8.8 0 0 1-.8-.8v-3.594a.8.8 0 0 1-.625-.781z'/%3E%3Cpath d='M9.844 7.5a.937.937 0 1 0 0-1.875.937.937 0 0 0 0 1.875z'/%3E%3C/svg%3E") !important;
}
.admin-card--card__inputs .braintree__badge {
display: none !important;
}
/* Used for cards with contact information and business hour (footer) */
.admin-card--contact {
display: -ms-flexbox;
display: flex;
align-items: center;
text-align: center;
-ms-flex-direction: column;
flex-direction: column;
gap: 16px;
padding: 24px 20px;
border-radius: 8px;
background-color: #ffffff;
min-width: 328px;
max-height: 160px;
}
.admin-card--contact p {
color: #302A2E;
}
.admin-card--contact__wrapper {
display: -ms-flexbox;
display: flex;
gap: 36px;
}
@media (max-width: 40em) {
.admin-card--contact__wrapper {
gap: 20px;
}
}
@media (max-width: 61.9375em) {
.admin-card--contact__wrapper{
-ms-flex-direction: column;
flex-direction: column;
}
}
.admin-card--contact__section {
}
.admin-card--contact a {
display: inline-block;
font-weight: 400;
color: #5A97F3;
}
.admin-card--contact a:hover {
color: #4476c2;
}
.admin-card--contact--alt {
background-color: #F3F4F9;
}
/*------------------------------------*\
# components.list
\*------------------------------------*/
@media (min-width: 48em) {
.admin-list--company__item{
display: -ms-flexbox;
display: flex;
-ms-flex-pack: justify;
justify-content: space-between;
gap: 8px;
}
}
.admin-list--company__item:not(:last-child) {
margin-bottom: 4px;
}
.admin-list--company__label {
-ms-flex: 1;
flex: 1;
font-size: 13px;
line-height: 21px;
color: #8C8C8C;
}
.admin-list--company__value {
-ms-flex: 1;
flex: 1;
font-size: 13px;
line-height: 21px;
text-align: left;
}
@media (min-width: 48em) {
.admin-list--company__value{
text-align: right;
}
}
/* Used for Pet Profile sections on the TPT page */
.admin-list--names__item {
display: -ms-flexbox;
display: flex;
-ms-flex-align: center;
align-items: center;
gap: 8px;
}
.admin-list--names__item:not(:last-child) {
margin-bottom: 6px;
padding-bottom: 6px;
border-bottom: 1px solid #D9D9D9;
}
.admin-list--names__text {
-ms-flex: 1;
flex: 1;
}
.admin-list--names__action {
display: -ms-flexbox;
display: flex;
-ms-flex-align: center;
align-items: center;
gap: 12px;
}
.admin-list--names__action .admin-anchor--primary,
.admin-list--names__action .admin-anchor--warning {
font-size: 13px;
line-height: 24px;
text-transform: uppercase;
letter-spacing: 0.11em;
}
.admin-list--names__action .separator {
display: block;
width: 1px;
height: 12px;
background-color: #000000;
}
/* Used when the names have multiple rows and action links need to be aligned to the bottom */
.admin-list--names--alt .admin-list--names__item {
-ms-flex-align: start;
align-items: flex-start;
}
.admin-list--names--alt .admin-list--names__item:not(:last-child) {
margin-bottom: 6px;
padding-bottom: 6px;
border-bottom: 1px solid #D9D9D9;
}
.admin-list--names--alt .admin-list--names__text p:first-child {
margin-top: 4px;
}
.admin-list--names--alt .admin-list--names__text p:not(:last-child) {
margin-bottom: 8px;
}
.admin-list--names--alt .admin-list--names__text--docs p {
margin: 0 !important;
}
.admin-list--names--alt .admin-list--names__text--docs p a {
color: #5594F3;
}
.admin-list--names--alt .admin-list--names__text--docs p a:hover,
.admin-list--names--alt .admin-list--names__text--docs p a:focus,
.admin-list--names--alt .admin-list--names__text--docs p a:active {
color: #4476c2;
}
.admin-list--names--alt .admin-list--names__action {
-ms-flex-item-align: end;
align-self: flex-end;
}
.admin-list--coverage {
/* font-family: $ff-sans-primary; */
color: #000000;
}
.admin-list--coverage li:not(:last-child) {
margin-bottom: 8px;
}
.admin-list--coverage a {
color: #435bde;
text-decoration: none;
}
.admin-list--coverage a:hover {
color: rgb(66, 86, 196);
}
/*------------------------------------*\
# components.title
\*------------------------------------*/
.admin-title--secondary {
font-family: "Work Sans", -apple-system, BlinkMacSystemFont, "Segoe UI", "Roboto", "Oxygen", "Ubuntu", "Cantarell", "Fira Sans",
"Droid Sans", "Helvetica Neue", sans-serif, Helvetica, Arial, sans-serif !important;
font-size: 13px;
line-height: 21px;
text-transform: uppercase;
color: #694374;
}
/*------------------------------------*\
# components.company
\*------------------------------------*/
.admin-company--slide:not(:last-child) {
margin-bottom: 16px;
}
.admin-company--slide__download {
margin-top: auto;
}
/*------------------------------------*\
# components.table
\*------------------------------------*/
/* Simple general table styling */
.admin-table--base {
width: 100%;
}
.admin-table--base tr:last-child td {
padding-bottom: 0;
border-bottom: 0;
}
.admin-table--base th {
padding-bottom: 16px;
text-align: left;
}
.admin-table--base td {
padding: 16px 0;
font-size: 16px;
line-height: 24px;
border-bottom: 1px solid #D9D9D9;
}
.admin-table--primary {
width: 100%;
}
@media (max-width: 47.9375em) {
.admin-table--primary__header{
visibility: hidden;
height: 0;
position: absolute;
}
}
.admin-table--primary__header__cell {
padding: 0 12px 16px;
font-family: "Work Sans", -apple-system, BlinkMacSystemFont, "Segoe UI", "Roboto", "Oxygen", "Ubuntu", "Cantarell", "Fira Sans",
"Droid Sans", "Helvetica Neue", sans-serif, Helvetica, Arial, sans-serif !important;
font-size: 13px;
line-height: 21px;
font-weight: 400;
text-align: left;
text-transform: uppercase;
color: #694374;
vertical-align: top;
}
.admin-table--primary__header__cell:first-child {
padding-left: 0;
}
.admin-table--primary__header__cell:last-child {
padding-right: 0;
}
@media (max-width: 47.9375em) {
.admin-table--primary__row{
display: block;
}
}
@media (max-width: 47.9375em) {
.admin-table--primary__row:first-child td:first-child{
padding-top: 0;
}
}
.admin-table--primary__row:last-child .admin-table--primary__cell {
padding-bottom: 0;
border-bottom: 0;
}
@media (max-width: 47.9375em) {
.admin-table--primary__row td{
padding: 4px 0;
border-bottom: 1px solid #D9D9D9;
}
.admin-table--primary__row td:not(:last-child) {
border: 0;
}
.admin-table--primary__row td:first-child {
padding-top: 16px;
}
.admin-table--primary__row td:last-child {
padding-bottom: 16px;
}
}
.admin-table--primary__cell {
padding: 16px 12px;
font-size: 13px;
line-height: 21px;
border-bottom: 1px solid #D9D9D9;
vertical-align: top;
}
@media (max-width: 47.9375em) {
.admin-table--primary__cell{
display: -ms-flexbox;
display: flex;
gap: 16px;
padding-left: 0;
padding-right: 0;
}
.admin-table--primary__cell::before {
content: attr(aria-label);
display: block;
width: 100%;
min-width: 120px;
max-width: 120px;
font-weight: 400;
text-transform: uppercase;
text-align: left;
color: #694374;
}
}
.admin-table--primary__cell:first-child {
padding-left: 0;
}
.admin-table--primary__cell:last-child {
padding-right: 0;
}
.admin-table--primary__cell a {
color: #01B2AA;
}
.admin-table--primary__cell a:hover,
.admin-table--primary__cell a:focus {
color: #34c1bb;
}
.admin-table--primary__cell--action {
white-space: nowrap;
}
.admin-table--primary__cell--action__section {
display: -ms-flexbox;
display: flex;
-ms-flex-align: center;
align-items: center;
gap: 8px;
}
.admin-table--primary__cell--action__section a {
display: -ms-inline-flexbox;
display: inline-flex;
}
.admin-table--primary--alt .admin-table--primary__row:last-child .admin-table--primary__cell {
padding-bottom: 0;
}
.admin-table--primary--alt .admin-table--primary__header__cell {
padding-bottom: 8px;
}
.admin-table--primary--alt .admin-table--primary__cell {
padding-top: 8px;
padding-bottom: 8px;
}
@media (min-width: 48em) {
.admin-table--primary--alt .admin-table--primary__cell{
border-bottom: 0;
}
}
.admin-table--secondary {
width: 100%;
}
.admin-table--secondary__header__cell {
padding: 0 12px 16px;
font-family: "Work Sans", -apple-system, BlinkMacSystemFont, "Segoe UI", "Roboto", "Oxygen", "Ubuntu", "Cantarell", "Fira Sans",
"Droid Sans", "Helvetica Neue", sans-serif, Helvetica, Arial, sans-serif !important;
font-size: 13px;
line-height: 24px;
font-weight: 400;
text-align: left;
text-transform: uppercase;
letter-spacing: 0.11em;
border: 0;
vertical-align: top;
}
.admin-table--secondary__header__cell:first-child {
padding-left: 0;
}
.admin-table--secondary__header__cell:last-child {
padding-right: 0;
}
.admin-table--secondary__row:last-child .admin-table--secondary__cell {
padding-bottom: 0;
border-bottom: 0;
}
.admin-table--secondary__cell {
padding: 8px 12px;
border-bottom: 1px solid #D9D9D9;
}
.admin-table--secondary__cell:first-child {
padding-left: 0;
}
.admin-table--secondary__cell:last-child {
padding-right: 0;
}
.admin-table--sticky th {
position: -webkit-sticky;
position: sticky;
top: 0;
padding: 16px 8px;
background-color: #F3F4F9;
}
@media (max-width: 47.9375em) {
.admin-table--details thead{
visibility: hidden;
height: 0;
position: absolute;
}
}
@media (max-width: 47.9375em) {
.admin-table--details tr{
display: block;
}
}
.admin-table--details th,
.admin-table--details td {
font-size: 13px;
line-height: 24px;
font-weight: 400;
}
@media (min-width: 48em) {
.admin-table--details th:not(:last-child), .admin-table--details td:not(:last-child){
padding-right: 32px;
}
}
.admin-table--details th {
letter-spacing: 0.11em;
text-align: left;
text-transform: uppercase;
color: #A1A1A1;
}
@media (max-width: 47.9375em) {
.admin-table--details td{
display: -ms-flexbox;
display: flex;
-ms-flex-direction: column;
flex-direction: column;
}
.admin-table--details td:not(:last-child) {
margin-bottom: 8px;
}
.admin-table--details td::before {
content: attr(data-label);
font-weight: 400;
text-transform: uppercase;
letter-spacing: 0.11em;
color: #A1A1A1;
}
}
.admin-table--details td .admin-anchor--primary--underline {
padding: 0;
font-size: 13px;
line-height: 24px;
text-transform: uppercase;
border: 0;
background-color: transparent;
}
/* Used for accessibility table when body row has scope="row" */
.admin-table--scoped tbody tr th {
font-weight: normal;
text-align: left;
}
/* used for table on Routine Care Details modal */
.admin-table--care {
width: 100%;
}
.admin-table--care th {
padding-bottom: 16px;
font-size: 20px;
line-height: 32px;
text-align: right;
font-weight: 700;
word-break: keep-all;
}
.admin-table--care td {
padding: 16px 0;
border-bottom: 1px solid #D9D9D9;
}
.admin-table--care td:not(:first-child) {
text-align: right;
font-weight: 700;
}
.admin-table--care tfoot td {
padding-top: 32px;
padding-bottom: 0;
font-family: "Libre Baskerville", Times, serif;
font-size: 25px;
line-height: 32px;
border: 0;
}
.admin-table--care__price {
display: -ms-flexbox;
display: flex;
-ms-flex-pack: end;
justify-content: flex-end;
font-weight: 400;
color: #694374;
white-space: nowrap;
}
.admin-table--care__price .currency {
margin-top: 4px;
font-size: 16px;
line-height: 12px;
}
.admin-table--care__price .period {
-ms-flex-item-align: end;
align-self: flex-end;
font-family: "Work Sans", -apple-system, BlinkMacSystemFont, "Segoe UI", "Roboto", "Oxygen", "Ubuntu", "Cantarell", "Fira Sans",
"Droid Sans", "Helvetica Neue", sans-serif, Helvetica, Arial, sans-serif;
font-size: 16px;
line-height: 28px;
text-transform: lowercase;
}
/* used for table on Wellness Care Coverage Comparison modal */
.admin-table--pricing {
width: 100%;
border-collapse: collapse;
}
.admin-table--pricing th {
padding: 16px;
font-size: 20px;
line-height: 32px;
font-weight: 700;
text-transform: uppercase;
word-break: keep-all;
background-color: #F3F4F9;
}
.admin-table--pricing th:first-child {
text-align: left;
}
.admin-table--pricing td {
padding: 16px;
border-bottom: 1px solid #D9D9D9;
}
.admin-table--pricing td:not(:first-child) {
text-align: center;
}
.admin-table--pricing tfoot td {
padding-bottom: 0;
font-family: "Libre Baskerville", Times, serif;
border: 0;
}
.admin-table--pricing__price {
display: -ms-flexbox;
display: flex;
-ms-flex-pack: end;
justify-content: flex-end;
font-weight: 400;
color: #694374;
white-space: nowrap;
}
.admin-table--pricing__price .currency {
margin-top: 4px;
font-size: 16px;
line-height: 12px;
}
.admin-table--pricing__price .period {
-ms-flex-item-align: end;
align-self: flex-end;
font-family: "Work Sans", -apple-system, BlinkMacSystemFont, "Segoe UI", "Roboto", "Oxygen", "Ubuntu", "Cantarell", "Fira Sans",
"Droid Sans", "Helvetica Neue", sans-serif, Helvetica, Arial, sans-serif;
font-size: 16px;
line-height: 28px;
text-transform: lowercase;
}
/* Used for table on Select a Plan screen on the Pets Best page */
@media (max-width: 47.9375em) {
.admin-table--plans-details thead{
visibility: hidden;
height: 0;
position: absolute;
}
}
.admin-table--plans-details tbody tr:last-child td {
border-bottom: 0;
}
@media (max-width: 47.9375em) {
.admin-table--plans-details tr{
display: block;
}
}
@media (max-width: 47.9375em) {
.admin-table--plans-details tr:last-child td:last-child {
padding-bottom: 0;
}
}
@media (max-width: 47.9375em) {
.admin-table--plans-details tr td{
padding: 4px 0;
}
.admin-table--plans-details tr td:not(:last-child) {
border: 0;
}
.admin-table--plans-details tr td:first-child {
padding-top: 16px;
}
.admin-table--plans-details tr td:last-child {
padding-bottom: 16px;
}
}
.admin-table--plans-details th {
padding: 8px;
font-size: 13px;
line-height: 24px;
font-weight: normal;
text-align: center;
letter-spacing: 0.11em;
text-transform: uppercase;
white-space: nowrap;
background-color: #F3F4F9;
}
.admin-table--plans-details td {
padding: 8px;
font-size: 13px;
line-height: 24px;
border-bottom: 1px solid #D9D9D9;
}
.admin-table--plans-details td:first-child {
padding-left: 0;
}
.admin-table--plans-details td:not(:first-child) {
text-align: center;
}
@media (max-width: 47.9375em) {
.admin-table--plans-details td{
display: -ms-flexbox;
display: flex;
gap: 16px;
}
.admin-table--plans-details td::before {
content: attr(data-label);
display: block;
width: 100%;
min-width: 120px;
max-width: 120px;
font-weight: 400;
text-transform: uppercase;
text-align: left;
color: #694374;
}
}
.admin-table--plans-details__action a {
text-transform: uppercase;
letter-spacing: 0.11em;
white-space: nowrap;
color: #5594F3;
}
.admin-table--plans-details__action a:hover,
.admin-table--plans-details__action a:focus {
color: #4476c2;
}
/*------------------------------------*\
# component.education
\*------------------------------------*/
.admin-education__section {
margin-top: 32px;
}
.admin-education__section__title {
margin-bottom: 4px;
font-size: 20px;
line-height: 32px;
}
.admin-education__section__text {
margin-bottom: 16px;
font-size: 13px;
line-height: 18px;
}
.admin-education__actions {
display: -ms-flexbox;
display: flex;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
gap: 16px;
}
@media (min-width: 48em) {
.admin-education__actions{
gap: 32px;
}
}
.admin-education__action {
display: -ms-inline-flexbox;
display: inline-flex;
-ms-flex-align: center;
align-items: center;
gap: 36px;
padding: 16px;
border-radius: 8px;
background-color: #ffffff;
}
@media (max-width: 47.9375em) {
.admin-education__action{
-ms-flex-pack: justify;
justify-content: space-between;
width: 100%;
}
}
@media (min-width: 48em) {
.admin-education__action{
padding: 16px 32px;
}
}
.admin-education__action__title {
text-transform: uppercase;
letter-spacing: 0.11em;
color: #01B2AA;
}
.admin-education__action__links {
display: -ms-flexbox;
display: flex;
-ms-flex-align: center;
align-items: center;
gap: 16px;
}
.admin-education__action__link {
-ms-flex-item-align: center;
-ms-grid-row-align: center;
align-self: center;
/* padding: calc($unita * 3); */
color: #01B2AA;
}
.admin-education__action__link:focus,
.admin-education__action__link:hover {
color: #34c1bb;
}
.admin-education__action__link__separator {
width: 1px;
height: 16px;
background-color: #01B2AA;
}
.admin-education__action__logo {
width: auto;
height: 52px;
}
.admin-education__action--logo {
-ms-flex-direction: column;
flex-direction: column;
gap: 16px;
}
/*------------------------------------*\
# components.segmented-control
\*------------------------------------*/
.segmented {
position: relative;
display: -ms-inline-flexbox;
display: inline-flex;
gap: 16px;
height: 50px;
padding: 8px;
border-radius: 8px;
background: #ffffff;
}
.segmented p {
position: absolute;
z-index: 10;
color: blue;
margin: 0;
}
.segmented label {
z-index: 9;
display: -ms-flexbox;
display: flex;
-ms-flex-pack: center;
justify-content: center;
-ms-flex-align: center;
align-items: center;
width: 60px;
height: 34px;
margin-bottom: 0;
font-size: 16px;
line-height: 24px;
color: #8C8C8C !important;
text-align: center;
border-radius: 8px;
cursor: pointer;
}
.segmented label:before {
line-height: 21px;
}
@media (min-width: 62em) {
.segmented label:before {
line-height: 24px;
}
}
.segmented input[type="radio"] {
opacity: 0;
position: absolute;
}
.segmented .neutral:focus-visible + label {
outline-offset: 3px;
outline: 2px dotted #694374;
border-radius: 8px;
}
.segmented .neutral + label {
transition: transform 1s;
}
.segmented .neutral + label:focus-visible {
outline-offset: 3px;
outline: 2px dotted #694374;
border-radius: 8px;
}
.segmented .neutral + label:before {
content: "O";
}
.segmented .neutral:checked + label {
background: #01B2AA;
animation-duration: 0.25s;
animation-name: fadeInNeutral;
cursor: default;
}
.segmented .neutral:checked + label:before {
color: white;
}
.segmented .yes:focus-visible + label {
outline-offset: 3px;
outline: 2px dotted #694374;
border-radius: 8px;
}
.segmented .yes + label {
text-align: center;
}
.segmented .yes + label:before {
content: "YES";
}
.segmented .yes:checked + label {
background: #01B2AA;
animation-duration: 0.4s;
animation-name: slidein;
cursor: default;
}
.segmented .yes:checked + label:before {
color: white;
animation-duration: 0.25s;
animation-name: fadeIn;
}
.segmented .no:focus-visible + label {
outline-offset: 3px;
outline: 2px dotted #694374;
border-radius: 8px;
}
.segmented .no + label {
text-align: center;
}
.segmented .no + label:before {
content: "NO";
}
.segmented .no:checked + label {
background: #01B2AA;
animation-duration: 0.4s;
animation-name: slideno;
cursor: default;
}
.segmented .no:checked + label:before {
color: white;
animation-duration: 0.25s;
animation-name: fadeIn;
}
.segmented--autopay label {
width: auto;
padding: 0 12px;
}
.segmented--autopay .yes + label {
text-align: center;
}
.segmented--autopay .yes + label:before {
content: "Pay Invoice and Set Up Auto Pay";
}
.segmented--autopay .no + label {
text-align: center;
}
.segmented--autopay .no + label:before {
content: "Pay Invoice";
}
@keyframes slidein {
from {
transform: translateX(36px);
}
to {
transform: translateX(0px);
}
}
@keyframes slideno {
from {
transform: translateX(-36px);
}
to {
transform: translateX( 0px);
}
}
@keyframes fadeIn {
0% {
opacity: 0;
}
50% {
opacity: 0;
}
100% {
opacity: 1;
}
}
@keyframes fadeInNeutral {
0% {
opacity: 0;
}
100% {
opacity: 1;
}
}
/*------------------------------------*\
# components.pagination
\*------------------------------------*/
.admin-pagination {
display: -ms-flexbox;
display: flex;
-ms-flex-pack: justify;
justify-content: space-between;
-ms-flex-align: center;
align-items: center;
gap: 16px;
}
@media (max-width: 47.9375em) {
.admin-pagination{
-ms-flex-align: start;
align-items: flex-start;
-ms-flex-direction: column;
flex-direction: column;
}
}
/* Used when numbers need to be grey and active page primary color, like on the vets search modal */
.admin-pagination__wrapper--secondary .admin-pagination {
-ms-flex-pack: center;
justify-content: center;
}
.admin-pagination__wrapper--secondary .admin-pagination__list a {
color: #A1A1A1;
}
.admin-pagination__wrapper--secondary .admin-pagination__list a:hover,
.admin-pagination__wrapper--secondary .admin-pagination__list a:focus {
color: #694374;
}
.admin-pagination__wrapper--secondary .admin-pagination__list li.active a {
color: #694374 !important;
}
.admin-pagination__options {
display: -ms-flexbox;
display: flex;
-ms-flex-align: center;
align-items: center;
gap: 16px;
}
@media (max-width: 47.9375em) {
.admin-pagination__options{
-ms-flex-align: start;
align-items: flex-start;
-ms-flex-direction: column;
flex-direction: column;
width: 100%;
}
}
.admin-pagination__total {
display: -ms-flexbox;
display: flex;
-ms-flex-align: center;
align-items: center;
gap: 16px;
padding: 8px 16px;
font-size: 13px;
line-height: 18px;
border-radius: 8px;
background-color: #ffffff;
font-family: 'Plus Jakarta Sans';
}
@media (max-width: 47.9375em) {
.admin-pagination__total{
width: 100%;
}
}
.admin-pagination__total a {
color: #573962;
}
.admin-pagination__total a:hover,
.admin-pagination__total a:focus {
color: #573962;
}
.admin-pagination__total a.is-active {
color: #000000;
font-weight: 700;
}
.admin-pagination__total--secondary {
background-color: #F3F4F9;
}
.admin-pagination__export {
display: -ms-flexbox;
display: flex;
-ms-flex-align: center;
align-items: center;
gap: 8px;
padding: 8px 16px;
font-size: 13px;
line-height: 18px;
border: 0;
border-radius: 8px;
background-color: #ffffff;
color: #01B2AA;
}
.admin-pagination__export:hover,
.admin-pagination__export:focus {
color: #34c1bb;
}
.admin-pagination__export:focus-visible {
outline-offset: 3px;
outline: 2px dotted #694374;
border-radius: 8px;
}
.admin-pagination__list {
display: -ms-flexbox;
display: flex;
-ms-flex-align: center;
align-items: center;
gap: 16px;
padding: 8px 16px;
font-size: 13px;
line-height: 18px;
border-radius: 8px;
background-color: #ffffff;
}
@media (max-width: 47.9375em) {
.admin-pagination__list{
width: 100%;
}
}
.admin-pagination__list a {
color: #573962;
}
.admin-pagination__list a:hover,
.admin-pagination__list a:focus {
color: #4e3358;
}
.admin-pagination__list li.active a {
color: #000000 !important;
}
/*------------------------------------*\
# modules.message
\*------------------------------------*/
.admin-message {
padding: 16px;
}
.admin-message--primary {
word-break: break-word;
color: #694374;
}
.admin-message--primary.has-icon {
display: -ms-flexbox;
display: flex;
gap: 8px;
}
.admin-message--warning--primary {
word-break: break-word;
color: #B82027;
}
.admin-message--warning--primary a {
color: #5594F3;
text-decoration: underline;
}
.admin-message--warning--primary a:hover {
color: #4476c2;
}
.admin-message--warning--primary.has-icon {
display: -ms-flexbox;
display: flex;
gap: 8px;
}
.admin-message--warning--home {
display: -ms-flexbox;
display: flex;
-ms-flex-align: center;
align-items: center;
gap: 8px;
padding: 16px 36px;
word-break: break-word;
color: #B82027;
background-color: #FFE4E0;
}
.admin-message--warning--home a {
color: #B82027;
font-weight: 700;
}
.admin-message--warning--home a:hover,
.admin-message--warning--home a:focus {
color: rgb(218, 47, 55);
}
.admin-message--warning--home a:hover .admin-icon--arrow--circle--right, .admin-message--warning--home a:focus .admin-icon--arrow--circle--right {
background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg width='24' height='24' viewBox='0 0 24 24' xmlns='http://www.w3.org/2000/svg' fill='%23c64d52'%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M12 4a8 8 0 1 0 0 16 8 8 0 0 0 0-16zM2 12C2 6.477 6.477 2 12 2s10 4.477 10 10-4.477 10-10 10S2 17.523 2 12z'/%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M11.865 8.115a1 1 0 0 1 1.414 0l3.178 3.178a1 1 0 0 1 0 1.414l-3.178 3.178a1 1 0 0 1-1.414-1.414L14.335 12l-2.47-2.471a1 1 0 0 1 0-1.414z'/%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M7.25 12a1 1 0 0 1 1-1h7.5a1 1 0 1 1 0 2h-7.5a1 1 0 0 1-1-1z'/%3E%3C/svg%3E");
}
.admin-message--warning--home a .admin-icon--arrow--circle--right {
background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg width='24' height='24' viewBox='0 0 24 24' xmlns='http://www.w3.org/2000/svg' fill='%23B82027'%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M12 4a8 8 0 1 0 0 16 8 8 0 0 0 0-16zM2 12C2 6.477 6.477 2 12 2s10 4.477 10 10-4.477 10-10 10S2 17.523 2 12z'/%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M11.865 8.115a1 1 0 0 1 1.414 0l3.178 3.178a1 1 0 0 1 0 1.414l-3.178 3.178a1 1 0 0 1-1.414-1.414L14.335 12l-2.47-2.471a1 1 0 0 1 0-1.414z'/%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M7.25 12a1 1 0 0 1 1-1h7.5a1 1 0 1 1 0 2h-7.5a1 1 0 0 1-1-1z'/%3E%3C/svg%3E");
}
.admin-message--warning--home .admin-icon--warning-circle {
margin-right: 4px;
}
.admin-message--note {
display: -ms-flexbox;
display: flex;
gap: 8px;
font-size: 13px;
line-height: 24px;
}
.admin-message--popular {
display: -ms-flexbox;
display: flex;
-ms-flex-align: center;
align-items: center;
gap: 4px;
font-size: 13px;
line-height: 24px;
text-transform: uppercase;
letter-spacing: 0.11em;
color: #694374;
}
.admin-message--discount {
padding: 12px;
background-color: #F3F4F9;
border-radius: 8px;
font-size: 16px;
line-height: 24px;
font-weight: 600;
color: #694374;
}
.admin-message--no-entries {
text-align: center;
border-radius: 8px;
border: 1px solid #D9D9D9;
background-color: #ffffff;
}
.admin-message--perks {
font-family: "Libre Baskerville", Times, serif;
background-color: #F3F4F9;
border: 1px solid #A1A1A1;
border-radius: 16px;
font-size: 39px;
line-height: 44px;
color: #694374;
padding: 48px;
}
/*------------------------------------*\
# components.tabs
\*------------------------------------*/
.admin-tabs--primary {
display: -ms-flexbox;
display: flex;
gap: 16px;
}
@media (max-width: 47.9375em) {
.admin-tabs--primary{
-ms-flex-align: start;
align-items: flex-start;
-ms-flex-direction: column;
flex-direction: column;
}
}
@media (min-width: 48em) {
.admin-tabs--primary{
gap: 32px;
border-bottom: 2px solid #D9D9D9;
}
}
.admin-tabs--primary__item {
position: relative;
padding: 4px 0;
letter-spacing: 0.11em;
text-transform: uppercase;
color: #000000;
}
.admin-tabs--primary__item:before {
content: '';
position: absolute;
left: 0;
bottom: -2px;
display: block;
width: 0;
height: 2px;
background-color: #D9D9D9;
transition: all .2s;
}
.admin-tabs--primary__item.active {
font-weight: 700;
color: #694374 !important;
}
.admin-tabs--primary__item.active:before {
background-color: #694374;
width: 100%;
}
.admin-tabs--primary__item.active .admin-tabs--primary__link {
color: #694374 !important;
}
.admin-tabs--primary__link {
color: #000000;
}
.admin-tabs--primary__link:hover,
.admin-tabs--primary__link:focus,
.admin-tabs--primary__link:active {
color: #694374;
}
.admin-tabs--primary__content {
display: none;
}
.admin-tabs--primary__content.active {
display: block;
}
.admin-tabs--primary--borderless {
border: 0;
}
/*------------------------------------*\
# component.iframe
\*------------------------------------*/
.admin-iframe {
border: 0;
}
.admin-iframe--full-height {
height: calc(100vh - 60px);
}
/*------------------------------------*\
# components.section
\*------------------------------------*/
.admin-section--primary__header {
margin-bottom: 16px;
padding-bottom: 12px;
border-bottom: 1px solid #000000;
}
.admin-section--primary__header__title {
font-size: 25px;
line-height: 32px;
}
.admin-section--primary__header__text {
margin-top: 12px;
font-size: 13px;
line-height: 18px;
}
.admin-section--primary__header__text a {
color: #5594F3;
}
.admin-section--primary__header__text a:hover {
color: #4476c2;
}
/*------------------------------------*\
# component.how
\*------------------------------------*/
.how {
padding: 24px;
border-radius: 8px;
/* background-image: url('/img/admin/paw-and-bone-bg.png'); */
background-color: #F3F4F9;
}
@media (max-width: 768px) {
.how__img {
height: 82px;
width: 82px;
}
}
@media (min-width: 62em) {
.how{
padding: 48px 32px;
}
}
@media (min-width: 62em) {
.how--alt {
padding: 48px 64px;
}
}
.how--has-img {
text-align: left;
display: -ms-flexbox;
display: flex;
-ms-flex-pack: start;
justify-content: flex-start;
-ms-flex-align: center;
align-items: center;
height: 100%;
gap: 40px;
}
@media (max-width: 768px) {
.how--has-img {
flex-direction: column;
gap: 20px;
text-align: center;
}
}
.how--has-img__download {
display: -ms-flexbox;
display: flex;
gap: 8px;
}
.how__img--bleed {
margin-bottom: -44px;
display: block;
}
@media (max-width: 768px) {
.how__img--bleed {
display: none;
}
}
.how__img--bleed--sml {
display: none;
}
@media (max-width: 768px) {
.how__img--bleed--sml {
display: block;
}
}
.how__logo {
height: 56px;
margin-bottom: 24px;
}
.how__logo--alt {
height: 68px;
}
.how__buttons {
display: -ms-flexbox;
display: flex;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
gap: 16px;
}
.how__buttons--sml {
gap: 20px;
}
/*------------------------------------*\
# component.anchor
\*------------------------------------*/
.admin-anchor--primary {
color: #5594F3 !important;
}
.admin-anchor--primary:hover,
.admin-anchor--primary:focus {
color: #4476c2 !important;
}
.admin-anchor--primary:hover .admin-icon--caret--line-top, .admin-anchor--primary:focus .admin-icon--caret--line-top {
background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg width='24' height='24' viewBox='0 0 24 24' xmlns='http://www.w3.org/2000/svg' fill='%234476c2'%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M3.793 15.707a1 1 0 0 1 0-1.414l7.5-7.5a1 1 0 0 1 1.414 0l7.5 7.5a1 1 0 0 1-1.414 1.414L12 8.914l-6.793 6.793a1 1 0 0 1-1.414 0z'/%3E%3C/svg%3E");
}
.admin-anchor--primary:hover .admin-icon--caret--line-right, .admin-anchor--primary:focus .admin-icon--caret--line-right {
background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg width='24' height='24' viewBox='0 0 24 24' xmlns='http://www.w3.org/2000/svg' fill='%234476c2'%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M8.293 3.793a1 1 0 0 1 1.414 0l7.5 7.5a1 1 0 0 1 0 1.414l-7.5 7.5a1 1 0 0 1-1.414-1.414L15.086 12 8.293 5.207a1 1 0 0 1 0-1.414z'/%3E%3C/svg%3E");
}
.admin-anchor--primary:hover .admin-icon--caret--line-bottom, .admin-anchor--primary:focus .admin-icon--caret--line-bottom {
background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg width='24' height='24' viewBox='0 0 24 24' xmlns='http://www.w3.org/2000/svg' fill='%234476c2'%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M20.207 8.293a1 1 0 0 1 0 1.414l-7.5 7.5a1 1 0 0 1-1.414 0l-7.5-7.5a1 1 0 0 1 1.414-1.414L12 15.086l6.793-6.793a1 1 0 0 1 1.414 0z'/%3E%3C/svg%3E");
}
.admin-anchor--primary:hover .admin-icon--caret--line-left, .admin-anchor--primary:focus .admin-icon--caret--line-left {
background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg width='16' height='17' viewBox='0 0 16 17' xmlns='http://www.w3.org/2000/svg' fill='%234476c2'%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M10.707 13.793a1 1 0 0 1-1.414 0l-5-5a1 1 0 0 1 0-1.414l5-5a1 1 0 1 1 1.414 1.414L6.414 8.086l4.293 4.293a1 1 0 0 1 0 1.414z'/%3E%3C/svg%3E");
}
.admin-anchor--primary:focus-visible {
outline-offset: 3px;
outline: 2px dotted #694374;
border-radius: 8px;
}
.admin-anchor--primary--underline {
color: #5594F3 !important;
text-decoration: underline;
transition: all 300ms;
}
.admin-anchor--primary--underline:hover,
.admin-anchor--primary--underline:focus {
color: #4476c2 !important;
}
.admin-anchor--primary--underline:focus-visible {
outline-offset: 3px;
outline: 2px dotted #694374;
border-radius: 8px;
}
.admin-anchor--primary .admin-icon--caret--line-top {
background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg width='24' height='24' viewBox='0 0 24 24' xmlns='http://www.w3.org/2000/svg' fill='%235594F3'%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M3.793 15.707a1 1 0 0 1 0-1.414l7.5-7.5a1 1 0 0 1 1.414 0l7.5 7.5a1 1 0 0 1-1.414 1.414L12 8.914l-6.793 6.793a1 1 0 0 1-1.414 0z'/%3E%3C/svg%3E");
}
.admin-anchor--primary .admin-icon--caret--line-right {
background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg width='24' height='24' viewBox='0 0 24 24' xmlns='http://www.w3.org/2000/svg' fill='%235594F3'%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M8.293 3.793a1 1 0 0 1 1.414 0l7.5 7.5a1 1 0 0 1 0 1.414l-7.5 7.5a1 1 0 0 1-1.414-1.414L15.086 12 8.293 5.207a1 1 0 0 1 0-1.414z'/%3E%3C/svg%3E");
}
.admin-anchor--primary .admin-icon--caret--line-bottom {
background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg width='24' height='24' viewBox='0 0 24 24' xmlns='http://www.w3.org/2000/svg' fill='%235594F3'%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M20.207 8.293a1 1 0 0 1 0 1.414l-7.5 7.5a1 1 0 0 1-1.414 0l-7.5-7.5a1 1 0 0 1 1.414-1.414L12 15.086l6.793-6.793a1 1 0 0 1 1.414 0z'/%3E%3C/svg%3E");
}
.admin-anchor--primary .admin-icon--caret--line-left {
background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg width='16' height='17' viewBox='0 0 16 17' xmlns='http://www.w3.org/2000/svg' fill='%235594F3'%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M10.707 13.793a1 1 0 0 1-1.414 0l-5-5a1 1 0 0 1 0-1.414l5-5a1 1 0 1 1 1.414 1.414L6.414 8.086l4.293 4.293a1 1 0 0 1 0 1.414z'/%3E%3C/svg%3E");
}
.admin-anchor--warning {
color: #B82027 !important;
}
.admin-anchor--warning:hover,
.admin-anchor--warning:focus {
color: #c64d52 !important;
}
.admin-anchor--warning--underline {
color: #B82027 !important;
text-decoration: underline;
transition: all 300ms;
}
.admin-anchor--warning--underline:hover,
.admin-anchor--warning--underline:focus {
color: #c64d52 !important;
}
/*------------------------------------*\
# component.tag
\*------------------------------------*/
.admin-tag--primary {
display: -ms-grid;
display: grid;
-ms-grid-columns: 1fr;
grid-template-columns: 1fr;
gap: 16px;
}
@media (min-width: 48em) {
.admin-tag--primary{
-ms-grid-columns: (1fr)[2];
grid-template-columns: repeat(2, 1fr);
}
}
@media (min-width: 62em) {
.admin-tag--primary{
-ms-grid-columns: (1fr)[3];
grid-template-columns: repeat(3, 1fr);
}
}
.admin-tag--primary__link {
display: block;
padding: 10px;
text-align: center;
letter-spacing: 0.11em;
text-transform: uppercase;
color: #5594F3;
border-radius: 8px;
background-color: #ffffff;
}
/*------------------------------------*\
# component.pet
\*------------------------------------*/
.admin-pet__color__wrapper {
display: -ms-flexbox;
display: flex;
-ms-flex-align: center;
align-items: center;
gap: 12px;
}
.admin-pet__color__item {
display: -ms-flexbox;
display: flex;
-ms-flex-align: center;
align-items: center;
gap: 4px;
}
.admin-pet__color__item__box {
display: block;
width: 12px;
height: 12px;
border-radius: 16px;
}
.admin-pet__color__item__label {
-ms-flex: 1;
flex: 1;
}
.admin-pet__box {
margin-bottom: 24px;
padding-bottom: 24px;
border-bottom: 1px dotted #D9D9D9;
font-size: 11px;
line-height: 22px;
}
@media (max-width: 47.9375em) {
.admin-pet__box{
padding: 16px;
}
}
.admin-pet__box__wrapper {
margin-bottom: 24px;
padding-bottom: 24px;
border-bottom: 1px dotted rgba(38, 39, 41, 0.25);
}
/* padding-bottom: calc($unita * 4);
margin-bottom: calc($unita * 4);
border-bottom: 1px solid color($color-text-dark a(10%)); */
.admin-pet__box__meta.is-single {
padding-bottom: 0;
margin-bottom: 0;
border-bottom: none;
}
.admin-pet__box__info {
display: none;
}
.admin-pet__box__info__section {
margin-top: 16px;
padding-top: 16px;
border-top: 1px solid rgba(38, 39, 41, 0.1);
}
.admin-pet__box__info__title {
margin-bottom: 8px;
font-family:tny;
font-size: 22px;
}
.admin-pet__box__info__values {
display: -ms-flexbox;
display: flex;
-ms-flex-direction: column;
flex-direction: column;
gap: 12px;
}
@media (min-width: 62em) {
.admin-pet__box__info__values{
-ms-flex-direction: row;
flex-direction: row;
gap: 32px;
}
}
.admin-pet__box__info__values__item p {
padding: 0;
font-size: 14px;
line-height: 2;
font-weight: 600;
color: #262729;
}
.admin-pet__box__info__values__item p:first-of-type {
font-size: 13px;
font-weight: 400;
line-height: 1.5;
}
.admin-pet__box__info__total {
display: -ms-flexbox;
display: flex;
-ms-flex-pack: end;
justify-content: flex-end;
-ms-flex-align: center;
align-items: center;
line-height: 24px;
text-align: right;
border-radius: 2px;
}
.admin-pet__box__info__total .price {
display: -ms-flexbox;
display: flex;
-ms-flex-align: end;
align-items: flex-end;
-ms-flex-item-align: end;
align-self: flex-end;
font-family: "Libre Baskerville", Times, serif;
}
.admin-pet__box__info__total .price__value {
font-size: 20px;
line-height: 35px;
letter-spacing: 1%;
}
.admin-pet__box__info__total .price__length {
font-size: 20px;
line-height: 35px;
}
.admin-pet__box__info__footer {
display: -ms-flexbox;
display: flex;
margin-top: 16px;
font-size: 16px;
}
.admin-pet__box--offer {
padding: 16px;
text-align: center;
border-radius: 8px;
background-color: #F3F4F9;
}
.admin-pet__box--offer__title {
margin-bottom: 8px;
font-family: "Libre Baskerville", Times, serif;
font-size: 20px;
line-height: 32px;
}
.admin-pet__box--offer__text {
font-size: 14px;
}
.admin-pet__box--offer__text--checked {
display: -ms-flexbox;
display: flex;
-ms-flex-pack: center;
justify-content: center;
-ms-flex-align: center;
align-items: center;
gap: 12px;
font-size: 14px;
}
@media (max-width: 47.9375em) {
.admin-pet__box--offer__text--checked:not(:last-child){
margin-bottom: 8px;
}
}
.admin-pet__box--offer .admin-icon--price-tag {
margin-bottom: 24px;
}
.admin-pet__plan__info {
display: -ms-flexbox;
display: flex;
-ms-flex-pack: justify;
justify-content: space-between;
font-size: 16px;
}
.admin-pet__plan__info__price span {
display: block;
line-height: 1.25;
text-align: right;
}
.admin-pet__plan__info__price span:last-of-type {
font-size: 13px;
}
.admin-pet__plan__title {
margin-bottom: 4px;
padding: 0;
display: block;
font-family: "Libre Baskerville", Times, serif;
font-size: 22px;
line-height: 1;
}
@media (max-width: 47.9375em) {
.admin-pet__plan__details{
margin-bottom: 24px;
}
}
.admin-pet__plan__details__total {
display: -ms-flexbox;
display: flex;
-ms-flex-pack: end;
justify-content: flex-end;
-ms-flex-align: center;
align-items: center;
margin-top: 16px;
font-family: "Libre Baskerville", Times, serif;
font-size: 16px;
line-height: 24px;
}
.admin-pet__plan__details__total .price {
display: -ms-flexbox;
display: flex;
-ms-flex-align: end;
align-items: flex-end;
}
.admin-pet__plan__details__total .price__value {
font-size: 20px;
line-height: 35px;
letter-spacing: 1%;
}
.admin-pet__plan__details__total .price__length {
font-size: 11px;
line-height: 33px;
}
.admin-pet__plan__details .admin-anchor--primary {
font-size: 12px;
line-height: 1.5;
}
.admin-pet__plan__total {
/* @media (--screen-from-med) {
padding: 0 calc($unita * 6);
} */
}
.admin-pet__plan__product:not(:last-child) {
margin-bottom: 12px;
padding-bottom: 12px;
border-bottom: 1px solid #D9D9D9;
}
.admin-pet__plan__product__inner {
-ms-flex: 1;
flex: 1;
display: -ms-flexbox;
display: flex;
-ms-flex-direction: column;
flex-direction: column;
gap: 12px;
}
@media (min-width: 48em) {
.admin-pet__plan__product__inner{
-ms-flex-direction: row;
flex-direction: row;
-ms-flex-pack: justify;
justify-content: space-between;
}
}
.admin-pet__plan__product__title {
padding: 0 !important;
font-size: 16px;
font-weight: 700;
line-height: 24px;
text-transform: none;
letter-spacing: 0;
}
.admin-pet__plan__product__text {
padding: 0;
font-size: 14px;
line-height: 16px;
text-transform: none;
letter-spacing: 0;
}
@media (min-width: 48em) {
.admin-pet__plan__product__payment{
text-align: right;
}
}
.admin-pet__plan__product__price {
margin-bottom: -4px;
padding: 0 !important;
font-size: 16px;
line-height: 24px;
font-weight: 700;
letter-spacing: 0;
}
.admin-pet__plan__product__length {
font-size: 16px;
line-height: 24px;
text-transform: none;
letter-spacing: 0;
}
.admin-pet__selected {
margin: 16px 0;
padding: 16px;
border-radius: 2px;
background-color: #F3F4F9;
}
.admin-pet__selected__item:not(:last-child) {
margin-bottom: 8px;
}
.admin-pet__selected__title {
font-size: 13px;
line-height: 24px;
font-weight: 700;
}
.admin-pet__selected__text {
font-size: 13px;
line-height: 24px;
}
.admin-pet__selected__link {
font-size: 10px;
line-height: 21px;
}
.admin-pet__total {
text-align: center;
}
.admin-pet__total__wrapper {
display: -ms-flexbox;
display: flex;
-ms-flex-pack: justify;
justify-content: space-between;
font-family: "Libre Baskerville", Times, serif;
}
.admin-pet__total__title {
margin-right: 12px;
font-size: 25px;
line-height: 32px;
}
.admin-pet__total__price {
font-size: 25px;
line-height: 32px;
}
.admin-pet__total__lenght {
font-size: 16px;
line-height: 24px;
}
/*------------------------------------*\
# components.modal
\*------------------------------------*/
@media (max-width: 61.9375em) {
.admin-modal{
margin-top: 32px;
}
}
.admin-modal__header {
margin-bottom: 32px;
}
@media (max-width: 47.9375em) {
.admin-modal__header{
margin-top: 24px;
}
}
.admin-modal__header__title {
margin-top: 0;
font-family: "Libre Baskerville", Times, serif;
font-size: 31px;
line-height: 40px;
color: #212427;
}
.admin-modal__footer {
display: -ms-flexbox;
display: flex;
-ms-flex-align: center;
align-items: center;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
gap: 16px;
}
.admin-modal__footer--alt {
gap: 32px;
}
/* Used for Coverage/Manage modals */
.admin-modal--manage__header {
margin-bottom: 32px;
}
@media (max-width: 47.9375em) {
.admin-modal--manage__header{
margin-top: 24px;
}
}
.admin-modal--manage__title {
font-family: "Libre Baskerville", Times, serif;
font-size: 31px;
line-height: 40px;
text-align: center;
}
.admin-modal--manage__subtitle {
font-family: "Work Sans", -apple-system, BlinkMacSystemFont, "Segoe UI", "Roboto", "Oxygen", "Ubuntu", "Cantarell", "Fira Sans",
"Droid Sans", "Helvetica Neue", sans-serif, Helvetica, Arial, sans-serif !important;
font-size: 20px;
line-height: 30px;
font-weight: 600 !important;
text-align: center;
text-transform: uppercase;
letter-spacing: 0.09em;
color: #694374;
}
.admin-modal--manage__image {
margin-bottom: 32px;
text-align: center;
}
.admin-modal--manage__form {
display: -ms-flexbox;
display: flex;
-ms-flex-direction: column;
flex-direction: column;
-ms-flex-align: center;
align-items: center;
}
.admin-modal--manage__footer {
display: -ms-flexbox;
display: flex;
-ms-flex-pack: center;
justify-content: center;
-ms-flex-align: center;
align-items: center;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
gap: 16px;
}
.admin-modal--manage__footer .admin-btn {
min-width: 192px;
}
.admin-modal--manage__footer--alt {
-ms-flex-direction: column;
flex-direction: column;
}
.admin-modal--manage__footer--secondary .admin-btn {
width: 100%;
max-width: 252px;
}
.admin-modal--manage .admin-btn--back {
position: absolute;
top: 12px;
left: 20px;
}
.admin-modal__card {
display: flex;
flex-direction: column;
gap: 22px;
}
@media(min-width: 768px) {
.admin-modal__card {
flex-direction: row;
gap: 30px;
}
}
@media(min-width: 1024px) {
.admin-modal__card__content {
width: 100%;
max-width: 521px;
}
}
/* Used for request tag success modal when adding new pet on ThePetTag page */
.admin-modal--pet-tag {
/* @mixin type-scale $type-small, 1; */
text-align: center;
}
.admin-modal--pet-tag__header {
margin-bottom: 32px;
}
.admin-modal--pet-tag__header p {
margin-bottom: 4px;
}
.admin-modal--pet-tag__image {
padding-bottom: 16px;
margin: auto;
}
.admin-modal--pet-tag__title {
margin-bottom: 4px;
font-size: 25px;
line-height: 32px;
font-weight: 600;
}
.admin-modal--pet-tag__title--small {
display: block;
margin-bottom: 4px;
text-transform: uppercase;
letter-spacing: 0.11em;
}
.admin-modal--pet-tag__section {
display: -ms-flexbox;
display: flex;
gap: 24px;
padding: 20px;
text-align: left;
border-radius: 4px;
background-color: #f9f9f9;
}
@media (max-width: 47.9375em) {
.admin-modal--pet-tag__section{
-ms-flex-direction: column;
flex-direction: column;
}
}
@media (min-width: 48em) {
.admin-modal--pet-tag__owner{
padding-right: 24px;
border-right: 1px solid #D9D9D9;
}
}
.admin-modal--pet-tag__owner__title {
display: block;
margin-bottom: 8px;
letter-spacing: 0.11em;
text-transform: uppercase;
}
.admin-modal--pet-tag__owner p {
font-size: 13px;
line-height: 16px;
}
.admin-modal--pet-tag__owner p:not(:last-child) {
margin-bottom: 4px;
}
.admin-modal--pet-tag__owner p span {
font-weight: 600;
}
.admin-modal--pet-tag__contact {
-ms-flex: 1;
flex: 1;
}
.admin-modal--pet-tag__contact__title {
display: block;
margin-bottom: 8px;
letter-spacing: 0.11em;
text-transform: uppercase;
}
.admin-modal--pet-tag__contact__subtitle {
display: block;
margin-bottom: 8px;
font-size: 13px;
line-height: 20px;
letter-spacing: 0.11em;
text-transform: uppercase;
}
.admin-modal--pet-tag__contact__items {
display: -ms-flexbox;
display: flex;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
gap: 16px;
}
.admin-modal--pet-tag__contact__item {
-ms-flex: 1 1 auto;
flex: 1 1 auto;
}
.admin-modal--pet-tag__contact__text {
font-size: 13px;
line-height: 16px;
}
.admin-modal--pet-tag__contact__text a {
color: #5594F3;
font-weight: 600;
}
.admin-modal--pet-tag__contact__text a:hover, .admin-modal--pet-tag__contact__text a:focus {
color: #4476c2;
}
.admin-modal--pet-tag__contact p {
font-size: 13px;
line-height: 16px;
}
.admin-modal--pet-tag__contact p:not(:last-child) {
margin-bottom: 4px;
}
.admin-modal--pet-tag__contact p span {
font-weight: 600;
}
.admin-modal--pet-tag__footer {
margin-top: 8px;
}
.admin-modal--pet-tag__footer p {
font-size: 13px;
line-height: 20px;
color: #A1A1A1;
font-style: italic;
}
/* Used for What is Total Pet Plan? modal */
.admin-modal--wtpp__section {
display: -ms-flexbox;
display: flex;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
gap: 16px;
}
.admin-modal--wtpp__item {
display: -ms-flexbox;
display: flex;
-ms-flex-align: center;
align-items: center;
-ms-flex-direction: column;
flex-direction: column;
gap: 4px;
-ms-flex: 1;
flex: 1;
padding: 16px;
text-align: center;
border-radius: 8px;
background: #F3F4F9;
}
.admin-modal--wtpp__logo {
height: 40px;
}
.admin-modal--wtpp__title {
font-size: 20px;
line-height: 32px;
white-space: nowrap;
}
/*------------------------------------*\
# component.search
\*------------------------------------*/
.admin-search--vets {
display: -ms-grid;
display: grid;
-ms-grid-columns: 1fr;
grid-template-columns: 1fr;
gap: 32px 16px;
}
@media (min-width: 48em) {
.admin-search--vets{
-ms-grid-columns: (1fr)[2];
grid-template-columns: repeat(2, 1fr);
}
}
@media (min-width: 62em) {
.admin-search--vets{
-ms-grid-columns: (1fr)[3];
grid-template-columns: repeat(3, 1fr);
}
}
/*------------------------------------*\
# component.vet
\*------------------------------------*/
.admin-vet:not(.admin-vet:last-child) {
margin-bottom: 16px;
padding-bottom: 16px;
border-bottom: 1px solid #D9D9D9;
}
.admin-vet__title {
margin-bottom: 8px;
font-size: 16px;
line-height: 24px;
font-weight: 700 !important;
}
.admin-vet__item {
font-size: 13px;
line-height: 24px;
}
.admin-vet__item__title {
text-transform: uppercase;
letter-spacing: 0.11em;
color: #A1A1A1;
}
.admin-vet__item__text a {
color: #5594F3;
}
.admin-vet__item__text a:hover {
color: #4476c2;
}
.admin-vet__item__my-vet {
display: -ms-flexbox;
display: flex;
-ms-flex-align: center;
align-items: center;
gap: 4px;
font-size: 13px;
line-height: 24px;
font-weight: 600;
color: #694374;
}
.admin-vet .admin-anchor--warning {
text-transform: uppercase;
letter-spacing: 0.11em;
}
/* Used for boxed vet section like on Add a Veterinarian search modal */
.admin-vet--secondary {
margin: 0;
padding: 16px;
border-radius: 8px;
border: 1px solid #D9D9D9;
display: -ms-flexbox;
display: flex;
-ms-flex-direction: column;
flex-direction: column;
}
/*------------------------------------*\
# component.accordion
\*------------------------------------*/
.admin-accordion {
display: -ms-flexbox;
display: flex;
-ms-flex-direction: column;
flex-direction: column;
gap: 16px;
}
.admin-accordion__header {
position: relative;
padding: 12px 56px 12px 16px;
font-size: 20px;
line-height: 32px;
border-radius: 8px;
background-color: #F3F4F9;
cursor: pointer;
}
.admin-accordion__header:focus-visible {
outline-offset: 3px;
outline: 2px dotted #694374;
}
.admin-accordion__header::after {
content: "";
position: absolute;
top: 50%;
right: 16px;
display: block;
width: 24px;
height: 24px;
background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg width='24' height='24' viewBox='0 0 24 24' xmlns='http://www.w3.org/2000/svg' fill='%23694374'%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M20.207 8.293a1 1 0 0 1 0 1.414l-7.5 7.5a1 1 0 0 1-1.414 0l-7.5-7.5a1 1 0 0 1 1.414-1.414L12 15.086l6.793-6.793a1 1 0 0 1 1.414 0z'/%3E%3C/svg%3E");
background-repeat: no-repeat;
background-position: center center;
background-size: contain;
-ms-transform: translateY(-50%);
transform: translateY(-50%);
}
.admin-accordion__header.is-active::after {
background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg width='24' height='24' viewBox='0 0 24 24' xmlns='http://www.w3.org/2000/svg' fill='%23694374'%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M3.793 15.707a1 1 0 0 1 0-1.414l7.5-7.5a1 1 0 0 1 1.414 0l7.5 7.5a1 1 0 0 1-1.414 1.414L12 8.914l-6.793 6.793a1 1 0 0 1-1.414 0z'/%3E%3C/svg%3E");
}
.admin-accordion__body {
display: none;
padding: 16px 0 0 24px;
font-size: 20px;
line-height: 32px;
}
/*------------------------------------*\
# component.faqs
\*------------------------------------*/
.admin-faqs__title {
margin-bottom: 20px;
font-size: 31px;
line-height: 40px;
}
/*------------------------------------*\
# component.enroll
\*------------------------------------*/
/* Used for the Enrollment home section when user is not enrolled */
.admin-enroll__home {
max-width: 71rem;
/* 1160px */
margin: auto;
padding: 0 16px;
text-align: center;
color: #212427;
}
@media (max-width: 48em) {
.admin-enroll__home {
padding: 36px 16px;
}
}
.admin-enroll__home--secondary {
padding: 16px 0;
}
@media (min-width: 48em) {
.admin-enroll__home--secondary {
padding: 76px 28px;
}
}
.admin-enroll__home__icon {
margin-bottom: 20px;
}
.admin-enroll__home__icon--secondary {
margin-bottom: 44px;
}
.admin-enroll__home__title {
margin-bottom: 20px;
font-size: 31px;
line-height: 40px;
}
.admin-enroll__home__text {
font-size: 20px;
line-height: 32px;
}
.admin-enroll__home__buttons {
display: -ms-flexbox;
display: flex;
-ms-flex-pack: center;
justify-content: center;
margin-top: 40px;
}
.admin-enroll__home__buttons a:first-child {
margin-right: 16px;
}
@media (max-width: 47.9375em) {
.admin-enroll__home__buttons{
-ms-flex-direction: column;
flex-direction: column;
}
.admin-enroll__home__buttons a:first-child {
margin-right: 0;
margin-bottom: 16px;
}
}
.admin-enroll__card {
max-width: 45rem;
/* 720px */
margin: auto;
padding: 16px;
border-radius: 16px;
border: 1px solid #D9D9D9;
background: #ffffff;
}
@media (min-width: 48em) {
.admin-enroll__card{
padding: 32px;
}
}
.admin-enroll__card__header {
position: relative;
margin-bottom: 32px;
}
.admin-enroll__card__header__title {
margin-bottom: 8px;
font-size: 25px;
line-height: 32px;
}
.admin-enroll__options__pet {
margin-bottom: 32px;
}
.admin-enroll__options__pet__section {
display: -ms-flexbox;
display: flex;
-ms-flex-direction: column;
flex-direction: column;
gap: 16px;
padding: 16px;
border-radius: 8px;
background-color: #F3F4F9;
}
.admin-enroll__options__pet__section--white {
padding: 12px 16px;
border-radius: 8px;
background-color: #ffffff;
}
.admin-enroll__options__pet__title {
margin-bottom: 4px;
font-size: 25px;
line-height: 32px;
}
.admin-enroll__options__pet__info {
display: -ms-flexbox;
display: flex;
-ms-flex-align: center;
align-items: center;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
gap: 4px 12px;
}
@media (min-width: 48em) {
.admin-enroll__options__pet__info{
gap: 12px;
}
}
.admin-enroll__options__pet__info span {
display: inline-block;
}
.admin-enroll__options__pet__info .separator {
width: 1px;
height: 12px;
background-color: #000000;
}
.admin-enroll__options__pet__total {
display: -ms-inline-flexbox;
display: inline-flex;
-ms-flex-pack: justify;
justify-content: space-between;
gap: 4px;
width: 100%;
}
.admin-enroll__options__pet__total p {
font-family: "Libre Baskerville", Times, serif;
font-size: 20px;
line-height: 32px;
}
@media (min-width: 48em) {
.admin-enroll__options__pet__total p{
font-size: 25px;
line-height: 32px;
}
}
.admin-enroll__options__pet__total .currency {
margin-top: 6px !important;
font-size: 12px !important;
line-height: 12px !important;
}
.admin-enroll__options__pet__total .fee {
font-size: 20px;
line-height: 32px;
}
@media (min-width: 48em) {
.admin-enroll__options__pet__total .fee{
font-size: 25px;
line-height: 32px;
}
}
@media (max-width: 47.9375em) {
.admin-enroll__options__pet__total .period{
font-size: 12px !important;
line-height: 27px !important;
}
}
.admin-enroll__options__selected {
padding: 24px 16px;
}
.admin-enroll__options__selected__title {
margin-bottom: 12px;
font-size: 20px;
line-height: 32px;
text-align: center;
}
.admin-enroll__options__selected__text:not(:last-child) {
margin-bottom: 8px;
}
.admin-enroll__options__plan__section {
padding-top: 16px;
border-top: 1px solid #D9D9D9;
}
.admin-enroll__options__plan__section:not(:first-child) {
margin-top: 16px;
}
.admin-enroll__options__plan__header {
margin-bottom: 8px;
}
@media (min-width: 48em) {
.admin-enroll__options__plan__header{
display: -ms-flexbox;
display: flex;
-ms-flex-pack: justify;
justify-content: space-between;
}
}
.admin-enroll__options__plan__header__title {
font-size: 25px;
line-height: 32px;
}
.admin-enroll__options__plan__list li:not(:last-child) {
margin-bottom: 4px;
}
.admin-enroll__options__plan__values {
display: -ms-flexbox;
display: flex;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
gap: 32px;
margin-bottom: 8px;
}
@media (max-width: 47.9375em) {
.admin-enroll__options__plan__values{
-ms-flex-direction: column;
flex-direction: column;
gap: 12px;
}
}
.admin-enroll__options__plan__values__item {
}
.admin-enroll__options__plan__values__title {
color: #000000;
}
.admin-enroll__options__packages {
margin-top: 16px;
padding-top: 32px;
border-top: 1px solid #D9D9D9;
}
.admin-enroll__options__packages__header {
margin-bottom: 32px;
}
.admin-enroll__options__packages__title {
margin-bottom: 4px;
font-size: 25px;
line-height: 32px;
text-align: center;
}
.admin-enroll__options__packages__subtitle {
display: block;
text-align: center;
color: #8C8C8C;
}
.admin-enroll__options__packages .package-label {
display: -ms-flexbox;
display: flex;
-ms-flex-pack: justify;
justify-content: space-between;
-ms-flex-align: start;
align-items: flex-start;
gap: 12px;
padding-top: 2px;
font-size: 16px !important;
line-height: 24px !important;
text-transform: initial;
letter-spacing: 0;
}
@media (max-width: 61.9375em) {
.admin-enroll__options__packages .package-label{
-ms-flex-direction: column;
flex-direction: column;
gap: 4px;
}
}
.admin-enroll__options__packages .package-label p {
font-family: "Libre Baskerville", Times, serif;
}
.admin-enroll__options__packages .package-label p span {
font-family: "Work Sans", -apple-system, BlinkMacSystemFont, "Segoe UI", "Roboto", "Oxygen", "Ubuntu", "Cantarell", "Fira Sans",
"Droid Sans", "Helvetica Neue", sans-serif, Helvetica, Arial, sans-serif;
}
.admin-enroll__options__packages .package-label a {
font-size: 13px;
line-height: 24px;
text-transform: uppercase;
letter-spacing: 0.11em;
color: #5594F3;
}
.admin-enroll__options__packages .package-label a:hover,
.admin-enroll__options__packages .package-label a:focus {
color: #4476c2;
}
.admin-enroll__options__packages .package-label .admin-enroll__price .currency {
font-size: 13px;
line-height: 18px;
}
@media (max-width: 61.9375em) {
.admin-enroll__options__packages .package-label .admin-enroll__price .fee{
font-size: 20px;
line-height: 32px;
}
}
.admin-enroll__options__links {
display: -ms-flexbox;
display: flex;
}
@media (max-width: 47.9375em) {
.admin-enroll__options__links{
-ms-flex-align: end;
align-items: flex-end;
-ms-flex-direction: column;
flex-direction: column;
gap: 4px;
}
}
@media (min-width: 48em) {
.admin-enroll__options__links{
-ms-flex-pack: end;
justify-content: flex-end;
-ms-flex-align: center;
align-items: center;
gap: 12px;
}
}
.admin-enroll__options__links__separator {
display: block;
width: 1px;
height: 12px;
background-color: #000000;
}
@media (max-width: 47.9375em) {
.admin-enroll__options__links__separator{
display: none;
}
}
.admin-enroll__options__links a {
-ms-flex-item-align: end;
align-self: flex-end;
}
.admin-enroll__options__footer--total {
margin-top: 32px;
padding-top: 32px;
border-top: 1px solid #D9D9D9;
}
.admin-enroll__options__footer--total__section:not(:last-child) {
margin-bottom: 32px;
}
.admin-enroll__options__footer--total__name {
margin-bottom: 4px;
font-size: 20px;
line-height: 32px;
}
.admin-enroll__options__footer--total__row {
display: -ms-flexbox;
display: flex;
-ms-flex-pack: justify;
justify-content: space-between;
gap: 8px;
}
.admin-enroll__options__footer--total__due {
display: -ms-flexbox;
display: flex;
-ms-flex-pack: justify;
justify-content: space-between;
gap: 8px;
}
.admin-enroll__price {
display: -ms-flexbox;
display: flex;
font-family: "Libre Baskerville", Times, serif;
font-size: 25px;
line-height: 32px;
}
.admin-enroll__price .currency {
margin-top: 4px;
font-size: 16px;
line-height: 12px;
}
.admin-enroll__price .period {
-ms-flex-item-align: end;
align-self: flex-end;
font-family: "Work Sans", -apple-system, BlinkMacSystemFont, "Segoe UI", "Roboto", "Oxygen", "Ubuntu", "Cantarell", "Fira Sans",
"Droid Sans", "Helvetica Neue", sans-serif, Helvetica, Arial, sans-serif;
font-size: 16px;
line-height: 28px;
text-transform: lowercase;
}
.admin-enroll__checkbox {
display: -ms-flexbox;
display: flex;
gap: 20px;
width: 100%;
margin-bottom: 32px;
padding: 24px 16px;
border-radius: 8px;
border: 1px solid #F3F4F9;
background-color: #F3F4F9;
}
.admin-enroll__checkbox__body {
-ms-flex: 1;
flex: 1;
}
.admin-enroll__checkbox.is-active {
border: 1px solid #694374;
}
.admin-enroll__credit-card__wrapper {
padding: 16px;
border-radius: 8px;
background-color: #F3F4F9;
}
.admin-enroll__credit-card__section:not(:last-child) {
margin-bottom: 16px;
padding-bottom: 16px;
border-bottom: 1px solid #D9D9D9;
}
.admin-enroll__credit-card__section--alt {
margin-bottom: 24px;
border-bottom: 1px solid rgba(33, 36, 39, 0.1);
}
.admin-enroll__credit-card__title {
font-family: Manrope;
font-size: 16px;
font-weight: 700;
line-height: 24px;
text-align: left;
margin-bottom: 12px;
}
@media (min-width: 45em) {
.admin-enroll__credit-card__title {
font-size: 20px;
line-height: 32px;
}
}
/*------------------------------------*\
# component.dropdown
\*------------------------------------*/
.admin-dropdown--action {
position: relative;
}
.admin-dropdown--action__button {
display: -ms-flexbox;
display: flex;
-ms-flex-align: center;
align-items: center;
gap: 4px;
color: #694374;
border: 0;
background-color: transparent;
}
.admin-dropdown--action__button:hover,
.admin-dropdown--action__button:active {
color: #7E5E88;
}
.admin-dropdown--action__button:hover .admin-icon--caret--line-bottom, .admin-dropdown--action__button:active .admin-icon--caret--line-bottom {
background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg width='24' height='24' viewBox='0 0 24 24' xmlns='http://www.w3.org/2000/svg' fill='%237E5E88'%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M20.207 8.293a1 1 0 0 1 0 1.414l-7.5 7.5a1 1 0 0 1-1.414 0l-7.5-7.5a1 1 0 0 1 1.414-1.414L12 15.086l6.793-6.793a1 1 0 0 1 1.414 0z'/%3E%3C/svg%3E");
}
.admin-dropdown--action__button:focus-visible {
outline-offset: 3px;
outline: 2px dotted #694374;
border-radius: 2px;
}
.admin-dropdown--action__list {
z-index: 2;
position: absolute;
top: 100%;
left: 0;
display: none;
width: 100%;
padding: 16px;
border-radius: 8px;
background: #ffffff;
box-shadow: 0px 2px 4px -2px rgba(24, 39, 75, 0.12), 0px 4px 4px -2px rgba(24, 39, 75, 0.08);
}
.admin-dropdown--action__list__item:not(:last-child) {
margin-bottom: 8px;
padding-bottom: 8px;
border-bottom: 1px solid #D9D9D9;
}
.admin-dropdown--action__list__link {
color: #000000 !important;
}
.admin-dropdown--action__list__link:hover,
.admin-dropdown--action__list__link:active,
.admin-dropdown--action__list__link:focus {
color: #4476c2 !important;
}
.admin-dropdown--action__list.is-open {
display: block;
}
/*------------------------------------*\
# component.accessibility
\*------------------------------------*/
.skip-main {
z-index: -999;
overflow: hidden;
position: absolute;
top: auto;
left: -999px;
width: 1px;
height: 1px;
}
/**
* Utils .......... reusable utilities such as floats, spacers etc.
*/
/*------------------------------------*\
# utils.grid
\*------------------------------------*/
/**
* Small grid
*/
.col-sml-1 {
width: 8.33333%;
}
.col-sml-2 {
width: 16.66667%;
}
.col-sml-3 {
width: 25%;
}
.col-sml-4 {
width: 33.33333%;
}
.col-sml-5 {
width: 41.66667%;
}
.col-sml-6 {
width: 50%;
}
.col-sml-7 {
width: 58.33333%;
}
.col-sml-8 {
width: 66.66667%;
}
.col-sml-9 {
width: 75%;
}
.col-sml-10 {
width: 83.33333%;
}
.col-sml-11 {
width: 91.66667%;
}
.col-sml-12 {
width: 100%;
}
/**
* Medium grid
*/
@media (min-width: 34em) {
.col-med-1 {
width: 8.33333%;
}
.col-med-2 {
width: 16.66667%;
}
.col-med-3 {
width: 25%;
}
.col-med-4 {
width: 33.33333%;
}
.col-med-5 {
width: 41.66667%;
}
.col-med-6 {
width: 50%;
}
.col-med-7 {
width: 58.33333%;
}
.col-med-8 {
width: 66.66667%;
}
.col-med-9 {
width: 75%;
}
.col-med-10 {
width: 83.33333%;
}
.col-med-11 {
width: 91.66667%;
}
.col-med-12 {
width: 100%;
}
}
/**
* Large grid
*/
@media (min-width: 48em) {
.col-lrg-1 {
width: 8.33333%;
}
.col-lrg-2 {
width: 16.66667%;
}
.col-lrg-3 {
width: 25%;
}
.col-lrg-4 {
width: 33.33333%;
}
.col-lrg-5 {
width: 41.66667%;
}
.col-lrg-6 {
width: 50%;
}
.col-lrg-7 {
width: 58.33333%;
}
.col-lrg-8 {
width: 66.66667%;
}
.col-lrg-9 {
width: 75%;
}
.col-lrg-10 {
width: 83.33333%;
}
.col-lrg-11 {
width: 91.66667%;
}
.col-lrg-12 {
width: 100%;
}
}
/**
* XLarge grid
*/
@media (min-width: 62em) {
.col-xlrg-1 {
width: 8.33333%;
}
.col-xlrg-2 {
width: 16.66667%;
}
.col-xlrg-3 {
width: 25%;
}
.col-xlrg-4 {
width: 33.33333%;
}
.col-xlrg-5 {
width: 41.66667%;
}
.col-xlrg-6 {
width: 50%;
}
.col-xlrg-7 {
width: 58.33333%;
}
.col-xlrg-8 {
width: 66.66667%;
}
.col-xlrg-9 {
width: 75%;
}
.col-xlrg-10 {
width: 83.33333%;
}
.col-xlrg-11 {
width: 91.66667%;
}
.col-xlrg-12 {
width: 100%;
}
}
/**
* XXLarge grid
*/
@media (min-width: 75em) {
.col-xxlrg-1 {
width: 8.33333%;
}
.col-xxlrg-2 {
width: 16.66667%;
}
.col-xxlrg-3 {
width: 25%;
}
.col-xxlrg-4 {
width: 33.33333%;
}
.col-xxlrg-5 {
width: 41.66667%;
}
.col-xxlrg-6 {
width: 50%;
}
.col-xxlrg-7 {
width: 58.33333%;
}
.col-xxlrg-8 {
width: 66.66667%;
}
.col-xxlrg-9 {
width: 75%;
}
.col-xxlrg-10 {
width: 83.33333%;
}
.col-xxlrg-11 {
width: 91.66667%;
}
.col-xxlrg-12 {
width: 100%;
}
}
/* Specials */
.col-fifth {
width: 100%;
}
@media (min-width: 34em) {
.col-fifth{
width: 50%;
}
}
@media (min-width: 48em) {
.col-fifth{
width: 50%;
}
}
@media (min-width: 62em) {
.col-fifth{
width: 33.33333%;
}
}
@media (min-width: 75em) {
.col-fifth{
width: 33.33333%;
}
}
@media (min-width: 90em) {
.col-fifth{
width: 20%;
}
}
/*------------------------------------*\
# utils.type
\*------------------------------------*/
/**
* Font letterform
*/
.u-type--sans {
font-family: "Work Sans", -apple-system, BlinkMacSystemFont, "Segoe UI", "Roboto", "Oxygen", "Ubuntu", "Cantarell", "Fira Sans",
"Droid Sans", "Helvetica Neue", sans-serif, Helvetica, Arial, sans-serif !important;
}
.u-type--serif {
font-family: "Libre Baskerville", Times, serif;
}
/**
* Font sizes
*/
.u-type--micro {
font-size: 10px;
line-height: 12px;
}
.u-type--micro--alt {
font-size: 10px;
line-height: 24px;
}
.u-type--tny {
font-size: 11px;
line-height: 18px;
}
.u-type--xsml {
font-size: 12px;
line-height: 18px;
}
.u-type--sml {
font-size: 13px;
line-height: 18px;
}
.u-type--sml--alt {
font-size: 13px;
line-height: 24px;
}
.u-type--base {
font-size: 16px;
line-height: 24px;
}
.u-type--base--alt {
font-size: 16px !important;
line-height: 24px !important;
}
.u-type--med {
font-size: 20px;
line-height: 32px;
}
.u-type--lrg {
font-size: 25px;
line-height: 32px;
}
.u-type--xlrg {
font-size: 31px;
line-height: 44px;
}
/**
* Font weights
*/
.u-type--wgt--regular {
font-weight: 400;
}
.u-type--wgt--medium {
font-weight: 500;
}
.u-type--wgt--semibold {
font-weight: 600;
}
.u-type--wgt--bold {
font-weight: 700;
}
.u-type--style--italic {
font-style: italic;
}
.u-type--style--normal {
font-style: normal;
}
.u-type--style--oblique {
font-style: oblique;
}
/**
* Type colors
*/
.u-type--color--text {
color: #000000;
}
.u-type--color--text--light {
color: #8C8C8C;
}
.u-type--color--opaque {
color: rgba(255, 255, 255, 0.6);
}
.u-type--color--primary {
color: #694374;
}
.u-type--color--secondary {
color: #01B2AA;
}
.u-type--color--negative {
color: white;
}
.u-type--color--plum {
color: #302A2E;
}
.u-type--color--warning {
color: #B82027;
}
.u-type--color--success {
color: #15C126;
}
.u-type--color--note {
color: #E0B13D;
}
.u-type--color--disabled {
color: #A1A1A1;
}
.u-type--color--dark-grey {
color: #7e7e7e;
}
.u-type--color--light-grey {
color: #b8b8b8;
}
.u-type--link {
display: inline-block;
color: #694374;
cursor: pointer;
transition: 250ms all ease-in-out;
}
.u-type--link:hover {
color: rgba(243, 63, 255, 0.8);
}
.u-type--link--popup {
color: #5594F3;
cursor: pointer;
}
.u-type--link--popup:hover {
color: rgba(85, 148, 243, 0.7);
}
/**
* Type case
*/
.u-type--uppercase {
text-transform: uppercase;
}
.u-type--lowercase {
text-transform: lowercase;
}
.u-type--transform--initial {
text-transform: initial;
}
.u-type--narrow {
letter-spacing: 0.0625em;
}
.u-type--wide {
letter-spacing: 0.125em;
}
/**
* Type positioning
*/
.u-type--center {
text-align: center;
}
.u-type--left {
text-align: left;
}
.u-type--right {
text-align: right;
}
/*------------------------------------*\
# utils.cursor
\*------------------------------------*/
.u-cursor--pointer {
cursor: pointer;
}
.u-cursor--grab {
cursor: grab;
}
/*------------------------------------*\
# utils.display
\*------------------------------------*/
.display--i {
display: inline;
}
.display--b {
display: block;
}
.display--ib {
display: inline-block;
}
.display--none {
display: none;
}
.display--grid {
display: -ms-grid;
display: grid;
}
.display--flex {
display: -ms-flexbox;
display: flex;
}
.display--flex--jc--center {
-ms-flex-pack: center;
justify-content: center;
}
.display--flex--jc--space-between {
-ms-flex-pack: justify;
justify-content: space-between;
}
.display--flex--jc--flex-start {
-ms-flex-pack: start;
justify-content: flex-start;
}
.display--flex--jc--flex-end {
-ms-flex-pack: end;
justify-content: flex-end;
}
.display--flex--ai--center {
-ms-flex-align: center;
align-items: center;
}
.display--flex--ai--flex-start {
-ms-flex-align: start;
align-items: flex-start;
}
.display--flex--ai--flex-end {
-ms-flex-align: end;
align-items: flex-end;
}
.display--flex--ai--baseline {
-ms-flex-align: baseline;
align-items: baseline;
}
.display--flex--as--flex-end {
-ms-flex-item-align: end;
align-self: flex-end;
}
.display--flex--direction--column {
-ms-flex-direction: column;
flex-direction: column;
}
.display--flex--wrap {
-ms-flex-wrap: wrap;
flex-wrap: wrap;
}
/*------------------------------------*\
# utils.margins
\*------------------------------------*/
.u-ma {
margin: auto;
}
.u-mt--sml--1 {
margin-top: 4px;
}
.u-mt--sml--2 {
margin-top: 8px;
}
.u-mt--sml--3 {
margin-top: 12px;
}
.u-mt--sml--4 {
margin-top: 16px;
}
.u-mt--sml--5 {
margin-top: 20px;
}
.u-mt--sml--6 {
margin-top: 24px;
}
.u-mt--sml--7 {
margin-top: 28px;
}
.u-mt--sml--8 {
margin-top: 32px;
}
.u-mt--sml--10 {
margin-top: 40px;
}
@media (min-width: 34em) {
.u-mt--med--1 {
margin-top: 4px;
}
.u-mt--med--2 {
margin-top: 8px;
}
.u-mt--med--3 {
margin-top: 12px;
}
.u-mt--med--4 {
margin-top: 16px;
}
.u-mt--med--5 {
margin-top: 20px;
}
}
@media (max-width: 47.9375em) {
.u-mt--to--med--10 {
margin-top: 40px;
}
}
@media (min-width: 48em) {
.u-mt--lrg--1 {
margin-top: 4px;
}
.u-mt--lrg--2 {
margin-top: 8px;
}
.u-mt--lrg--3 {
margin-top: 12px;
}
.u-mt--lrg--4 {
margin-top: 16px;
}
.u-mt--lrg--5 {
margin-top: 20px;
}
}
@media (max-width: 61.9375em) {
.u-mt--to--lrg--10 {
margin-top: 40px;
}
}
@media (min-width: 62em) {
.u-mt--xlrg--1 {
margin-top: 4px;
}
.u-mt--xlrg--2 {
margin-top: 8px;
}
.u-mt--xlrg--3 {
margin-top: 12px;
}
.u-mt--xlrg--4 {
margin-top: 16px;
}
.u-mt--xlrg--5 {
margin-top: 20px;
}
}
@media (min-width: 75em) {
.u-mt--xxlrg--1 {
margin-top: 4px;
}
.u-mt--xxlrg--2 {
margin-top: 8px;
}
.u-mt--xxlrg--3 {
margin-top: 12px;
}
.u-mt--xxlrg--4 {
margin-top: 16px;
}
.u-mt--xxlrg--5 {
margin-top: 20px;
}
}
@media (min-width: 90em) {
.u-mt--huge--1 {
margin-top: 4px;
}
.u-mt--huge--2 {
margin-top: 8px;
}
.u-mt--huge--3 {
margin-top: 12px;
}
.u-mt--huge--4 {
margin-top: 16px;
}
.u-mt--huge--5 {
margin-top: 20px;
}
}
.u-mr--sml--1 {
margin-right: 4px;
}
.u-mr--sml--2 {
margin-right: 8px;
}
.u-mr--sml--3 {
margin-right: 12px;
}
.u-mr--sml--4 {
margin-right: 16px;
}
.u-mr--sml--5 {
margin-right: 20px;
}
.u-mr--sml--6 {
margin-right: 24px;
}
.u-mr--sml--8 {
margin-right: 32px;
}
@media (min-width: 34em) {
.u-mr--med--1 {
margin-right: 4px;
}
.u-mr--med--2 {
margin-right: 8px;
}
.u-mr--med--3 {
margin-right: 12px;
}
.u-mr--med--4 {
margin-right: 16px;
}
.u-mr--med--5 {
margin-right: 20px;
}
}
@media (min-width: 48em) {
.u-mr--lrg--1 {
margin-right: 4px;
}
.u-mr--lrg--2 {
margin-right: 8px;
}
.u-mr--lrg--3 {
margin-right: 12px;
}
.u-mr--lrg--4 {
margin-right: 16px;
}
.u-mr--lrg--5 {
margin-right: 20px;
}
}
@media (min-width: 62em) {
.u-mr--xlrg--1 {
margin-right: 4px;
}
.u-mr--xlrg--2 {
margin-right: 8px;
}
.u-mr--xlrg--3 {
margin-right: 12px;
}
.u-mr--xlrg--4 {
margin-right: 16px;
}
.u-mr--xlrg--5 {
margin-right: 20px;
}
}
@media (min-width: 75em) {
.u-mr--xxlrg--1 {
margin-right: 4px;
}
.u-mr--xxlrg--2 {
margin-right: 8px;
}
.u-mr--xxlrg--3 {
margin-right: 12px;
}
.u-mr--xxlrg--4 {
margin-right: 16px;
}
.u-mr--xxlrg--5 {
margin-right: 20px;
}
}
@media (min-width: 90em) {
.u-mr--huge--1 {
margin-right: 4px;
}
.u-mr--huge--2 {
margin-right: 8px;
}
.u-mr--huge--3 {
margin-right: 12px;
}
.u-mr--huge--4 {
margin-right: 16px;
}
.u-mr--huge--5 {
margin-right: 20px;
}
}
.u-mb--sml--0 {
margin-bottom: 0 !important;
}
.u-mb--sml--1 {
margin-bottom: 4px !important;
}
.u-mb--sml--2 {
margin-bottom: 8px;
}
.u-mb--sml--3 {
margin-bottom: 12px;
}
.u-mb--sml--4 {
margin-bottom: 16px;
}
.u-mb--sml--5 {
margin-bottom: 20px;
}
.u-mb--sml--6 {
margin-bottom: 24px;
}
.u-mb--sml--7 {
margin-bottom: 28px;
}
.u-mb--sml--8 {
margin-bottom: 32px;
}
.u-mb--sml--10 {
margin-bottom: 40px;
}
.u-mb--sml--12 {
margin-bottom: 48px;
}
@media (min-width: 34em) {
.u-mb--med--1 {
margin-bottom: 4px;
}
.u-mb--med--2 {
margin-bottom: 8px;
}
.u-mb--med--3 {
margin-bottom: 12px;
}
.u-mb--med--4 {
margin-bottom: 16px;
}
.u-mb--med--5 {
margin-bottom: 20px;
}
}
@media (min-width: 48em) {
.u-mb--lrg--0 {
margin-bottom: 0;
}
.u-mb--lrg--1 {
margin-bottom: 4px;
}
.u-mb--lrg--2 {
margin-bottom: 8px;
}
.u-mb--lrg--3 {
margin-bottom: 12px;
}
.u-mb--lrg--4 {
margin-bottom: 16px;
}
.u-mb--lrg--5 {
margin-bottom: 20px;
}
.u-mb--lrg--6 {
margin-bottom: 24px;
}
}
@media (max-width: 61.9375em) {
.u-mb--to--lrg--7 {
margin-bottom: 28px;
}
.u-mb--to--lrg--8 {
margin-bottom: 32px;
}
}
@media (min-width: 62em) {
.u-mb--xlrg--1 {
margin-bottom: 4px;
}
.u-mb--xlrg--2 {
margin-bottom: 8px;
}
.u-mb--xlrg--3 {
margin-bottom: 12px;
}
.u-mb--xlrg--4 {
margin-bottom: 16px;
}
.u-mb--xlrg--5 {
margin-bottom: 20px;
}
}
@media (min-width: 75em) {
.u-mb--xxlrg--1 {
margin-bottom: 4px;
}
.u-mb--xxlrg--2 {
margin-bottom: 8px;
}
.u-mb--xxlrg--3 {
margin-bottom: 12px;
}
.u-mb--xxlrg--4 {
margin-bottom: 16px;
}
.u-mb--xxlrg--5 {
margin-bottom: 20px;
}
}
@media (min-width: 90em) {
.u-mb--huge--1 {
margin-bottom: 4px;
}
.u-mb--huge--2 {
margin-bottom: 8px;
}
.u-mb--huge--3 {
margin-bottom: 12px;
}
.u-mb--huge--4 {
margin-bottom: 16px;
}
.u-mb--huge--5 {
margin-bottom: 20px;
}
}
.u-ml--sml--1 {
margin-left: 4px;
}
.u-ml--sml--2 {
margin-left: 8px;
}
.u-ml--sml--3 {
margin-left: 12px;
}
.u-ml--sml--4 {
margin-left: 16px;
}
.u-ml--sml--5 {
margin-left: 20px;
}
.u-ml--sml--6 {
margin-left: 24px;
}
.u-ml--sml--8 {
margin-left: 24px;
}
@media (min-width: 34em) {
.u-ml--med--1 {
margin-left: 4px;
}
.u-ml--med--2 {
margin-left: 8px;
}
.u-ml--med--3 {
margin-left: 12px;
}
.u-ml--med--4 {
margin-left: 16px;
}
.u-ml--med--5 {
margin-left: 20px;
}
}
@media (min-width: 48em) {
.u-ml--lrg--1 {
margin-left: 4px;
}
.u-ml--lrg--2 {
margin-left: 8px;
}
.u-ml--lrg--3 {
margin-left: 12px;
}
.u-ml--lrg--4 {
margin-left: 16px;
}
.u-ml--lrg--5 {
margin-left: 20px;
}
}
@media (min-width: 62em) {
.u-ml--xlrg--1 {
margin-left: 4px;
}
.u-ml--xlrg--2 {
margin-left: 8px;
}
.u-ml--xlrg--3 {
margin-left: 12px;
}
.u-ml--xlrg--4 {
margin-left: 16px;
}
.u-ml--xlrg--5 {
margin-left: 20px;
}
}
@media (min-width: 75em) {
.u-ml--xxlrg--1 {
margin-left: 4px;
}
.u-ml--xxlrg--2 {
margin-left: 8px;
}
.u-ml--xxlrg--3 {
margin-left: 12px;
}
.u-ml--xxlrg--4 {
margin-left: 16px;
}
.u-ml--xxlrg--5 {
margin-left: 20px;
}
}
@media (min-width: 90em) {
.u-ml--huge--1 {
margin-left: 4px;
}
.u-ml--huge--2 {
margin-left: 8px;
}
.u-ml--huge--3 {
margin-left: 12px;
}
.u-ml--huge--4 {
margin-left: 16px;
}
.u-ml--huge--5 {
margin-left: 20px;
}
}
/*------------------------------------*\
# utils.overflow
\*------------------------------------*/
.overflow--x-scroll {
overflow-x: scroll;
}
.overflow--y-scroll {
overflow-y: scroll;
}
.overflow--hidden {
overflow: hidden;
}
.overflow--auto {
overflow: auto;
}
/*------------------------------------*\
# util.paddings
\*------------------------------------*/
/**
* you can use custom multiplyer for huge spacing
* $custom: 15;
* You can use spacers by axis
---------------------------------
-- x-axis -> left & right --
-- y-axis -> top & bottom --
---------------------------------
*/
.u-padd--0 {
padding: 0;
}
.u-padd--19 {
padding: 76px;
}
/* Padding top */
.u-pt--sml--0 {
padding-top: 0;
}
.u-pt--sml--1 {
padding-top: 4px;
}
.u-pt--sml--2 {
padding-top: 8px;
}
.u-pt--sml--3 {
padding-top: 12px;
}
.u-pt--sml--4 {
padding-top: 16px;
}
.u-pt--sml--5 {
padding-top: 20px;
}
@media (min-width: 34em) {
.u-pt--med--0 {
padding-top: 0;
}
.u-pt--med--1 {
padding-top: 4px;
}
.u-pt--med--2 {
padding-top: 8px;
}
.u-pt--med--3 {
padding-top: 12px;
}
.u-pt--med--4 {
padding-top: 16px;
}
.u-pt--med--5 {
padding-top: 20px;
}
}
@media (min-width: 48em) {
.u-pt--lrg--0 {
padding-top: 0;
}
.u-pt--lrg--1 {
padding-top: 4px;
}
.u-pt--lrg--2 {
padding-top: 8px;
}
.u-pt--lrg--3 {
padding-top: 12px;
}
.u-pt--lrg--4 {
padding-top: 16px;
}
.u-pt--lrg--5 {
padding-top: 20px;
}
}
@media (min-width: 62em) {
.u-pt--xlrg--0 {
padding-top: 0;
}
.u-pt--xlrg--1 {
padding-top: 4px;
}
.u-pt--xlrg--2 {
padding-top: 8px;
}
.u-pt--xlrg--3 {
padding-top: 12px;
}
.u-pt--xlrg--4 {
padding-top: 16px;
}
.u-pt--xlrg--5 {
padding-top: 20px;
}
}
@media (min-width: 75em) {
.u-pt--xxlrg--0 {
padding-top: 0;
}
.u-pt--xxlrg--1 {
padding-top: 4px;
}
.u-pt--xxlrg--2 {
padding-top: 8px;
}
.u-pt--xxlrg--3 {
padding-top: 12px;
}
.u-pt--xxlrg--4 {
padding-top: 16px;
}
.u-pt--xxlrg--5 {
padding-top: 20px;
}
}
@media (min-width: 90em) {
.u-pt--huge--0 {
padding-top: 0;
}
.u-pt--huge--1 {
padding-top: 4px;
}
.u-pt--huge--2 {
padding-top: 8px;
}
.u-pt--huge--3 {
padding-top: 12px;
}
.u-pt--huge--4 {
padding-top: 16px;
}
.u-pt--huge--5 {
padding-top: 20px;
}
}
/* Padding right */
.u-pr--sml--0 {
padding-right: 0;
}
.u-pr--sml--1 {
padding-right: 4px;
}
.u-pr--sml--2 {
padding-right: 8px;
}
.u-pr--sml--3 {
padding-right: 12px;
}
.u-pr--sml--4 {
padding-right: 16px;
}
.u-pr--sml--5 {
padding-right: 20px;
}
@media (min-width: 34em) {
.u-pr--med--0 {
padding-right: 0;
}
.u-pr--med--1 {
padding-right: 4px;
}
.u-pr--med--2 {
padding-right: 8px;
}
.u-pr--med--3 {
padding-right: 12px;
}
.u-pr--med--4 {
padding-right: 16px;
}
.u-pr--med--5 {
padding-right: 20px;
}
}
@media (min-width: 48em) {
.u-pr--lrg--0 {
padding-right: 0;
}
.u-pr--lrg--1 {
padding-right: 4px;
}
.u-pr--lrg--2 {
padding-right: 8px;
}
.u-pr--lrg--3 {
padding-right: 12px;
}
.u-pr--lrg--4 {
padding-right: 16px;
}
.u-pr--lrg--5 {
padding-right: 20px;
}
}
@media (min-width: 62em) {
.u-pr--xlrg--0 {
padding-right: 0;
}
.u-pr--xlrg--1 {
padding-right: 4px;
}
.u-pr--xlrg--2 {
padding-right: 8px;
}
.u-pr--xlrg--3 {
padding-right: 12px;
}
.u-pr--xlrg--4 {
padding-right: 16px;
}
.u-pr--xlrg--5 {
padding-right: 20px;
}
}
@media (min-width: 75em) {
.u-pr--xxlrg--0 {
padding-right: 0;
}
.u-pr--xxlrg--1 {
padding-right: 4px;
}
.u-pr--xxlrg--2 {
padding-right: 8px;
}
.u-pr--xxlrg--3 {
padding-right: 12px;
}
.u-pr--xxlrg--4 {
padding-right: 16px;
}
.u-pr--xxlrg--5 {
padding-right: 20px;
}
}
@media (min-width: 90em) {
.u-pr--huge--0 {
padding-right: 0;
}
.u-pr--huge--1 {
padding-right: 4px;
}
.u-pr--huge--2 {
padding-right: 8px;
}
.u-pr--huge--3 {
padding-right: 12px;
}
.u-pr--huge--4 {
padding-right: 16px;
}
.u-pr--huge--5 {
padding-right: 20px;
}
}
/* Padding bottom */
.u-pb--sml--0 {
padding-bottom: 0;
}
.u-pb--sml--1 {
padding-bottom: 4px;
}
.u-pb--sml--2 {
padding-bottom: 8px;
}
.u-pb--sml--3 {
padding-bottom: 12px;
}
.u-pb--sml--4 {
padding-bottom: 16px;
}
.u-pb--sml--5 {
padding-bottom: 20px;
}
.u-pb--sml--8 {
padding-bottom: 32px;
}
@media (min-width: 34em) {
.u-pb--med--0 {
padding-bottom: 0;
}
.u-pb--med--1 {
padding-bottom: 4px;
}
.u-pb--med--2 {
padding-bottom: 8px;
}
.u-pb--med--3 {
padding-bottom: 12px;
}
.u-pb--med--4 {
padding-bottom: 16px;
}
.u-pb--med--5 {
padding-bottom: 20px;
}
}
@media (min-width: 48em) {
.u-pb--lrg--0 {
padding-bottom: 0;
}
.u-pb--lrg--1 {
padding-bottom: 4px;
}
.u-pb--lrg--2 {
padding-bottom: 8px;
}
.u-pb--lrg--3 {
padding-bottom: 12px;
}
.u-pb--lrg--4 {
padding-bottom: 16px;
}
.u-pb--lrg--5 {
padding-bottom: 20px;
}
}
@media (min-width: 62em) {
.u-pb--xlrg--0 {
padding-bottom: 0;
}
.u-pb--xlrg--1 {
padding-bottom: 4px;
}
.u-pb--xlrg--2 {
padding-bottom: 8px;
}
.u-pb--xlrg--3 {
padding-bottom: 12px;
}
.u-pb--xlrg--4 {
padding-bottom: 16px;
}
.u-pb--xlrg--5 {
padding-bottom: 20px;
}
}
@media (min-width: 75em) {
.u-pb--xxlrg--0 {
padding-bottom: 0;
}
.u-pb--xxlrg--1 {
padding-bottom: 4px;
}
.u-pb--xxlrg--2 {
padding-bottom: 8px;
}
.u-pb--xxlrg--3 {
padding-bottom: 12px;
}
.u-pb--xxlrg--4 {
padding-bottom: 16px;
}
.u-pb--xxlrg--5 {
padding-bottom: 20px;
}
}
@media (min-width: 90em) {
.u-pb--huge--0 {
padding-bottom: 0;
}
.u-pb--huge--1 {
padding-bottom: 4px;
}
.u-pb--huge--2 {
padding-bottom: 8px;
}
.u-pb--huge--3 {
padding-bottom: 12px;
}
.u-pb--huge--4 {
padding-bottom: 16px;
}
.u-pb--huge--5 {
padding-bottom: 20px;
}
}
/* Padding left */
.u-pl--sml--0 {
padding-left: 0;
}
.u-pl--sml--1 {
padding-left: 4px;
}
.u-pl--sml--2 {
padding-left: 8px;
}
.u-pl--sml--3 {
padding-left: 12px;
}
.u-pl--sml--4 {
padding-left: 16px;
}
.u-pl--sml--5 {
padding-left: 20px;
}
@media (min-width: 34em) {
.u-pl--med--0 {
padding-left: 0;
}
.u-pl--med--1 {
padding-left: 4px;
}
.u-pl--med--2 {
padding-left: 8px;
}
.u-pl--med--3 {
padding-left: 12px;
}
.u-pl--med--4 {
padding-left: 16px;
}
.u-pl--med--5 {
padding-left: 20px;
}
}
@media (min-width: 48em) {
.u-pl--lrg--0 {
padding-left: 0;
}
.u-pl--lrg--1 {
padding-left: 4px;
}
.u-pl--lrg--2 {
padding-left: 8px;
}
.u-pl--lrg--3 {
padding-left: 12px;
}
.u-pl--lrg--4 {
padding-left: 16px;
}
.u-pl--lrg--5 {
padding-left: 20px;
}
}
@media (min-width: 62em) {
.u-pl--xlrg--0 {
padding-left: 0;
}
.u-pl--xlrg--1 {
padding-left: 4px;
}
.u-pl--xlrg--2 {
padding-left: 8px;
}
.u-pl--xlrg--3 {
padding-left: 12px;
}
.u-pl--xlrg--4 {
padding-left: 16px;
}
.u-pl--xlrg--5 {
padding-left: 20px;
}
}
@media (min-width: 75em) {
.u-pl--xxlrg--0 {
padding-left: 0;
}
.u-pl--xxlrg--1 {
padding-left: 4px;
}
.u-pl--xxlrg--2 {
padding-left: 8px;
}
.u-pl--xxlrg--3 {
padding-left: 12px;
}
.u-pl--xxlrg--4 {
padding-left: 16px;
}
.u-pl--xxlrg--5 {
padding-left: 20px;
}
}
@media (min-width: 90em) {
.u-pl--huge--0 {
padding-left: 0;
}
.u-pl--huge--1 {
padding-left: 4px;
}
.u-pl--huge--2 {
padding-left: 8px;
}
.u-pl--huge--3 {
padding-left: 12px;
}
.u-pl--huge--4 {
padding-left: 16px;
}
.u-pl--huge--5 {
padding-left: 20px;
}
}
/*------------------------------------*\
# utils.position
\*------------------------------------*/
.position--stc {
position: static;
}
.position--stk {
position: -webkit-sticky;
position: sticky;
}
.position--rel {
position: relative;
}
.position--fix {
position: fixed;
}
.position--abs {
position: absolute;
}
/*------------------------------------*\
# utils.radius
\*------------------------------------*/
.radius--base {
border-radius: 16px;
}
.radius--full {
border-radius: 1000px;
}
/*------------------------------------*\
# utils.separator
* use separators exclusively on <
*div> elements
\*------------------------------------*/
.u-separator--primary {
border-bottom: 1px solid rgba(140, 140, 140, 0.3);
margin-bottom: 12px;
margin-top: 12px;
}
@media (min-width: 62em) {
.u-separator--primary{
margin-bottom: 16px;
margin-top: 16px;
}
}
.u-separator--primary--sml {
margin: 12px 0;
}
.u-separator--last:last-child {
border-bottom: 1px solid transparent;
}
.u-separator--or-line {
position: relative;
padding: 16px 0;
text-align: center;
}
.u-separator--or-line::before {
content: "";
position: absolute;
top: 50%;
left: 0;
display: block;
width: 100%;
height: 1px;
background-color: #694374;
}
.u-separator--or-line span {
z-index: 2;
position: relative;
display: inline-block;
padding: 0 16px;
color: #694374;
background-color: #ffffff;
}
/*------------------------------------*\
# utils.icon
\*------------------------------------*/
.admin-icon {
display: inline-block;
background-repeat: no-repeat;
background-position: center center;
vertical-align: middle;
background-size: contain;
transition: all 250ms ease-out;
}
.admin-icon--micro {
min-width: 12px;
height: 12px;
background-size: 12px;
}
.admin-icon--tny {
min-width: 16px;
height: 16px;
background-size: 16px;
}
.admin-icon--xxsml {
min-width: 20px;
height: 20px;
background-size: 20px;
}
.admin-icon--xsml {
min-width: 24px;
height: 24px;
background-size: 24px;
}
.admin-icon--sml {
min-width: 28px;
height: 28px;
background-size: 28px;
}
.admin-icon--base {
width: 32px;
height: 32px;
background-size: 32px;
}
.admin-icon--med {
min-width: 36px;
height: 36px;
background-size: 36px;
}
.admin-icon--lrg {
width: 48px;
height: 48px;
background-size: 48px;
}
.admin-icon--xlrg {
width: 52px;
height: 52px;
background-size: 52px;
}
.admin-icon--xxlrg {
width: 60px;
height: 60px;
background-size: 60px;
}
/* &--xxlrg {
width: calc($unita * 12);
height: calc($unita * 12);
} */
.admin-icon--huge {
width: 120px;
height: 120px;
}
.admin-icon--arrow-right {
background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg width='24' height='24' viewBox='0 0 24 24' xmlns='http://www.w3.org/2000/svg' fill='%23694374'%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M12.67 4.24a.818.818 0 0 1 1.156 0l6.934 6.934c.32.32.32.837 0 1.157l-6.934 6.934a.818.818 0 0 1-1.157-1.157l6.356-6.356-6.356-6.355a.818.818 0 0 1 0-1.157z'/%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M3 11.752c0-.452.366-.818.818-.818h16.364a.818.818 0 0 1 0 1.636H3.818A.818.818 0 0 1 3 11.752z'/%3E%3C/svg%3E");
}
.admin-icon--arrow-right--white {
background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg width='24' height='24' viewBox='0 0 24 24' xmlns='http://www.w3.org/2000/svg' fill='%23fff'%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M12.67 4.24a.818.818 0 0 1 1.156 0l6.934 6.934c.32.32.32.837 0 1.157l-6.934 6.934a.818.818 0 0 1-1.157-1.157l6.356-6.356-6.356-6.355a.818.818 0 0 1 0-1.157z'/%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M3 11.752c0-.452.366-.818.818-.818h16.364a.818.818 0 0 1 0 1.636H3.818A.818.818 0 0 1 3 11.752z'/%3E%3C/svg%3E");
}
.admin-icon--arrow--circle--right {
background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg width='24' height='24' viewBox='0 0 24 24' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M12 4a8 8 0 1 0 0 16 8 8 0 0 0 0-16zM2 12C2 6.477 6.477 2 12 2s10 4.477 10 10-4.477 10-10 10S2 17.523 2 12z'/%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M11.865 8.115a1 1 0 0 1 1.414 0l3.178 3.178a1 1 0 0 1 0 1.414l-3.178 3.178a1 1 0 0 1-1.414-1.414L14.335 12l-2.47-2.471a1 1 0 0 1 0-1.414z'/%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M7.25 12a1 1 0 0 1 1-1h7.5a1 1 0 1 1 0 2h-7.5a1 1 0 0 1-1-1z'/%3E%3C/svg%3E");
}
.admin-icon--arrow--up {
background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg width='32' height='32' viewBox='0 0 32 32' fill='none' xmlns='http://www.w3.org/2000/svg' stroke='%23fff'%3E%3Cpath d='M8 24L24 8M11 8h13v13' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E");
}
.admin-icon--user {
background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg width='32' height='32' viewBox='0 0 32 32' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M16 5a7 7 0 1 0 0 14 7 7 0 0 0 0-14zm-9 7a9 9 0 1 1 18 0 9 9 0 0 1-18 0z'/%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M16 20.999a13 13 0 0 0-11.259 6.5 1 1 0 0 1-1.732-.999 15 15 0 0 1 25.982 0 1 1 0 1 1-1.732 1 13.001 13.001 0 0 0-11.26-6.501z'/%3E%3C/svg%3E");
}
.admin-icon--user--filled {
background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg width='32' height='32' viewBox='0 0 32 32' xmlns='http://www.w3.org/2000/svg' fill='%23694374' stroke='transparent'%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M16 5a7 7 0 1 0 0 14 7 7 0 0 0 0-14zm-9 7a9 9 0 1 1 18 0 9 9 0 0 1-18 0z'/%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M16 20.999a13 13 0 0 0-11.259 6.5 1 1 0 1 1-1.732-.999 15 15 0 0 1 25.982 0 1 1 0 1 1-1.732 1 13 13 0 0 0-11.26-6.501z'/%3E%3C/svg%3E");
}
.admin-icon--sad-cat {
background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg width='120' height='120' viewBox='0 0 120 120' fill='%237e7e7e' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M5.718 80.985a5.902 5.902 0 0 0 4.463.902 4.504 4.504 0 0 1 2.529.287c.292.56.409 1.196.336 1.824 0 2.586-1.714 4.803-3.767 7.456-2.948 3.827-7.405 9.609-3.601 17.219a11.835 11.835 0 0 0 8.115 6.597c.865.191 1.747.288 2.634.287a17.458 17.458 0 0 0 7.12-1.715 14.672 14.672 0 0 0 12.04 6.155h54.918c7.592.144 13.97-5.678 14.517-13.252a13.944 13.944 0 0 0-10.571-14.286 37.525 37.525 0 0 1-3.432-10.78c-.232-1.431-.471-2.708-.71-3.921 16.796-5.981 26.735-17.954 26.735-33.759a31.852 31.852 0 0 0-8.062-21.833 54.362 54.362 0 0 0-2.641-20.909A2 2 0 0 0 104.485 0c-5.59 0-12.522 4.814-17.631 9.147A84.71 84.71 0 0 0 63.045 6a84.517 84.517 0 0 0-24.232 3.261C33.663 4.873 26.676 0 21.046 0a2 2 0 0 0-1.857 1.257 54.808 54.808 0 0 0-2.624 21.526A31.994 31.994 0 0 0 9.047 44c0 15.805 9.94 27.778 26.734 33.76a118.221 118.221 0 0 0-.708 3.913 36.036 36.036 0 0 1-3.475 10.766 13.933 13.933 0 0 0-9.478 8.322 5.338 5.338 0 0 0-.823.556 11.118 11.118 0 0 1-4.762 2.226 2.795 2.795 0 0 1-.12-.219c-.307-.613-.447-.893 2.39-4.577 2.634-3.383 6.241-8.016 6.241-14.748a13.567 13.567 0 0 0-4.733-11.107A15.917 15.917 0 0 0 7.87 70.119a5.997 5.997 0 0 0-2.153 10.867v-.001zm7.329-36.986a28.079 28.079 0 0 1 7.057-19.194c.353-.398.532-.918.5-1.45a56.797 56.797 0 0 1 1.84-19.214c3.63.683 8.83 3.828 14.583 8.864a2 2 0 0 0 1.926.4A79.515 79.515 0 0 1 63.045 10c8.015-.1 16 1.008 23.684 3.289a2.001 2.001 0 0 0 1.91-.401c5.698-4.964 10.848-8.068 14.447-8.746a56.44 56.44 0 0 1 1.862 18.65 2.002 2.002 0 0 0 .535 1.473A27.966 27.966 0 0 1 113.045 44c0 25.095-26.935 34-50 34-23.064 0-49.998-8.905-49.998-34zm19.571 52.307a4.024 4.024 0 0 0 2.594-2.048 41.542 41.542 0 0 0 3.808-11.94c.195-1.204.396-2.3.596-3.34a85.51 85.51 0 0 0 23.43 3.02 85.502 85.502 0 0 0 23.428-3.022c.2 1.043.402 2.14.598 3.348a41.552 41.552 0 0 0 3.804 11.928 4.06 4.06 0 0 0 2.64 2.065 9.99 9.99 0 0 1 7.512 10.215 10.418 10.418 0 0 1-10.523 9.466h-2.55a5.727 5.727 0 0 0-.335-4.789 9.777 9.777 0 0 0-3.852-3.699 8.017 8.017 0 0 1-1.268-.883c-1.005-1.313-2.583-9.782-3.47-16.877a2.003 2.003 0 0 0-3.202-1.367 1.998 1.998 0 0 0-.767 1.863c.778 6.23 2.408 17.004 4.57 19.165.616.58 1.3 1.083 2.035 1.502a6.098 6.098 0 0 1 2.456 2.235 1.82 1.82 0 0 1-.047 1.826 2.042 2.042 0 0 1-1.77 1.024h-8.088a1.98 1.98 0 0 1-1.948-1.55 120.578 120.578 0 0 1-3.224-22.45 2 2 0 1 0-4 0 124.245 124.245 0 0 0 3.32 23.324c.058.229.13.455.213.676H57.512c.084-.222.155-.448.213-.677a124.31 124.31 0 0 0 3.32-23.323 2 2 0 1 0-4 0 120.653 120.653 0 0 1-3.223 22.449 1.982 1.982 0 0 1-1.949 1.551h-8.087a2.04 2.04 0 0 1-1.77-1.024 1.82 1.82 0 0 1-.046-1.827 6.083 6.083 0 0 1 2.456-2.234 10.687 10.687 0 0 0 2.035-1.502c2.162-2.161 3.792-12.936 4.57-19.165a2 2 0 1 0-3.969-.496c-.888 7.094-2.465 15.564-3.43 16.833a7.574 7.574 0 0 1-1.308.927 9.764 9.764 0 0 0-3.852 3.699 5.724 5.724 0 0 0-.335 4.789h-2.55a10.418 10.418 0 0 1-10.525-9.47 10 10 0 0 1 7.556-10.222zM7.374 74.899c.305-.455.78-.768 1.318-.867 3.17-.611 6.454.097 9.092 1.958a9.72 9.72 0 0 1 3.262 8.008c0 5.357-2.868 9.04-5.405 12.3-2.632 3.42-4.371 5.679-2.803 8.813a3.8 3.8 0 0 0 2.68 2.34 9.032 9.032 0 0 0 5.571-1.304c.003.199-.03.394-.02.596.068 1.197.294 2.379.674 3.516a11.805 11.805 0 0 1-7.094 1.104 7.818 7.818 0 0 1-5.393-4.48c-2.682-5.365.439-9.414 3.254-13.068 2.23-2.882 4.536-5.864 4.536-9.817a6.015 6.015 0 0 0-1.797-4.914 8.132 8.132 0 0 0-5.822-1.126 1.96 1.96 0 0 1-1.483-.296 2.017 2.017 0 0 1-.857-1.284 1.95 1.95 0 0 1 .287-1.48z' fill='%237E7E7E'/%3E%3Cpath d='M51.958 35.114a2.01 2.01 0 0 0-2.69.848c-.14.264-3.596 6.444-15.672 2.994a2 2 0 0 0-1.1 3.846 28.592 28.592 0 0 0 7.845 1.206c9.244 0 12.337-5.923 12.493-6.234a1.99 1.99 0 0 0-.876-2.66zM85.749 44.008a28.59 28.59 0 0 0 7.846-1.206 2 2 0 1 0-1.101-3.846c-12.018 3.435-15.501-2.678-15.67-2.991a2 2 0 1 0-3.568 1.809c.156.311 3.249 6.234 12.493 6.234zM69.631 71.412a2 2 0 0 0 2.828-2.828l-7.413-7.414v-3.547a4.944 4.944 0 0 0 1.857-1.217l2.997-3.2a4.012 4.012 0 0 0 .813-4.383 4.988 4.988 0 0 0-4.67-2.824h-5.994a4.987 4.987 0 0 0-4.671 2.824c-.641 1.49-.32 3.22.812 4.383l2.998 3.2c.52.541 1.154.958 1.858 1.218v3.547l-7.414 7.413a2.001 2.001 0 0 0 2.828 2.828l6.585-6.585 6.586 6.585zM59.043 50.424c.025-.093.323-.425 1.006-.425h5.993c.683 0 .98.332.939.473l-2.998 3.2a1.603 1.603 0 0 1-1.875 0l-3.065-3.248z' fill='%237E7E7E'/%3E%3C/svg%3E");
}
.admin-icon--dog {
background-image: url("data:image/svg+xml,%3Csvg width='120' height='120' viewBox='0 0 120 120' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cg clip-path='url(%23clip0_5761_79490)'%3E%3Cpath d='M45.712 42.8477C40.98 42.8529 37.1448 46.6871 37.1395 51.4202C37.1395 52.9982 38.4193 54.277 39.9974 54.277C41.5754 54.277 42.8552 52.9982 42.8552 51.4202C42.8552 49.8421 44.134 48.5623 45.712 48.5623C47.2901 48.5623 48.5699 49.8421 48.5699 51.4202C48.5699 52.9982 49.8497 54.277 51.4278 54.277C53.0058 54.277 54.2846 52.9982 54.2846 51.4202C54.2793 46.6871 50.4451 42.8529 45.712 42.8477Z' fill='%23AAAAAA'/%3E%3Cpath d='M74.2875 42.8477C69.5554 42.8529 65.7202 46.6871 65.715 51.4202C65.715 52.9982 66.9948 54.277 68.5728 54.277C70.1509 54.277 71.4296 52.9982 71.4296 51.4202C71.4296 49.8421 72.7094 48.5623 74.2875 48.5623C75.8655 48.5623 77.1453 49.8421 77.1453 51.4202C77.1453 52.9982 78.4241 54.277 80.0022 54.277C81.5802 54.277 82.86 52.9982 82.86 51.4202C82.8548 46.6871 79.0195 42.8529 74.2875 42.8477Z' fill='%23AAAAAA'/%3E%3Cpath d='M111.645 31.523C104.777 16.7524 86.9776 16.5159 81.7569 16.7681C76.5989 11.743 69.6631 8.55762 60.0001 8.55762C50.3372 8.55762 43.4003 11.743 38.2423 16.7681C33.0226 16.5159 15.2257 16.7607 8.35571 31.523C-0.353896 50.2419 -2.26576 63.2075 2.67139 70.0607C4.88045 73.0828 8.44571 74.8105 12.1868 74.6703C12.7958 74.6703 13.4038 74.6357 14.0086 74.5646C15.9665 74.327 17.8742 73.7776 19.6595 72.9394C17.418 84.666 18.7606 93.5074 23.8484 99.8468C30.0989 107.638 41.9258 111.428 60.0001 111.428C78.0734 111.428 89.9004 107.638 96.1508 99.8468C101.239 93.5074 102.581 84.666 100.34 72.9394C102.125 73.7776 104.033 74.327 105.992 74.5646C106.596 74.6357 107.204 74.6703 107.814 74.6703C111.554 74.8094 115.12 73.0818 117.329 70.0607C122.265 63.2075 120.353 50.2419 111.645 31.523ZM13.364 68.8886C11.0995 69.3417 8.76906 68.5067 7.30926 66.7172C5.66006 64.4287 2.96649 56.6546 13.5346 33.934C17.6084 25.1753 27.3007 23.0164 33.504 22.5623C26.9156 32.7202 24.4302 46.7834 22.2599 59.1995C21.9491 60.9785 21.6425 62.7146 21.3296 64.4245C20.4663 66.2254 17.0747 68.4627 13.364 68.8886ZM60.0001 88.5671C56.8451 88.564 54.2876 86.0075 54.2844 82.8525H65.7148C65.7117 86.0075 63.1552 88.564 60.0001 88.5671ZM91.695 96.269C86.9096 102.236 77.4152 105.284 62.857 105.641V93.8768C67.8904 92.5813 71.4138 88.0502 71.4295 82.8525C71.4263 79.6974 68.8699 77.1409 65.7148 77.1378H54.2844C51.1294 77.1409 48.5729 79.6974 48.5698 82.8525C48.5855 88.0502 52.1089 92.5813 57.1423 93.8768V105.641C42.5841 105.284 33.0896 102.236 28.3052 96.269C24.0661 90.9844 23.1923 83.0586 25.6431 72.0416C26.4572 68.3644 27.1604 64.346 27.8888 60.1822C31.6507 38.6609 35.915 14.2723 60.0001 14.2723C84.0853 14.2723 88.3485 38.6609 92.1105 60.1822C92.8388 64.346 93.542 68.3644 94.3572 72.0416C96.8069 83.0586 95.9332 90.9844 91.695 96.269ZM112.691 66.7172C111.224 68.4983 108.9 69.3323 106.635 68.8897C102.926 68.4638 99.533 66.2254 98.6696 64.4255C98.3567 62.7156 98.0501 60.9796 97.7393 59.2006C95.569 46.7834 93.0837 32.7191 86.4942 22.5612C92.6975 23.0154 102.392 25.1773 106.465 33.9351C117.033 56.6546 114.34 64.4297 112.691 66.7172Z' fill='%23AAAAAA'/%3E%3C/g%3E%3Cdefs%3E%3CclipPath id='clip0_5761_79490'%3E%3Crect width='120' height='120' fill='white'/%3E%3C/clipPath%3E%3C/defs%3E%3C/svg%3E%0A");
}
.admin-icon--price-tag {
background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg width='24' height='24' viewBox='0 0 24 24' xmlns='http://www.w3.org/2000/svg'%3E%3Cg clip-path='url(%23a)'%3E%3Cpath d='M9.542 16.172l3.315-9.944a.703.703 0 0 0-1.334-.444l-3.315 9.943a.703.703 0 0 0 1.334.445zM14.51 13.088c1.163 0 2.11-.946 2.11-2.11 0-1.163-.947-2.109-2.11-2.109-1.163 0-2.11.946-2.11 2.11 0 1.163.947 2.109 2.11 2.109zm0-2.813a.704.704 0 1 1-.002 1.408.704.704 0 0 1 .002-1.408zM6.555 8.87c-1.163 0-2.11.945-2.11 2.109 0 1.163.947 2.109 2.11 2.109 1.163 0 2.11-.946 2.11-2.11 0-1.163-.947-2.109-2.11-2.109zm0 2.812a.704.704 0 1 1 .001-1.408.704.704 0 0 1-.001 1.408z'/%3E%3Cpath d='M23.86 8.719l-2.453-3.27.096-.669a.703.703 0 0 0-.199-.597l-1.491-1.491L21.304 1.2a.703.703 0 1 0-.994-.994l-1.492 1.491L17.327.206a.704.704 0 0 0-.597-.199l-6.96.994a.703.703 0 0 0-.398.2L.754 9.817a2.581 2.581 0 0 0 0 3.646l7.292 7.292c.15.15.312.276.485.38v.286A2.581 2.581 0 0 0 11.11 24h10.313A2.581 2.581 0 0 0 24 21.422V9.14c0-.152-.05-.3-.14-.422zm-22.112 3.75a1.173 1.173 0 0 1 0-1.656L10.2 2.36l6.38-.911 1.244 1.243-.994.994-.498-.497a.703.703 0 0 0-.994.994l1.989 1.99a.7.7 0 0 0 .994 0 .703.703 0 0 0 0-.995l-.497-.497.994-.995 1.243 1.243-.911 6.38-8.452 8.453a1.164 1.164 0 0 1-.829.343c-.313 0-.607-.122-.829-.343L1.748 12.47zm20.846 8.953c0 .646-.526 1.172-1.172 1.172H11.109c-.617 0-1.124-.48-1.168-1.086a2.567 2.567 0 0 0 1.75-.752l8.619-8.618a.703.703 0 0 0 .199-.397l.617-4.323 1.468 1.957v12.047z'/%3E%3C/g%3E%3Cdefs%3E%3CclipPath id='a'%3E%3Cpath fill='%23fff' d='M0 0h24v24H0z'/%3E%3C/clipPath%3E%3C/defs%3E%3C/svg%3E");
}
.admin-icon--check {
background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg width='17' height='16' viewBox='0 0 17 16' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M6.986 12a.533.533 0 0 1-.358-.144L3.115 8.343a.508.508 0 0 1 .715-.715l3.156 3.161 6.667-6.674a.508.508 0 0 1 .715.715l-7.025 7.026a.533.533 0 0 1-.357.144z'/%3E%3C/svg%3E");
}
.admin-icon--check--primary {
background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg width='17' height='16' viewBox='0 0 17 16' xmlns='http://www.w3.org/2000/svg' fill='%23694374'%3E%3Cpath d='M6.986 12a.533.533 0 0 1-.358-.144L3.115 8.343a.508.508 0 0 1 .715-.715l3.156 3.161 6.667-6.674a.508.508 0 0 1 .715.715l-7.025 7.026a.533.533 0 0 1-.357.144z'/%3E%3C/svg%3E");
}
.admin-icon--check--green {
background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg width='17' height='16' viewBox='0 0 17 16' xmlns='http://www.w3.org/2000/svg' fill='%2315C126'%3E%3Cpath d='M6.986 12a.533.533 0 0 1-.358-.144L3.115 8.343a.508.508 0 0 1 .715-.715l3.156 3.161 6.667-6.674a.508.508 0 0 1 .715.715l-7.025 7.026a.533.533 0 0 1-.357.144z'/%3E%3C/svg%3E");
}
.admin-icon--check--grey {
background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg width='17' height='16' viewBox='0 0 17 16' xmlns='http://www.w3.org/2000/svg' fill='%23A1A1A1'%3E%3Cpath d='M6.986 12a.533.533 0 0 1-.358-.144L3.115 8.343a.508.508 0 0 1 .715-.715l3.156 3.161 6.667-6.674a.508.508 0 0 1 .715.715l-7.025 7.026a.533.533 0 0 1-.357.144z'/%3E%3C/svg%3E");
}
.admin-icon--check--filled {
background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg width='25' height='24' viewBox='0 0 25 24' xmlns='http://www.w3.org/2000/svg' fill='%23694374'%3E%3Cpath d='M12.5 2.25A9.75 9.75 0 1 0 22.25 12a9.769 9.769 0 0 0-9.75-9.75zm4.64 8.044l-5.493 5.25a.76.76 0 0 1-.525.206.722.722 0 0 1-.516-.206L7.86 12.919a.75.75 0 1 1 1.032-1.088l2.23 2.128 4.988-4.753a.75.75 0 0 1 1.032 1.088z'/%3E%3C/svg%3E");
}
.admin-icon--caret--line-top {
background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg width='24' height='24' viewBox='0 0 24 24' xmlns='http://www.w3.org/2000/svg' fill='%23694374'%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M3.793 15.707a1 1 0 0 1 0-1.414l7.5-7.5a1 1 0 0 1 1.414 0l7.5 7.5a1 1 0 0 1-1.414 1.414L12 8.914l-6.793 6.793a1 1 0 0 1-1.414 0z'/%3E%3C/svg%3E");
}
.admin-icon--caret--line-top--white {
background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg width='24' height='24' viewBox='0 0 24 24' xmlns='http://www.w3.org/2000/svg' fill='%23fff'%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M3.793 15.707a1 1 0 0 1 0-1.414l7.5-7.5a1 1 0 0 1 1.414 0l7.5 7.5a1 1 0 0 1-1.414 1.414L12 8.914l-6.793 6.793a1 1 0 0 1-1.414 0z'/%3E%3C/svg%3E");
}
.admin-icon--caret--line-top--black {
background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg width='24' height='24' viewBox='0 0 24 24' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M3.793 15.707a1 1 0 0 1 0-1.414l7.5-7.5a1 1 0 0 1 1.414 0l7.5 7.5a1 1 0 0 1-1.414 1.414L12 8.914l-6.793 6.793a1 1 0 0 1-1.414 0z'/%3E%3C/svg%3E");
}
.admin-icon--caret--line-right {
background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg width='24' height='24' viewBox='0 0 24 24' xmlns='http://www.w3.org/2000/svg' fill='%23694374'%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M8.293 3.793a1 1 0 0 1 1.414 0l7.5 7.5a1 1 0 0 1 0 1.414l-7.5 7.5a1 1 0 0 1-1.414-1.414L15.086 12 8.293 5.207a1 1 0 0 1 0-1.414z'/%3E%3C/svg%3E");
}
.admin-icon--caret--line-right--white {
background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg width='24' height='24' viewBox='0 0 24 24' xmlns='http://www.w3.org/2000/svg' fill='%23fff'%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M8.293 3.793a1 1 0 0 1 1.414 0l7.5 7.5a1 1 0 0 1 0 1.414l-7.5 7.5a1 1 0 0 1-1.414-1.414L15.086 12 8.293 5.207a1 1 0 0 1 0-1.414z'/%3E%3C/svg%3E");
}
.admin-icon--caret--line-bottom {
background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg width='24' height='24' viewBox='0 0 24 24' xmlns='http://www.w3.org/2000/svg' fill='%23694374'%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M20.207 8.293a1 1 0 0 1 0 1.414l-7.5 7.5a1 1 0 0 1-1.414 0l-7.5-7.5a1 1 0 0 1 1.414-1.414L12 15.086l6.793-6.793a1 1 0 0 1 1.414 0z'/%3E%3C/svg%3E");
}
.admin-icon--caret--line-bottom--white {
background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg width='24' height='24' viewBox='0 0 24 24' xmlns='http://www.w3.org/2000/svg' fill='%23fff'%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M20.207 8.293a1 1 0 0 1 0 1.414l-7.5 7.5a1 1 0 0 1-1.414 0l-7.5-7.5a1 1 0 0 1 1.414-1.414L12 15.086l6.793-6.793a1 1 0 0 1 1.414 0z'/%3E%3C/svg%3E");
}
.admin-icon--caret--line-left {
background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg width='16' height='17' viewBox='0 0 16 17' xmlns='http://www.w3.org/2000/svg' fill='%23694374'%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M10.707 13.793a1 1 0 0 1-1.414 0l-5-5a1 1 0 0 1 0-1.414l5-5a1 1 0 1 1 1.414 1.414L6.414 8.086l4.293 4.293a1 1 0 0 1 0 1.414z'/%3E%3C/svg%3E");
}
.admin-icon--caret--line-left--white {
background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg width='16' height='17' viewBox='0 0 16 17' xmlns='http://www.w3.org/2000/svg' fill='%23fff'%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M10.707 13.793a1 1 0 0 1-1.414 0l-5-5a1 1 0 0 1 0-1.414l5-5a1 1 0 1 1 1.414 1.414L6.414 8.086l4.293 4.293a1 1 0 0 1 0 1.414z'/%3E%3C/svg%3E");
}
.admin-icon--caret--down {
background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg width='16' height='16' viewBox='0 0 16 16' xmlns='http://www.w3.org/2000/svg' fill='%23694374'%3E%3Cpath d='M13.463 5.806A.5.5 0 0 0 13 5.5H3a.5.5 0 0 0-.463.306.525.525 0 0 0 .107.55l5 5a.512.512 0 0 0 .712 0l5-5a.524.524 0 0 0 .107-.55z'/%3E%3C/svg%3E");
}
.admin-icon--house--filled {
background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg width='28' height='28' viewBox='0 0 28 28' xmlns='http://www.w3.org/2000/svg' fill='%23694374'%3E%3Cpath d='M26.25 22.75H24.5V12.633a1.718 1.718 0 0 0-.58-1.29L15.17 3.39a1.74 1.74 0 0 0-2.351 0l-8.75 7.951a1.75 1.75 0 0 0-.569 1.29V22.75H1.75a.875.875 0 0 0 0 1.75h24.5a.875.875 0 1 0 0-1.75zm-9.625 0h-5.25V17.5a.875.875 0 0 1 .875-.875h3.5a.875.875 0 0 1 .875.875v5.25z'/%3E%3C/svg%3E");
}
.admin-icon--house--line {
background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg width='32' height='32' viewBox='0 0 32 32' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M14.652 3.873a2 2 0 0 1 2.698.002l9.997 9.085.015.013A2.037 2.037 0 0 1 28 14.421V27a1 1 0 1 1-2 0V14.451a.04.04 0 0 0-.003-.012.04.04 0 0 0-.006-.01l-9.988-9.076L16 5.35l-.002.003-9.989 9.076a.038.038 0 0 0-.009.022V27a1 1 0 1 1-2 0V14.421a2.037 2.037 0 0 1 .638-1.448l.014-.013 9.998-9.085.002-.002z'/%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M1 27a1 1 0 0 1 1-1h28a1 1 0 1 1 0 2H2a1 1 0 0 1-1-1z'/%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M12.586 18.586A2 2 0 0 1 14 18h4a2 2 0 0 1 2 2v7a1 1 0 1 1-2 0v-7h-4v7a1 1 0 1 1-2 0v-7a2 2 0 0 1 .586-1.414z'/%3E%3C/svg%3E");
}
.admin-icon--first-aid {
background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg width='32' height='32' viewBox='0 0 32 32' fill='%23694374' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M11.586 3.586A2 2 0 0 1 13 3h6a2 2 0 0 1 2 2v6h6a2 2 0 0 1 2 2v6a2 2 0 0 1-2 2h-6v6a2 2 0 0 1-2 2h-6a2 2 0 0 1-2-2v-6H5a2 2 0 0 1-2-2v-6a2 2 0 0 1 2-2h6V5a2 2 0 0 1 .586-1.414zM19 5h-6v7a1 1 0 0 1-1 1H5v6h7a1 1 0 0 1 1 1v7h6v-7a1 1 0 0 1 1-1h7v-6h-7a1 1 0 0 1-1-1V5z' fill='%23000'/%3E%3C/svg%3E");
}
.admin-icon--fire {
background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg width='17' height='16' viewBox='0 0 17 16' xmlns='http://www.w3.org/2000/svg' fill='%23694374'%3E%3Cpath d='M12.819 4.163c-.813-1.3-1.869-2.42-2.788-3.338a.5.5 0 0 0-.437-.137.494.494 0 0 0-.369.275l-1.931 4.05L5.28 3.669a.506.506 0 0 0-.555 0 .5.5 0 0 0-.138.137C3.368 5.644 2.75 7.306 2.75 8.75a5.75 5.75 0 0 0 11.5 0c0-1.556-.469-3.056-1.431-4.587zm-.613 5.162a3.725 3.725 0 0 1-3.131 3.131H9a.5.5 0 0 1-.075-.993 2.774 2.774 0 0 0 2.294-2.294.5.5 0 1 1 .987.15v.006z'/%3E%3C/svg%3E");
}
.admin-icon--close {
background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg width='16' height='16' viewBox='0 0 16 16' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M12.854 3.146a.5.5 0 0 1 0 .708l-9 9a.5.5 0 0 1-.708-.708l9-9a.5.5 0 0 1 .708 0z'/%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M3.146 3.146a.5.5 0 0 1 .708 0l9 9a.5.5 0 0 1-.708.708l-9-9a.5.5 0 0 1 0-.708z'/%3E%3C/svg%3E");
}
.admin-icon--close--alt {
background-image: url("data:image/svg+xml,%3Csvg%20width%3D%2232%22%20height%3D%2232%22%20viewBox%3D%220%200%2032%2032%22%20fill%3D%22none%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%3Cpath%20d%3D%22M26.666%207.46582L18.1318%2015.999L26.665%2024.5322L24.5322%2026.665L15.999%2018.1318L7.46582%2026.665L5.33301%2024.5322L13.8652%2015.999L5.33203%207.46582L7.46582%205.33203L15.999%2013.8652L24.5322%205.33203L26.666%207.46582Z%22%20fill%3D%22%23212427%22%2F%3E%3C%2Fsvg%3E");
}
.admin-icon--close--white {
background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg width='16' height='16' viewBox='0 0 16 16' xmlns='http://www.w3.org/2000/svg' fill='%23fff'%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M12.854 3.146a.5.5 0 0 1 0 .708l-9 9a.5.5 0 0 1-.708-.708l9-9a.5.5 0 0 1 .708 0z'/%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M3.146 3.146a.5.5 0 0 1 .708 0l9 9a.5.5 0 0 1-.708.708l-9-9a.5.5 0 0 1 0-.708z'/%3E%3C/svg%3E");
}
.admin-icon--close--red {
background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg width='16' height='16' viewBox='0 0 16 16' xmlns='http://www.w3.org/2000/svg' fill='%23B82027'%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M12.854 3.146a.5.5 0 0 1 0 .708l-9 9a.5.5 0 0 1-.708-.708l9-9a.5.5 0 0 1 .708 0z'/%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M3.146 3.146a.5.5 0 0 1 .708 0l9 9a.5.5 0 0 1-.708.708l-9-9a.5.5 0 0 1 0-.708z'/%3E%3C/svg%3E");
}
.admin-icon--link {
background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg width='16' height='16' viewBox='0 0 16 16' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M3 14a1 1 0 0 1-1-1V3a1 1 0 0 1 1-1h10a1 1 0 0 1 1 1v10a1 1 0 0 1-1 1H3zM3 3v10h10V3H3z'/%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M6.25 6.25a.5.5 0 0 1 .5-.5h3a.5.5 0 0 1 .5.5v3a.5.5 0 0 1-1 0v-2.5h-2.5a.5.5 0 0 1-.5-.5z'/%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M10.104 5.896a.5.5 0 0 1 0 .708l-3.5 3.5a.5.5 0 0 1-.708-.708l3.5-3.5a.5.5 0 0 1 .708 0z'/%3E%3C/svg%3E");
}
.admin-icon--link--white {
background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg width='16' height='16' viewBox='0 0 16 16' xmlns='http://www.w3.org/2000/svg' fill='%23fff'%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M3 14a1 1 0 0 1-1-1V3a1 1 0 0 1 1-1h10a1 1 0 0 1 1 1v10a1 1 0 0 1-1 1H3zM3 3v10h10V3H3z'/%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M6.25 6.25a.5.5 0 0 1 .5-.5h3a.5.5 0 0 1 .5.5v3a.5.5 0 0 1-1 0v-2.5h-2.5a.5.5 0 0 1-.5-.5z'/%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M10.104 5.896a.5.5 0 0 1 0 .708l-3.5 3.5a.5.5 0 0 1-.708-.708l3.5-3.5a.5.5 0 0 1 .708 0z'/%3E%3C/svg%3E");
}
.admin-icon--copy {
background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg width='16' height='16' viewBox='0 0 16 16' xmlns='http://www.w3.org/2000/svg' fill='%2301B2AA'%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M4 2.5a.5.5 0 0 1 .5-.5h9a.5.5 0 0 1 .5.5v9a.5.5 0 0 1-1 0V3H4.5a.5.5 0 0 1-.5-.5z'/%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M2 4.5a.5.5 0 0 1 .5-.5h9a.5.5 0 0 1 .5.5v9a.5.5 0 0 1-.5.5h-9a.5.5 0 0 1-.5-.5v-9zM3 5v8h8V5H3z'/%3E%3C/svg%3E");
}
.admin-icon--download {
background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg width='16' height='16' viewBox='0 0 16 16' xmlns='http://www.w3.org/2000/svg' fill='%2301B2AA'%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M5.021 6.521a.5.5 0 0 1 .708 0L8 8.793l2.271-2.272a.5.5 0 0 1 .708.708L8.354 9.854a.5.5 0 0 1-.708 0L5.021 7.229a.5.5 0 0 1 0-.708z'/%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M8 2a.5.5 0 0 1 .5.5v7a.5.5 0 0 1-1 0v-7A.5.5 0 0 1 8 2z'/%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M2.5 9a.5.5 0 0 1 .5.5V13h10V9.5a.5.5 0 0 1 1 0V13a1 1 0 0 1-1 1H3a1 1 0 0 1-1-1V9.5a.5.5 0 0 1 .5-.5z'/%3E%3C/svg%3E");
}
.admin-icon--download--white {
background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg width='16' height='16' viewBox='0 0 16 16' xmlns='http://www.w3.org/2000/svg' fill='%23fff'%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M5.021 6.521a.5.5 0 0 1 .708 0L8 8.793l2.271-2.272a.5.5 0 0 1 .708.708L8.354 9.854a.5.5 0 0 1-.708 0L5.021 7.229a.5.5 0 0 1 0-.708z'/%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M8 2a.5.5 0 0 1 .5.5v7a.5.5 0 0 1-1 0v-7A.5.5 0 0 1 8 2z'/%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M2.5 9a.5.5 0 0 1 .5.5V13h10V9.5a.5.5 0 0 1 1 0V13a1 1 0 0 1-1 1H3a1 1 0 0 1-1-1V9.5a.5.5 0 0 1 .5-.5z'/%3E%3C/svg%3E");
}
.admin-icon--search {
background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg width='32' height='32' viewBox='0 0 32 32' xmlns='http://www.w3.org/2000/svg' fill='%2301B2AA'%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M14.5 5a9.5 9.5 0 1 0 0 19 9.5 9.5 0 0 0 0-19zM3 14.5C3 8.149 8.149 3 14.5 3S26 8.149 26 14.5 20.851 26 14.5 26 3 20.851 3 14.5z'/%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M21.218 21.218a1 1 0 0 1 1.414 0l6.075 6.075a1 1 0 0 1-1.414 1.414l-6.075-6.075a1 1 0 0 1 0-1.414z'/%3E%3C/svg%3E");
}
.admin-icon--search--white {
background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg width='32' height='32' viewBox='0 0 32 32' xmlns='http://www.w3.org/2000/svg' fill='%23fff'%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M14.5 5a9.5 9.5 0 1 0 0 19 9.5 9.5 0 0 0 0-19zM3 14.5C3 8.149 8.149 3 14.5 3S26 8.149 26 14.5 20.851 26 14.5 26 3 20.851 3 14.5z'/%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M21.218 21.218a1 1 0 0 1 1.414 0l6.075 6.075a1 1 0 0 1-1.414 1.414l-6.075-6.075a1 1 0 0 1 0-1.414z'/%3E%3C/svg%3E");
}
.admin-icon--envelope {
background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg width='36' height='37' viewBox='0 0 36 37' xmlns='http://www.w3.org/2000/svg' fill='%2301B2AA'%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M3.7 8.49a.8.8 0 0 1 .8-.8h27a.8.8 0 0 1 .8.8v19.125a1.925 1.925 0 0 1-1.925 1.925H5.625A1.925 1.925 0 0 1 3.7 27.615V8.49zm1.6.8v18.325a.325.325 0 0 0 .325.325h24.75a.325.325 0 0 0 .325-.325V9.29H5.3z'/%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M3.91 7.95a.8.8 0 0 1 1.13-.05L18 19.78 30.96 7.9a.8.8 0 0 1 1.08 1.18l-13.5 12.375a.8.8 0 0 1-1.08 0L3.96 9.08a.8.8 0 0 1-.05-1.13z'/%3E%3C/svg%3E");
}
.admin-icon--envelope--black {
background-image: url("data:image/svg+xml,%3Csvg width='48' height='48' viewBox='0 0 48 48' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M42 9H6C5.20435 9 4.44129 9.31607 3.87868 9.87868C3.31607 10.4413 3 11.2044 3 12V36C3 36.7956 3.31607 37.5587 3.87868 38.1213C4.44129 38.6839 5.20435 39 6 39H42C42.7957 39 43.5587 38.6839 44.1213 38.1213C44.6839 37.5587 45 36.7956 45 36V12C45 11.2044 44.6839 10.4413 44.1213 9.87868C43.5587 9.31607 42.7957 9 42 9ZM38.7 12L24 22.17L9.3 12H38.7ZM6 36V13.365L23.145 25.23C23.3961 25.4042 23.6944 25.4975 24 25.4975C24.3056 25.4975 24.6039 25.4042 24.855 25.23L42 13.365V36H6Z' fill='black'/%3E%3C/svg%3E%0A");
}
.admin-icon--phone {
background-image: url("data:image/svg+xml,%3Csvg width='48' height='48' viewBox='0 0 48 48' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M41.6944 29.7113L32.8613 25.7531L32.8369 25.7419C32.3783 25.5457 31.8781 25.467 31.3815 25.5129C30.8848 25.5587 30.4074 25.7276 29.9925 26.0044C29.9436 26.0366 29.8967 26.0717 29.8519 26.1094L25.2881 30C22.3969 28.5956 19.4119 25.6331 18.0075 22.7794L21.9038 18.1463C21.9413 18.0994 21.9769 18.0525 22.0106 18.0019C22.2814 17.5881 22.4457 17.1137 22.4889 16.6211C22.5321 16.1284 22.4528 15.6327 22.2581 15.1781V15.1556L18.2888 6.3075C18.0314 5.71362 17.5889 5.21891 17.0272 4.8972C16.4656 4.57549 15.815 4.44405 15.1725 4.5225C12.6318 4.85683 10.2997 6.10457 8.61177 8.03268C6.92381 9.96079 5.99542 12.4374 6.00002 15C6.00002 29.8875 18.1125 42 33 42C35.5626 42.0046 38.0392 41.0762 39.9673 39.3883C41.8955 37.7003 43.1432 35.3682 43.4775 32.8275C43.5561 32.1852 43.4249 31.5348 43.1036 30.9732C42.7822 30.4116 42.2879 29.9689 41.6944 29.7113ZM33 39C26.637 38.9931 20.5365 36.4623 16.0371 31.9629C11.5378 27.4635 9.00696 21.3631 9.00002 15C8.99296 13.169 9.65261 11.3981 10.8558 10.018C12.0589 8.63778 13.7233 7.74275 15.5381 7.5C15.5374 7.50748 15.5374 7.51502 15.5381 7.5225L19.4756 16.335L15.6 20.9738C15.5606 21.019 15.5249 21.0672 15.4931 21.1181C15.211 21.5511 15.0455 22.0496 15.0126 22.5654C14.9798 23.0811 15.0807 23.5966 15.3056 24.0619C17.0044 27.5363 20.505 31.0106 24.0169 32.7075C24.4856 32.9303 25.0041 33.0278 25.5217 32.9903C26.0393 32.9529 26.5383 32.7818 26.97 32.4938C27.0183 32.4615 27.0646 32.4264 27.1088 32.3888L31.6669 28.5L40.4794 32.4469H40.5C40.2602 34.2642 39.3665 35.932 37.9861 37.1381C36.6057 38.3443 34.8331 39.0062 33 39Z' fill='black'/%3E%3C/svg%3E%0A");
}
.admin-icon--eye {
background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg width='32' height='32' viewBox='0 0 32 32' xmlns='http://www.w3.org/2000/svg' fill='%2301B2AA'%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M4.543 10.793C6.927 8.409 10.667 6 16 6c5.333 0 9.073 2.41 11.457 4.793a18.922 18.922 0 0 1 2.608 3.268 15.949 15.949 0 0 1 .789 1.404l.042.09.012.026.004.008v.003h.001c0 .001 0 .002-.913.408.914.406.914.407.913.407v.001l-.001.003-.004.008-.012.026-.042.09a15.949 15.949 0 0 1-.789 1.404 18.922 18.922 0 0 1-2.608 3.268C25.073 23.591 21.333 26 16 26c-5.333 0-9.073-2.41-11.457-4.793a18.919 18.919 0 0 1-2.608-3.268 15.958 15.958 0 0 1-.789-1.404 6.623 6.623 0 0 1-.042-.09l-.012-.026-.004-.008v-.003h-.001c0-.001 0-.002.913-.408a89.897 89.897 0 0 1-.913-.407v-.001l.001-.003.004-.008.012-.026.042-.09a15.958 15.958 0 0 1 .789-1.404 18.919 18.919 0 0 1 2.608-3.268zM2 16l-.914-.406a1 1 0 0 0 0 .812L2 16zm1.118 0c.118.22.287.52.51.873a16.92 16.92 0 0 0 2.33 2.92C8.072 21.909 11.332 24 16 24s7.927-2.09 10.043-4.207a16.915 16.915 0 0 0 2.33-2.92c.222-.353.391-.653.509-.873-.118-.22-.287-.52-.51-.873a16.915 16.915 0 0 0-2.33-2.92C23.928 10.091 20.668 8 16 8s-7.927 2.09-10.043 4.207a16.92 16.92 0 0 0-2.33 2.92c-.222.353-.391.653-.509.873zM30 16l.914.406a1 1 0 0 0 0-.812L30 16z'/%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M16 12a4 4 0 1 0 0 8 4 4 0 0 0 0-8zm-6 4a6 6 0 1 1 12 0 6 6 0 0 1-12 0z'/%3E%3C/svg%3E");
}
.admin-icon--info {
background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg width='20' height='20' viewBox='0 0 20 20' xmlns='http://www.w3.org/2000/svg' fill='%235594F3'%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M10 3.3a6.7 6.7 0 1 0 0 13.4 6.7 6.7 0 0 0 0-13.4zM1.7 10a8.3 8.3 0 1 1 16.6 0 8.3 8.3 0 0 1-16.6 0z'/%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M8.575 9.375a.8.8 0 0 1 .8-.8H10a.8.8 0 0 1 .8.8v3.594a.8.8 0 0 1-.175 1.581H10a.8.8 0 0 1-.8-.8v-3.594a.8.8 0 0 1-.625-.781z'/%3E%3Cpath d='M9.844 7.5a.937.937 0 1 0 0-1.875.937.937 0 0 0 0 1.875z'/%3E%3C/svg%3E");
}
.admin-icon--info--alt {
background-image: url("data:image/svg+xml,%3Csvg width='16' height='16' viewBox='0 0 16 16' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M8 0C12.4184 0 16 3.5816 16 8C16 12.4184 12.4184 16 8 16C3.5816 16 0 12.4184 0 8C0 3.5816 3.5816 0 8 0ZM8 1.6C6.30261 1.6 4.67475 2.27428 3.47452 3.47452C2.27428 4.67475 1.6 6.30261 1.6 8C1.6 9.69739 2.27428 11.3253 3.47452 12.5255C4.67475 13.7257 6.30261 14.4 8 14.4C9.69739 14.4 11.3253 13.7257 12.5255 12.5255C13.7257 11.3253 14.4 9.69739 14.4 8C14.4 6.30261 13.7257 4.67475 12.5255 3.47452C11.3253 2.27428 9.69739 1.6 8 1.6ZM7.992 6.4C8.4384 6.4 8.8 6.7616 8.8 7.208V11.3072C8.9525 11.3953 9.07169 11.5312 9.13908 11.6939C9.20646 11.8566 9.21828 12.037 9.17271 12.2071C9.12713 12.3772 9.02669 12.5275 8.88699 12.6347C8.74728 12.7419 8.5761 12.8 8.4 12.8H8.008C7.90189 12.8 7.79682 12.7791 7.69879 12.7385C7.60076 12.6979 7.51169 12.6384 7.43666 12.5633C7.36163 12.4883 7.30211 12.3992 7.26151 12.3012C7.2209 12.2032 7.2 12.0981 7.2 11.992V8C6.98783 8 6.78434 7.91571 6.63432 7.76569C6.48429 7.61566 6.4 7.41217 6.4 7.2C6.4 6.98783 6.48429 6.78434 6.63432 6.63432C6.78434 6.48429 6.98783 6.4 7.2 6.4H7.992ZM8 4C8.21217 4 8.41566 4.08429 8.56569 4.23431C8.71571 4.38434 8.8 4.58783 8.8 4.8C8.8 5.01217 8.71571 5.21566 8.56569 5.36569C8.41566 5.51571 8.21217 5.6 8 5.6C7.78783 5.6 7.58434 5.51571 7.43431 5.36569C7.28429 5.21566 7.2 5.01217 7.2 4.8C7.2 4.58783 7.28429 4.38434 7.43431 4.23431C7.58434 4.08429 7.78783 4 8 4Z' fill='%23573962'/%3E%3C/svg%3E%0A");
}
.admin-icon--key {
background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg width='32' height='32' viewBox='0 0 32 32' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M21.56 4.154A8 8 0 0 0 12 12v.004a7.789 7.789 0 0 0 .576 2.969 1 1 0 0 1-.219 1.084L5 23.414V27h3v-2a1 1 0 0 1 1-1h2v-2a1 1 0 0 1 1-1h2.586l1.357-1.357.707.707.378-.926c.942.384 1.95.58 2.968.576H20a8 8 0 0 0 1.56-15.846zm-4.655 17.355l-1.198 1.198A1 1 0 0 1 15 23h-2v2a1 1 0 0 1-1 1h-2v2a1 1 0 0 1-1 1H4a1 1 0 0 1-1-1v-5a1 1 0 0 1 .293-.707l7.198-7.198A9.787 9.787 0 0 1 10 11.998 10 10 0 1 1 20.002 22H20v-1l.004 1h-.002a9.786 9.786 0 0 1-3.097-.491z'/%3E%3Cpath d='M22.5 11a1.5 1.5 0 1 0 0-3 1.5 1.5 0 0 0 0 3z'/%3E%3C/svg%3E");
}
.admin-icon--key--white {
background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg width='32' height='32' viewBox='0 0 32 32' xmlns='http://www.w3.org/2000/svg' fill='%23fff'%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M21.56 4.154A8 8 0 0 0 12 12v.004a7.789 7.789 0 0 0 .576 2.969 1 1 0 0 1-.219 1.084L5 23.414V27h3v-2a1 1 0 0 1 1-1h2v-2a1 1 0 0 1 1-1h2.586l1.357-1.357.707.707.378-.926c.942.384 1.95.58 2.968.576H20a8 8 0 0 0 1.56-15.846zm-4.655 17.355l-1.198 1.198A1 1 0 0 1 15 23h-2v2a1 1 0 0 1-1 1h-2v2a1 1 0 0 1-1 1H4a1 1 0 0 1-1-1v-5a1 1 0 0 1 .293-.707l7.198-7.198A9.787 9.787 0 0 1 10 11.998 10 10 0 1 1 20.002 22H20v-1l.004 1h-.002a9.786 9.786 0 0 1-3.097-.491z'/%3E%3Cpath d='M22.5 11a1.5 1.5 0 1 0 0-3 1.5 1.5 0 0 0 0 3z'/%3E%3C/svg%3E");
}
.admin-icon--warning-circle {
background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg width='28' height='28' viewBox='0 0 28 28' xmlns='http://www.w3.org/2000/svg' fill='%23B82027'%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M14 4.5a9.5 9.5 0 1 0 0 19 9.5 9.5 0 0 0 0-19zM2.5 14C2.5 7.649 7.649 2.5 14 2.5S25.5 7.649 25.5 14 20.351 25.5 14 25.5 2.5 20.351 2.5 14z'/%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M14 7.75a1 1 0 0 1 1 1v6.125a1 1 0 1 1-2 0V8.75a1 1 0 0 1 1-1z'/%3E%3Cpath d='M14 20.125a1.312 1.312 0 1 0 0-2.625 1.312 1.312 0 0 0 0 2.625z'/%3E%3C/svg%3E");
}
.admin-icon--warning-circle--primary {
background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg width='28' height='28' viewBox='0 0 28 28' xmlns='http://www.w3.org/2000/svg' fill='%23694374'%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M14 4.5a9.5 9.5 0 1 0 0 19 9.5 9.5 0 0 0 0-19zM2.5 14C2.5 7.649 7.649 2.5 14 2.5S25.5 7.649 25.5 14 20.351 25.5 14 25.5 2.5 20.351 2.5 14z'/%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M14 7.75a1 1 0 0 1 1 1v6.125a1 1 0 1 1-2 0V8.75a1 1 0 0 1 1-1z'/%3E%3Cpath d='M14 20.125a1.312 1.312 0 1 0 0-2.625 1.312 1.312 0 0 0 0 2.625z'/%3E%3C/svg%3E");
}
.admin-icon--question {
background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg width='32' height='32' viewBox='0 0 32 32' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M16 5C9.925 5 5 9.925 5 16s4.925 11 11 11 11-4.925 11-11S22.075 5 16 5zM3 16C3 8.82 8.82 3 16 3s13 5.82 13 13-5.82 13-13 13S3 23.18 3 16z'/%3E%3Cpath d='M16 24a1.5 1.5 0 1 0 0-3 1.5 1.5 0 0 0 0 3z'/%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M14.278 9.343A4.5 4.5 0 1 1 17 17.887V18a1 1 0 1 1-2 0v-1a1 1 0 0 1 1-1 2.5 2.5 0 1 0-2.5-2.5 1 1 0 1 1-2 0 4.5 4.5 0 0 1 2.778-4.157z'/%3E%3C/svg%3E");
}
.admin-icon--question--white {
background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg width='32' height='32' viewBox='0 0 32 32' xmlns='http://www.w3.org/2000/svg' fill='%23fff'%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M16 5C9.925 5 5 9.925 5 16s4.925 11 11 11 11-4.925 11-11S22.075 5 16 5zM3 16C3 8.82 8.82 3 16 3s13 5.82 13 13-5.82 13-13 13S3 23.18 3 16z'/%3E%3Cpath d='M16 24a1.5 1.5 0 1 0 0-3 1.5 1.5 0 0 0 0 3z'/%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M14.278 9.343A4.5 4.5 0 1 1 17 17.887V18a1 1 0 1 1-2 0v-1a1 1 0 0 1 1-1 2.5 2.5 0 1 0-2.5-2.5 1 1 0 1 1-2 0 4.5 4.5 0 0 1 2.778-4.157z'/%3E%3C/svg%3E");
}
.admin-icon--question--fill {
background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg width='24' height='24' viewBox='0 0 24 24' fill='%23694374' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M12 2.25A9.75 9.75 0 1 0 21.75 12 9.769 9.769 0 0 0 12 2.25zM12 18a1.125 1.125 0 1 1 0-2.25A1.125 1.125 0 0 1 12 18zm.75-4.584v.084a.75.75 0 1 1-1.5 0v-.75A.75.75 0 0 1 12 12a1.875 1.875 0 1 0-1.875-1.875.75.75 0 1 1-1.5 0 3.375 3.375 0 1 1 4.125 3.29z'/%3E%3C/svg%3E");
}
.admin-icon--note-pencil {
background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg width='64' height='64' viewBox='0 0 64 64' fill='none' xmlns='http://www.w3.org/2000/svg' stroke='%23694374'%3E%3Cpath d='M32 40h-8v-8L48 8l8 8-24 24zM42 14l8 8' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'/%3E%3Cpath d='M54 30v22a2 2 0 0 1-2 2H12a2 2 0 0 1-2-2V12a2 2 0 0 1 2-2h22' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E");
}
.admin-icon--colar {
background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg width='64' height='52' viewBox='0 0 64 52' fill='%23694374' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M37.69.152c7.084.418 13.565 1.631 18.25 3.41 2.608.992 4.59 2.128 5.918 3.368 1.326 1.24 1.992 2.576 1.992 3.976v7.5c0 1.478-.735 2.88-2.2 4.17-1.465 1.293-3.654 2.465-6.535 3.476-5.004 1.757-11.727 2.883-19.02 3.19l-.099.003-.035.094a4.245 4.245 0 0 1-2.754 2.58l-.107.031v3.018l.128.018c3.983.595 7.048 4.039 7.048 8.185 0 4.563-3.713 8.276-8.276 8.276s-8.276-3.713-8.276-8.276c0-4.146 3.065-7.59 7.048-8.185l.128-.019V31.95l-.107-.032a4.244 4.244 0 0 1-2.754-2.58l-.035-.093-.1-.004c-7.291-.306-14.015-1.432-19.02-3.189-2.88-1.01-5.069-2.183-6.535-3.476C.885 21.286.15 19.884.15 18.406v-7.5c0-1.4.666-2.736 1.992-3.976 1.327-1.24 3.31-2.376 5.919-3.367C12.745 1.783 19.226.57 26.31.153a1.1 1.1 0 0 1 .13 2.196c-6.857.404-13.107 1.564-17.598 3.27l.053.14-.053-.14c-2.04.775-3.655 1.637-4.763 2.528-1.102.888-1.73 1.827-1.73 2.76.011.92.602 1.69 1.192 2.272l.087.085.1-.066c2.653-1.738 6.699-3.167 11.6-4.161 4.898-.994 10.639-1.55 16.672-1.55 6.033 0 11.774.556 16.672 1.55 4.901.994 8.947 2.423 11.599 4.16l.101.067.087-.085c.59-.583 1.18-1.352 1.191-2.271v-.002c0-.932-.627-1.871-1.73-2.759-1.107-.891-2.722-1.753-4.762-2.528-4.491-1.706-10.742-2.866-17.598-3.27l-.009.149.01-.15a1.1 1.1 0 0 1 .128-2.196zm20.482 14.606l.235-.13-.235-.132C52.943 11.573 42.837 9.686 32 9.686s-20.943 1.887-26.172 4.81l-.235.131.236.131c4.98 2.77 12.264 4.325 22.142 4.754l.104.005.04-.095A4.231 4.231 0 0 1 32 16.858a4.231 4.231 0 0 1 3.884 2.564l.041.095.104-.005c9.88-.43 17.166-1.985 22.143-4.754zm-55.577.527l-.245-.2V18.408c0 .971.674 1.947 1.863 2.864 1.194.922 2.936 1.81 5.141 2.603 4.414 1.586 10.71 2.805 18.264 3.153l.157.007V21.706l-.143-.006C16.135 21.18 8.28 19.216 2.95 15.566a6.34 6.34 0 0 1-.306-.24l-.05-.04zm33.63 11.592v.157l.157-.007c7.554-.348 13.85-1.567 18.264-3.153 2.205-.793 3.947-1.68 5.141-2.603 1.189-.918 1.863-1.893 1.863-2.864V15.085l-.245.2-.045.037c-.103.084-.205.168-.31.244-5.326 3.65-13.181 5.615-24.682 6.133l-.143.007V26.877zM32 49.247a6.083 6.083 0 0 0 6.076-6.076A6.083 6.083 0 0 0 32 37.095a6.083 6.083 0 0 0-6.076 6.076A6.083 6.083 0 0 0 32 49.247zm0-19.352a2.027 2.027 0 0 0 2.025-2.025v-6.787A2.027 2.027 0 0 0 32 19.058a2.027 2.027 0 0 0-2.025 2.025v6.787c0 1.117.908 2.025 2.025 2.025z' stroke-width='.3'/%3E%3C/svg%3E");
}
.admin-icon--cursor {
background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg width='64' height='64' viewBox='0 0 64 64' fill='none' xmlns='http://www.w3.org/2000/svg' stroke='%23694374'%3E%3Cpath d='M9.55 12.125l14.55 38.8a2 2 0 0 0 3.75-.025l5.824-16.025a2.025 2.025 0 0 1 1.2-1.2L50.9 27.85a2 2 0 0 0 .025-3.75l-38.8-14.55a2 2 0 0 0-2.575 2.575zM34.15 34.15L52 52' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E");
}
.admin-icon--device-mobile {
background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg width='64' height='64' viewBox='0 0 64 64' fill='none' xmlns='http://www.w3.org/2000/svg' stroke='%23694374'%3E%3Cpath d='M44 6H20a4 4 0 0 0-4 4v44a4 4 0 0 0 4 4h24a4 4 0 0 0 4-4V10a4 4 0 0 0-4-4zM16 14h32M16 50h32' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E");
}
.admin-icon--one {
background-image: url("data:image/svg+xml,%3Csvg width='51' height='50' viewBox='0 0 51 50' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cg clip-path='url(%23clip0_5592_10458)'%3E%3Crect x='0.5' width='50' height='50' rx='25' fill='white'/%3E%3Ccircle cx='25.5' cy='25' r='25' fill='%23573962'/%3E%3Cpath d='M25.9216 36.375V20.887C25.9216 20.5243 25.9216 20.1403 25.9216 19.735C25.943 19.3083 25.9643 18.871 25.9856 18.423C25.2603 19.127 24.4176 19.7457 23.4576 20.279C22.4976 20.791 21.5163 21.1643 20.5136 21.399L19.8416 19.063C20.2256 19.0203 20.7056 18.8817 21.2816 18.647C21.879 18.391 22.4976 18.0817 23.1376 17.719C23.799 17.335 24.407 16.9297 24.9616 16.503C25.5163 16.0763 25.943 15.6603 26.2416 15.255H28.4816V36.375H25.9216Z' fill='%23FDFDFD'/%3E%3C/g%3E%3Cdefs%3E%3CclipPath id='clip0_5592_10458'%3E%3Crect x='0.5' width='50' height='50' rx='25' fill='white'/%3E%3C/clipPath%3E%3C/defs%3E%3C/svg%3E%0A");
}
.admin-icon--two {
background-image: url("data:image/svg+xml,%3Csvg width='51' height='50' viewBox='0 0 51 50' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cg clip-path='url(%23clip0_5592_10461)'%3E%3Crect x='0.5' width='50' height='50' rx='25' fill='white'/%3E%3Ccircle cx='25.5' cy='25' r='25' fill='%23573962'/%3E%3Cpath d='M18.5399 36.375V34.295C20.6519 32.7377 22.4119 31.3723 23.8199 30.199C25.2492 29.0257 26.3905 27.959 27.2439 26.999C28.0972 26.039 28.7052 25.1323 29.0679 24.279C29.4305 23.4043 29.6119 22.4977 29.6119 21.559C29.6119 20.3003 29.2065 19.287 28.3959 18.519C27.6065 17.7297 26.5185 17.335 25.1319 17.335C23.6812 17.335 22.5185 17.815 21.6439 18.775C20.7692 19.7137 20.2572 20.9723 20.1079 22.551L17.8679 21.207C18.0599 19.9697 18.4545 18.8817 19.0519 17.943C19.6705 17.0043 20.4919 16.2683 21.5159 15.735C22.5612 15.2017 23.7985 14.935 25.2279 14.935C26.3159 14.935 27.2865 15.095 28.1399 15.415C29.0145 15.735 29.7612 16.1937 30.3799 16.791C30.9985 17.367 31.4679 18.0603 31.7879 18.871C32.1292 19.6817 32.2999 20.5777 32.2999 21.559C32.2999 22.8817 31.9799 24.183 31.3399 25.463C30.6999 26.7217 29.6439 28.0443 28.1719 29.431C26.6999 30.8177 24.7052 32.3537 22.1879 34.039V34.071C22.4225 34.0497 22.7425 34.039 23.1479 34.039C23.5745 34.0177 23.9905 34.007 24.3959 34.007C24.8225 33.9857 25.1425 33.975 25.3559 33.975H32.7479V36.375H18.5399Z' fill='%23FDFDFD'/%3E%3C/g%3E%3Cdefs%3E%3CclipPath id='clip0_5592_10461'%3E%3Crect x='0.5' width='50' height='50' rx='25' fill='white'/%3E%3C/clipPath%3E%3C/defs%3E%3C/svg%3E%0A");
}
.admin-icon--three {
background-image: url("data:image/svg+xml,%3Csvg width='51' height='50' viewBox='0 0 51 50' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cg clip-path='url(%23clip0_5592_10464)'%3E%3Crect x='0.5' width='50' height='50' rx='25' fill='white'/%3E%3Ccircle cx='25.5' cy='25' r='25' fill='%23573962'/%3E%3Cpath d='M25.4519 36.695C23.5745 36.695 21.9105 36.2577 20.4599 35.383C19.0305 34.487 18.0599 33.2603 17.5479 31.703L20.1079 30.391C20.3639 31.1803 20.7159 31.8737 21.1639 32.471C21.6119 33.047 22.1985 33.495 22.9239 33.815C23.6705 34.135 24.5985 34.295 25.7079 34.295C26.6465 34.295 27.4359 34.1243 28.0759 33.783C28.7159 33.4417 29.2065 32.983 29.5479 32.407C29.8892 31.8097 30.0599 31.127 30.0599 30.359C30.0599 29.591 29.9105 28.951 29.6119 28.439C29.3345 27.927 28.8865 27.5537 28.2679 27.319C27.6492 27.063 26.8385 26.935 25.8359 26.935C25.6012 26.935 25.3452 26.9457 25.0679 26.967C24.7905 26.967 24.5025 26.9883 24.2039 27.031V24.471C24.3959 24.4923 24.5772 24.503 24.7479 24.503C24.9399 24.503 25.1105 24.503 25.2599 24.503C26.8172 24.503 27.9265 24.2043 28.5879 23.607C29.2492 22.9883 29.5799 22.0283 29.5799 20.727C29.5799 19.6177 29.2385 18.775 28.5559 18.199C27.8732 17.623 26.9025 17.335 25.6439 17.335C24.2999 17.335 23.2759 17.6337 22.5719 18.231C21.8679 18.807 21.3132 19.5963 20.9079 20.599L18.4759 19.447C18.8172 18.551 19.3292 17.7617 20.0119 17.079C20.6945 16.3963 21.5159 15.863 22.4759 15.479C23.4572 15.095 24.5345 14.903 25.7079 14.903C27.1799 14.903 28.3959 15.159 29.3559 15.671C30.3159 16.1617 31.0305 16.823 31.4999 17.655C31.9905 18.487 32.2359 19.4043 32.2359 20.407C32.2359 21.175 32.1292 21.8683 31.9159 22.487C31.7025 23.0843 31.4039 23.607 31.0199 24.055C30.6572 24.503 30.2412 24.8657 29.7719 25.143C29.3025 25.399 28.8012 25.5697 28.2679 25.655V25.719C28.9719 25.7403 29.5905 25.879 30.1239 26.135C30.6785 26.391 31.1479 26.7323 31.5319 27.159C31.9159 27.5857 32.2039 28.0763 32.3959 28.631C32.6092 29.1643 32.7159 29.7297 32.7159 30.327C32.7159 31.5643 32.4065 32.663 31.7879 33.623C31.1905 34.583 30.3479 35.3403 29.2599 35.895C28.1719 36.4283 26.9025 36.695 25.4519 36.695Z' fill='%23FDFDFD'/%3E%3C/g%3E%3Cdefs%3E%3CclipPath id='clip0_5592_10464'%3E%3Crect x='0.5' width='50' height='50' rx='25' fill='white'/%3E%3C/clipPath%3E%3C/defs%3E%3C/svg%3E%0A");
}
.admin-icon--chats {
background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg width='32' height='32' viewBox='0 0 32 32' fill='none' xmlns='http://www.w3.org/2000/svg' stroke='%23fff'%3E%3Cpath d='M4.262 17.587a9.013 9.013 0 1 1 3.15 3.15l-3.112.888a.75.75 0 0 1-.925-.925l.887-3.113z' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'/%3E%3Cpath d='M11.513 21.988a8.989 8.989 0 0 0 13.075 4.75l3.112.887a.75.75 0 0 0 .925-.925l-.887-3.113a8.988 8.988 0 0 0-7.25-13.575' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E");
}
.admin-icon--mobile-menu {
background-image: url("data:image/svg+xml,%3Csvg width='32' height='32' viewBox='0 0 32 32' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M2.66699 21.3333V24H29.3337V21.3333H2.66699ZM2.66699 14.6667V17.3333H29.3337V14.6667H2.66699ZM2.66699 8V10.6667H29.3337V8H2.66699Z' fill='%23140F2D'/%3E%3C/svg%3E%0A");
}
.admin-icon--exit {
background-image: url("data:image/svg+xml,%3Csvg width='24' height='24' viewBox='0 0 24 24' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M18.4 4L20 5.60001L13.6001 12L20.0001 18.4L18.4001 20.0001L12 13.6L5.60001 20.0001L4 18.4L10.4 12L4.00005 5.60001L5.60005 4L12 10.4L18.4 4Z' fill='%23212427'/%3E%3C/svg%3E%0A");
}
.admin-icon--paw--purple {
background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg width='28' height='25' viewBox='0 0 28 25' fill='%23694374' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M18.724 13.152a6.79 6.79 0 0 0-5.74-3.14 6.79 6.79 0 0 0-5.74 3.14l-3.036 4.736a4.286 4.286 0 0 0-.673 2.625 4.288 4.288 0 0 0 1.025 2.509 4.288 4.288 0 0 0 2.32 1.402c.91.208 1.843.12 2.698-.256l.057-.026a8.483 8.483 0 0 1 6.755.026 4.29 4.29 0 0 0 2.697.256 4.287 4.287 0 0 0 2.32-1.402 4.285 4.285 0 0 0 1.025-2.509 4.287 4.287 0 0 0-.672-2.625l-3.036-4.736zM5.025 13.146c.904-.347 1.59-1.075 1.932-2.05.327-.927.3-1.974-.075-2.949-.375-.973-1.057-1.768-1.921-2.237-.908-.494-1.905-.574-2.806-.226C.34 6.38-.492 8.623.299 10.682c.632 1.639 2.106 2.673 3.596 2.673.38 0 .762-.067 1.13-.21zM10.916 9.435c2.268 0 4.113-2.102 4.113-4.686S13.184.063 10.916.063c-2.267 0-4.112 2.102-4.112 4.686s1.845 4.686 4.112 4.686zM18.02 10.586c.348.116.704.171 1.059.171 1.654 0 3.265-1.203 3.88-3.053.355-1.065.331-2.191-.065-3.17-.415-1.026-1.184-1.77-2.165-2.096-.982-.327-2.043-.19-2.99.382-.903.548-1.596 1.436-1.95 2.5-.746 2.247.254 4.61 2.23 5.266zM26.68 10.04v-.001c-1.564-1.155-3.903-.655-5.214 1.117-1.31 1.772-1.106 4.154.456 5.31.57.422 1.242.624 1.931.624 1.2 0 2.45-.613 3.284-1.74 1.31-1.771 1.105-4.154-.456-5.31z'/%3E%3C/svg%3E");
}
.admin-icon--arrow-up-right {
background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg data-name='Layer 1' xmlns='http://www.w3.org/2000/svg' viewBox='0 0 25 24'%3E%3Cpath d='M3.1 21.4L21.9 2.6M6.6 2.6h15.3v15.3' fill='none' stroke='%23fff' stroke-linecap='round' stroke-linejoin='round' stroke-width='2'/%3E%3C/svg%3E");
}
.admin-icon--carret-down {
background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg width='25' height='24' viewBox='0 0 25 24' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cg clip-path='url(%23a)'%3E%3Cpath d='M17.09 8.59l-4.59 4.58-4.59-4.58L6.5 10l6 6 6-6-1.41-1.41z' fill='%235594F3'/%3E%3C/g%3E%3Cdefs%3E%3CclipPath id='a'%3E%3Cpath fill='%23fff' transform='translate(.5)' d='M0 0h24v24H0z'/%3E%3C/clipPath%3E%3C/defs%3E%3C/svg%3E");
}
.admin-icon--carret-up {
background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg width='25' height='24' viewBox='0 0 25 24' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cg clip-path='url(%23a)'%3E%3Cpath d='M17.09 8.59l-4.59 4.58-4.59-4.58L6.5 10l6 6 6-6-1.41-1.41z' fill='%235594F3'/%3E%3C/g%3E%3Cdefs%3E%3CclipPath id='a'%3E%3Cpath fill='%23fff' transform='translate(.5)' d='M0 0h24v24H0z'/%3E%3C/clipPath%3E%3C/defs%3E%3C/svg%3E");
transform: rotate(180deg);
}
.admin-icon--carret-left {
background-image: url("data:image/svg+xml,%3Csvg width='24' height='24' viewBox='0 0 24 24' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M15 18L9 12L15 6' stroke='%23573962' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E%0A");
}
.admin-icon--plus {
background-image: url("data:image/svg+xml,%3Csvg width='33' height='32' viewBox='0 0 33 32' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M14.7857 17.7143H4.5V14.2857H14.7857V4H18.2143V14.2857H28.5V17.7143H18.2143V28H14.7857V17.7143Z' fill='white'/%3E%3C/svg%3E%0A");
}
.admin-icon--faq {
background-image: url("data:image/svg+xml,%3Csvg width='48' height='48' viewBox='0 0 48 48' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M30.4604 15.6748H30.4752M36.0105 15.6748H36.0253M42.5005 15.2733C42.5005 20.1612 38.3582 24.1239 33.2503 24.1239C32.6484 24.1239 32.0521 24.0684 31.4613 23.9574C31.0358 23.8779 30.823 23.839 30.675 23.8612C30.527 23.8834 30.3161 23.9944 29.898 24.2183C28.7009 24.8563 27.3232 25.0709 25.9888 24.827C26.4989 24.1967 26.8447 23.4498 26.9953 22.6532C27.0878 22.1629 26.8584 21.6874 26.5142 21.3396C24.9087 19.7284 24.005 17.5479 24 15.2733C24 10.3874 28.1423 6.42456 33.2503 6.42456C38.3582 6.42456 42.5005 10.3874 42.5005 15.2733ZM15.6785 41.5754H10.528C9.93043 41.5754 9.32917 41.4903 8.7797 41.2554C6.99256 40.4876 6.08419 39.4719 5.66238 38.8374C5.5479 38.6616 5.49165 38.4542 5.50162 38.2447C5.51158 38.0352 5.58724 37.8341 5.71788 37.67C7.78993 34.9171 12.6 33.2558 15.6878 33.2558C18.7737 33.2558 23.5764 34.9171 25.6484 37.67C25.9093 38.0159 25.9444 38.4766 25.7039 38.8374C25.2803 39.4719 24.3719 40.4876 22.5847 41.2554C22.0295 41.4788 21.4348 41.5877 20.8365 41.5754H15.6785ZM20.8291 23.6096C20.8281 24.2841 20.6943 24.9517 20.4353 25.5744C20.1763 26.1972 19.7972 26.7628 19.3196 27.239C18.842 27.7152 18.2753 28.0927 17.6518 28.3499C17.0284 28.6071 16.3604 28.7389 15.6859 28.738C14.3245 28.7389 13.0184 28.1993 12.0546 27.2377C11.0909 26.276 10.5485 24.9711 10.5465 23.6096C10.5472 22.9352 10.6808 22.2675 10.9396 21.6447C11.1983 21.0219 11.5772 20.4561 12.0546 19.9798C12.5321 19.5034 13.0986 19.1257 13.722 18.8683C14.3454 18.6108 15.0133 18.4787 15.6878 18.4795C16.3622 18.4787 17.0302 18.6108 17.6536 18.8683C18.2769 19.1257 18.8435 19.5034 19.3209 19.9798C19.7983 20.4561 20.1772 21.0219 20.436 21.6447C20.6948 22.2675 20.8283 22.9352 20.8291 23.6096Z' stroke='black' stroke-width='2.77507' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E%0A");
}
.admin-icon--card {
background-image: url("data:image/svg+xml,%3Csvg width='32' height='32' viewBox='0 0 32 32' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M25.3333 28H6.66667C5.95942 28 5.28115 27.719 4.78105 27.219C4.28095 26.7189 4 26.0406 4 25.3333V6.66667C4 5.95942 4.28095 5.28115 4.78105 4.78105C5.28115 4.28095 5.95942 4 6.66667 4H25.3333C26.0406 4 26.7189 4.28095 27.219 4.78105C27.719 5.28115 28 5.95942 28 6.66667V25.3333C28 26.0406 27.719 26.7189 27.219 27.219C26.7189 27.719 26.0406 28 25.3333 28Z' stroke='white' stroke-width='2'/%3E%3Cpath d='M4 20.0002H12.5333C12.9747 20.0002 13.34 20.3708 13.5333 20.7682C13.808 21.3322 14.4587 22.0002 16 22.0002C17.5413 22.0002 18.192 21.3335 18.4667 20.7682C18.66 20.3708 19.0253 20.0002 19.4667 20.0002H28M4 9.3335H28M4 14.6668H28' stroke='white' stroke-width='2'/%3E%3C/svg%3E%0A");
}
/*------------------------------------*\
# utils.width
\*------------------------------------*/
.w--100 {
width: 100%;
}
@media (max-width: 47.9375em) {
.w--100--to-med{
width: 100%;
}
}
.w--auto {
width: auto;
}
.w--min--100 {
min-width: 100px;
}
.w--min--158 {
min-width: 158px;
}
.w--max--720 {
max-width: 720px;
}
@media (min-width: 34em) {
.w--70--from-lrg{
width: 70%;
}
}
/*------------------------------------*\
# utils.heights
\*------------------------------------*/
.h--100 {
height: 100%;
}
.h--auto {
height: auto;
}
/*------------------------------------*\
# utils.white-space
\*------------------------------------*/
.white-space--nowrap {
white-space: nowrap
}
/*------------------------------------*\
# Added CSS
\*------------------------------------*/
.is-admin .ngdialog--how-it-works .ngdialog-content {
padding: 52px 16px 16px 16px !important;
overflow-x: hidden;
max-width: 359px !important;
border: 0 !important;
}
@media (min-width: 544px) {
.is-admin .ngdialog--how-it-works .ngdialog-content {
padding: 44px 32px !important;
max-width: 1136px !important;
}
}
@media (min-width: 45em) {
.is-admin .ngdialog.ngdialog-theme-default.ngdialog--how-it-works {
padding: 160px 0;
}
}
.is-admin .ngdialog.ngdialog-theme-default.ngdialog--how-it-works .ngdialog-close::before {
top: -4px;
right: -12px;
background-image: url("data:image/svg+xml,%3Csvg width='32' height='32' viewBox='0 0 32 32' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M7.46537 5.33252L5.33203 7.46586L13.8657 15.9995L5.33262 24.5326L7.46596 26.6659L15.999 18.1329L24.5321 26.6659L26.6654 24.5326L18.1324 15.9995L26.666 7.46586L24.5327 5.33252L15.999 13.8662L7.46537 5.33252Z' fill='%23212427'/%3E%3C/svg%3E");
}
@media (min-width: 45em) {
.is-admin .ngdialog.ngdialog-theme-default.ngdialog--how-it-works .ngdialog-close::before {
top: 0;
right: 0;
}
}
.admin-modal__desc {
font-family: Work Sans;
font-size: 20px;
font-weight: 400;
line-height: 32px;
text-align: center;
color: #535353;
}
@media (max-width: 38em) {
.admin-modal__desc {
padding: 0 60px;
}
}
.admin-modal__header__title--alt {
font-family: "Libre Baskerville", Times, serif;
font-size: 20px;
line-height: 32px;
color: #212427;
margin-top: 0;
}
@media (min-width: 48em) {
.admin-modal__header__title--alt {
padding: 0;
font-size: 25px;
line-height: 32px;
}
}
.auto-pay-tooltip tip{
text-align: left;
width: 400px;
}
/* Download Pet Assure App Modal */
.is-admin .ng-dialog-download-app .ngdialog-content {
padding: 52px 16px 16px 16px !important;
overflow-x: hidden;
max-width: 359px !important;
}
@media (min-width: 544px) {
.is-admin .ng-dialog-download-app .ngdialog-content {
padding: 68px 32px 32px 32px !important;
max-width: 1336px !important;
}
}
.is-admin .ng-dialog-download-app .ngdialog-close::before {
right: -8px !important;
top: -8px !important;
}
.ng-dialog-download-app .ngdialog.ngdialog-theme-default .ngdialog-message {
margin-bottom: 0 !important;
}
/* Download Pet Assure App Modal */
/* Download What Is Total Pet Plan Modal */
.is-admin .ng-dialog-what-is-total-pet .ngdialog-content {
padding: 52px 16px 16px 16px !important;
overflow-x: hidden;
max-width: 359px !important;
}
@media (min-width: 544px) {
.is-admin .ng-dialog-what-is-total-pet .ngdialog-content {
padding: 32px !important;
max-width: 1311px !important;
}
}
/* Download What Is Total Pet Plan Modal */
/* Download What Is Vet Search Modal */
.is-admin .ngdialog-vet-search .ngdialog-content {
padding: 52px 16px 16px 16px !important;
overflow-x: hidden;
max-width: 359px !important;
}
@media (min-width: 544px) {
.is-admin .ngdialog-vet-search .ngdialog-content {
padding: 32px !important;
max-width: 1228px !important;
}
}
.admin-form--search--vets__zip {
max-width: 161px;
}
/* Download What Is Vet Search Modal */
.ngdialog--how-it-works .ngdialog-content:has(.ng-dialog-sml) {
max-width: 680px !important;
}
/* Wallet */
.card__wallet {
max-width: 531px;
width: 100%;
margin: 0 auto;
}
.card__wallet__container {
display: flex;
justify-content: center;
align-items: center;
gap: 20px;
margin-top: 16px;
}
.card__wallet__spc {
margin-bottom: 32px;
}
.card__wallet__title {
font-family: "Libre Baskerville", Times, serif;
font-weight: 400;
font-size: 25px;
line-height: 32px;
text-align: center;
}
.card__wallet__title--sml {
font-family: "Libre Baskerville", Times, serif;
font-weight: 400;
font-size: 20px;
line-height: 25px;
text-align: center;
padding: 0
}
.card__wallet__img {
height: 40px;
width: auto;
}
.card__wallet__qr {
height: 127px;
width: auto;
}
.card__wallet__qr img {
margin: 0 auto;
}
/* Used on Wallet Popup */
.is-admin .ngdialog-wallet-card .ngdialog-content {
max-width: 675px !important;
padding: 40px 32px !important;
}
@media (min-width: 767px) {
.is-admin .ngdialog-wallet-card .ngdialog-content {
padding: 40px !important;
}
}
@media (max-width: 431px) {
.is-admin .ngdialog-wallet-card.ngdialog.ngdialog-theme-default .ngdialog-close {
margin: 12px 4px 0 0 !important;
}
}
@media (max-width: 768px) {
.u-hidden--sml {
display: none;
}
}
/*------------------------------------*\
# Added CSS
\*------------------------------------*/