@charset "UTF-8";
@font-face {
  font-family: "SansPro-Light";
  src: url("../fonts/SourceSansPro-Light.ttf") format("truetype");
  font-style: normal;
}
@font-face {
  font-family: "SansPro-LightItalic";
  src: url("../fonts/SourceSansPro-LightItalic.ttf") format("truetype");
  font-style: italic;
}
@font-face {
  font-family: "SansPro-Regular";
  src: url("../fonts/SourceSansPro-Regular.ttf") format("truetype");
  font-style: normal;
}
@font-face {
  font-family: "SansPro-RegularItalic";
  src: url("../fonts/SourceSansPro-Italic.ttf") format("truetype");
  font-style: italic;
}
@font-face {
  font-family: "SansPro-SemiBold";
  src: url("../fonts/SourceSansPro-SemiBold.ttf") format("truetype");
  font-style: normal;
}
@font-face {
  font-family: "SansPro-SemiBoldItalix";
  src: url("../fonts/SourceSansPro-SemiBoldItalic.ttf") format("truetype");
  font-style: italic;
}
@font-face {
  font-family: "SansPro-Bold";
  src: url("../fonts/SourceSansPro-Bold.ttf") format("truetype");
  font-style: normal;
}
@font-face {
  font-family: "SansPro-BoldItalic";
  src: url("../fonts/SourceSansPro-BoldItalic.ttf") format("truetype");
  font-style: italic;
}
@font-face {
  font-family: "SansPro-Black";
  src: url("../fonts/SourceSansPro-Black.ttf") format("truetype");
  font-style: normal;
}
@font-face {
  font-family: "SansPro-BlackItalic";
  src: url("../fonts/SourceSansPro-BlackItalic.ttf") format("truetype");
  font-style: italic;
}
@font-face {
  font-family: GothamPro;
  src: url("../fonts/GothamPro/GothamPro-Light.eot");
  src: url("../fonts/GothamPro/GothamPro-Light.woff2") format("woff2"), url("../fonts/GothamPro/GothamPro-Light.woff") format("woff"), url("../fonts/GothamPro/GothamPro-Light.ttf") format("truetype"), url("../fonts/GothamPro/GothamPro-Light.svg#GothamPro-Light") format("svg"), url("../fonts/GothamPro/GothamPro-Light.eot?#iefix") format("embedded-opentype");
  font-weight: 100;
  font-style: normal;
}
@font-face {
  font-family: GothamPro;
  src: url("../fonts/GothamPro/GothamPro-LightItalic.eot");
  src: url("../fonts/GothamPro/GothamPro-LightItalic.woff2") format("woff2"), url("../fonts/GothamPro/GothamPro-LightItalic.woff") format("woff"), url("../fonts/GothamPro/GothamPro-LightItalic.ttf") format("truetype"), url("../fonts/GothamPro/GothamPro-LightItalic.svg#GothamPro-LightItalic") format("svg"), url("../fonts/GothamPro/GothamPro-LightItalic.eot?#iefix") format("embedded-opentype");
  font-weight: 100;
  font-style: italic;
}
@font-face {
  font-family: GothamPro;
  src: url("../fonts/GothamPro/GothamPro.eot");
  src: url("../fonts/GothamPro/../fonts/GothamPro/GothamPro.eot");
  src: url("../fonts/GothamPro/GothamPro.woff2") format("woff2"), url("../fonts/GothamPro/GothamPro.woff") format("woff"), url("../fonts/GothamPro/GothamPro.ttf") format("truetype"), url("../fonts/GothamPro/GothamPro.svg#GothamPro") format("svg"), url("../fonts/GothamPro/GothamPro.eot?#iefix") format("embedded-opentype");
  font-weight: 200;
  font-style: normal;
}
@font-face {
  font-family: GothamPro;
  src: url("../fonts/GothamPro/GothamPro-Italic.eot");
  src: url("../fonts/GothamPro/GothamPro-Italic.woff2") format("woff2"), url("../fonts/GothamPro/GothamPro-Italic.woff") format("woff"), url("../fonts/GothamPro/GothamPro-Italic.ttf") format("truetype"), url("../fonts/GothamPro/GothamPro-Italic.svg#GothamPro-Italic") format("svg"), url("../fonts/GothamPro/GothamPro-Italic.eot?#iefix") format("embedded-opentype");
  font-weight: 200;
  font-style: italic;
}
@font-face {
  font-family: GothamPro;
  src: url("../fonts/GothamPro/GothamPro-Medium.eot");
  src: url("../fonts/GothamPro/GothamPro-Medium.woff2") format("woff2"), url("../fonts/GothamPro/GothamPro-Medium.woff") format("woff"), url("../fonts/GothamPro/GothamPro-Medium.ttf") format("truetype"), url("../fonts/GothamPro/GothamPro-Medium.svg#GothamPro-Medium") format("svg"), url("../fonts/GothamPro/GothamPro-Medium.eot?#iefix") format("embedded-opentype");
  font-weight: 400;
  font-style: normal;
}
@font-face {
  font-family: GothamPro;
  src: url("../fonts/GothamPro/GothamPro-MediumItalic.eot");
  src: url("../fonts/GothamPro/GothamPro-MediumItalic.woff2") format("woff2"), url("../fonts/GothamPro/GothamPro-MediumItalic.woff") format("woff"), url("../fonts/GothamPro/GothamPro-MediumItalic.ttf") format("truetype"), url("../fonts/GothamPro/GothamPro-MediumItalic.svg#GothamPro-MediumItalic") format("svg"), url("../fonts/GothamPro/GothamPro-MediumItalic.eot?#iefix") format("embedded-opentype");
  font-weight: 400;
  font-style: italic;
}
@font-face {
  font-family: GothamPro;
  src: url("../fonts/GothamPro/GothamPro-Bold.eot");
  src: url("../fonts/GothamPro/GothamPro-Bold.woff2") format("woff2"), url("../fonts/GothamPro/GothamPro-Bold.woff") format("woff"), url("../fonts/GothamPro/GothamPro-Bold.ttf") format("truetype"), url("../fonts/GothamPro/GothamPro-Bold.svg#GothamPro-Bold") format("svg"), url("../fonts/GothamPro/GothamPro-Bold.eot?#iefix") format("embedded-opentype");
  font-weight: 600;
  font-style: normal;
}
@font-face {
  font-family: GothamPro;
  src: url("../fonts/GothamPro/GothamPro-BoldItalic.eot");
  src: url("../fonts/GothamPro/GothamPro-BoldItalic.woff2") format("woff2"), url("../fonts/GothamPro/GothamPro-BoldItalic.woff") format("woff"), url("../fonts/GothamPro/GothamPro-BoldItalic.ttf") format("truetype"), url("../fonts/GothamPro/GothamPro-BoldItalic.svg#GothamPro-BoldItalic") format("svg"), url("../fonts/GothamPro/GothamPro-BoldItalic.eot?#iefix") format("embedded-opentype");
  font-weight: 600;
  font-style: italic;
}
@font-face {
  font-family: GothamPro;
  src: url("../fonts/GothamPro/GothamPro-Black.eot");
  src: url("../fonts/GothamPro/GothamPro-Black.woff2") format("woff2"), url("../fonts/GothamPro/GothamPro-Black.woff") format("woff"), url("../fonts/GothamPro/GothamPro-Black.ttf") format("truetype"), url("../fonts/GothamPro/GothamPro-Black.svg#GothamPro-Black") format("svg"), url("../fonts/GothamPro/GothamPro-Black.eot?#iefix") format("embedded-opentype");
  font-weight: 800;
  font-style: normal;
}
@font-face {
  font-family: GothamPro;
  src: url("../fonts/GothamPro/GothamPro-BlackItalic.eot");
  src: url("../fonts/GothamPro/GothamPro-BlackItalic.woff2") format("woff2"), url("../fonts/GothamPro/GothamPro-BlackItalic.woff") format("woff"), url("../fonts/GothamPro/GothamPro-BlackItalic.ttf") format("truetype"), url("../fonts/GothamPro/GothamPro-BlackItalic.svg#GothamPro-BlackItalic") format("svg"), url("../fonts/GothamPro/GothamPro-BlackItalic.eot?#iefix") format("embedded-opentype");
  font-weight: 800;
  font-style: italic;
}
.icon-8 {
  width: 8px;
  height: 8px;
}

.icon-10 {
  width: 10px;
  height: 10px;
}

.icon-12 {
  width: 12px;
  height: 12px;
}

.icon-14 {
  width: 14px;
  height: 14px;
}

.icon-16 {
  width: 16px;
  height: 16px;
}

.icon-18 {
  width: 18px;
  height: 18px;
}

.icon-20 {
  width: 20px;
  height: 20px;
}

.icon-22 {
  width: 22px;
  height: 22px;
}

.icon-24 {
  width: 24px;
  height: 24px;
}

.icon-26 {
  width: 26px;
  height: 26px;
}

.icon-28 {
  width: 28px;
  height: 28px;
}

.icon-30 {
  width: 30px;
  height: 30px;
}

.icon-32 {
  width: 32px;
  height: 32px;
}

.icon-34 {
  width: 34px;
  height: 34px;
}

.icon-36 {
  width: 36px;
  height: 36px;
}

.icon-38 {
  width: 38px;
  height: 38px;
}

.icon-40 {
  width: 40px;
  height: 40px;
}

.icon-42 {
  width: 42px;
  height: 42px;
}

.icon-44 {
  width: 44px;
  height: 44px;
}

.icon-46 {
  width: 46px;
  height: 46px;
}

.icon-48 {
  width: 48px;
  height: 48px;
}

.icon-50 {
  width: 50px;
  height: 50px;
}

.icon-52 {
  width: 52px;
  height: 52px;
}

.icon-54 {
  width: 54px;
  height: 54px;
}

.icon-56 {
  width: 56px;
  height: 56px;
}

.icon-58 {
  width: 58px;
  height: 58px;
}

.icon-60 {
  width: 60px;
  height: 60px;
}

.icon-62 {
  width: 62px;
  height: 62px;
}

.icon-64 {
  width: 64px;
  height: 64px;
}

.icon-66 {
  width: 66px;
  height: 66px;
}

.icon-68 {
  width: 68px;
  height: 68px;
}

.icon-70 {
  width: 70px;
  height: 70px;
}

.icon-72 {
  width: 72px;
  height: 72px;
}

.icon-74 {
  width: 74px;
  height: 74px;
}

.icon-76 {
  width: 76px;
  height: 76px;
}

.icon-78 {
  width: 78px;
  height: 78px;
}

.icon-80 {
  width: 80px;
  height: 80px;
}

.m-0 {
  margin: 0px;
}

.p-0 {
  padding: 0px;
}

.m-t-0 {
  margin-top: 0px;
}

.p-t-0 {
  padding-top: 0px;
}

.m-b-0 {
  margin-bottom: 0px;
}

.p-b-0 {
  padding-bottom: 0px;
}

.m-l-0 {
  margin-left: 0px;
}

.p-l-0 {
  padding-left: 0px;
}

.m-r-0 {
  margin-right: 0px;
}

.p-r-0 {
  padding-right: 0px;
}

.m-1 {
  margin: 1px;
}

.p-1 {
  padding: 1px;
}

.m-t-1 {
  margin-top: 1px;
}

.p-t-1 {
  padding-top: 1px;
}

.m-b-1 {
  margin-bottom: 1px;
}

.p-b-1 {
  padding-bottom: 1px;
}

.m-l-1 {
  margin-left: 1px;
}

.p-l-1 {
  padding-left: 1px;
}

.m-r-1 {
  margin-right: 1px;
}

.p-r-1 {
  padding-right: 1px;
}

.m-2 {
  margin: 2px;
}

.p-2 {
  padding: 2px;
}

.m-t-2 {
  margin-top: 2px;
}

.p-t-2 {
  padding-top: 2px;
}

.m-b-2 {
  margin-bottom: 2px;
}

.p-b-2 {
  padding-bottom: 2px;
}

.m-l-2 {
  margin-left: 2px;
}

.p-l-2 {
  padding-left: 2px;
}

.m-r-2 {
  margin-right: 2px;
}

.p-r-2 {
  padding-right: 2px;
}

.m-3 {
  margin: 3px;
}

.p-3 {
  padding: 3px;
}

.m-t-3 {
  margin-top: 3px;
}

.p-t-3 {
  padding-top: 3px;
}

.m-b-3 {
  margin-bottom: 3px;
}

.p-b-3 {
  padding-bottom: 3px;
}

.m-l-3 {
  margin-left: 3px;
}

.p-l-3 {
  padding-left: 3px;
}

.m-r-3 {
  margin-right: 3px;
}

.p-r-3 {
  padding-right: 3px;
}

.m-5 {
  margin: 5px;
}

.p-5 {
  padding: 5px;
}

.m-t-5 {
  margin-top: 5px;
}

.p-t-5 {
  padding-top: 5px;
}

.m-b-5 {
  margin-bottom: 5px;
}

.p-b-5 {
  padding-bottom: 5px;
}

.m-l-5 {
  margin-left: 5px;
}

.p-l-5 {
  padding-left: 5px;
}

.m-r-5 {
  margin-right: 5px;
}

.p-r-5 {
  padding-right: 5px;
}

.m-8 {
  margin: 8px;
}

.p-8 {
  padding: 8px;
}

.m-t-8 {
  margin-top: 8px;
}

.p-t-8 {
  padding-top: 8px;
}

.m-b-8 {
  margin-bottom: 8px;
}

.p-b-8 {
  padding-bottom: 8px;
}

.m-l-8 {
  margin-left: 8px;
}

.p-l-8 {
  padding-left: 8px;
}

.m-r-8 {
  margin-right: 8px;
}

.p-r-8 {
  padding-right: 8px;
}

.m-10 {
  margin: 10px;
}

.p-10 {
  padding: 10px;
}

.m-t-10 {
  margin-top: 10px;
}

.p-t-10 {
  padding-top: 10px;
}

.m-b-10 {
  margin-bottom: 10px;
}

.p-b-10 {
  padding-bottom: 10px;
}

.m-l-10 {
  margin-left: 10px;
}

.p-l-10 {
  padding-left: 10px;
}

.m-r-10 {
  margin-right: 10px;
}

.p-r-10 {
  padding-right: 10px;
}

.m-15 {
  margin: 15px;
}

.p-15 {
  padding: 15px;
}

.m-t-15 {
  margin-top: 15px;
}

.p-t-15 {
  padding-top: 15px;
}

.m-b-15 {
  margin-bottom: 15px;
}

.p-b-15 {
  padding-bottom: 15px;
}

.m-l-15 {
  margin-left: 15px;
}

.p-l-15 {
  padding-left: 15px;
}

.m-r-15 {
  margin-right: 15px;
}

.p-r-15 {
  padding-right: 15px;
}

.m-20 {
  margin: 20px;
}

.p-20 {
  padding: 20px;
}

.m-t-20 {
  margin-top: 20px;
}

.p-t-20 {
  padding-top: 20px;
}

.m-b-20 {
  margin-bottom: 20px;
}

.p-b-20 {
  padding-bottom: 20px;
}

.m-l-20 {
  margin-left: 20px;
}

.p-l-20 {
  padding-left: 20px;
}

.m-r-20 {
  margin-right: 20px;
}

.p-r-20 {
  padding-right: 20px;
}

.m-25 {
  margin: 25px;
}

.p-25 {
  padding: 25px;
}

.m-t-25 {
  margin-top: 25px;
}

.p-t-25 {
  padding-top: 25px;
}

.m-b-25 {
  margin-bottom: 25px;
}

.p-b-25 {
  padding-bottom: 25px;
}

.m-l-25 {
  margin-left: 25px;
}

.p-l-25 {
  padding-left: 25px;
}

.m-r-25 {
  margin-right: 25px;
}

.p-r-25 {
  padding-right: 25px;
}

.m-30 {
  margin: 30px;
}

.p-30 {
  padding: 30px;
}

.m-t-30 {
  margin-top: 30px;
}

.p-t-30 {
  padding-top: 30px;
}

.m-b-30 {
  margin-bottom: 30px;
}

.p-b-30 {
  padding-bottom: 30px;
}

.m-l-30 {
  margin-left: 30px;
}

.p-l-30 {
  padding-left: 30px;
}

.m-r-30 {
  margin-right: 30px;
}

.p-r-30 {
  padding-right: 30px;
}

.m-35 {
  margin: 35px;
}

.p-35 {
  padding: 35px;
}

.m-t-35 {
  margin-top: 35px;
}

.p-t-35 {
  padding-top: 35px;
}

.m-b-35 {
  margin-bottom: 35px;
}

.p-b-35 {
  padding-bottom: 35px;
}

.m-l-35 {
  margin-left: 35px;
}

.p-l-35 {
  padding-left: 35px;
}

.m-r-35 {
  margin-right: 35px;
}

.p-r-35 {
  padding-right: 35px;
}

.m-40 {
  margin: 40px;
}

.p-40 {
  padding: 40px;
}

.m-t-40 {
  margin-top: 40px;
}

.p-t-40 {
  padding-top: 40px;
}

.m-b-40 {
  margin-bottom: 40px;
}

.p-b-40 {
  padding-bottom: 40px;
}

.m-l-40 {
  margin-left: 40px;
}

.p-l-40 {
  padding-left: 40px;
}

.m-r-40 {
  margin-right: 40px;
}

.p-r-40 {
  padding-right: 40px;
}

.m-45 {
  margin: 45px;
}

.p-45 {
  padding: 45px;
}

.m-t-45 {
  margin-top: 45px;
}

.p-t-45 {
  padding-top: 45px;
}

.m-b-45 {
  margin-bottom: 45px;
}

.p-b-45 {
  padding-bottom: 45px;
}

.m-l-45 {
  margin-left: 45px;
}

.p-l-45 {
  padding-left: 45px;
}

.m-r-45 {
  margin-right: 45px;
}

.p-r-45 {
  padding-right: 45px;
}

.m-50 {
  margin: 50px;
}

.p-50 {
  padding: 50px;
}

.m-t-50 {
  margin-top: 50px;
}

.p-t-50 {
  padding-top: 50px;
}

.m-b-50 {
  margin-bottom: 50px;
}

.p-b-50 {
  padding-bottom: 50px;
}

.m-l-50 {
  margin-left: 50px;
}

.p-l-50 {
  padding-left: 50px;
}

.m-r-50 {
  margin-right: 50px;
}

.p-r-50 {
  padding-right: 50px;
}

.m-55 {
  margin: 55px;
}

.p-55 {
  padding: 55px;
}

.m-t-55 {
  margin-top: 55px;
}

.p-t-55 {
  padding-top: 55px;
}

.m-b-55 {
  margin-bottom: 55px;
}

.p-b-55 {
  padding-bottom: 55px;
}

.m-l-55 {
  margin-left: 55px;
}

.p-l-55 {
  padding-left: 55px;
}

.m-r-55 {
  margin-right: 55px;
}

.p-r-55 {
  padding-right: 55px;
}

.m-60 {
  margin: 60px;
}

.p-60 {
  padding: 60px;
}

.m-t-60 {
  margin-top: 60px;
}

.p-t-60 {
  padding-top: 60px;
}

.m-b-60 {
  margin-bottom: 60px;
}

.p-b-60 {
  padding-bottom: 60px;
}

.m-l-60 {
  margin-left: 60px;
}

.p-l-60 {
  padding-left: 60px;
}

.m-r-60 {
  margin-right: 60px;
}

.p-r-60 {
  padding-right: 60px;
}

.m-65 {
  margin: 65px;
}

.p-65 {
  padding: 65px;
}

.m-t-65 {
  margin-top: 65px;
}

.p-t-65 {
  padding-top: 65px;
}

.m-b-65 {
  margin-bottom: 65px;
}

.p-b-65 {
  padding-bottom: 65px;
}

.m-l-65 {
  margin-left: 65px;
}

.p-l-65 {
  padding-left: 65px;
}

.m-r-65 {
  margin-right: 65px;
}

.p-r-65 {
  padding-right: 65px;
}

.m-70 {
  margin: 70px;
}

.p-70 {
  padding: 70px;
}

.m-t-70 {
  margin-top: 70px;
}

.p-t-70 {
  padding-top: 70px;
}

.m-b-70 {
  margin-bottom: 70px;
}

.p-b-70 {
  padding-bottom: 70px;
}

.m-l-70 {
  margin-left: 70px;
}

.p-l-70 {
  padding-left: 70px;
}

.m-r-70 {
  margin-right: 70px;
}

.p-r-70 {
  padding-right: 70px;
}

.m-75 {
  margin: 75px;
}

.p-75 {
  padding: 75px;
}

.m-t-75 {
  margin-top: 75px;
}

.p-t-75 {
  padding-top: 75px;
}

.m-b-75 {
  margin-bottom: 75px;
}

.p-b-75 {
  padding-bottom: 75px;
}

.m-l-75 {
  margin-left: 75px;
}

.p-l-75 {
  padding-left: 75px;
}

.m-r-75 {
  margin-right: 75px;
}

.p-r-75 {
  padding-right: 75px;
}

.m-80 {
  margin: 80px;
}

.p-80 {
  padding: 80px;
}

.m-t-80 {
  margin-top: 80px;
}

.p-t-80 {
  padding-top: 80px;
}

.m-b-80 {
  margin-bottom: 80px;
}

.p-b-80 {
  padding-bottom: 80px;
}

.m-l-80 {
  margin-left: 80px;
}

.p-l-80 {
  padding-left: 80px;
}

.m-r-80 {
  margin-right: 80px;
}

.p-r-80 {
  padding-right: 80px;
}

.m-85 {
  margin: 85px;
}

.p-85 {
  padding: 85px;
}

.m-t-85 {
  margin-top: 85px;
}

.p-t-85 {
  padding-top: 85px;
}

.m-b-85 {
  margin-bottom: 85px;
}

.p-b-85 {
  padding-bottom: 85px;
}

.m-l-85 {
  margin-left: 85px;
}

.p-l-85 {
  padding-left: 85px;
}

.m-r-85 {
  margin-right: 85px;
}

.p-r-85 {
  padding-right: 85px;
}

.m-90 {
  margin: 90px;
}

.p-90 {
  padding: 90px;
}

.m-t-90 {
  margin-top: 90px;
}

.p-t-90 {
  padding-top: 90px;
}

.m-b-90 {
  margin-bottom: 90px;
}

.p-b-90 {
  padding-bottom: 90px;
}

.m-l-90 {
  margin-left: 90px;
}

.p-l-90 {
  padding-left: 90px;
}

.m-r-90 {
  margin-right: 90px;
}

.p-r-90 {
  padding-right: 90px;
}

.m-95 {
  margin: 95px;
}

.p-95 {
  padding: 95px;
}

.m-t-95 {
  margin-top: 95px;
}

.p-t-95 {
  padding-top: 95px;
}

.m-b-95 {
  margin-bottom: 95px;
}

.p-b-95 {
  padding-bottom: 95px;
}

.m-l-95 {
  margin-left: 95px;
}

.p-l-95 {
  padding-left: 95px;
}

.m-r-95 {
  margin-right: 95px;
}

.p-r-95 {
  padding-right: 95px;
}

.m-100 {
  margin: 100px;
}

.p-100 {
  padding: 100px;
}

.m-t-100 {
  margin-top: 100px;
}

.p-t-100 {
  padding-top: 100px;
}

.m-b-100 {
  margin-bottom: 100px;
}

.p-b-100 {
  padding-bottom: 100px;
}

.m-l-100 {
  margin-left: 100px;
}

.p-l-100 {
  padding-left: 100px;
}

.m-r-100 {
  margin-right: 100px;
}

.p-r-100 {
  padding-right: 100px;
}

.m-105 {
  margin: 105px;
}

.p-105 {
  padding: 105px;
}

.m-t-105 {
  margin-top: 105px;
}

.p-t-105 {
  padding-top: 105px;
}

.m-b-105 {
  margin-bottom: 105px;
}

.p-b-105 {
  padding-bottom: 105px;
}

.m-l-105 {
  margin-left: 105px;
}

.p-l-105 {
  padding-left: 105px;
}

.m-r-105 {
  margin-right: 105px;
}

.p-r-105 {
  padding-right: 105px;
}

.m-110 {
  margin: 110px;
}

.p-110 {
  padding: 110px;
}

.m-t-110 {
  margin-top: 110px;
}

.p-t-110 {
  padding-top: 110px;
}

.m-b-110 {
  margin-bottom: 110px;
}

.p-b-110 {
  padding-bottom: 110px;
}

.m-l-110 {
  margin-left: 110px;
}

.p-l-110 {
  padding-left: 110px;
}

.m-r-110 {
  margin-right: 110px;
}

.p-r-110 {
  padding-right: 110px;
}

.m-115 {
  margin: 115px;
}

.p-115 {
  padding: 115px;
}

.m-t-115 {
  margin-top: 115px;
}

.p-t-115 {
  padding-top: 115px;
}

.m-b-115 {
  margin-bottom: 115px;
}

.p-b-115 {
  padding-bottom: 115px;
}

.m-l-115 {
  margin-left: 115px;
}

.p-l-115 {
  padding-left: 115px;
}

.m-r-115 {
  margin-right: 115px;
}

.p-r-115 {
  padding-right: 115px;
}

.m-120 {
  margin: 120px;
}

.p-120 {
  padding: 120px;
}

.m-t-120 {
  margin-top: 120px;
}

.p-t-120 {
  padding-top: 120px;
}

.m-b-120 {
  margin-bottom: 120px;
}

.p-b-120 {
  padding-bottom: 120px;
}

.m-l-120 {
  margin-left: 120px;
}

.p-l-120 {
  padding-left: 120px;
}

.m-r-120 {
  margin-right: 120px;
}

.p-r-120 {
  padding-right: 120px;
}

.m-125 {
  margin: 125px;
}

.p-125 {
  padding: 125px;
}

.m-t-125 {
  margin-top: 125px;
}

.p-t-125 {
  padding-top: 125px;
}

.m-b-125 {
  margin-bottom: 125px;
}

.p-b-125 {
  padding-bottom: 125px;
}

.m-l-125 {
  margin-left: 125px;
}

.p-l-125 {
  padding-left: 125px;
}

.m-r-125 {
  margin-right: 125px;
}

.p-r-125 {
  padding-right: 125px;
}

.m-130 {
  margin: 130px;
}

.p-130 {
  padding: 130px;
}

.m-t-130 {
  margin-top: 130px;
}

.p-t-130 {
  padding-top: 130px;
}

.m-b-130 {
  margin-bottom: 130px;
}

.p-b-130 {
  padding-bottom: 130px;
}

.m-l-130 {
  margin-left: 130px;
}

.p-l-130 {
  padding-left: 130px;
}

.m-r-130 {
  margin-right: 130px;
}

.p-r-130 {
  padding-right: 130px;
}

.m-135 {
  margin: 135px;
}

.p-135 {
  padding: 135px;
}

.m-t-135 {
  margin-top: 135px;
}

.p-t-135 {
  padding-top: 135px;
}

.m-b-135 {
  margin-bottom: 135px;
}

.p-b-135 {
  padding-bottom: 135px;
}

.m-l-135 {
  margin-left: 135px;
}

.p-l-135 {
  padding-left: 135px;
}

.m-r-135 {
  margin-right: 135px;
}

.p-r-135 {
  padding-right: 135px;
}

.m-140 {
  margin: 140px;
}

.p-140 {
  padding: 140px;
}

.m-t-140 {
  margin-top: 140px;
}

.p-t-140 {
  padding-top: 140px;
}

.m-b-140 {
  margin-bottom: 140px;
}

.p-b-140 {
  padding-bottom: 140px;
}

.m-l-140 {
  margin-left: 140px;
}

.p-l-140 {
  padding-left: 140px;
}

.m-r-140 {
  margin-right: 140px;
}

.p-r-140 {
  padding-right: 140px;
}

.m-145 {
  margin: 145px;
}

.p-145 {
  padding: 145px;
}

.m-t-145 {
  margin-top: 145px;
}

.p-t-145 {
  padding-top: 145px;
}

.m-b-145 {
  margin-bottom: 145px;
}

.p-b-145 {
  padding-bottom: 145px;
}

.m-l-145 {
  margin-left: 145px;
}

.p-l-145 {
  padding-left: 145px;
}

.m-r-145 {
  margin-right: 145px;
}

.p-r-145 {
  padding-right: 145px;
}

.m-150 {
  margin: 150px;
}

.p-150 {
  padding: 150px;
}

.m-t-150 {
  margin-top: 150px;
}

.p-t-150 {
  padding-top: 150px;
}

.m-b-150 {
  margin-bottom: 150px;
}

.p-b-150 {
  padding-bottom: 150px;
}

.m-l-150 {
  margin-left: 150px;
}

.p-l-150 {
  padding-left: 150px;
}

.m-r-150 {
  margin-right: 150px;
}

.p-r-150 {
  padding-right: 150px;
}

@media screen and (min-width: 319px) {
  .m-0-xs {
    margin: 0px;
  }
  .p-0-xs {
    padding: 0px;
  }
  .m-t-0-xs {
    margin-top: 0px;
  }
  .p-t-0-xs {
    padding-top: 0px;
  }
  .m-b-0-xs {
    margin-bottom: 0px;
  }
  .p-b-0-xs {
    padding-bottom: 0px;
  }
  .m-l-0-xs {
    margin-left: 0px;
  }
  .p-l-0-xs {
    padding-left: 0px;
  }
  .m-r-0-xs {
    margin-right: 0px;
  }
  .p-r-0-xs {
    padding-right: 0px;
  }
  .m-1-xs {
    margin: 1px;
  }
  .p-1-xs {
    padding: 1px;
  }
  .m-t-1-xs {
    margin-top: 1px;
  }
  .p-t-1-xs {
    padding-top: 1px;
  }
  .m-b-1-xs {
    margin-bottom: 1px;
  }
  .p-b-1-xs {
    padding-bottom: 1px;
  }
  .m-l-1-xs {
    margin-left: 1px;
  }
  .p-l-1-xs {
    padding-left: 1px;
  }
  .m-r-1-xs {
    margin-right: 1px;
  }
  .p-r-1-xs {
    padding-right: 1px;
  }
  .m-2-xs {
    margin: 2px;
  }
  .p-2-xs {
    padding: 2px;
  }
  .m-t-2-xs {
    margin-top: 2px;
  }
  .p-t-2-xs {
    padding-top: 2px;
  }
  .m-b-2-xs {
    margin-bottom: 2px;
  }
  .p-b-2-xs {
    padding-bottom: 2px;
  }
  .m-l-2-xs {
    margin-left: 2px;
  }
  .p-l-2-xs {
    padding-left: 2px;
  }
  .m-r-2-xs {
    margin-right: 2px;
  }
  .p-r-2-xs {
    padding-right: 2px;
  }
  .m-3-xs {
    margin: 3px;
  }
  .p-3-xs {
    padding: 3px;
  }
  .m-t-3-xs {
    margin-top: 3px;
  }
  .p-t-3-xs {
    padding-top: 3px;
  }
  .m-b-3-xs {
    margin-bottom: 3px;
  }
  .p-b-3-xs {
    padding-bottom: 3px;
  }
  .m-l-3-xs {
    margin-left: 3px;
  }
  .p-l-3-xs {
    padding-left: 3px;
  }
  .m-r-3-xs {
    margin-right: 3px;
  }
  .p-r-3-xs {
    padding-right: 3px;
  }
  .m-5-xs {
    margin: 5px;
  }
  .p-5-xs {
    padding: 5px;
  }
  .m-t-5-xs {
    margin-top: 5px;
  }
  .p-t-5-xs {
    padding-top: 5px;
  }
  .m-b-5-xs {
    margin-bottom: 5px;
  }
  .p-b-5-xs {
    padding-bottom: 5px;
  }
  .m-l-5-xs {
    margin-left: 5px;
  }
  .p-l-5-xs {
    padding-left: 5px;
  }
  .m-r-5-xs {
    margin-right: 5px;
  }
  .p-r-5-xs {
    padding-right: 5px;
  }
  .m-8-xs {
    margin: 8px;
  }
  .p-8-xs {
    padding: 8px;
  }
  .m-t-8-xs {
    margin-top: 8px;
  }
  .p-t-8-xs {
    padding-top: 8px;
  }
  .m-b-8-xs {
    margin-bottom: 8px;
  }
  .p-b-8-xs {
    padding-bottom: 8px;
  }
  .m-l-8-xs {
    margin-left: 8px;
  }
  .p-l-8-xs {
    padding-left: 8px;
  }
  .m-r-8-xs {
    margin-right: 8px;
  }
  .p-r-8-xs {
    padding-right: 8px;
  }
  .m-10-xs {
    margin: 10px;
  }
  .p-10-xs {
    padding: 10px;
  }
  .m-t-10-xs {
    margin-top: 10px;
  }
  .p-t-10-xs {
    padding-top: 10px;
  }
  .m-b-10-xs {
    margin-bottom: 10px;
  }
  .p-b-10-xs {
    padding-bottom: 10px;
  }
  .m-l-10-xs {
    margin-left: 10px;
  }
  .p-l-10-xs {
    padding-left: 10px;
  }
  .m-r-10-xs {
    margin-right: 10px;
  }
  .p-r-10-xs {
    padding-right: 10px;
  }
  .m-15-xs {
    margin: 15px;
  }
  .p-15-xs {
    padding: 15px;
  }
  .m-t-15-xs {
    margin-top: 15px;
  }
  .p-t-15-xs {
    padding-top: 15px;
  }
  .m-b-15-xs {
    margin-bottom: 15px;
  }
  .p-b-15-xs {
    padding-bottom: 15px;
  }
  .m-l-15-xs {
    margin-left: 15px;
  }
  .p-l-15-xs {
    padding-left: 15px;
  }
  .m-r-15-xs {
    margin-right: 15px;
  }
  .p-r-15-xs {
    padding-right: 15px;
  }
  .m-20-xs {
    margin: 20px;
  }
  .p-20-xs {
    padding: 20px;
  }
  .m-t-20-xs {
    margin-top: 20px;
  }
  .p-t-20-xs {
    padding-top: 20px;
  }
  .m-b-20-xs {
    margin-bottom: 20px;
  }
  .p-b-20-xs {
    padding-bottom: 20px;
  }
  .m-l-20-xs {
    margin-left: 20px;
  }
  .p-l-20-xs {
    padding-left: 20px;
  }
  .m-r-20-xs {
    margin-right: 20px;
  }
  .p-r-20-xs {
    padding-right: 20px;
  }
  .m-25-xs {
    margin: 25px;
  }
  .p-25-xs {
    padding: 25px;
  }
  .m-t-25-xs {
    margin-top: 25px;
  }
  .p-t-25-xs {
    padding-top: 25px;
  }
  .m-b-25-xs {
    margin-bottom: 25px;
  }
  .p-b-25-xs {
    padding-bottom: 25px;
  }
  .m-l-25-xs {
    margin-left: 25px;
  }
  .p-l-25-xs {
    padding-left: 25px;
  }
  .m-r-25-xs {
    margin-right: 25px;
  }
  .p-r-25-xs {
    padding-right: 25px;
  }
  .m-30-xs {
    margin: 30px;
  }
  .p-30-xs {
    padding: 30px;
  }
  .m-t-30-xs {
    margin-top: 30px;
  }
  .p-t-30-xs {
    padding-top: 30px;
  }
  .m-b-30-xs {
    margin-bottom: 30px;
  }
  .p-b-30-xs {
    padding-bottom: 30px;
  }
  .m-l-30-xs {
    margin-left: 30px;
  }
  .p-l-30-xs {
    padding-left: 30px;
  }
  .m-r-30-xs {
    margin-right: 30px;
  }
  .p-r-30-xs {
    padding-right: 30px;
  }
  .m-35-xs {
    margin: 35px;
  }
  .p-35-xs {
    padding: 35px;
  }
  .m-t-35-xs {
    margin-top: 35px;
  }
  .p-t-35-xs {
    padding-top: 35px;
  }
  .m-b-35-xs {
    margin-bottom: 35px;
  }
  .p-b-35-xs {
    padding-bottom: 35px;
  }
  .m-l-35-xs {
    margin-left: 35px;
  }
  .p-l-35-xs {
    padding-left: 35px;
  }
  .m-r-35-xs {
    margin-right: 35px;
  }
  .p-r-35-xs {
    padding-right: 35px;
  }
  .m-40-xs {
    margin: 40px;
  }
  .p-40-xs {
    padding: 40px;
  }
  .m-t-40-xs {
    margin-top: 40px;
  }
  .p-t-40-xs {
    padding-top: 40px;
  }
  .m-b-40-xs {
    margin-bottom: 40px;
  }
  .p-b-40-xs {
    padding-bottom: 40px;
  }
  .m-l-40-xs {
    margin-left: 40px;
  }
  .p-l-40-xs {
    padding-left: 40px;
  }
  .m-r-40-xs {
    margin-right: 40px;
  }
  .p-r-40-xs {
    padding-right: 40px;
  }
  .m-45-xs {
    margin: 45px;
  }
  .p-45-xs {
    padding: 45px;
  }
  .m-t-45-xs {
    margin-top: 45px;
  }
  .p-t-45-xs {
    padding-top: 45px;
  }
  .m-b-45-xs {
    margin-bottom: 45px;
  }
  .p-b-45-xs {
    padding-bottom: 45px;
  }
  .m-l-45-xs {
    margin-left: 45px;
  }
  .p-l-45-xs {
    padding-left: 45px;
  }
  .m-r-45-xs {
    margin-right: 45px;
  }
  .p-r-45-xs {
    padding-right: 45px;
  }
  .m-50-xs {
    margin: 50px;
  }
  .p-50-xs {
    padding: 50px;
  }
  .m-t-50-xs {
    margin-top: 50px;
  }
  .p-t-50-xs {
    padding-top: 50px;
  }
  .m-b-50-xs {
    margin-bottom: 50px;
  }
  .p-b-50-xs {
    padding-bottom: 50px;
  }
  .m-l-50-xs {
    margin-left: 50px;
  }
  .p-l-50-xs {
    padding-left: 50px;
  }
  .m-r-50-xs {
    margin-right: 50px;
  }
  .p-r-50-xs {
    padding-right: 50px;
  }
  .m-55-xs {
    margin: 55px;
  }
  .p-55-xs {
    padding: 55px;
  }
  .m-t-55-xs {
    margin-top: 55px;
  }
  .p-t-55-xs {
    padding-top: 55px;
  }
  .m-b-55-xs {
    margin-bottom: 55px;
  }
  .p-b-55-xs {
    padding-bottom: 55px;
  }
  .m-l-55-xs {
    margin-left: 55px;
  }
  .p-l-55-xs {
    padding-left: 55px;
  }
  .m-r-55-xs {
    margin-right: 55px;
  }
  .p-r-55-xs {
    padding-right: 55px;
  }
  .m-60-xs {
    margin: 60px;
  }
  .p-60-xs {
    padding: 60px;
  }
  .m-t-60-xs {
    margin-top: 60px;
  }
  .p-t-60-xs {
    padding-top: 60px;
  }
  .m-b-60-xs {
    margin-bottom: 60px;
  }
  .p-b-60-xs {
    padding-bottom: 60px;
  }
  .m-l-60-xs {
    margin-left: 60px;
  }
  .p-l-60-xs {
    padding-left: 60px;
  }
  .m-r-60-xs {
    margin-right: 60px;
  }
  .p-r-60-xs {
    padding-right: 60px;
  }
  .m-65-xs {
    margin: 65px;
  }
  .p-65-xs {
    padding: 65px;
  }
  .m-t-65-xs {
    margin-top: 65px;
  }
  .p-t-65-xs {
    padding-top: 65px;
  }
  .m-b-65-xs {
    margin-bottom: 65px;
  }
  .p-b-65-xs {
    padding-bottom: 65px;
  }
  .m-l-65-xs {
    margin-left: 65px;
  }
  .p-l-65-xs {
    padding-left: 65px;
  }
  .m-r-65-xs {
    margin-right: 65px;
  }
  .p-r-65-xs {
    padding-right: 65px;
  }
  .m-70-xs {
    margin: 70px;
  }
  .p-70-xs {
    padding: 70px;
  }
  .m-t-70-xs {
    margin-top: 70px;
  }
  .p-t-70-xs {
    padding-top: 70px;
  }
  .m-b-70-xs {
    margin-bottom: 70px;
  }
  .p-b-70-xs {
    padding-bottom: 70px;
  }
  .m-l-70-xs {
    margin-left: 70px;
  }
  .p-l-70-xs {
    padding-left: 70px;
  }
  .m-r-70-xs {
    margin-right: 70px;
  }
  .p-r-70-xs {
    padding-right: 70px;
  }
  .m-75-xs {
    margin: 75px;
  }
  .p-75-xs {
    padding: 75px;
  }
  .m-t-75-xs {
    margin-top: 75px;
  }
  .p-t-75-xs {
    padding-top: 75px;
  }
  .m-b-75-xs {
    margin-bottom: 75px;
  }
  .p-b-75-xs {
    padding-bottom: 75px;
  }
  .m-l-75-xs {
    margin-left: 75px;
  }
  .p-l-75-xs {
    padding-left: 75px;
  }
  .m-r-75-xs {
    margin-right: 75px;
  }
  .p-r-75-xs {
    padding-right: 75px;
  }
  .m-80-xs {
    margin: 80px;
  }
  .p-80-xs {
    padding: 80px;
  }
  .m-t-80-xs {
    margin-top: 80px;
  }
  .p-t-80-xs {
    padding-top: 80px;
  }
  .m-b-80-xs {
    margin-bottom: 80px;
  }
  .p-b-80-xs {
    padding-bottom: 80px;
  }
  .m-l-80-xs {
    margin-left: 80px;
  }
  .p-l-80-xs {
    padding-left: 80px;
  }
  .m-r-80-xs {
    margin-right: 80px;
  }
  .p-r-80-xs {
    padding-right: 80px;
  }
  .m-85-xs {
    margin: 85px;
  }
  .p-85-xs {
    padding: 85px;
  }
  .m-t-85-xs {
    margin-top: 85px;
  }
  .p-t-85-xs {
    padding-top: 85px;
  }
  .m-b-85-xs {
    margin-bottom: 85px;
  }
  .p-b-85-xs {
    padding-bottom: 85px;
  }
  .m-l-85-xs {
    margin-left: 85px;
  }
  .p-l-85-xs {
    padding-left: 85px;
  }
  .m-r-85-xs {
    margin-right: 85px;
  }
  .p-r-85-xs {
    padding-right: 85px;
  }
  .m-90-xs {
    margin: 90px;
  }
  .p-90-xs {
    padding: 90px;
  }
  .m-t-90-xs {
    margin-top: 90px;
  }
  .p-t-90-xs {
    padding-top: 90px;
  }
  .m-b-90-xs {
    margin-bottom: 90px;
  }
  .p-b-90-xs {
    padding-bottom: 90px;
  }
  .m-l-90-xs {
    margin-left: 90px;
  }
  .p-l-90-xs {
    padding-left: 90px;
  }
  .m-r-90-xs {
    margin-right: 90px;
  }
  .p-r-90-xs {
    padding-right: 90px;
  }
  .m-95-xs {
    margin: 95px;
  }
  .p-95-xs {
    padding: 95px;
  }
  .m-t-95-xs {
    margin-top: 95px;
  }
  .p-t-95-xs {
    padding-top: 95px;
  }
  .m-b-95-xs {
    margin-bottom: 95px;
  }
  .p-b-95-xs {
    padding-bottom: 95px;
  }
  .m-l-95-xs {
    margin-left: 95px;
  }
  .p-l-95-xs {
    padding-left: 95px;
  }
  .m-r-95-xs {
    margin-right: 95px;
  }
  .p-r-95-xs {
    padding-right: 95px;
  }
  .m-100-xs {
    margin: 100px;
  }
  .p-100-xs {
    padding: 100px;
  }
  .m-t-100-xs {
    margin-top: 100px;
  }
  .p-t-100-xs {
    padding-top: 100px;
  }
  .m-b-100-xs {
    margin-bottom: 100px;
  }
  .p-b-100-xs {
    padding-bottom: 100px;
  }
  .m-l-100-xs {
    margin-left: 100px;
  }
  .p-l-100-xs {
    padding-left: 100px;
  }
  .m-r-100-xs {
    margin-right: 100px;
  }
  .p-r-100-xs {
    padding-right: 100px;
  }
  .m-105-xs {
    margin: 105px;
  }
  .p-105-xs {
    padding: 105px;
  }
  .m-t-105-xs {
    margin-top: 105px;
  }
  .p-t-105-xs {
    padding-top: 105px;
  }
  .m-b-105-xs {
    margin-bottom: 105px;
  }
  .p-b-105-xs {
    padding-bottom: 105px;
  }
  .m-l-105-xs {
    margin-left: 105px;
  }
  .p-l-105-xs {
    padding-left: 105px;
  }
  .m-r-105-xs {
    margin-right: 105px;
  }
  .p-r-105-xs {
    padding-right: 105px;
  }
  .m-110-xs {
    margin: 110px;
  }
  .p-110-xs {
    padding: 110px;
  }
  .m-t-110-xs {
    margin-top: 110px;
  }
  .p-t-110-xs {
    padding-top: 110px;
  }
  .m-b-110-xs {
    margin-bottom: 110px;
  }
  .p-b-110-xs {
    padding-bottom: 110px;
  }
  .m-l-110-xs {
    margin-left: 110px;
  }
  .p-l-110-xs {
    padding-left: 110px;
  }
  .m-r-110-xs {
    margin-right: 110px;
  }
  .p-r-110-xs {
    padding-right: 110px;
  }
  .m-115-xs {
    margin: 115px;
  }
  .p-115-xs {
    padding: 115px;
  }
  .m-t-115-xs {
    margin-top: 115px;
  }
  .p-t-115-xs {
    padding-top: 115px;
  }
  .m-b-115-xs {
    margin-bottom: 115px;
  }
  .p-b-115-xs {
    padding-bottom: 115px;
  }
  .m-l-115-xs {
    margin-left: 115px;
  }
  .p-l-115-xs {
    padding-left: 115px;
  }
  .m-r-115-xs {
    margin-right: 115px;
  }
  .p-r-115-xs {
    padding-right: 115px;
  }
  .m-120-xs {
    margin: 120px;
  }
  .p-120-xs {
    padding: 120px;
  }
  .m-t-120-xs {
    margin-top: 120px;
  }
  .p-t-120-xs {
    padding-top: 120px;
  }
  .m-b-120-xs {
    margin-bottom: 120px;
  }
  .p-b-120-xs {
    padding-bottom: 120px;
  }
  .m-l-120-xs {
    margin-left: 120px;
  }
  .p-l-120-xs {
    padding-left: 120px;
  }
  .m-r-120-xs {
    margin-right: 120px;
  }
  .p-r-120-xs {
    padding-right: 120px;
  }
  .m-125-xs {
    margin: 125px;
  }
  .p-125-xs {
    padding: 125px;
  }
  .m-t-125-xs {
    margin-top: 125px;
  }
  .p-t-125-xs {
    padding-top: 125px;
  }
  .m-b-125-xs {
    margin-bottom: 125px;
  }
  .p-b-125-xs {
    padding-bottom: 125px;
  }
  .m-l-125-xs {
    margin-left: 125px;
  }
  .p-l-125-xs {
    padding-left: 125px;
  }
  .m-r-125-xs {
    margin-right: 125px;
  }
  .p-r-125-xs {
    padding-right: 125px;
  }
  .m-130-xs {
    margin: 130px;
  }
  .p-130-xs {
    padding: 130px;
  }
  .m-t-130-xs {
    margin-top: 130px;
  }
  .p-t-130-xs {
    padding-top: 130px;
  }
  .m-b-130-xs {
    margin-bottom: 130px;
  }
  .p-b-130-xs {
    padding-bottom: 130px;
  }
  .m-l-130-xs {
    margin-left: 130px;
  }
  .p-l-130-xs {
    padding-left: 130px;
  }
  .m-r-130-xs {
    margin-right: 130px;
  }
  .p-r-130-xs {
    padding-right: 130px;
  }
  .m-135-xs {
    margin: 135px;
  }
  .p-135-xs {
    padding: 135px;
  }
  .m-t-135-xs {
    margin-top: 135px;
  }
  .p-t-135-xs {
    padding-top: 135px;
  }
  .m-b-135-xs {
    margin-bottom: 135px;
  }
  .p-b-135-xs {
    padding-bottom: 135px;
  }
  .m-l-135-xs {
    margin-left: 135px;
  }
  .p-l-135-xs {
    padding-left: 135px;
  }
  .m-r-135-xs {
    margin-right: 135px;
  }
  .p-r-135-xs {
    padding-right: 135px;
  }
  .m-140-xs {
    margin: 140px;
  }
  .p-140-xs {
    padding: 140px;
  }
  .m-t-140-xs {
    margin-top: 140px;
  }
  .p-t-140-xs {
    padding-top: 140px;
  }
  .m-b-140-xs {
    margin-bottom: 140px;
  }
  .p-b-140-xs {
    padding-bottom: 140px;
  }
  .m-l-140-xs {
    margin-left: 140px;
  }
  .p-l-140-xs {
    padding-left: 140px;
  }
  .m-r-140-xs {
    margin-right: 140px;
  }
  .p-r-140-xs {
    padding-right: 140px;
  }
  .m-145-xs {
    margin: 145px;
  }
  .p-145-xs {
    padding: 145px;
  }
  .m-t-145-xs {
    margin-top: 145px;
  }
  .p-t-145-xs {
    padding-top: 145px;
  }
  .m-b-145-xs {
    margin-bottom: 145px;
  }
  .p-b-145-xs {
    padding-bottom: 145px;
  }
  .m-l-145-xs {
    margin-left: 145px;
  }
  .p-l-145-xs {
    padding-left: 145px;
  }
  .m-r-145-xs {
    margin-right: 145px;
  }
  .p-r-145-xs {
    padding-right: 145px;
  }
  .m-150-xs {
    margin: 150px;
  }
  .p-150-xs {
    padding: 150px;
  }
  .m-t-150-xs {
    margin-top: 150px;
  }
  .p-t-150-xs {
    padding-top: 150px;
  }
  .m-b-150-xs {
    margin-bottom: 150px;
  }
  .p-b-150-xs {
    padding-bottom: 150px;
  }
  .m-l-150-xs {
    margin-left: 150px;
  }
  .p-l-150-xs {
    padding-left: 150px;
  }
  .m-r-150-xs {
    margin-right: 150px;
  }
  .p-r-150-xs {
    padding-right: 150px;
  }
}
@media screen and (min-width: 480px) {
  .m-0-sm {
    margin: 0px;
  }
  .p-0-sm {
    padding: 0px;
  }
  .m-t-0-sm {
    margin-top: 0px;
  }
  .p-t-0-sm {
    padding-top: 0px;
  }
  .m-b-0-sm {
    margin-bottom: 0px;
  }
  .p-b-0-sm {
    padding-bottom: 0px;
  }
  .m-l-0-sm {
    margin-left: 0px;
  }
  .p-l-0-sm {
    padding-left: 0px;
  }
  .m-r-0-sm {
    margin-right: 0px;
  }
  .p-r-0-sm {
    padding-right: 0px;
  }
  .m-1-sm {
    margin: 1px;
  }
  .p-1-sm {
    padding: 1px;
  }
  .m-t-1-sm {
    margin-top: 1px;
  }
  .p-t-1-sm {
    padding-top: 1px;
  }
  .m-b-1-sm {
    margin-bottom: 1px;
  }
  .p-b-1-sm {
    padding-bottom: 1px;
  }
  .m-l-1-sm {
    margin-left: 1px;
  }
  .p-l-1-sm {
    padding-left: 1px;
  }
  .m-r-1-sm {
    margin-right: 1px;
  }
  .p-r-1-sm {
    padding-right: 1px;
  }
  .m-2-sm {
    margin: 2px;
  }
  .p-2-sm {
    padding: 2px;
  }
  .m-t-2-sm {
    margin-top: 2px;
  }
  .p-t-2-sm {
    padding-top: 2px;
  }
  .m-b-2-sm {
    margin-bottom: 2px;
  }
  .p-b-2-sm {
    padding-bottom: 2px;
  }
  .m-l-2-sm {
    margin-left: 2px;
  }
  .p-l-2-sm {
    padding-left: 2px;
  }
  .m-r-2-sm {
    margin-right: 2px;
  }
  .p-r-2-sm {
    padding-right: 2px;
  }
  .m-3-sm {
    margin: 3px;
  }
  .p-3-sm {
    padding: 3px;
  }
  .m-t-3-sm {
    margin-top: 3px;
  }
  .p-t-3-sm {
    padding-top: 3px;
  }
  .m-b-3-sm {
    margin-bottom: 3px;
  }
  .p-b-3-sm {
    padding-bottom: 3px;
  }
  .m-l-3-sm {
    margin-left: 3px;
  }
  .p-l-3-sm {
    padding-left: 3px;
  }
  .m-r-3-sm {
    margin-right: 3px;
  }
  .p-r-3-sm {
    padding-right: 3px;
  }
  .m-5-sm {
    margin: 5px;
  }
  .p-5-sm {
    padding: 5px;
  }
  .m-t-5-sm {
    margin-top: 5px;
  }
  .p-t-5-sm {
    padding-top: 5px;
  }
  .m-b-5-sm {
    margin-bottom: 5px;
  }
  .p-b-5-sm {
    padding-bottom: 5px;
  }
  .m-l-5-sm {
    margin-left: 5px;
  }
  .p-l-5-sm {
    padding-left: 5px;
  }
  .m-r-5-sm {
    margin-right: 5px;
  }
  .p-r-5-sm {
    padding-right: 5px;
  }
  .m-8-sm {
    margin: 8px;
  }
  .p-8-sm {
    padding: 8px;
  }
  .m-t-8-sm {
    margin-top: 8px;
  }
  .p-t-8-sm {
    padding-top: 8px;
  }
  .m-b-8-sm {
    margin-bottom: 8px;
  }
  .p-b-8-sm {
    padding-bottom: 8px;
  }
  .m-l-8-sm {
    margin-left: 8px;
  }
  .p-l-8-sm {
    padding-left: 8px;
  }
  .m-r-8-sm {
    margin-right: 8px;
  }
  .p-r-8-sm {
    padding-right: 8px;
  }
  .m-10-sm {
    margin: 10px;
  }
  .p-10-sm {
    padding: 10px;
  }
  .m-t-10-sm {
    margin-top: 10px;
  }
  .p-t-10-sm {
    padding-top: 10px;
  }
  .m-b-10-sm {
    margin-bottom: 10px;
  }
  .p-b-10-sm {
    padding-bottom: 10px;
  }
  .m-l-10-sm {
    margin-left: 10px;
  }
  .p-l-10-sm {
    padding-left: 10px;
  }
  .m-r-10-sm {
    margin-right: 10px;
  }
  .p-r-10-sm {
    padding-right: 10px;
  }
  .m-15-sm {
    margin: 15px;
  }
  .p-15-sm {
    padding: 15px;
  }
  .m-t-15-sm {
    margin-top: 15px;
  }
  .p-t-15-sm {
    padding-top: 15px;
  }
  .m-b-15-sm {
    margin-bottom: 15px;
  }
  .p-b-15-sm {
    padding-bottom: 15px;
  }
  .m-l-15-sm {
    margin-left: 15px;
  }
  .p-l-15-sm {
    padding-left: 15px;
  }
  .m-r-15-sm {
    margin-right: 15px;
  }
  .p-r-15-sm {
    padding-right: 15px;
  }
  .m-20-sm {
    margin: 20px;
  }
  .p-20-sm {
    padding: 20px;
  }
  .m-t-20-sm {
    margin-top: 20px;
  }
  .p-t-20-sm {
    padding-top: 20px;
  }
  .m-b-20-sm {
    margin-bottom: 20px;
  }
  .p-b-20-sm {
    padding-bottom: 20px;
  }
  .m-l-20-sm {
    margin-left: 20px;
  }
  .p-l-20-sm {
    padding-left: 20px;
  }
  .m-r-20-sm {
    margin-right: 20px;
  }
  .p-r-20-sm {
    padding-right: 20px;
  }
  .m-25-sm {
    margin: 25px;
  }
  .p-25-sm {
    padding: 25px;
  }
  .m-t-25-sm {
    margin-top: 25px;
  }
  .p-t-25-sm {
    padding-top: 25px;
  }
  .m-b-25-sm {
    margin-bottom: 25px;
  }
  .p-b-25-sm {
    padding-bottom: 25px;
  }
  .m-l-25-sm {
    margin-left: 25px;
  }
  .p-l-25-sm {
    padding-left: 25px;
  }
  .m-r-25-sm {
    margin-right: 25px;
  }
  .p-r-25-sm {
    padding-right: 25px;
  }
  .m-30-sm {
    margin: 30px;
  }
  .p-30-sm {
    padding: 30px;
  }
  .m-t-30-sm {
    margin-top: 30px;
  }
  .p-t-30-sm {
    padding-top: 30px;
  }
  .m-b-30-sm {
    margin-bottom: 30px;
  }
  .p-b-30-sm {
    padding-bottom: 30px;
  }
  .m-l-30-sm {
    margin-left: 30px;
  }
  .p-l-30-sm {
    padding-left: 30px;
  }
  .m-r-30-sm {
    margin-right: 30px;
  }
  .p-r-30-sm {
    padding-right: 30px;
  }
  .m-35-sm {
    margin: 35px;
  }
  .p-35-sm {
    padding: 35px;
  }
  .m-t-35-sm {
    margin-top: 35px;
  }
  .p-t-35-sm {
    padding-top: 35px;
  }
  .m-b-35-sm {
    margin-bottom: 35px;
  }
  .p-b-35-sm {
    padding-bottom: 35px;
  }
  .m-l-35-sm {
    margin-left: 35px;
  }
  .p-l-35-sm {
    padding-left: 35px;
  }
  .m-r-35-sm {
    margin-right: 35px;
  }
  .p-r-35-sm {
    padding-right: 35px;
  }
  .m-40-sm {
    margin: 40px;
  }
  .p-40-sm {
    padding: 40px;
  }
  .m-t-40-sm {
    margin-top: 40px;
  }
  .p-t-40-sm {
    padding-top: 40px;
  }
  .m-b-40-sm {
    margin-bottom: 40px;
  }
  .p-b-40-sm {
    padding-bottom: 40px;
  }
  .m-l-40-sm {
    margin-left: 40px;
  }
  .p-l-40-sm {
    padding-left: 40px;
  }
  .m-r-40-sm {
    margin-right: 40px;
  }
  .p-r-40-sm {
    padding-right: 40px;
  }
  .m-45-sm {
    margin: 45px;
  }
  .p-45-sm {
    padding: 45px;
  }
  .m-t-45-sm {
    margin-top: 45px;
  }
  .p-t-45-sm {
    padding-top: 45px;
  }
  .m-b-45-sm {
    margin-bottom: 45px;
  }
  .p-b-45-sm {
    padding-bottom: 45px;
  }
  .m-l-45-sm {
    margin-left: 45px;
  }
  .p-l-45-sm {
    padding-left: 45px;
  }
  .m-r-45-sm {
    margin-right: 45px;
  }
  .p-r-45-sm {
    padding-right: 45px;
  }
  .m-50-sm {
    margin: 50px;
  }
  .p-50-sm {
    padding: 50px;
  }
  .m-t-50-sm {
    margin-top: 50px;
  }
  .p-t-50-sm {
    padding-top: 50px;
  }
  .m-b-50-sm {
    margin-bottom: 50px;
  }
  .p-b-50-sm {
    padding-bottom: 50px;
  }
  .m-l-50-sm {
    margin-left: 50px;
  }
  .p-l-50-sm {
    padding-left: 50px;
  }
  .m-r-50-sm {
    margin-right: 50px;
  }
  .p-r-50-sm {
    padding-right: 50px;
  }
  .m-55-sm {
    margin: 55px;
  }
  .p-55-sm {
    padding: 55px;
  }
  .m-t-55-sm {
    margin-top: 55px;
  }
  .p-t-55-sm {
    padding-top: 55px;
  }
  .m-b-55-sm {
    margin-bottom: 55px;
  }
  .p-b-55-sm {
    padding-bottom: 55px;
  }
  .m-l-55-sm {
    margin-left: 55px;
  }
  .p-l-55-sm {
    padding-left: 55px;
  }
  .m-r-55-sm {
    margin-right: 55px;
  }
  .p-r-55-sm {
    padding-right: 55px;
  }
  .m-60-sm {
    margin: 60px;
  }
  .p-60-sm {
    padding: 60px;
  }
  .m-t-60-sm {
    margin-top: 60px;
  }
  .p-t-60-sm {
    padding-top: 60px;
  }
  .m-b-60-sm {
    margin-bottom: 60px;
  }
  .p-b-60-sm {
    padding-bottom: 60px;
  }
  .m-l-60-sm {
    margin-left: 60px;
  }
  .p-l-60-sm {
    padding-left: 60px;
  }
  .m-r-60-sm {
    margin-right: 60px;
  }
  .p-r-60-sm {
    padding-right: 60px;
  }
  .m-65-sm {
    margin: 65px;
  }
  .p-65-sm {
    padding: 65px;
  }
  .m-t-65-sm {
    margin-top: 65px;
  }
  .p-t-65-sm {
    padding-top: 65px;
  }
  .m-b-65-sm {
    margin-bottom: 65px;
  }
  .p-b-65-sm {
    padding-bottom: 65px;
  }
  .m-l-65-sm {
    margin-left: 65px;
  }
  .p-l-65-sm {
    padding-left: 65px;
  }
  .m-r-65-sm {
    margin-right: 65px;
  }
  .p-r-65-sm {
    padding-right: 65px;
  }
  .m-70-sm {
    margin: 70px;
  }
  .p-70-sm {
    padding: 70px;
  }
  .m-t-70-sm {
    margin-top: 70px;
  }
  .p-t-70-sm {
    padding-top: 70px;
  }
  .m-b-70-sm {
    margin-bottom: 70px;
  }
  .p-b-70-sm {
    padding-bottom: 70px;
  }
  .m-l-70-sm {
    margin-left: 70px;
  }
  .p-l-70-sm {
    padding-left: 70px;
  }
  .m-r-70-sm {
    margin-right: 70px;
  }
  .p-r-70-sm {
    padding-right: 70px;
  }
  .m-75-sm {
    margin: 75px;
  }
  .p-75-sm {
    padding: 75px;
  }
  .m-t-75-sm {
    margin-top: 75px;
  }
  .p-t-75-sm {
    padding-top: 75px;
  }
  .m-b-75-sm {
    margin-bottom: 75px;
  }
  .p-b-75-sm {
    padding-bottom: 75px;
  }
  .m-l-75-sm {
    margin-left: 75px;
  }
  .p-l-75-sm {
    padding-left: 75px;
  }
  .m-r-75-sm {
    margin-right: 75px;
  }
  .p-r-75-sm {
    padding-right: 75px;
  }
  .m-80-sm {
    margin: 80px;
  }
  .p-80-sm {
    padding: 80px;
  }
  .m-t-80-sm {
    margin-top: 80px;
  }
  .p-t-80-sm {
    padding-top: 80px;
  }
  .m-b-80-sm {
    margin-bottom: 80px;
  }
  .p-b-80-sm {
    padding-bottom: 80px;
  }
  .m-l-80-sm {
    margin-left: 80px;
  }
  .p-l-80-sm {
    padding-left: 80px;
  }
  .m-r-80-sm {
    margin-right: 80px;
  }
  .p-r-80-sm {
    padding-right: 80px;
  }
  .m-85-sm {
    margin: 85px;
  }
  .p-85-sm {
    padding: 85px;
  }
  .m-t-85-sm {
    margin-top: 85px;
  }
  .p-t-85-sm {
    padding-top: 85px;
  }
  .m-b-85-sm {
    margin-bottom: 85px;
  }
  .p-b-85-sm {
    padding-bottom: 85px;
  }
  .m-l-85-sm {
    margin-left: 85px;
  }
  .p-l-85-sm {
    padding-left: 85px;
  }
  .m-r-85-sm {
    margin-right: 85px;
  }
  .p-r-85-sm {
    padding-right: 85px;
  }
  .m-90-sm {
    margin: 90px;
  }
  .p-90-sm {
    padding: 90px;
  }
  .m-t-90-sm {
    margin-top: 90px;
  }
  .p-t-90-sm {
    padding-top: 90px;
  }
  .m-b-90-sm {
    margin-bottom: 90px;
  }
  .p-b-90-sm {
    padding-bottom: 90px;
  }
  .m-l-90-sm {
    margin-left: 90px;
  }
  .p-l-90-sm {
    padding-left: 90px;
  }
  .m-r-90-sm {
    margin-right: 90px;
  }
  .p-r-90-sm {
    padding-right: 90px;
  }
  .m-95-sm {
    margin: 95px;
  }
  .p-95-sm {
    padding: 95px;
  }
  .m-t-95-sm {
    margin-top: 95px;
  }
  .p-t-95-sm {
    padding-top: 95px;
  }
  .m-b-95-sm {
    margin-bottom: 95px;
  }
  .p-b-95-sm {
    padding-bottom: 95px;
  }
  .m-l-95-sm {
    margin-left: 95px;
  }
  .p-l-95-sm {
    padding-left: 95px;
  }
  .m-r-95-sm {
    margin-right: 95px;
  }
  .p-r-95-sm {
    padding-right: 95px;
  }
  .m-100-sm {
    margin: 100px;
  }
  .p-100-sm {
    padding: 100px;
  }
  .m-t-100-sm {
    margin-top: 100px;
  }
  .p-t-100-sm {
    padding-top: 100px;
  }
  .m-b-100-sm {
    margin-bottom: 100px;
  }
  .p-b-100-sm {
    padding-bottom: 100px;
  }
  .m-l-100-sm {
    margin-left: 100px;
  }
  .p-l-100-sm {
    padding-left: 100px;
  }
  .m-r-100-sm {
    margin-right: 100px;
  }
  .p-r-100-sm {
    padding-right: 100px;
  }
  .m-105-sm {
    margin: 105px;
  }
  .p-105-sm {
    padding: 105px;
  }
  .m-t-105-sm {
    margin-top: 105px;
  }
  .p-t-105-sm {
    padding-top: 105px;
  }
  .m-b-105-sm {
    margin-bottom: 105px;
  }
  .p-b-105-sm {
    padding-bottom: 105px;
  }
  .m-l-105-sm {
    margin-left: 105px;
  }
  .p-l-105-sm {
    padding-left: 105px;
  }
  .m-r-105-sm {
    margin-right: 105px;
  }
  .p-r-105-sm {
    padding-right: 105px;
  }
  .m-110-sm {
    margin: 110px;
  }
  .p-110-sm {
    padding: 110px;
  }
  .m-t-110-sm {
    margin-top: 110px;
  }
  .p-t-110-sm {
    padding-top: 110px;
  }
  .m-b-110-sm {
    margin-bottom: 110px;
  }
  .p-b-110-sm {
    padding-bottom: 110px;
  }
  .m-l-110-sm {
    margin-left: 110px;
  }
  .p-l-110-sm {
    padding-left: 110px;
  }
  .m-r-110-sm {
    margin-right: 110px;
  }
  .p-r-110-sm {
    padding-right: 110px;
  }
  .m-115-sm {
    margin: 115px;
  }
  .p-115-sm {
    padding: 115px;
  }
  .m-t-115-sm {
    margin-top: 115px;
  }
  .p-t-115-sm {
    padding-top: 115px;
  }
  .m-b-115-sm {
    margin-bottom: 115px;
  }
  .p-b-115-sm {
    padding-bottom: 115px;
  }
  .m-l-115-sm {
    margin-left: 115px;
  }
  .p-l-115-sm {
    padding-left: 115px;
  }
  .m-r-115-sm {
    margin-right: 115px;
  }
  .p-r-115-sm {
    padding-right: 115px;
  }
  .m-120-sm {
    margin: 120px;
  }
  .p-120-sm {
    padding: 120px;
  }
  .m-t-120-sm {
    margin-top: 120px;
  }
  .p-t-120-sm {
    padding-top: 120px;
  }
  .m-b-120-sm {
    margin-bottom: 120px;
  }
  .p-b-120-sm {
    padding-bottom: 120px;
  }
  .m-l-120-sm {
    margin-left: 120px;
  }
  .p-l-120-sm {
    padding-left: 120px;
  }
  .m-r-120-sm {
    margin-right: 120px;
  }
  .p-r-120-sm {
    padding-right: 120px;
  }
  .m-125-sm {
    margin: 125px;
  }
  .p-125-sm {
    padding: 125px;
  }
  .m-t-125-sm {
    margin-top: 125px;
  }
  .p-t-125-sm {
    padding-top: 125px;
  }
  .m-b-125-sm {
    margin-bottom: 125px;
  }
  .p-b-125-sm {
    padding-bottom: 125px;
  }
  .m-l-125-sm {
    margin-left: 125px;
  }
  .p-l-125-sm {
    padding-left: 125px;
  }
  .m-r-125-sm {
    margin-right: 125px;
  }
  .p-r-125-sm {
    padding-right: 125px;
  }
  .m-130-sm {
    margin: 130px;
  }
  .p-130-sm {
    padding: 130px;
  }
  .m-t-130-sm {
    margin-top: 130px;
  }
  .p-t-130-sm {
    padding-top: 130px;
  }
  .m-b-130-sm {
    margin-bottom: 130px;
  }
  .p-b-130-sm {
    padding-bottom: 130px;
  }
  .m-l-130-sm {
    margin-left: 130px;
  }
  .p-l-130-sm {
    padding-left: 130px;
  }
  .m-r-130-sm {
    margin-right: 130px;
  }
  .p-r-130-sm {
    padding-right: 130px;
  }
  .m-135-sm {
    margin: 135px;
  }
  .p-135-sm {
    padding: 135px;
  }
  .m-t-135-sm {
    margin-top: 135px;
  }
  .p-t-135-sm {
    padding-top: 135px;
  }
  .m-b-135-sm {
    margin-bottom: 135px;
  }
  .p-b-135-sm {
    padding-bottom: 135px;
  }
  .m-l-135-sm {
    margin-left: 135px;
  }
  .p-l-135-sm {
    padding-left: 135px;
  }
  .m-r-135-sm {
    margin-right: 135px;
  }
  .p-r-135-sm {
    padding-right: 135px;
  }
  .m-140-sm {
    margin: 140px;
  }
  .p-140-sm {
    padding: 140px;
  }
  .m-t-140-sm {
    margin-top: 140px;
  }
  .p-t-140-sm {
    padding-top: 140px;
  }
  .m-b-140-sm {
    margin-bottom: 140px;
  }
  .p-b-140-sm {
    padding-bottom: 140px;
  }
  .m-l-140-sm {
    margin-left: 140px;
  }
  .p-l-140-sm {
    padding-left: 140px;
  }
  .m-r-140-sm {
    margin-right: 140px;
  }
  .p-r-140-sm {
    padding-right: 140px;
  }
  .m-145-sm {
    margin: 145px;
  }
  .p-145-sm {
    padding: 145px;
  }
  .m-t-145-sm {
    margin-top: 145px;
  }
  .p-t-145-sm {
    padding-top: 145px;
  }
  .m-b-145-sm {
    margin-bottom: 145px;
  }
  .p-b-145-sm {
    padding-bottom: 145px;
  }
  .m-l-145-sm {
    margin-left: 145px;
  }
  .p-l-145-sm {
    padding-left: 145px;
  }
  .m-r-145-sm {
    margin-right: 145px;
  }
  .p-r-145-sm {
    padding-right: 145px;
  }
  .m-150-sm {
    margin: 150px;
  }
  .p-150-sm {
    padding: 150px;
  }
  .m-t-150-sm {
    margin-top: 150px;
  }
  .p-t-150-sm {
    padding-top: 150px;
  }
  .m-b-150-sm {
    margin-bottom: 150px;
  }
  .p-b-150-sm {
    padding-bottom: 150px;
  }
  .m-l-150-sm {
    margin-left: 150px;
  }
  .p-l-150-sm {
    padding-left: 150px;
  }
  .m-r-150-sm {
    margin-right: 150px;
  }
  .p-r-150-sm {
    padding-right: 150px;
  }
}
@media screen and (min-width: 640px) {
  .m-0-md {
    margin: 0px;
  }
  .p-0-md {
    padding: 0px;
  }
  .m-t-0-md {
    margin-top: 0px;
  }
  .p-t-0-md {
    padding-top: 0px;
  }
  .m-b-0-md {
    margin-bottom: 0px;
  }
  .p-b-0-md {
    padding-bottom: 0px;
  }
  .m-l-0-md {
    margin-left: 0px;
  }
  .p-l-0-md {
    padding-left: 0px;
  }
  .m-r-0-md {
    margin-right: 0px;
  }
  .p-r-0-md {
    padding-right: 0px;
  }
  .m-1-md {
    margin: 1px;
  }
  .p-1-md {
    padding: 1px;
  }
  .m-t-1-md {
    margin-top: 1px;
  }
  .p-t-1-md {
    padding-top: 1px;
  }
  .m-b-1-md {
    margin-bottom: 1px;
  }
  .p-b-1-md {
    padding-bottom: 1px;
  }
  .m-l-1-md {
    margin-left: 1px;
  }
  .p-l-1-md {
    padding-left: 1px;
  }
  .m-r-1-md {
    margin-right: 1px;
  }
  .p-r-1-md {
    padding-right: 1px;
  }
  .m-2-md {
    margin: 2px;
  }
  .p-2-md {
    padding: 2px;
  }
  .m-t-2-md {
    margin-top: 2px;
  }
  .p-t-2-md {
    padding-top: 2px;
  }
  .m-b-2-md {
    margin-bottom: 2px;
  }
  .p-b-2-md {
    padding-bottom: 2px;
  }
  .m-l-2-md {
    margin-left: 2px;
  }
  .p-l-2-md {
    padding-left: 2px;
  }
  .m-r-2-md {
    margin-right: 2px;
  }
  .p-r-2-md {
    padding-right: 2px;
  }
  .m-3-md {
    margin: 3px;
  }
  .p-3-md {
    padding: 3px;
  }
  .m-t-3-md {
    margin-top: 3px;
  }
  .p-t-3-md {
    padding-top: 3px;
  }
  .m-b-3-md {
    margin-bottom: 3px;
  }
  .p-b-3-md {
    padding-bottom: 3px;
  }
  .m-l-3-md {
    margin-left: 3px;
  }
  .p-l-3-md {
    padding-left: 3px;
  }
  .m-r-3-md {
    margin-right: 3px;
  }
  .p-r-3-md {
    padding-right: 3px;
  }
  .m-5-md {
    margin: 5px;
  }
  .p-5-md {
    padding: 5px;
  }
  .m-t-5-md {
    margin-top: 5px;
  }
  .p-t-5-md {
    padding-top: 5px;
  }
  .m-b-5-md {
    margin-bottom: 5px;
  }
  .p-b-5-md {
    padding-bottom: 5px;
  }
  .m-l-5-md {
    margin-left: 5px;
  }
  .p-l-5-md {
    padding-left: 5px;
  }
  .m-r-5-md {
    margin-right: 5px;
  }
  .p-r-5-md {
    padding-right: 5px;
  }
  .m-8-md {
    margin: 8px;
  }
  .p-8-md {
    padding: 8px;
  }
  .m-t-8-md {
    margin-top: 8px;
  }
  .p-t-8-md {
    padding-top: 8px;
  }
  .m-b-8-md {
    margin-bottom: 8px;
  }
  .p-b-8-md {
    padding-bottom: 8px;
  }
  .m-l-8-md {
    margin-left: 8px;
  }
  .p-l-8-md {
    padding-left: 8px;
  }
  .m-r-8-md {
    margin-right: 8px;
  }
  .p-r-8-md {
    padding-right: 8px;
  }
  .m-10-md {
    margin: 10px;
  }
  .p-10-md {
    padding: 10px;
  }
  .m-t-10-md {
    margin-top: 10px;
  }
  .p-t-10-md {
    padding-top: 10px;
  }
  .m-b-10-md {
    margin-bottom: 10px;
  }
  .p-b-10-md {
    padding-bottom: 10px;
  }
  .m-l-10-md {
    margin-left: 10px;
  }
  .p-l-10-md {
    padding-left: 10px;
  }
  .m-r-10-md {
    margin-right: 10px;
  }
  .p-r-10-md {
    padding-right: 10px;
  }
  .m-15-md {
    margin: 15px;
  }
  .p-15-md {
    padding: 15px;
  }
  .m-t-15-md {
    margin-top: 15px;
  }
  .p-t-15-md {
    padding-top: 15px;
  }
  .m-b-15-md {
    margin-bottom: 15px;
  }
  .p-b-15-md {
    padding-bottom: 15px;
  }
  .m-l-15-md {
    margin-left: 15px;
  }
  .p-l-15-md {
    padding-left: 15px;
  }
  .m-r-15-md {
    margin-right: 15px;
  }
  .p-r-15-md {
    padding-right: 15px;
  }
  .m-20-md {
    margin: 20px;
  }
  .p-20-md {
    padding: 20px;
  }
  .m-t-20-md {
    margin-top: 20px;
  }
  .p-t-20-md {
    padding-top: 20px;
  }
  .m-b-20-md {
    margin-bottom: 20px;
  }
  .p-b-20-md {
    padding-bottom: 20px;
  }
  .m-l-20-md {
    margin-left: 20px;
  }
  .p-l-20-md {
    padding-left: 20px;
  }
  .m-r-20-md {
    margin-right: 20px;
  }
  .p-r-20-md {
    padding-right: 20px;
  }
  .m-25-md {
    margin: 25px;
  }
  .p-25-md {
    padding: 25px;
  }
  .m-t-25-md {
    margin-top: 25px;
  }
  .p-t-25-md {
    padding-top: 25px;
  }
  .m-b-25-md {
    margin-bottom: 25px;
  }
  .p-b-25-md {
    padding-bottom: 25px;
  }
  .m-l-25-md {
    margin-left: 25px;
  }
  .p-l-25-md {
    padding-left: 25px;
  }
  .m-r-25-md {
    margin-right: 25px;
  }
  .p-r-25-md {
    padding-right: 25px;
  }
  .m-30-md {
    margin: 30px;
  }
  .p-30-md {
    padding: 30px;
  }
  .m-t-30-md {
    margin-top: 30px;
  }
  .p-t-30-md {
    padding-top: 30px;
  }
  .m-b-30-md {
    margin-bottom: 30px;
  }
  .p-b-30-md {
    padding-bottom: 30px;
  }
  .m-l-30-md {
    margin-left: 30px;
  }
  .p-l-30-md {
    padding-left: 30px;
  }
  .m-r-30-md {
    margin-right: 30px;
  }
  .p-r-30-md {
    padding-right: 30px;
  }
  .m-35-md {
    margin: 35px;
  }
  .p-35-md {
    padding: 35px;
  }
  .m-t-35-md {
    margin-top: 35px;
  }
  .p-t-35-md {
    padding-top: 35px;
  }
  .m-b-35-md {
    margin-bottom: 35px;
  }
  .p-b-35-md {
    padding-bottom: 35px;
  }
  .m-l-35-md {
    margin-left: 35px;
  }
  .p-l-35-md {
    padding-left: 35px;
  }
  .m-r-35-md {
    margin-right: 35px;
  }
  .p-r-35-md {
    padding-right: 35px;
  }
  .m-40-md {
    margin: 40px;
  }
  .p-40-md {
    padding: 40px;
  }
  .m-t-40-md {
    margin-top: 40px;
  }
  .p-t-40-md {
    padding-top: 40px;
  }
  .m-b-40-md {
    margin-bottom: 40px;
  }
  .p-b-40-md {
    padding-bottom: 40px;
  }
  .m-l-40-md {
    margin-left: 40px;
  }
  .p-l-40-md {
    padding-left: 40px;
  }
  .m-r-40-md {
    margin-right: 40px;
  }
  .p-r-40-md {
    padding-right: 40px;
  }
  .m-45-md {
    margin: 45px;
  }
  .p-45-md {
    padding: 45px;
  }
  .m-t-45-md {
    margin-top: 45px;
  }
  .p-t-45-md {
    padding-top: 45px;
  }
  .m-b-45-md {
    margin-bottom: 45px;
  }
  .p-b-45-md {
    padding-bottom: 45px;
  }
  .m-l-45-md {
    margin-left: 45px;
  }
  .p-l-45-md {
    padding-left: 45px;
  }
  .m-r-45-md {
    margin-right: 45px;
  }
  .p-r-45-md {
    padding-right: 45px;
  }
  .m-50-md {
    margin: 50px;
  }
  .p-50-md {
    padding: 50px;
  }
  .m-t-50-md {
    margin-top: 50px;
  }
  .p-t-50-md {
    padding-top: 50px;
  }
  .m-b-50-md {
    margin-bottom: 50px;
  }
  .p-b-50-md {
    padding-bottom: 50px;
  }
  .m-l-50-md {
    margin-left: 50px;
  }
  .p-l-50-md {
    padding-left: 50px;
  }
  .m-r-50-md {
    margin-right: 50px;
  }
  .p-r-50-md {
    padding-right: 50px;
  }
  .m-55-md {
    margin: 55px;
  }
  .p-55-md {
    padding: 55px;
  }
  .m-t-55-md {
    margin-top: 55px;
  }
  .p-t-55-md {
    padding-top: 55px;
  }
  .m-b-55-md {
    margin-bottom: 55px;
  }
  .p-b-55-md {
    padding-bottom: 55px;
  }
  .m-l-55-md {
    margin-left: 55px;
  }
  .p-l-55-md {
    padding-left: 55px;
  }
  .m-r-55-md {
    margin-right: 55px;
  }
  .p-r-55-md {
    padding-right: 55px;
  }
  .m-60-md {
    margin: 60px;
  }
  .p-60-md {
    padding: 60px;
  }
  .m-t-60-md {
    margin-top: 60px;
  }
  .p-t-60-md {
    padding-top: 60px;
  }
  .m-b-60-md {
    margin-bottom: 60px;
  }
  .p-b-60-md {
    padding-bottom: 60px;
  }
  .m-l-60-md {
    margin-left: 60px;
  }
  .p-l-60-md {
    padding-left: 60px;
  }
  .m-r-60-md {
    margin-right: 60px;
  }
  .p-r-60-md {
    padding-right: 60px;
  }
  .m-65-md {
    margin: 65px;
  }
  .p-65-md {
    padding: 65px;
  }
  .m-t-65-md {
    margin-top: 65px;
  }
  .p-t-65-md {
    padding-top: 65px;
  }
  .m-b-65-md {
    margin-bottom: 65px;
  }
  .p-b-65-md {
    padding-bottom: 65px;
  }
  .m-l-65-md {
    margin-left: 65px;
  }
  .p-l-65-md {
    padding-left: 65px;
  }
  .m-r-65-md {
    margin-right: 65px;
  }
  .p-r-65-md {
    padding-right: 65px;
  }
  .m-70-md {
    margin: 70px;
  }
  .p-70-md {
    padding: 70px;
  }
  .m-t-70-md {
    margin-top: 70px;
  }
  .p-t-70-md {
    padding-top: 70px;
  }
  .m-b-70-md {
    margin-bottom: 70px;
  }
  .p-b-70-md {
    padding-bottom: 70px;
  }
  .m-l-70-md {
    margin-left: 70px;
  }
  .p-l-70-md {
    padding-left: 70px;
  }
  .m-r-70-md {
    margin-right: 70px;
  }
  .p-r-70-md {
    padding-right: 70px;
  }
  .m-75-md {
    margin: 75px;
  }
  .p-75-md {
    padding: 75px;
  }
  .m-t-75-md {
    margin-top: 75px;
  }
  .p-t-75-md {
    padding-top: 75px;
  }
  .m-b-75-md {
    margin-bottom: 75px;
  }
  .p-b-75-md {
    padding-bottom: 75px;
  }
  .m-l-75-md {
    margin-left: 75px;
  }
  .p-l-75-md {
    padding-left: 75px;
  }
  .m-r-75-md {
    margin-right: 75px;
  }
  .p-r-75-md {
    padding-right: 75px;
  }
  .m-80-md {
    margin: 80px;
  }
  .p-80-md {
    padding: 80px;
  }
  .m-t-80-md {
    margin-top: 80px;
  }
  .p-t-80-md {
    padding-top: 80px;
  }
  .m-b-80-md {
    margin-bottom: 80px;
  }
  .p-b-80-md {
    padding-bottom: 80px;
  }
  .m-l-80-md {
    margin-left: 80px;
  }
  .p-l-80-md {
    padding-left: 80px;
  }
  .m-r-80-md {
    margin-right: 80px;
  }
  .p-r-80-md {
    padding-right: 80px;
  }
  .m-85-md {
    margin: 85px;
  }
  .p-85-md {
    padding: 85px;
  }
  .m-t-85-md {
    margin-top: 85px;
  }
  .p-t-85-md {
    padding-top: 85px;
  }
  .m-b-85-md {
    margin-bottom: 85px;
  }
  .p-b-85-md {
    padding-bottom: 85px;
  }
  .m-l-85-md {
    margin-left: 85px;
  }
  .p-l-85-md {
    padding-left: 85px;
  }
  .m-r-85-md {
    margin-right: 85px;
  }
  .p-r-85-md {
    padding-right: 85px;
  }
  .m-90-md {
    margin: 90px;
  }
  .p-90-md {
    padding: 90px;
  }
  .m-t-90-md {
    margin-top: 90px;
  }
  .p-t-90-md {
    padding-top: 90px;
  }
  .m-b-90-md {
    margin-bottom: 90px;
  }
  .p-b-90-md {
    padding-bottom: 90px;
  }
  .m-l-90-md {
    margin-left: 90px;
  }
  .p-l-90-md {
    padding-left: 90px;
  }
  .m-r-90-md {
    margin-right: 90px;
  }
  .p-r-90-md {
    padding-right: 90px;
  }
  .m-95-md {
    margin: 95px;
  }
  .p-95-md {
    padding: 95px;
  }
  .m-t-95-md {
    margin-top: 95px;
  }
  .p-t-95-md {
    padding-top: 95px;
  }
  .m-b-95-md {
    margin-bottom: 95px;
  }
  .p-b-95-md {
    padding-bottom: 95px;
  }
  .m-l-95-md {
    margin-left: 95px;
  }
  .p-l-95-md {
    padding-left: 95px;
  }
  .m-r-95-md {
    margin-right: 95px;
  }
  .p-r-95-md {
    padding-right: 95px;
  }
  .m-100-md {
    margin: 100px;
  }
  .p-100-md {
    padding: 100px;
  }
  .m-t-100-md {
    margin-top: 100px;
  }
  .p-t-100-md {
    padding-top: 100px;
  }
  .m-b-100-md {
    margin-bottom: 100px;
  }
  .p-b-100-md {
    padding-bottom: 100px;
  }
  .m-l-100-md {
    margin-left: 100px;
  }
  .p-l-100-md {
    padding-left: 100px;
  }
  .m-r-100-md {
    margin-right: 100px;
  }
  .p-r-100-md {
    padding-right: 100px;
  }
  .m-105-md {
    margin: 105px;
  }
  .p-105-md {
    padding: 105px;
  }
  .m-t-105-md {
    margin-top: 105px;
  }
  .p-t-105-md {
    padding-top: 105px;
  }
  .m-b-105-md {
    margin-bottom: 105px;
  }
  .p-b-105-md {
    padding-bottom: 105px;
  }
  .m-l-105-md {
    margin-left: 105px;
  }
  .p-l-105-md {
    padding-left: 105px;
  }
  .m-r-105-md {
    margin-right: 105px;
  }
  .p-r-105-md {
    padding-right: 105px;
  }
  .m-110-md {
    margin: 110px;
  }
  .p-110-md {
    padding: 110px;
  }
  .m-t-110-md {
    margin-top: 110px;
  }
  .p-t-110-md {
    padding-top: 110px;
  }
  .m-b-110-md {
    margin-bottom: 110px;
  }
  .p-b-110-md {
    padding-bottom: 110px;
  }
  .m-l-110-md {
    margin-left: 110px;
  }
  .p-l-110-md {
    padding-left: 110px;
  }
  .m-r-110-md {
    margin-right: 110px;
  }
  .p-r-110-md {
    padding-right: 110px;
  }
  .m-115-md {
    margin: 115px;
  }
  .p-115-md {
    padding: 115px;
  }
  .m-t-115-md {
    margin-top: 115px;
  }
  .p-t-115-md {
    padding-top: 115px;
  }
  .m-b-115-md {
    margin-bottom: 115px;
  }
  .p-b-115-md {
    padding-bottom: 115px;
  }
  .m-l-115-md {
    margin-left: 115px;
  }
  .p-l-115-md {
    padding-left: 115px;
  }
  .m-r-115-md {
    margin-right: 115px;
  }
  .p-r-115-md {
    padding-right: 115px;
  }
  .m-120-md {
    margin: 120px;
  }
  .p-120-md {
    padding: 120px;
  }
  .m-t-120-md {
    margin-top: 120px;
  }
  .p-t-120-md {
    padding-top: 120px;
  }
  .m-b-120-md {
    margin-bottom: 120px;
  }
  .p-b-120-md {
    padding-bottom: 120px;
  }
  .m-l-120-md {
    margin-left: 120px;
  }
  .p-l-120-md {
    padding-left: 120px;
  }
  .m-r-120-md {
    margin-right: 120px;
  }
  .p-r-120-md {
    padding-right: 120px;
  }
  .m-125-md {
    margin: 125px;
  }
  .p-125-md {
    padding: 125px;
  }
  .m-t-125-md {
    margin-top: 125px;
  }
  .p-t-125-md {
    padding-top: 125px;
  }
  .m-b-125-md {
    margin-bottom: 125px;
  }
  .p-b-125-md {
    padding-bottom: 125px;
  }
  .m-l-125-md {
    margin-left: 125px;
  }
  .p-l-125-md {
    padding-left: 125px;
  }
  .m-r-125-md {
    margin-right: 125px;
  }
  .p-r-125-md {
    padding-right: 125px;
  }
  .m-130-md {
    margin: 130px;
  }
  .p-130-md {
    padding: 130px;
  }
  .m-t-130-md {
    margin-top: 130px;
  }
  .p-t-130-md {
    padding-top: 130px;
  }
  .m-b-130-md {
    margin-bottom: 130px;
  }
  .p-b-130-md {
    padding-bottom: 130px;
  }
  .m-l-130-md {
    margin-left: 130px;
  }
  .p-l-130-md {
    padding-left: 130px;
  }
  .m-r-130-md {
    margin-right: 130px;
  }
  .p-r-130-md {
    padding-right: 130px;
  }
  .m-135-md {
    margin: 135px;
  }
  .p-135-md {
    padding: 135px;
  }
  .m-t-135-md {
    margin-top: 135px;
  }
  .p-t-135-md {
    padding-top: 135px;
  }
  .m-b-135-md {
    margin-bottom: 135px;
  }
  .p-b-135-md {
    padding-bottom: 135px;
  }
  .m-l-135-md {
    margin-left: 135px;
  }
  .p-l-135-md {
    padding-left: 135px;
  }
  .m-r-135-md {
    margin-right: 135px;
  }
  .p-r-135-md {
    padding-right: 135px;
  }
  .m-140-md {
    margin: 140px;
  }
  .p-140-md {
    padding: 140px;
  }
  .m-t-140-md {
    margin-top: 140px;
  }
  .p-t-140-md {
    padding-top: 140px;
  }
  .m-b-140-md {
    margin-bottom: 140px;
  }
  .p-b-140-md {
    padding-bottom: 140px;
  }
  .m-l-140-md {
    margin-left: 140px;
  }
  .p-l-140-md {
    padding-left: 140px;
  }
  .m-r-140-md {
    margin-right: 140px;
  }
  .p-r-140-md {
    padding-right: 140px;
  }
  .m-145-md {
    margin: 145px;
  }
  .p-145-md {
    padding: 145px;
  }
  .m-t-145-md {
    margin-top: 145px;
  }
  .p-t-145-md {
    padding-top: 145px;
  }
  .m-b-145-md {
    margin-bottom: 145px;
  }
  .p-b-145-md {
    padding-bottom: 145px;
  }
  .m-l-145-md {
    margin-left: 145px;
  }
  .p-l-145-md {
    padding-left: 145px;
  }
  .m-r-145-md {
    margin-right: 145px;
  }
  .p-r-145-md {
    padding-right: 145px;
  }
  .m-150-md {
    margin: 150px;
  }
  .p-150-md {
    padding: 150px;
  }
  .m-t-150-md {
    margin-top: 150px;
  }
  .p-t-150-md {
    padding-top: 150px;
  }
  .m-b-150-md {
    margin-bottom: 150px;
  }
  .p-b-150-md {
    padding-bottom: 150px;
  }
  .m-l-150-md {
    margin-left: 150px;
  }
  .p-l-150-md {
    padding-left: 150px;
  }
  .m-r-150-md {
    margin-right: 150px;
  }
  .p-r-150-md {
    padding-right: 150px;
  }
}
@media screen and (min-width: 960px) {
  .m-0-lg {
    margin: 0px;
  }
  .p-0-lg {
    padding: 0px;
  }
  .m-t-0-lg {
    margin-top: 0px;
  }
  .p-t-0-lg {
    padding-top: 0px;
  }
  .m-b-0-lg {
    margin-bottom: 0px;
  }
  .p-b-0-lg {
    padding-bottom: 0px;
  }
  .m-l-0-lg {
    margin-left: 0px;
  }
  .p-l-0-lg {
    padding-left: 0px;
  }
  .m-r-0-lg {
    margin-right: 0px;
  }
  .p-r-0-lg {
    padding-right: 0px;
  }
  .m-1-lg {
    margin: 1px;
  }
  .p-1-lg {
    padding: 1px;
  }
  .m-t-1-lg {
    margin-top: 1px;
  }
  .p-t-1-lg {
    padding-top: 1px;
  }
  .m-b-1-lg {
    margin-bottom: 1px;
  }
  .p-b-1-lg {
    padding-bottom: 1px;
  }
  .m-l-1-lg {
    margin-left: 1px;
  }
  .p-l-1-lg {
    padding-left: 1px;
  }
  .m-r-1-lg {
    margin-right: 1px;
  }
  .p-r-1-lg {
    padding-right: 1px;
  }
  .m-2-lg {
    margin: 2px;
  }
  .p-2-lg {
    padding: 2px;
  }
  .m-t-2-lg {
    margin-top: 2px;
  }
  .p-t-2-lg {
    padding-top: 2px;
  }
  .m-b-2-lg {
    margin-bottom: 2px;
  }
  .p-b-2-lg {
    padding-bottom: 2px;
  }
  .m-l-2-lg {
    margin-left: 2px;
  }
  .p-l-2-lg {
    padding-left: 2px;
  }
  .m-r-2-lg {
    margin-right: 2px;
  }
  .p-r-2-lg {
    padding-right: 2px;
  }
  .m-3-lg {
    margin: 3px;
  }
  .p-3-lg {
    padding: 3px;
  }
  .m-t-3-lg {
    margin-top: 3px;
  }
  .p-t-3-lg {
    padding-top: 3px;
  }
  .m-b-3-lg {
    margin-bottom: 3px;
  }
  .p-b-3-lg {
    padding-bottom: 3px;
  }
  .m-l-3-lg {
    margin-left: 3px;
  }
  .p-l-3-lg {
    padding-left: 3px;
  }
  .m-r-3-lg {
    margin-right: 3px;
  }
  .p-r-3-lg {
    padding-right: 3px;
  }
  .m-5-lg {
    margin: 5px;
  }
  .p-5-lg {
    padding: 5px;
  }
  .m-t-5-lg {
    margin-top: 5px;
  }
  .p-t-5-lg {
    padding-top: 5px;
  }
  .m-b-5-lg {
    margin-bottom: 5px;
  }
  .p-b-5-lg {
    padding-bottom: 5px;
  }
  .m-l-5-lg {
    margin-left: 5px;
  }
  .p-l-5-lg {
    padding-left: 5px;
  }
  .m-r-5-lg {
    margin-right: 5px;
  }
  .p-r-5-lg {
    padding-right: 5px;
  }
  .m-8-lg {
    margin: 8px;
  }
  .p-8-lg {
    padding: 8px;
  }
  .m-t-8-lg {
    margin-top: 8px;
  }
  .p-t-8-lg {
    padding-top: 8px;
  }
  .m-b-8-lg {
    margin-bottom: 8px;
  }
  .p-b-8-lg {
    padding-bottom: 8px;
  }
  .m-l-8-lg {
    margin-left: 8px;
  }
  .p-l-8-lg {
    padding-left: 8px;
  }
  .m-r-8-lg {
    margin-right: 8px;
  }
  .p-r-8-lg {
    padding-right: 8px;
  }
  .m-10-lg {
    margin: 10px;
  }
  .p-10-lg {
    padding: 10px;
  }
  .m-t-10-lg {
    margin-top: 10px;
  }
  .p-t-10-lg {
    padding-top: 10px;
  }
  .m-b-10-lg {
    margin-bottom: 10px;
  }
  .p-b-10-lg {
    padding-bottom: 10px;
  }
  .m-l-10-lg {
    margin-left: 10px;
  }
  .p-l-10-lg {
    padding-left: 10px;
  }
  .m-r-10-lg {
    margin-right: 10px;
  }
  .p-r-10-lg {
    padding-right: 10px;
  }
  .m-15-lg {
    margin: 15px;
  }
  .p-15-lg {
    padding: 15px;
  }
  .m-t-15-lg {
    margin-top: 15px;
  }
  .p-t-15-lg {
    padding-top: 15px;
  }
  .m-b-15-lg {
    margin-bottom: 15px;
  }
  .p-b-15-lg {
    padding-bottom: 15px;
  }
  .m-l-15-lg {
    margin-left: 15px;
  }
  .p-l-15-lg {
    padding-left: 15px;
  }
  .m-r-15-lg {
    margin-right: 15px;
  }
  .p-r-15-lg {
    padding-right: 15px;
  }
  .m-20-lg {
    margin: 20px;
  }
  .p-20-lg {
    padding: 20px;
  }
  .m-t-20-lg {
    margin-top: 20px;
  }
  .p-t-20-lg {
    padding-top: 20px;
  }
  .m-b-20-lg {
    margin-bottom: 20px;
  }
  .p-b-20-lg {
    padding-bottom: 20px;
  }
  .m-l-20-lg {
    margin-left: 20px;
  }
  .p-l-20-lg {
    padding-left: 20px;
  }
  .m-r-20-lg {
    margin-right: 20px;
  }
  .p-r-20-lg {
    padding-right: 20px;
  }
  .m-25-lg {
    margin: 25px;
  }
  .p-25-lg {
    padding: 25px;
  }
  .m-t-25-lg {
    margin-top: 25px;
  }
  .p-t-25-lg {
    padding-top: 25px;
  }
  .m-b-25-lg {
    margin-bottom: 25px;
  }
  .p-b-25-lg {
    padding-bottom: 25px;
  }
  .m-l-25-lg {
    margin-left: 25px;
  }
  .p-l-25-lg {
    padding-left: 25px;
  }
  .m-r-25-lg {
    margin-right: 25px;
  }
  .p-r-25-lg {
    padding-right: 25px;
  }
  .m-30-lg {
    margin: 30px;
  }
  .p-30-lg {
    padding: 30px;
  }
  .m-t-30-lg {
    margin-top: 30px;
  }
  .p-t-30-lg {
    padding-top: 30px;
  }
  .m-b-30-lg {
    margin-bottom: 30px;
  }
  .p-b-30-lg {
    padding-bottom: 30px;
  }
  .m-l-30-lg {
    margin-left: 30px;
  }
  .p-l-30-lg {
    padding-left: 30px;
  }
  .m-r-30-lg {
    margin-right: 30px;
  }
  .p-r-30-lg {
    padding-right: 30px;
  }
  .m-35-lg {
    margin: 35px;
  }
  .p-35-lg {
    padding: 35px;
  }
  .m-t-35-lg {
    margin-top: 35px;
  }
  .p-t-35-lg {
    padding-top: 35px;
  }
  .m-b-35-lg {
    margin-bottom: 35px;
  }
  .p-b-35-lg {
    padding-bottom: 35px;
  }
  .m-l-35-lg {
    margin-left: 35px;
  }
  .p-l-35-lg {
    padding-left: 35px;
  }
  .m-r-35-lg {
    margin-right: 35px;
  }
  .p-r-35-lg {
    padding-right: 35px;
  }
  .m-40-lg {
    margin: 40px;
  }
  .p-40-lg {
    padding: 40px;
  }
  .m-t-40-lg {
    margin-top: 40px;
  }
  .p-t-40-lg {
    padding-top: 40px;
  }
  .m-b-40-lg {
    margin-bottom: 40px;
  }
  .p-b-40-lg {
    padding-bottom: 40px;
  }
  .m-l-40-lg {
    margin-left: 40px;
  }
  .p-l-40-lg {
    padding-left: 40px;
  }
  .m-r-40-lg {
    margin-right: 40px;
  }
  .p-r-40-lg {
    padding-right: 40px;
  }
  .m-45-lg {
    margin: 45px;
  }
  .p-45-lg {
    padding: 45px;
  }
  .m-t-45-lg {
    margin-top: 45px;
  }
  .p-t-45-lg {
    padding-top: 45px;
  }
  .m-b-45-lg {
    margin-bottom: 45px;
  }
  .p-b-45-lg {
    padding-bottom: 45px;
  }
  .m-l-45-lg {
    margin-left: 45px;
  }
  .p-l-45-lg {
    padding-left: 45px;
  }
  .m-r-45-lg {
    margin-right: 45px;
  }
  .p-r-45-lg {
    padding-right: 45px;
  }
  .m-50-lg {
    margin: 50px;
  }
  .p-50-lg {
    padding: 50px;
  }
  .m-t-50-lg {
    margin-top: 50px;
  }
  .p-t-50-lg {
    padding-top: 50px;
  }
  .m-b-50-lg {
    margin-bottom: 50px;
  }
  .p-b-50-lg {
    padding-bottom: 50px;
  }
  .m-l-50-lg {
    margin-left: 50px;
  }
  .p-l-50-lg {
    padding-left: 50px;
  }
  .m-r-50-lg {
    margin-right: 50px;
  }
  .p-r-50-lg {
    padding-right: 50px;
  }
  .m-55-lg {
    margin: 55px;
  }
  .p-55-lg {
    padding: 55px;
  }
  .m-t-55-lg {
    margin-top: 55px;
  }
  .p-t-55-lg {
    padding-top: 55px;
  }
  .m-b-55-lg {
    margin-bottom: 55px;
  }
  .p-b-55-lg {
    padding-bottom: 55px;
  }
  .m-l-55-lg {
    margin-left: 55px;
  }
  .p-l-55-lg {
    padding-left: 55px;
  }
  .m-r-55-lg {
    margin-right: 55px;
  }
  .p-r-55-lg {
    padding-right: 55px;
  }
  .m-60-lg {
    margin: 60px;
  }
  .p-60-lg {
    padding: 60px;
  }
  .m-t-60-lg {
    margin-top: 60px;
  }
  .p-t-60-lg {
    padding-top: 60px;
  }
  .m-b-60-lg {
    margin-bottom: 60px;
  }
  .p-b-60-lg {
    padding-bottom: 60px;
  }
  .m-l-60-lg {
    margin-left: 60px;
  }
  .p-l-60-lg {
    padding-left: 60px;
  }
  .m-r-60-lg {
    margin-right: 60px;
  }
  .p-r-60-lg {
    padding-right: 60px;
  }
  .m-65-lg {
    margin: 65px;
  }
  .p-65-lg {
    padding: 65px;
  }
  .m-t-65-lg {
    margin-top: 65px;
  }
  .p-t-65-lg {
    padding-top: 65px;
  }
  .m-b-65-lg {
    margin-bottom: 65px;
  }
  .p-b-65-lg {
    padding-bottom: 65px;
  }
  .m-l-65-lg {
    margin-left: 65px;
  }
  .p-l-65-lg {
    padding-left: 65px;
  }
  .m-r-65-lg {
    margin-right: 65px;
  }
  .p-r-65-lg {
    padding-right: 65px;
  }
  .m-70-lg {
    margin: 70px;
  }
  .p-70-lg {
    padding: 70px;
  }
  .m-t-70-lg {
    margin-top: 70px;
  }
  .p-t-70-lg {
    padding-top: 70px;
  }
  .m-b-70-lg {
    margin-bottom: 70px;
  }
  .p-b-70-lg {
    padding-bottom: 70px;
  }
  .m-l-70-lg {
    margin-left: 70px;
  }
  .p-l-70-lg {
    padding-left: 70px;
  }
  .m-r-70-lg {
    margin-right: 70px;
  }
  .p-r-70-lg {
    padding-right: 70px;
  }
  .m-75-lg {
    margin: 75px;
  }
  .p-75-lg {
    padding: 75px;
  }
  .m-t-75-lg {
    margin-top: 75px;
  }
  .p-t-75-lg {
    padding-top: 75px;
  }
  .m-b-75-lg {
    margin-bottom: 75px;
  }
  .p-b-75-lg {
    padding-bottom: 75px;
  }
  .m-l-75-lg {
    margin-left: 75px;
  }
  .p-l-75-lg {
    padding-left: 75px;
  }
  .m-r-75-lg {
    margin-right: 75px;
  }
  .p-r-75-lg {
    padding-right: 75px;
  }
  .m-80-lg {
    margin: 80px;
  }
  .p-80-lg {
    padding: 80px;
  }
  .m-t-80-lg {
    margin-top: 80px;
  }
  .p-t-80-lg {
    padding-top: 80px;
  }
  .m-b-80-lg {
    margin-bottom: 80px;
  }
  .p-b-80-lg {
    padding-bottom: 80px;
  }
  .m-l-80-lg {
    margin-left: 80px;
  }
  .p-l-80-lg {
    padding-left: 80px;
  }
  .m-r-80-lg {
    margin-right: 80px;
  }
  .p-r-80-lg {
    padding-right: 80px;
  }
  .m-85-lg {
    margin: 85px;
  }
  .p-85-lg {
    padding: 85px;
  }
  .m-t-85-lg {
    margin-top: 85px;
  }
  .p-t-85-lg {
    padding-top: 85px;
  }
  .m-b-85-lg {
    margin-bottom: 85px;
  }
  .p-b-85-lg {
    padding-bottom: 85px;
  }
  .m-l-85-lg {
    margin-left: 85px;
  }
  .p-l-85-lg {
    padding-left: 85px;
  }
  .m-r-85-lg {
    margin-right: 85px;
  }
  .p-r-85-lg {
    padding-right: 85px;
  }
  .m-90-lg {
    margin: 90px;
  }
  .p-90-lg {
    padding: 90px;
  }
  .m-t-90-lg {
    margin-top: 90px;
  }
  .p-t-90-lg {
    padding-top: 90px;
  }
  .m-b-90-lg {
    margin-bottom: 90px;
  }
  .p-b-90-lg {
    padding-bottom: 90px;
  }
  .m-l-90-lg {
    margin-left: 90px;
  }
  .p-l-90-lg {
    padding-left: 90px;
  }
  .m-r-90-lg {
    margin-right: 90px;
  }
  .p-r-90-lg {
    padding-right: 90px;
  }
  .m-95-lg {
    margin: 95px;
  }
  .p-95-lg {
    padding: 95px;
  }
  .m-t-95-lg {
    margin-top: 95px;
  }
  .p-t-95-lg {
    padding-top: 95px;
  }
  .m-b-95-lg {
    margin-bottom: 95px;
  }
  .p-b-95-lg {
    padding-bottom: 95px;
  }
  .m-l-95-lg {
    margin-left: 95px;
  }
  .p-l-95-lg {
    padding-left: 95px;
  }
  .m-r-95-lg {
    margin-right: 95px;
  }
  .p-r-95-lg {
    padding-right: 95px;
  }
  .m-100-lg {
    margin: 100px;
  }
  .p-100-lg {
    padding: 100px;
  }
  .m-t-100-lg {
    margin-top: 100px;
  }
  .p-t-100-lg {
    padding-top: 100px;
  }
  .m-b-100-lg {
    margin-bottom: 100px;
  }
  .p-b-100-lg {
    padding-bottom: 100px;
  }
  .m-l-100-lg {
    margin-left: 100px;
  }
  .p-l-100-lg {
    padding-left: 100px;
  }
  .m-r-100-lg {
    margin-right: 100px;
  }
  .p-r-100-lg {
    padding-right: 100px;
  }
  .m-105-lg {
    margin: 105px;
  }
  .p-105-lg {
    padding: 105px;
  }
  .m-t-105-lg {
    margin-top: 105px;
  }
  .p-t-105-lg {
    padding-top: 105px;
  }
  .m-b-105-lg {
    margin-bottom: 105px;
  }
  .p-b-105-lg {
    padding-bottom: 105px;
  }
  .m-l-105-lg {
    margin-left: 105px;
  }
  .p-l-105-lg {
    padding-left: 105px;
  }
  .m-r-105-lg {
    margin-right: 105px;
  }
  .p-r-105-lg {
    padding-right: 105px;
  }
  .m-110-lg {
    margin: 110px;
  }
  .p-110-lg {
    padding: 110px;
  }
  .m-t-110-lg {
    margin-top: 110px;
  }
  .p-t-110-lg {
    padding-top: 110px;
  }
  .m-b-110-lg {
    margin-bottom: 110px;
  }
  .p-b-110-lg {
    padding-bottom: 110px;
  }
  .m-l-110-lg {
    margin-left: 110px;
  }
  .p-l-110-lg {
    padding-left: 110px;
  }
  .m-r-110-lg {
    margin-right: 110px;
  }
  .p-r-110-lg {
    padding-right: 110px;
  }
  .m-115-lg {
    margin: 115px;
  }
  .p-115-lg {
    padding: 115px;
  }
  .m-t-115-lg {
    margin-top: 115px;
  }
  .p-t-115-lg {
    padding-top: 115px;
  }
  .m-b-115-lg {
    margin-bottom: 115px;
  }
  .p-b-115-lg {
    padding-bottom: 115px;
  }
  .m-l-115-lg {
    margin-left: 115px;
  }
  .p-l-115-lg {
    padding-left: 115px;
  }
  .m-r-115-lg {
    margin-right: 115px;
  }
  .p-r-115-lg {
    padding-right: 115px;
  }
  .m-120-lg {
    margin: 120px;
  }
  .p-120-lg {
    padding: 120px;
  }
  .m-t-120-lg {
    margin-top: 120px;
  }
  .p-t-120-lg {
    padding-top: 120px;
  }
  .m-b-120-lg {
    margin-bottom: 120px;
  }
  .p-b-120-lg {
    padding-bottom: 120px;
  }
  .m-l-120-lg {
    margin-left: 120px;
  }
  .p-l-120-lg {
    padding-left: 120px;
  }
  .m-r-120-lg {
    margin-right: 120px;
  }
  .p-r-120-lg {
    padding-right: 120px;
  }
  .m-125-lg {
    margin: 125px;
  }
  .p-125-lg {
    padding: 125px;
  }
  .m-t-125-lg {
    margin-top: 125px;
  }
  .p-t-125-lg {
    padding-top: 125px;
  }
  .m-b-125-lg {
    margin-bottom: 125px;
  }
  .p-b-125-lg {
    padding-bottom: 125px;
  }
  .m-l-125-lg {
    margin-left: 125px;
  }
  .p-l-125-lg {
    padding-left: 125px;
  }
  .m-r-125-lg {
    margin-right: 125px;
  }
  .p-r-125-lg {
    padding-right: 125px;
  }
  .m-130-lg {
    margin: 130px;
  }
  .p-130-lg {
    padding: 130px;
  }
  .m-t-130-lg {
    margin-top: 130px;
  }
  .p-t-130-lg {
    padding-top: 130px;
  }
  .m-b-130-lg {
    margin-bottom: 130px;
  }
  .p-b-130-lg {
    padding-bottom: 130px;
  }
  .m-l-130-lg {
    margin-left: 130px;
  }
  .p-l-130-lg {
    padding-left: 130px;
  }
  .m-r-130-lg {
    margin-right: 130px;
  }
  .p-r-130-lg {
    padding-right: 130px;
  }
  .m-135-lg {
    margin: 135px;
  }
  .p-135-lg {
    padding: 135px;
  }
  .m-t-135-lg {
    margin-top: 135px;
  }
  .p-t-135-lg {
    padding-top: 135px;
  }
  .m-b-135-lg {
    margin-bottom: 135px;
  }
  .p-b-135-lg {
    padding-bottom: 135px;
  }
  .m-l-135-lg {
    margin-left: 135px;
  }
  .p-l-135-lg {
    padding-left: 135px;
  }
  .m-r-135-lg {
    margin-right: 135px;
  }
  .p-r-135-lg {
    padding-right: 135px;
  }
  .m-140-lg {
    margin: 140px;
  }
  .p-140-lg {
    padding: 140px;
  }
  .m-t-140-lg {
    margin-top: 140px;
  }
  .p-t-140-lg {
    padding-top: 140px;
  }
  .m-b-140-lg {
    margin-bottom: 140px;
  }
  .p-b-140-lg {
    padding-bottom: 140px;
  }
  .m-l-140-lg {
    margin-left: 140px;
  }
  .p-l-140-lg {
    padding-left: 140px;
  }
  .m-r-140-lg {
    margin-right: 140px;
  }
  .p-r-140-lg {
    padding-right: 140px;
  }
  .m-145-lg {
    margin: 145px;
  }
  .p-145-lg {
    padding: 145px;
  }
  .m-t-145-lg {
    margin-top: 145px;
  }
  .p-t-145-lg {
    padding-top: 145px;
  }
  .m-b-145-lg {
    margin-bottom: 145px;
  }
  .p-b-145-lg {
    padding-bottom: 145px;
  }
  .m-l-145-lg {
    margin-left: 145px;
  }
  .p-l-145-lg {
    padding-left: 145px;
  }
  .m-r-145-lg {
    margin-right: 145px;
  }
  .p-r-145-lg {
    padding-right: 145px;
  }
  .m-150-lg {
    margin: 150px;
  }
  .p-150-lg {
    padding: 150px;
  }
  .m-t-150-lg {
    margin-top: 150px;
  }
  .p-t-150-lg {
    padding-top: 150px;
  }
  .m-b-150-lg {
    margin-bottom: 150px;
  }
  .p-b-150-lg {
    padding-bottom: 150px;
  }
  .m-l-150-lg {
    margin-left: 150px;
  }
  .p-l-150-lg {
    padding-left: 150px;
  }
  .m-r-150-lg {
    margin-right: 150px;
  }
  .p-r-150-lg {
    padding-right: 150px;
  }
}
@media screen and (min-width: 1200px) {
  .m-0-xl {
    margin: 0px;
  }
  .p-0-xl {
    padding: 0px;
  }
  .m-t-0-xl {
    margin-top: 0px;
  }
  .p-t-0-xl {
    padding-top: 0px;
  }
  .m-b-0-xl {
    margin-bottom: 0px;
  }
  .p-b-0-xl {
    padding-bottom: 0px;
  }
  .m-l-0-xl {
    margin-left: 0px;
  }
  .p-l-0-xl {
    padding-left: 0px;
  }
  .m-r-0-xl {
    margin-right: 0px;
  }
  .p-r-0-xl {
    padding-right: 0px;
  }
  .m-1-xl {
    margin: 1px;
  }
  .p-1-xl {
    padding: 1px;
  }
  .m-t-1-xl {
    margin-top: 1px;
  }
  .p-t-1-xl {
    padding-top: 1px;
  }
  .m-b-1-xl {
    margin-bottom: 1px;
  }
  .p-b-1-xl {
    padding-bottom: 1px;
  }
  .m-l-1-xl {
    margin-left: 1px;
  }
  .p-l-1-xl {
    padding-left: 1px;
  }
  .m-r-1-xl {
    margin-right: 1px;
  }
  .p-r-1-xl {
    padding-right: 1px;
  }
  .m-2-xl {
    margin: 2px;
  }
  .p-2-xl {
    padding: 2px;
  }
  .m-t-2-xl {
    margin-top: 2px;
  }
  .p-t-2-xl {
    padding-top: 2px;
  }
  .m-b-2-xl {
    margin-bottom: 2px;
  }
  .p-b-2-xl {
    padding-bottom: 2px;
  }
  .m-l-2-xl {
    margin-left: 2px;
  }
  .p-l-2-xl {
    padding-left: 2px;
  }
  .m-r-2-xl {
    margin-right: 2px;
  }
  .p-r-2-xl {
    padding-right: 2px;
  }
  .m-3-xl {
    margin: 3px;
  }
  .p-3-xl {
    padding: 3px;
  }
  .m-t-3-xl {
    margin-top: 3px;
  }
  .p-t-3-xl {
    padding-top: 3px;
  }
  .m-b-3-xl {
    margin-bottom: 3px;
  }
  .p-b-3-xl {
    padding-bottom: 3px;
  }
  .m-l-3-xl {
    margin-left: 3px;
  }
  .p-l-3-xl {
    padding-left: 3px;
  }
  .m-r-3-xl {
    margin-right: 3px;
  }
  .p-r-3-xl {
    padding-right: 3px;
  }
  .m-5-xl {
    margin: 5px;
  }
  .p-5-xl {
    padding: 5px;
  }
  .m-t-5-xl {
    margin-top: 5px;
  }
  .p-t-5-xl {
    padding-top: 5px;
  }
  .m-b-5-xl {
    margin-bottom: 5px;
  }
  .p-b-5-xl {
    padding-bottom: 5px;
  }
  .m-l-5-xl {
    margin-left: 5px;
  }
  .p-l-5-xl {
    padding-left: 5px;
  }
  .m-r-5-xl {
    margin-right: 5px;
  }
  .p-r-5-xl {
    padding-right: 5px;
  }
  .m-8-xl {
    margin: 8px;
  }
  .p-8-xl {
    padding: 8px;
  }
  .m-t-8-xl {
    margin-top: 8px;
  }
  .p-t-8-xl {
    padding-top: 8px;
  }
  .m-b-8-xl {
    margin-bottom: 8px;
  }
  .p-b-8-xl {
    padding-bottom: 8px;
  }
  .m-l-8-xl {
    margin-left: 8px;
  }
  .p-l-8-xl {
    padding-left: 8px;
  }
  .m-r-8-xl {
    margin-right: 8px;
  }
  .p-r-8-xl {
    padding-right: 8px;
  }
  .m-10-xl {
    margin: 10px;
  }
  .p-10-xl {
    padding: 10px;
  }
  .m-t-10-xl {
    margin-top: 10px;
  }
  .p-t-10-xl {
    padding-top: 10px;
  }
  .m-b-10-xl {
    margin-bottom: 10px;
  }
  .p-b-10-xl {
    padding-bottom: 10px;
  }
  .m-l-10-xl {
    margin-left: 10px;
  }
  .p-l-10-xl {
    padding-left: 10px;
  }
  .m-r-10-xl {
    margin-right: 10px;
  }
  .p-r-10-xl {
    padding-right: 10px;
  }
  .m-15-xl {
    margin: 15px;
  }
  .p-15-xl {
    padding: 15px;
  }
  .m-t-15-xl {
    margin-top: 15px;
  }
  .p-t-15-xl {
    padding-top: 15px;
  }
  .m-b-15-xl {
    margin-bottom: 15px;
  }
  .p-b-15-xl {
    padding-bottom: 15px;
  }
  .m-l-15-xl {
    margin-left: 15px;
  }
  .p-l-15-xl {
    padding-left: 15px;
  }
  .m-r-15-xl {
    margin-right: 15px;
  }
  .p-r-15-xl {
    padding-right: 15px;
  }
  .m-20-xl {
    margin: 20px;
  }
  .p-20-xl {
    padding: 20px;
  }
  .m-t-20-xl {
    margin-top: 20px;
  }
  .p-t-20-xl {
    padding-top: 20px;
  }
  .m-b-20-xl {
    margin-bottom: 20px;
  }
  .p-b-20-xl {
    padding-bottom: 20px;
  }
  .m-l-20-xl {
    margin-left: 20px;
  }
  .p-l-20-xl {
    padding-left: 20px;
  }
  .m-r-20-xl {
    margin-right: 20px;
  }
  .p-r-20-xl {
    padding-right: 20px;
  }
  .m-25-xl {
    margin: 25px;
  }
  .p-25-xl {
    padding: 25px;
  }
  .m-t-25-xl {
    margin-top: 25px;
  }
  .p-t-25-xl {
    padding-top: 25px;
  }
  .m-b-25-xl {
    margin-bottom: 25px;
  }
  .p-b-25-xl {
    padding-bottom: 25px;
  }
  .m-l-25-xl {
    margin-left: 25px;
  }
  .p-l-25-xl {
    padding-left: 25px;
  }
  .m-r-25-xl {
    margin-right: 25px;
  }
  .p-r-25-xl {
    padding-right: 25px;
  }
  .m-30-xl {
    margin: 30px;
  }
  .p-30-xl {
    padding: 30px;
  }
  .m-t-30-xl {
    margin-top: 30px;
  }
  .p-t-30-xl {
    padding-top: 30px;
  }
  .m-b-30-xl {
    margin-bottom: 30px;
  }
  .p-b-30-xl {
    padding-bottom: 30px;
  }
  .m-l-30-xl {
    margin-left: 30px;
  }
  .p-l-30-xl {
    padding-left: 30px;
  }
  .m-r-30-xl {
    margin-right: 30px;
  }
  .p-r-30-xl {
    padding-right: 30px;
  }
  .m-35-xl {
    margin: 35px;
  }
  .p-35-xl {
    padding: 35px;
  }
  .m-t-35-xl {
    margin-top: 35px;
  }
  .p-t-35-xl {
    padding-top: 35px;
  }
  .m-b-35-xl {
    margin-bottom: 35px;
  }
  .p-b-35-xl {
    padding-bottom: 35px;
  }
  .m-l-35-xl {
    margin-left: 35px;
  }
  .p-l-35-xl {
    padding-left: 35px;
  }
  .m-r-35-xl {
    margin-right: 35px;
  }
  .p-r-35-xl {
    padding-right: 35px;
  }
  .m-40-xl {
    margin: 40px;
  }
  .p-40-xl {
    padding: 40px;
  }
  .m-t-40-xl {
    margin-top: 40px;
  }
  .p-t-40-xl {
    padding-top: 40px;
  }
  .m-b-40-xl {
    margin-bottom: 40px;
  }
  .p-b-40-xl {
    padding-bottom: 40px;
  }
  .m-l-40-xl {
    margin-left: 40px;
  }
  .p-l-40-xl {
    padding-left: 40px;
  }
  .m-r-40-xl {
    margin-right: 40px;
  }
  .p-r-40-xl {
    padding-right: 40px;
  }
  .m-45-xl {
    margin: 45px;
  }
  .p-45-xl {
    padding: 45px;
  }
  .m-t-45-xl {
    margin-top: 45px;
  }
  .p-t-45-xl {
    padding-top: 45px;
  }
  .m-b-45-xl {
    margin-bottom: 45px;
  }
  .p-b-45-xl {
    padding-bottom: 45px;
  }
  .m-l-45-xl {
    margin-left: 45px;
  }
  .p-l-45-xl {
    padding-left: 45px;
  }
  .m-r-45-xl {
    margin-right: 45px;
  }
  .p-r-45-xl {
    padding-right: 45px;
  }
  .m-50-xl {
    margin: 50px;
  }
  .p-50-xl {
    padding: 50px;
  }
  .m-t-50-xl {
    margin-top: 50px;
  }
  .p-t-50-xl {
    padding-top: 50px;
  }
  .m-b-50-xl {
    margin-bottom: 50px;
  }
  .p-b-50-xl {
    padding-bottom: 50px;
  }
  .m-l-50-xl {
    margin-left: 50px;
  }
  .p-l-50-xl {
    padding-left: 50px;
  }
  .m-r-50-xl {
    margin-right: 50px;
  }
  .p-r-50-xl {
    padding-right: 50px;
  }
  .m-55-xl {
    margin: 55px;
  }
  .p-55-xl {
    padding: 55px;
  }
  .m-t-55-xl {
    margin-top: 55px;
  }
  .p-t-55-xl {
    padding-top: 55px;
  }
  .m-b-55-xl {
    margin-bottom: 55px;
  }
  .p-b-55-xl {
    padding-bottom: 55px;
  }
  .m-l-55-xl {
    margin-left: 55px;
  }
  .p-l-55-xl {
    padding-left: 55px;
  }
  .m-r-55-xl {
    margin-right: 55px;
  }
  .p-r-55-xl {
    padding-right: 55px;
  }
  .m-60-xl {
    margin: 60px;
  }
  .p-60-xl {
    padding: 60px;
  }
  .m-t-60-xl {
    margin-top: 60px;
  }
  .p-t-60-xl {
    padding-top: 60px;
  }
  .m-b-60-xl {
    margin-bottom: 60px;
  }
  .p-b-60-xl {
    padding-bottom: 60px;
  }
  .m-l-60-xl {
    margin-left: 60px;
  }
  .p-l-60-xl {
    padding-left: 60px;
  }
  .m-r-60-xl {
    margin-right: 60px;
  }
  .p-r-60-xl {
    padding-right: 60px;
  }
  .m-65-xl {
    margin: 65px;
  }
  .p-65-xl {
    padding: 65px;
  }
  .m-t-65-xl {
    margin-top: 65px;
  }
  .p-t-65-xl {
    padding-top: 65px;
  }
  .m-b-65-xl {
    margin-bottom: 65px;
  }
  .p-b-65-xl {
    padding-bottom: 65px;
  }
  .m-l-65-xl {
    margin-left: 65px;
  }
  .p-l-65-xl {
    padding-left: 65px;
  }
  .m-r-65-xl {
    margin-right: 65px;
  }
  .p-r-65-xl {
    padding-right: 65px;
  }
  .m-70-xl {
    margin: 70px;
  }
  .p-70-xl {
    padding: 70px;
  }
  .m-t-70-xl {
    margin-top: 70px;
  }
  .p-t-70-xl {
    padding-top: 70px;
  }
  .m-b-70-xl {
    margin-bottom: 70px;
  }
  .p-b-70-xl {
    padding-bottom: 70px;
  }
  .m-l-70-xl {
    margin-left: 70px;
  }
  .p-l-70-xl {
    padding-left: 70px;
  }
  .m-r-70-xl {
    margin-right: 70px;
  }
  .p-r-70-xl {
    padding-right: 70px;
  }
  .m-75-xl {
    margin: 75px;
  }
  .p-75-xl {
    padding: 75px;
  }
  .m-t-75-xl {
    margin-top: 75px;
  }
  .p-t-75-xl {
    padding-top: 75px;
  }
  .m-b-75-xl {
    margin-bottom: 75px;
  }
  .p-b-75-xl {
    padding-bottom: 75px;
  }
  .m-l-75-xl {
    margin-left: 75px;
  }
  .p-l-75-xl {
    padding-left: 75px;
  }
  .m-r-75-xl {
    margin-right: 75px;
  }
  .p-r-75-xl {
    padding-right: 75px;
  }
  .m-80-xl {
    margin: 80px;
  }
  .p-80-xl {
    padding: 80px;
  }
  .m-t-80-xl {
    margin-top: 80px;
  }
  .p-t-80-xl {
    padding-top: 80px;
  }
  .m-b-80-xl {
    margin-bottom: 80px;
  }
  .p-b-80-xl {
    padding-bottom: 80px;
  }
  .m-l-80-xl {
    margin-left: 80px;
  }
  .p-l-80-xl {
    padding-left: 80px;
  }
  .m-r-80-xl {
    margin-right: 80px;
  }
  .p-r-80-xl {
    padding-right: 80px;
  }
  .m-85-xl {
    margin: 85px;
  }
  .p-85-xl {
    padding: 85px;
  }
  .m-t-85-xl {
    margin-top: 85px;
  }
  .p-t-85-xl {
    padding-top: 85px;
  }
  .m-b-85-xl {
    margin-bottom: 85px;
  }
  .p-b-85-xl {
    padding-bottom: 85px;
  }
  .m-l-85-xl {
    margin-left: 85px;
  }
  .p-l-85-xl {
    padding-left: 85px;
  }
  .m-r-85-xl {
    margin-right: 85px;
  }
  .p-r-85-xl {
    padding-right: 85px;
  }
  .m-90-xl {
    margin: 90px;
  }
  .p-90-xl {
    padding: 90px;
  }
  .m-t-90-xl {
    margin-top: 90px;
  }
  .p-t-90-xl {
    padding-top: 90px;
  }
  .m-b-90-xl {
    margin-bottom: 90px;
  }
  .p-b-90-xl {
    padding-bottom: 90px;
  }
  .m-l-90-xl {
    margin-left: 90px;
  }
  .p-l-90-xl {
    padding-left: 90px;
  }
  .m-r-90-xl {
    margin-right: 90px;
  }
  .p-r-90-xl {
    padding-right: 90px;
  }
  .m-95-xl {
    margin: 95px;
  }
  .p-95-xl {
    padding: 95px;
  }
  .m-t-95-xl {
    margin-top: 95px;
  }
  .p-t-95-xl {
    padding-top: 95px;
  }
  .m-b-95-xl {
    margin-bottom: 95px;
  }
  .p-b-95-xl {
    padding-bottom: 95px;
  }
  .m-l-95-xl {
    margin-left: 95px;
  }
  .p-l-95-xl {
    padding-left: 95px;
  }
  .m-r-95-xl {
    margin-right: 95px;
  }
  .p-r-95-xl {
    padding-right: 95px;
  }
  .m-100-xl {
    margin: 100px;
  }
  .p-100-xl {
    padding: 100px;
  }
  .m-t-100-xl {
    margin-top: 100px;
  }
  .p-t-100-xl {
    padding-top: 100px;
  }
  .m-b-100-xl {
    margin-bottom: 100px;
  }
  .p-b-100-xl {
    padding-bottom: 100px;
  }
  .m-l-100-xl {
    margin-left: 100px;
  }
  .p-l-100-xl {
    padding-left: 100px;
  }
  .m-r-100-xl {
    margin-right: 100px;
  }
  .p-r-100-xl {
    padding-right: 100px;
  }
  .m-105-xl {
    margin: 105px;
  }
  .p-105-xl {
    padding: 105px;
  }
  .m-t-105-xl {
    margin-top: 105px;
  }
  .p-t-105-xl {
    padding-top: 105px;
  }
  .m-b-105-xl {
    margin-bottom: 105px;
  }
  .p-b-105-xl {
    padding-bottom: 105px;
  }
  .m-l-105-xl {
    margin-left: 105px;
  }
  .p-l-105-xl {
    padding-left: 105px;
  }
  .m-r-105-xl {
    margin-right: 105px;
  }
  .p-r-105-xl {
    padding-right: 105px;
  }
  .m-110-xl {
    margin: 110px;
  }
  .p-110-xl {
    padding: 110px;
  }
  .m-t-110-xl {
    margin-top: 110px;
  }
  .p-t-110-xl {
    padding-top: 110px;
  }
  .m-b-110-xl {
    margin-bottom: 110px;
  }
  .p-b-110-xl {
    padding-bottom: 110px;
  }
  .m-l-110-xl {
    margin-left: 110px;
  }
  .p-l-110-xl {
    padding-left: 110px;
  }
  .m-r-110-xl {
    margin-right: 110px;
  }
  .p-r-110-xl {
    padding-right: 110px;
  }
  .m-115-xl {
    margin: 115px;
  }
  .p-115-xl {
    padding: 115px;
  }
  .m-t-115-xl {
    margin-top: 115px;
  }
  .p-t-115-xl {
    padding-top: 115px;
  }
  .m-b-115-xl {
    margin-bottom: 115px;
  }
  .p-b-115-xl {
    padding-bottom: 115px;
  }
  .m-l-115-xl {
    margin-left: 115px;
  }
  .p-l-115-xl {
    padding-left: 115px;
  }
  .m-r-115-xl {
    margin-right: 115px;
  }
  .p-r-115-xl {
    padding-right: 115px;
  }
  .m-120-xl {
    margin: 120px;
  }
  .p-120-xl {
    padding: 120px;
  }
  .m-t-120-xl {
    margin-top: 120px;
  }
  .p-t-120-xl {
    padding-top: 120px;
  }
  .m-b-120-xl {
    margin-bottom: 120px;
  }
  .p-b-120-xl {
    padding-bottom: 120px;
  }
  .m-l-120-xl {
    margin-left: 120px;
  }
  .p-l-120-xl {
    padding-left: 120px;
  }
  .m-r-120-xl {
    margin-right: 120px;
  }
  .p-r-120-xl {
    padding-right: 120px;
  }
  .m-125-xl {
    margin: 125px;
  }
  .p-125-xl {
    padding: 125px;
  }
  .m-t-125-xl {
    margin-top: 125px;
  }
  .p-t-125-xl {
    padding-top: 125px;
  }
  .m-b-125-xl {
    margin-bottom: 125px;
  }
  .p-b-125-xl {
    padding-bottom: 125px;
  }
  .m-l-125-xl {
    margin-left: 125px;
  }
  .p-l-125-xl {
    padding-left: 125px;
  }
  .m-r-125-xl {
    margin-right: 125px;
  }
  .p-r-125-xl {
    padding-right: 125px;
  }
  .m-130-xl {
    margin: 130px;
  }
  .p-130-xl {
    padding: 130px;
  }
  .m-t-130-xl {
    margin-top: 130px;
  }
  .p-t-130-xl {
    padding-top: 130px;
  }
  .m-b-130-xl {
    margin-bottom: 130px;
  }
  .p-b-130-xl {
    padding-bottom: 130px;
  }
  .m-l-130-xl {
    margin-left: 130px;
  }
  .p-l-130-xl {
    padding-left: 130px;
  }
  .m-r-130-xl {
    margin-right: 130px;
  }
  .p-r-130-xl {
    padding-right: 130px;
  }
  .m-135-xl {
    margin: 135px;
  }
  .p-135-xl {
    padding: 135px;
  }
  .m-t-135-xl {
    margin-top: 135px;
  }
  .p-t-135-xl {
    padding-top: 135px;
  }
  .m-b-135-xl {
    margin-bottom: 135px;
  }
  .p-b-135-xl {
    padding-bottom: 135px;
  }
  .m-l-135-xl {
    margin-left: 135px;
  }
  .p-l-135-xl {
    padding-left: 135px;
  }
  .m-r-135-xl {
    margin-right: 135px;
  }
  .p-r-135-xl {
    padding-right: 135px;
  }
  .m-140-xl {
    margin: 140px;
  }
  .p-140-xl {
    padding: 140px;
  }
  .m-t-140-xl {
    margin-top: 140px;
  }
  .p-t-140-xl {
    padding-top: 140px;
  }
  .m-b-140-xl {
    margin-bottom: 140px;
  }
  .p-b-140-xl {
    padding-bottom: 140px;
  }
  .m-l-140-xl {
    margin-left: 140px;
  }
  .p-l-140-xl {
    padding-left: 140px;
  }
  .m-r-140-xl {
    margin-right: 140px;
  }
  .p-r-140-xl {
    padding-right: 140px;
  }
  .m-145-xl {
    margin: 145px;
  }
  .p-145-xl {
    padding: 145px;
  }
  .m-t-145-xl {
    margin-top: 145px;
  }
  .p-t-145-xl {
    padding-top: 145px;
  }
  .m-b-145-xl {
    margin-bottom: 145px;
  }
  .p-b-145-xl {
    padding-bottom: 145px;
  }
  .m-l-145-xl {
    margin-left: 145px;
  }
  .p-l-145-xl {
    padding-left: 145px;
  }
  .m-r-145-xl {
    margin-right: 145px;
  }
  .p-r-145-xl {
    padding-right: 145px;
  }
  .m-150-xl {
    margin: 150px;
  }
  .p-150-xl {
    padding: 150px;
  }
  .m-t-150-xl {
    margin-top: 150px;
  }
  .p-t-150-xl {
    padding-top: 150px;
  }
  .m-b-150-xl {
    margin-bottom: 150px;
  }
  .p-b-150-xl {
    padding-bottom: 150px;
  }
  .m-l-150-xl {
    margin-left: 150px;
  }
  .p-l-150-xl {
    padding-left: 150px;
  }
  .m-r-150-xl {
    margin-right: 150px;
  }
  .p-r-150-xl {
    padding-right: 150px;
  }
}
@media screen and (min-width: 1600px) {
  .m-0-2xl {
    margin: 0px;
  }
  .p-0-2xl {
    padding: 0px;
  }
  .m-t-0-2xl {
    margin-top: 0px;
  }
  .p-t-0-2xl {
    padding-top: 0px;
  }
  .m-b-0-2xl {
    margin-bottom: 0px;
  }
  .p-b-0-2xl {
    padding-bottom: 0px;
  }
  .m-l-0-2xl {
    margin-left: 0px;
  }
  .p-l-0-2xl {
    padding-left: 0px;
  }
  .m-r-0-2xl {
    margin-right: 0px;
  }
  .p-r-0-2xl {
    padding-right: 0px;
  }
  .m-1-2xl {
    margin: 1px;
  }
  .p-1-2xl {
    padding: 1px;
  }
  .m-t-1-2xl {
    margin-top: 1px;
  }
  .p-t-1-2xl {
    padding-top: 1px;
  }
  .m-b-1-2xl {
    margin-bottom: 1px;
  }
  .p-b-1-2xl {
    padding-bottom: 1px;
  }
  .m-l-1-2xl {
    margin-left: 1px;
  }
  .p-l-1-2xl {
    padding-left: 1px;
  }
  .m-r-1-2xl {
    margin-right: 1px;
  }
  .p-r-1-2xl {
    padding-right: 1px;
  }
  .m-2-2xl {
    margin: 2px;
  }
  .p-2-2xl {
    padding: 2px;
  }
  .m-t-2-2xl {
    margin-top: 2px;
  }
  .p-t-2-2xl {
    padding-top: 2px;
  }
  .m-b-2-2xl {
    margin-bottom: 2px;
  }
  .p-b-2-2xl {
    padding-bottom: 2px;
  }
  .m-l-2-2xl {
    margin-left: 2px;
  }
  .p-l-2-2xl {
    padding-left: 2px;
  }
  .m-r-2-2xl {
    margin-right: 2px;
  }
  .p-r-2-2xl {
    padding-right: 2px;
  }
  .m-3-2xl {
    margin: 3px;
  }
  .p-3-2xl {
    padding: 3px;
  }
  .m-t-3-2xl {
    margin-top: 3px;
  }
  .p-t-3-2xl {
    padding-top: 3px;
  }
  .m-b-3-2xl {
    margin-bottom: 3px;
  }
  .p-b-3-2xl {
    padding-bottom: 3px;
  }
  .m-l-3-2xl {
    margin-left: 3px;
  }
  .p-l-3-2xl {
    padding-left: 3px;
  }
  .m-r-3-2xl {
    margin-right: 3px;
  }
  .p-r-3-2xl {
    padding-right: 3px;
  }
  .m-5-2xl {
    margin: 5px;
  }
  .p-5-2xl {
    padding: 5px;
  }
  .m-t-5-2xl {
    margin-top: 5px;
  }
  .p-t-5-2xl {
    padding-top: 5px;
  }
  .m-b-5-2xl {
    margin-bottom: 5px;
  }
  .p-b-5-2xl {
    padding-bottom: 5px;
  }
  .m-l-5-2xl {
    margin-left: 5px;
  }
  .p-l-5-2xl {
    padding-left: 5px;
  }
  .m-r-5-2xl {
    margin-right: 5px;
  }
  .p-r-5-2xl {
    padding-right: 5px;
  }
  .m-8-2xl {
    margin: 8px;
  }
  .p-8-2xl {
    padding: 8px;
  }
  .m-t-8-2xl {
    margin-top: 8px;
  }
  .p-t-8-2xl {
    padding-top: 8px;
  }
  .m-b-8-2xl {
    margin-bottom: 8px;
  }
  .p-b-8-2xl {
    padding-bottom: 8px;
  }
  .m-l-8-2xl {
    margin-left: 8px;
  }
  .p-l-8-2xl {
    padding-left: 8px;
  }
  .m-r-8-2xl {
    margin-right: 8px;
  }
  .p-r-8-2xl {
    padding-right: 8px;
  }
  .m-10-2xl {
    margin: 10px;
  }
  .p-10-2xl {
    padding: 10px;
  }
  .m-t-10-2xl {
    margin-top: 10px;
  }
  .p-t-10-2xl {
    padding-top: 10px;
  }
  .m-b-10-2xl {
    margin-bottom: 10px;
  }
  .p-b-10-2xl {
    padding-bottom: 10px;
  }
  .m-l-10-2xl {
    margin-left: 10px;
  }
  .p-l-10-2xl {
    padding-left: 10px;
  }
  .m-r-10-2xl {
    margin-right: 10px;
  }
  .p-r-10-2xl {
    padding-right: 10px;
  }
  .m-15-2xl {
    margin: 15px;
  }
  .p-15-2xl {
    padding: 15px;
  }
  .m-t-15-2xl {
    margin-top: 15px;
  }
  .p-t-15-2xl {
    padding-top: 15px;
  }
  .m-b-15-2xl {
    margin-bottom: 15px;
  }
  .p-b-15-2xl {
    padding-bottom: 15px;
  }
  .m-l-15-2xl {
    margin-left: 15px;
  }
  .p-l-15-2xl {
    padding-left: 15px;
  }
  .m-r-15-2xl {
    margin-right: 15px;
  }
  .p-r-15-2xl {
    padding-right: 15px;
  }
  .m-20-2xl {
    margin: 20px;
  }
  .p-20-2xl {
    padding: 20px;
  }
  .m-t-20-2xl {
    margin-top: 20px;
  }
  .p-t-20-2xl {
    padding-top: 20px;
  }
  .m-b-20-2xl {
    margin-bottom: 20px;
  }
  .p-b-20-2xl {
    padding-bottom: 20px;
  }
  .m-l-20-2xl {
    margin-left: 20px;
  }
  .p-l-20-2xl {
    padding-left: 20px;
  }
  .m-r-20-2xl {
    margin-right: 20px;
  }
  .p-r-20-2xl {
    padding-right: 20px;
  }
  .m-25-2xl {
    margin: 25px;
  }
  .p-25-2xl {
    padding: 25px;
  }
  .m-t-25-2xl {
    margin-top: 25px;
  }
  .p-t-25-2xl {
    padding-top: 25px;
  }
  .m-b-25-2xl {
    margin-bottom: 25px;
  }
  .p-b-25-2xl {
    padding-bottom: 25px;
  }
  .m-l-25-2xl {
    margin-left: 25px;
  }
  .p-l-25-2xl {
    padding-left: 25px;
  }
  .m-r-25-2xl {
    margin-right: 25px;
  }
  .p-r-25-2xl {
    padding-right: 25px;
  }
  .m-30-2xl {
    margin: 30px;
  }
  .p-30-2xl {
    padding: 30px;
  }
  .m-t-30-2xl {
    margin-top: 30px;
  }
  .p-t-30-2xl {
    padding-top: 30px;
  }
  .m-b-30-2xl {
    margin-bottom: 30px;
  }
  .p-b-30-2xl {
    padding-bottom: 30px;
  }
  .m-l-30-2xl {
    margin-left: 30px;
  }
  .p-l-30-2xl {
    padding-left: 30px;
  }
  .m-r-30-2xl {
    margin-right: 30px;
  }
  .p-r-30-2xl {
    padding-right: 30px;
  }
  .m-35-2xl {
    margin: 35px;
  }
  .p-35-2xl {
    padding: 35px;
  }
  .m-t-35-2xl {
    margin-top: 35px;
  }
  .p-t-35-2xl {
    padding-top: 35px;
  }
  .m-b-35-2xl {
    margin-bottom: 35px;
  }
  .p-b-35-2xl {
    padding-bottom: 35px;
  }
  .m-l-35-2xl {
    margin-left: 35px;
  }
  .p-l-35-2xl {
    padding-left: 35px;
  }
  .m-r-35-2xl {
    margin-right: 35px;
  }
  .p-r-35-2xl {
    padding-right: 35px;
  }
  .m-40-2xl {
    margin: 40px;
  }
  .p-40-2xl {
    padding: 40px;
  }
  .m-t-40-2xl {
    margin-top: 40px;
  }
  .p-t-40-2xl {
    padding-top: 40px;
  }
  .m-b-40-2xl {
    margin-bottom: 40px;
  }
  .p-b-40-2xl {
    padding-bottom: 40px;
  }
  .m-l-40-2xl {
    margin-left: 40px;
  }
  .p-l-40-2xl {
    padding-left: 40px;
  }
  .m-r-40-2xl {
    margin-right: 40px;
  }
  .p-r-40-2xl {
    padding-right: 40px;
  }
  .m-45-2xl {
    margin: 45px;
  }
  .p-45-2xl {
    padding: 45px;
  }
  .m-t-45-2xl {
    margin-top: 45px;
  }
  .p-t-45-2xl {
    padding-top: 45px;
  }
  .m-b-45-2xl {
    margin-bottom: 45px;
  }
  .p-b-45-2xl {
    padding-bottom: 45px;
  }
  .m-l-45-2xl {
    margin-left: 45px;
  }
  .p-l-45-2xl {
    padding-left: 45px;
  }
  .m-r-45-2xl {
    margin-right: 45px;
  }
  .p-r-45-2xl {
    padding-right: 45px;
  }
  .m-50-2xl {
    margin: 50px;
  }
  .p-50-2xl {
    padding: 50px;
  }
  .m-t-50-2xl {
    margin-top: 50px;
  }
  .p-t-50-2xl {
    padding-top: 50px;
  }
  .m-b-50-2xl {
    margin-bottom: 50px;
  }
  .p-b-50-2xl {
    padding-bottom: 50px;
  }
  .m-l-50-2xl {
    margin-left: 50px;
  }
  .p-l-50-2xl {
    padding-left: 50px;
  }
  .m-r-50-2xl {
    margin-right: 50px;
  }
  .p-r-50-2xl {
    padding-right: 50px;
  }
  .m-55-2xl {
    margin: 55px;
  }
  .p-55-2xl {
    padding: 55px;
  }
  .m-t-55-2xl {
    margin-top: 55px;
  }
  .p-t-55-2xl {
    padding-top: 55px;
  }
  .m-b-55-2xl {
    margin-bottom: 55px;
  }
  .p-b-55-2xl {
    padding-bottom: 55px;
  }
  .m-l-55-2xl {
    margin-left: 55px;
  }
  .p-l-55-2xl {
    padding-left: 55px;
  }
  .m-r-55-2xl {
    margin-right: 55px;
  }
  .p-r-55-2xl {
    padding-right: 55px;
  }
  .m-60-2xl {
    margin: 60px;
  }
  .p-60-2xl {
    padding: 60px;
  }
  .m-t-60-2xl {
    margin-top: 60px;
  }
  .p-t-60-2xl {
    padding-top: 60px;
  }
  .m-b-60-2xl {
    margin-bottom: 60px;
  }
  .p-b-60-2xl {
    padding-bottom: 60px;
  }
  .m-l-60-2xl {
    margin-left: 60px;
  }
  .p-l-60-2xl {
    padding-left: 60px;
  }
  .m-r-60-2xl {
    margin-right: 60px;
  }
  .p-r-60-2xl {
    padding-right: 60px;
  }
  .m-65-2xl {
    margin: 65px;
  }
  .p-65-2xl {
    padding: 65px;
  }
  .m-t-65-2xl {
    margin-top: 65px;
  }
  .p-t-65-2xl {
    padding-top: 65px;
  }
  .m-b-65-2xl {
    margin-bottom: 65px;
  }
  .p-b-65-2xl {
    padding-bottom: 65px;
  }
  .m-l-65-2xl {
    margin-left: 65px;
  }
  .p-l-65-2xl {
    padding-left: 65px;
  }
  .m-r-65-2xl {
    margin-right: 65px;
  }
  .p-r-65-2xl {
    padding-right: 65px;
  }
  .m-70-2xl {
    margin: 70px;
  }
  .p-70-2xl {
    padding: 70px;
  }
  .m-t-70-2xl {
    margin-top: 70px;
  }
  .p-t-70-2xl {
    padding-top: 70px;
  }
  .m-b-70-2xl {
    margin-bottom: 70px;
  }
  .p-b-70-2xl {
    padding-bottom: 70px;
  }
  .m-l-70-2xl {
    margin-left: 70px;
  }
  .p-l-70-2xl {
    padding-left: 70px;
  }
  .m-r-70-2xl {
    margin-right: 70px;
  }
  .p-r-70-2xl {
    padding-right: 70px;
  }
  .m-75-2xl {
    margin: 75px;
  }
  .p-75-2xl {
    padding: 75px;
  }
  .m-t-75-2xl {
    margin-top: 75px;
  }
  .p-t-75-2xl {
    padding-top: 75px;
  }
  .m-b-75-2xl {
    margin-bottom: 75px;
  }
  .p-b-75-2xl {
    padding-bottom: 75px;
  }
  .m-l-75-2xl {
    margin-left: 75px;
  }
  .p-l-75-2xl {
    padding-left: 75px;
  }
  .m-r-75-2xl {
    margin-right: 75px;
  }
  .p-r-75-2xl {
    padding-right: 75px;
  }
  .m-80-2xl {
    margin: 80px;
  }
  .p-80-2xl {
    padding: 80px;
  }
  .m-t-80-2xl {
    margin-top: 80px;
  }
  .p-t-80-2xl {
    padding-top: 80px;
  }
  .m-b-80-2xl {
    margin-bottom: 80px;
  }
  .p-b-80-2xl {
    padding-bottom: 80px;
  }
  .m-l-80-2xl {
    margin-left: 80px;
  }
  .p-l-80-2xl {
    padding-left: 80px;
  }
  .m-r-80-2xl {
    margin-right: 80px;
  }
  .p-r-80-2xl {
    padding-right: 80px;
  }
  .m-85-2xl {
    margin: 85px;
  }
  .p-85-2xl {
    padding: 85px;
  }
  .m-t-85-2xl {
    margin-top: 85px;
  }
  .p-t-85-2xl {
    padding-top: 85px;
  }
  .m-b-85-2xl {
    margin-bottom: 85px;
  }
  .p-b-85-2xl {
    padding-bottom: 85px;
  }
  .m-l-85-2xl {
    margin-left: 85px;
  }
  .p-l-85-2xl {
    padding-left: 85px;
  }
  .m-r-85-2xl {
    margin-right: 85px;
  }
  .p-r-85-2xl {
    padding-right: 85px;
  }
  .m-90-2xl {
    margin: 90px;
  }
  .p-90-2xl {
    padding: 90px;
  }
  .m-t-90-2xl {
    margin-top: 90px;
  }
  .p-t-90-2xl {
    padding-top: 90px;
  }
  .m-b-90-2xl {
    margin-bottom: 90px;
  }
  .p-b-90-2xl {
    padding-bottom: 90px;
  }
  .m-l-90-2xl {
    margin-left: 90px;
  }
  .p-l-90-2xl {
    padding-left: 90px;
  }
  .m-r-90-2xl {
    margin-right: 90px;
  }
  .p-r-90-2xl {
    padding-right: 90px;
  }
  .m-95-2xl {
    margin: 95px;
  }
  .p-95-2xl {
    padding: 95px;
  }
  .m-t-95-2xl {
    margin-top: 95px;
  }
  .p-t-95-2xl {
    padding-top: 95px;
  }
  .m-b-95-2xl {
    margin-bottom: 95px;
  }
  .p-b-95-2xl {
    padding-bottom: 95px;
  }
  .m-l-95-2xl {
    margin-left: 95px;
  }
  .p-l-95-2xl {
    padding-left: 95px;
  }
  .m-r-95-2xl {
    margin-right: 95px;
  }
  .p-r-95-2xl {
    padding-right: 95px;
  }
  .m-100-2xl {
    margin: 100px;
  }
  .p-100-2xl {
    padding: 100px;
  }
  .m-t-100-2xl {
    margin-top: 100px;
  }
  .p-t-100-2xl {
    padding-top: 100px;
  }
  .m-b-100-2xl {
    margin-bottom: 100px;
  }
  .p-b-100-2xl {
    padding-bottom: 100px;
  }
  .m-l-100-2xl {
    margin-left: 100px;
  }
  .p-l-100-2xl {
    padding-left: 100px;
  }
  .m-r-100-2xl {
    margin-right: 100px;
  }
  .p-r-100-2xl {
    padding-right: 100px;
  }
  .m-105-2xl {
    margin: 105px;
  }
  .p-105-2xl {
    padding: 105px;
  }
  .m-t-105-2xl {
    margin-top: 105px;
  }
  .p-t-105-2xl {
    padding-top: 105px;
  }
  .m-b-105-2xl {
    margin-bottom: 105px;
  }
  .p-b-105-2xl {
    padding-bottom: 105px;
  }
  .m-l-105-2xl {
    margin-left: 105px;
  }
  .p-l-105-2xl {
    padding-left: 105px;
  }
  .m-r-105-2xl {
    margin-right: 105px;
  }
  .p-r-105-2xl {
    padding-right: 105px;
  }
  .m-110-2xl {
    margin: 110px;
  }
  .p-110-2xl {
    padding: 110px;
  }
  .m-t-110-2xl {
    margin-top: 110px;
  }
  .p-t-110-2xl {
    padding-top: 110px;
  }
  .m-b-110-2xl {
    margin-bottom: 110px;
  }
  .p-b-110-2xl {
    padding-bottom: 110px;
  }
  .m-l-110-2xl {
    margin-left: 110px;
  }
  .p-l-110-2xl {
    padding-left: 110px;
  }
  .m-r-110-2xl {
    margin-right: 110px;
  }
  .p-r-110-2xl {
    padding-right: 110px;
  }
  .m-115-2xl {
    margin: 115px;
  }
  .p-115-2xl {
    padding: 115px;
  }
  .m-t-115-2xl {
    margin-top: 115px;
  }
  .p-t-115-2xl {
    padding-top: 115px;
  }
  .m-b-115-2xl {
    margin-bottom: 115px;
  }
  .p-b-115-2xl {
    padding-bottom: 115px;
  }
  .m-l-115-2xl {
    margin-left: 115px;
  }
  .p-l-115-2xl {
    padding-left: 115px;
  }
  .m-r-115-2xl {
    margin-right: 115px;
  }
  .p-r-115-2xl {
    padding-right: 115px;
  }
  .m-120-2xl {
    margin: 120px;
  }
  .p-120-2xl {
    padding: 120px;
  }
  .m-t-120-2xl {
    margin-top: 120px;
  }
  .p-t-120-2xl {
    padding-top: 120px;
  }
  .m-b-120-2xl {
    margin-bottom: 120px;
  }
  .p-b-120-2xl {
    padding-bottom: 120px;
  }
  .m-l-120-2xl {
    margin-left: 120px;
  }
  .p-l-120-2xl {
    padding-left: 120px;
  }
  .m-r-120-2xl {
    margin-right: 120px;
  }
  .p-r-120-2xl {
    padding-right: 120px;
  }
  .m-125-2xl {
    margin: 125px;
  }
  .p-125-2xl {
    padding: 125px;
  }
  .m-t-125-2xl {
    margin-top: 125px;
  }
  .p-t-125-2xl {
    padding-top: 125px;
  }
  .m-b-125-2xl {
    margin-bottom: 125px;
  }
  .p-b-125-2xl {
    padding-bottom: 125px;
  }
  .m-l-125-2xl {
    margin-left: 125px;
  }
  .p-l-125-2xl {
    padding-left: 125px;
  }
  .m-r-125-2xl {
    margin-right: 125px;
  }
  .p-r-125-2xl {
    padding-right: 125px;
  }
  .m-130-2xl {
    margin: 130px;
  }
  .p-130-2xl {
    padding: 130px;
  }
  .m-t-130-2xl {
    margin-top: 130px;
  }
  .p-t-130-2xl {
    padding-top: 130px;
  }
  .m-b-130-2xl {
    margin-bottom: 130px;
  }
  .p-b-130-2xl {
    padding-bottom: 130px;
  }
  .m-l-130-2xl {
    margin-left: 130px;
  }
  .p-l-130-2xl {
    padding-left: 130px;
  }
  .m-r-130-2xl {
    margin-right: 130px;
  }
  .p-r-130-2xl {
    padding-right: 130px;
  }
  .m-135-2xl {
    margin: 135px;
  }
  .p-135-2xl {
    padding: 135px;
  }
  .m-t-135-2xl {
    margin-top: 135px;
  }
  .p-t-135-2xl {
    padding-top: 135px;
  }
  .m-b-135-2xl {
    margin-bottom: 135px;
  }
  .p-b-135-2xl {
    padding-bottom: 135px;
  }
  .m-l-135-2xl {
    margin-left: 135px;
  }
  .p-l-135-2xl {
    padding-left: 135px;
  }
  .m-r-135-2xl {
    margin-right: 135px;
  }
  .p-r-135-2xl {
    padding-right: 135px;
  }
  .m-140-2xl {
    margin: 140px;
  }
  .p-140-2xl {
    padding: 140px;
  }
  .m-t-140-2xl {
    margin-top: 140px;
  }
  .p-t-140-2xl {
    padding-top: 140px;
  }
  .m-b-140-2xl {
    margin-bottom: 140px;
  }
  .p-b-140-2xl {
    padding-bottom: 140px;
  }
  .m-l-140-2xl {
    margin-left: 140px;
  }
  .p-l-140-2xl {
    padding-left: 140px;
  }
  .m-r-140-2xl {
    margin-right: 140px;
  }
  .p-r-140-2xl {
    padding-right: 140px;
  }
  .m-145-2xl {
    margin: 145px;
  }
  .p-145-2xl {
    padding: 145px;
  }
  .m-t-145-2xl {
    margin-top: 145px;
  }
  .p-t-145-2xl {
    padding-top: 145px;
  }
  .m-b-145-2xl {
    margin-bottom: 145px;
  }
  .p-b-145-2xl {
    padding-bottom: 145px;
  }
  .m-l-145-2xl {
    margin-left: 145px;
  }
  .p-l-145-2xl {
    padding-left: 145px;
  }
  .m-r-145-2xl {
    margin-right: 145px;
  }
  .p-r-145-2xl {
    padding-right: 145px;
  }
  .m-150-2xl {
    margin: 150px;
  }
  .p-150-2xl {
    padding: 150px;
  }
  .m-t-150-2xl {
    margin-top: 150px;
  }
  .p-t-150-2xl {
    padding-top: 150px;
  }
  .m-b-150-2xl {
    margin-bottom: 150px;
  }
  .p-b-150-2xl {
    padding-bottom: 150px;
  }
  .m-l-150-2xl {
    margin-left: 150px;
  }
  .p-l-150-2xl {
    padding-left: 150px;
  }
  .m-r-150-2xl {
    margin-right: 150px;
  }
  .p-r-150-2xl {
    padding-right: 150px;
  }
}
.playground .section-color .color-primary {
  background-color: #002e6d;
}
.playground .section-color .color-primary-light {
  background-color: #e6eaf0;
}
.playground .section-color .color-primary-dark {
  background-color: #002962;
}
.playground .section-color .color-secondary {
  background-color: #005cb9;
}
.playground .section-color .color-secondary-light {
  background-color: #e6eff8;
}
.playground .section-color .color-secondary-dark {
  background-color: #0053a7;
}
.playground .section-color .color-tile {
  box-sizing: content-box;
  width: 100px;
  height: 100px;
  border-radius: 16px;
}
.playground .section-color .color-tile .title {
  font-size: 1rem;
  background: inherit;
  -webkit-background-clip: text;
  background-clip: text;
  color: transparent;
  filter: invert(1) grayscale(1) contrast(100);
}

/* Homepage Modals (Responsive Base): */
.heading,
.title {
  color: #002e6d;
}

.title,
.heading {
  font-family: "SansPro-Black";
}

.subtitle {
  font-family: "SansPro-Light";
}

.body,
.btn,
.label,
.note,
.badge {
  font-family: "SansPro-Regular";
}

b {
  font-family: "SansPro-Bold";
}

.heading {
  font-size: 3.5rem;
}
@media screen and (max-width: 480px) {
  .heading {
    font-size: 2.25rem;
  }
}

.title {
  font-size: 1.875rem;
}

.subtitle {
  font-size: 1.25rem;
}

.body {
  font-size: 1rem;
}

.btn {
  font-size: 0.875rem;
}

.label,
.note {
  font-size: 0.75rem;
}

.badge {
  font-size: 0.625rem;
}

.shadow-none {
  box-shadow: none;
}
.shadow-size-sm {
  box-shadow: 0px 2px 8px -2px rgba(0, 0, 0, 0.16);
}
.shadow-size-default {
  box-shadow: 0px 5px 15px -5px rgba(0, 0, 0, 0.32);
}
.shadow-size-lg {
  box-shadow: 0px 14px 25px -7px rgba(0, 0, 0, 0.4);
}
.shadow-size-xl {
  box-shadow: 0px 28px 50px -10px rgba(0, 0, 0, 0.4);
}

.uk-accordion-title::before {
  background-repeat: no-repeat;
  background-image: none;
  content: "";
  margin-left: 8px;
  margin-right: 13.75px;
  display: inline-block;
  height: 0.375rem;
  width: 0.375rem;
  transform: translate(0, 50%) rotate(135deg) skew(0) skewY(0) scaleX(1) scaleY(1);
  opacity: 0.4;
  border-top: 2px solid;
  border-right: 2px solid;
  background-color: transparent;
  display: inline-block;
  vertical-align: middle;
  transition: ease-in-out 0.25s;
}

.uk-open > .uk-accordion-title::before {
  transform: translate(0, 100%) rotate(315deg) skew(0) skewY(0) scaleX(1) scaleY(1);
  background-repeat: no-repeat;
  background-image: none;
}

.accordion > li {
  background-color: #ffffff;
}
.accordion > li > .wrapper-toggle, .accordion > li > .accordion-title, .accordion > li > .wrapper-action {
  align-self: center;
  vertical-align: middle;
  display: inline-block;
}
.accordion > li > .wrapper-toggle {
  margin: 9.5px auto 9.5px 8px;
}
.accordion > li > .accordion-title {
  padding: 10px 0px 10px 0px;
}
.accordion > li > .accordion-title > * > .wrapper-title > * {
  font-size: 0.875rem;
  font-family: "SansPro-Black";
  text-transform: uppercase;
  margin: 0px auto 0px 8px;
  color: #76777a;
}
.accordion > li > .accordion-title > * > .title > * {
  font-size: 0.875rem;
  font-family: "SansPro-Black";
  text-transform: uppercase;
  margin: 0px auto 0px 8px;
  color: #76777a;
}
.accordion > li > .accordion-title > * > .wrapper-subtitle > * {
  font-size: 0.75rem;
  margin: 0px 5px 0px auto;
  font-family: "SansPro-Regular";
}
.accordion > li > .accordion-title > * > .subtitle > * {
  font-size: 0.75rem;
  margin: 0px 5px 0px auto;
  font-family: "SansPro-Regular";
}
.accordion > li > .accordion-title:hover::before {
  opacity: 1;
}
.accordion > li > .wrapper-action {
  margin: 9.5px 8px;
}
.accordion > li > .wrapper-action * {
  opacity: 70%;
}
.accordion > li:hover > .wrapper-action * {
  opacity: 90%;
}
.accordion > li > :nth-child(1):nth-last-child(2) {
  width: 100%;
}
.accordion > li > :nth-child(1):nth-last-child(3).accordion-title:nth-child(odd) {
  width: calc(100% - 39px);
}
.accordion > li > :nth-child(2):nth-last-child(2).accordion-title:nth-child(even) {
  width: calc(100% - 63px);
}
.accordion > li > :nth-child(2):nth-last-child(3).accordion-title:nth-child(even) {
  width: calc(100% - 102px);
}
.accordion .accordion-content {
  background-color: #fafafa;
  padding: 8px;
  margin: 0px;
  font-family: "SansPro-Regular";
  font-size: 1rem;
}
.accordion .body {
  background-color: #f1f1f2;
  padding: 8px;
  margin: 0px;
  font-family: "SansPro-Regular";
  font-size: 1rem;
}
.accordion.accordion-color-ghost > li {
  background-color: transparent;
}
.accordion.accordion-color-ghost .accordion-content {
  background-color: transparent;
}
.accordion.accordion-size-large > li > .wrapper-toggle {
  margin: 17.5px auto 17.5px 16px;
}
.accordion.accordion-size-large > li > .accordion-title {
  padding: 17.5px 0px 17.5px 0px;
}
.accordion.accordion-size-large > li > .accordion-title > * > .wrapper-title > * {
  margin: 0px auto 0px 16px;
}
.accordion.accordion-size-large > li > .accordion-title > * > .title > * {
  margin: 0px auto 0px 16px;
}
.accordion.accordion-size-large > li > .accordion-title > * > .wrapper-subtitle > * {
  margin: 0px 8px 0px auto;
}
.accordion.accordion-size-large > li > .accordion-title > * > .subtitle > * {
  margin: 0px 8px 0px auto;
}
.accordion.accordion-size-large > li > .uk-accordion-title::before {
  margin-left: 8px;
  margin-right: 22px;
}
.accordion.accordion-size-large > li > .wrapper-action {
  margin: 17.5px 16px 17.5px auto;
}
.accordion.accordion-size-large .accordion-content {
  padding: 16px;
}
.accordion.accordion-size-xlarge > li > .wrapper-toggle {
  margin: 21.5px auto 21.5px 16px;
}
.accordion.accordion-size-xlarge > li > .accordion-title {
  padding: 21.5px 0px 21.5px 0px;
}
.accordion.accordion-size-xlarge > li > .accordion-title > * > .wrapper-title > * {
  margin: 0px auto 0px 16px;
}
.accordion.accordion-size-xlarge > li > .accordion-title > * > .title > * {
  margin: 0px auto 0px 16px;
}
.accordion.accordion-size-xlarge > li > .accordion-title > * > .wrapper-subtitle > * {
  margin: 0px 8px 0px auto;
}
.accordion.accordion-size-xlarge > li > .accordion-title > * > .subtitle > * {
  margin: 0px 8px 0px auto;
}
.accordion.accordion-size-xlarge > li > .uk-accordion-title::before {
  margin-left: 8px;
  margin-right: 22px;
}
.accordion.accordion-size-xlarge > li > .wrapper-action {
  margin: 21.5px 16px 21.5px auto;
}
.accordion.accordion-size-xlarge .accordion-content {
  padding: 16px;
}
.accordion.accordion-gap-default > li:nth-child(n+2) {
  margin-top: 20px;
}
.accordion.accordion-gap-small > li:nth-child(n+2) {
  margin-top: 10px;
}
.accordion.accordion-gap-large > li:nth-child(n+2) {
  margin-top: 30px;
}
.accordion.accordion-gap-none > li:nth-child(n+2) {
  margin-top: 0px;
}

.badge {
  padding-left: 15px;
  padding-right: 15px;
  height: 18px;
  font-family: "SansPro-Regular";
  font-size: 0.75rem;
  text-transform: uppercase;
}
.badge.badge-color-default {
  background-color: #000000;
}
.badge.badge-color-default-invert {
  color: #76777a !important;
  background-color: #f1f1f2;
}
.badge.badge-color-primary {
  background-color: #002e6d;
}
.badge.badge-color-primary-invert {
  color: #002e6d !important;
  background-color: #e6eaf0;
}
.badge.badge-color-secondary {
  background-color: #005cb9;
}
.badge.badge-color-secondary-invert {
  color: #005cb9 !important;
  background-color: #e6eff8;
}
.badge.badge-color-success {
  background-color: #00a5b5;
}
.badge.badge-color-success-invert {
  color: #15803D !important;
  background-color: #e8f2ec;
}
.badge.badge-color-warning {
  background-color: #ec7700;
}
.badge.badge-color-warning-invert {
  color: #ec7700 !important;
  background-color: #fdf1e6;
}
.badge.badge-color-danger {
  background-color: #c10230;
}
.badge.badge-color-danger-invert {
  color: #c10230 !important;
  background-color: #f9e6ea;
}
.badge.badge-color-discount-code {
  background-color: #15803D;
}
.badge.badge-color-discount-code-invert {
  color: #15803D !important;
  background-color: #D9FBE8;
}
.badge.badge-color-gold {
  background: linear-gradient(100deg, #EDAA0F, #F2D040, #FDEC96, #EDAA0F);
  color: #002e6d !important;
}
.badge.badge-number {
  padding: 0px;
}
.badge.badge-size-xs3 {
  min-width: 8px;
  height: 8px;
  font-size: 0.5rem;
}
.badge.badge-size-xs2 {
  min-width: 10px;
  height: 10px;
  font-size: 0.5rem;
}
.badge.badge-size-xs {
  min-width: 12px;
  height: 12px;
  font-size: 0.5rem;
}
.badge.badge-size-sm {
  min-width: 14px;
  height: 14px;
  font-size: 0.625rem;
}
.badge.badge-size-md {
  min-width: 22px;
  height: 22px;
  font-size: 0.75rem;
}
.badge.badge-size-lg {
  min-width: 26px;
  height: 26px;
  font-size: 0.875rem;
}
.badge.badge-size-xl {
  min-width: 30px;
  height: 30px;
  font-size: 1rem;
}
.badge.badge-radius {
  border-radius: 100px;
}
.badge.badge-radius-rounded {
  border-radius: 6px;
}
.badge.badge-radius-rounded.badge-size-xs {
  border-radius: 2px;
}
.badge.badge-radius-rounded.badge-size-sm {
  border-radius: 4px;
}
.badge.badge-radius-rounded.badge-size-md {
  border-radius: 6px;
}
.badge.badge-radius-rounded.badge-size-lg {
  border-radius: 8px;
}
.badge.badge-radius-rounded.badge-size-xl {
  border-radius: 10px;
}
.badge.badge-radius-sharp {
  border-radius: 0px;
}
.badge.badge-radius-pill {
  border-radius: 100px;
}
.badge.badge-promo {
  top: 10px;
  left: 10px;
  z-index: 10;
}
.badge.badge-promo span {
  display: inline-block;
  white-space: normal;
  line-height: 1.1;
}
.badge .badge-icon-remove {
  margin-left: 12px;
  color: #ffffff;
  font-family: "SansPro-Black";
  stroke: #ffffff;
  stroke-width: 2px;
  cursor: pointer;
}
.badge .badge-icon-remove:hover {
  color: #ffffff;
}

.badge-text-discount-code {
  font-size: 0.875rem;
  color: #15803D;
  text-transform: capitalize;
  display: inline-block;
}

.uk-breadcrumb {
  text-transform: uppercase;
  font-family: "SansPro-Regular";
}
.uk-breadcrumb li a {
  color: #76777a !important;
}
.uk-breadcrumb li a:hover {
  color: #002e6d !important;
}
.uk-breadcrumb li.uk-disabled a {
  color: #002e6d !important;
}

.btn {
  padding: 0 30px;
  line-height: 38px;
  vertical-align: middle;
  text-align: center;
  font-family: "SansPro-Regular";
  color: #002e6d;
  background-color: transparent;
  font-size: 0.875rem;
  border: 1px solid;
  border-color: #e6eaf0;
}
.btn:hover {
  color: #002e6d;
  border: 1px solid #002e6d;
}
.btn.btn-size-xsmall {
  padding: 0 10px;
  line-height: 18px;
  font-size: 0.625rem;
}
.btn.btn-size-small {
  padding: 0 15px;
  line-height: 28px;
  font-size: 0.75rem;
}
.btn.btn-size-default {
  padding: 0 30px;
  line-height: 38px;
  font-size: 0.875rem;
}
.btn.btn-size-large {
  padding: 0 40px;
  line-height: 53px;
  font-size: 1rem;
}
.btn.btn-color-primary {
  color: #ffffff;
  background-color: #002e6d;
  border: 1px solid #002e6d;
}
.btn.btn-color-primary:hover {
  background-color: #002962;
  border-color: #002962;
}
.btn.btn-color-secondary {
  color: #ffffff;
  background-color: #005cb9;
  border: 1px solid #005cb9;
}
.btn.btn-color-secondary:hover {
  background-color: #0053a7;
  border-color: #0053a7;
}
.btn.btn-color-tertiary {
  color: #002e6d;
  background-color: transparent;
  border: 1px solid transparent;
}
.btn.btn-color-tertiary:hover {
  color: #002e6d;
  background-color: #e6eaf0;
  border-color: #e6eaf0;
}
.btn.btn-status-danger {
  color: #ffffff;
  background-color: #c10230;
  border: 1px solid #c10230;
}
.btn.btn-status-danger:hover {
  background-color: #ae022b;
  border-color: #ae022b;
}
.btn.btn-status-success {
  color: #ffffff;
  background-color: #00a5b5;
  border: 1px solid #00a5b5;
}
.btn.btn-status-success:hover {
  background-color: #0095a3;
  border-color: #0095a3;
}
.btn.btn-status-warning {
  color: #ffffff;
  background-color: #ec7700;
  border: 1px solid #ec7700;
}
.btn.btn-status-warning:hover {
  background-color: #d46b00;
  border-color: #d46b00;
}
.btn.btn-status-danger-outline {
  color: #c10230;
  background-color: #f9e6ea;
  border: 1px solid #c10230;
}
.btn.btn-status-danger-outline:hover {
  color: #ffffff;
  background-color: #ae022b;
  border-color: #ae022b;
}
.btn.btn-status-success-outline {
  color: #00a5b5;
  background-color: #e6f6f8;
  border: 1px solid #00a5b5;
}
.btn.btn-status-success-outline:hover {
  color: #ffffff;
  background-color: #0095a3;
  border-color: #0095a3;
}
.btn.btn-status-warning-outline {
  color: #ec7700;
  background-color: #fdf1e6;
  border: 1px solid #ec7700;
}
.btn.btn-status-warning-outline:hover {
  color: #ffffff;
  background-color: #d46b00;
  border-color: #d46b00;
}
.btn:disabled {
  opacity: 0.5;
  pointer-events: none;
}

.btn-circle {
  padding: 5px;
  vertical-align: middle;
  text-align: center;
  font-size: 0.875rem;
  text-transform: uppercase;
  width: auto;
  min-width: 36px;
  color: #002e6d;
  background-color: transparent;
  border: 1px solid;
  border-color: #e6eaf0;
}
.btn-circle:hover {
  color: #002e6d;
  border: 1px solid #002e6d;
  background-color: transparent;
}
.btn-circle-color-primary {
  color: #ffffff;
  background-color: #002e6d;
  border: 1px solid #002e6d;
}
.btn-circle-color-primary:hover {
  color: #ffffff;
  background-color: #002962;
  border-color: #002962;
}
.btn-circle-color-secondary {
  color: #ffffff;
  background-color: #005cb9;
  border: 1px solid #005cb9;
}
.btn-circle-color-secondary:hover {
  color: #ffffff;
  background-color: #0053a7;
  border-color: #0053a7;
}
.btn-circle-color-tertiary {
  color: #002e6d;
  background-color: #e6eaf0;
  border-color: #e6eaf0;
}
.btn-circle-size-small {
  font-size: 0.625rem;
  width: 28px;
  height: 28px;
}
.btn-circle-size-default {
  font-size: 0.75rem;
  width: 36px;
  height: 36px;
}
.btn-circle-size-large {
  font-size: 1.25rem;
  width: 45px;
  height: 45px;
}
.btn-circle-size-xlarge {
  font-size: 1.5rem;
  width: 50px;
  height: 50px;
}
.btn-circle-pill {
  border-radius: 20px;
  text-transform: none;
}
.btn-circle.no-number {
  font-size: 1rem;
}

.bdr-dashed {
  border: 1px dashed #76777a;
}

.card {
  background-color: #ffffff;
  border: 1px solid #ffffff;
  box-shadow: 0px 5px 15px -5px rgba(0, 0, 0, 0.32);
  color: #76777a;
}
.card.card-shadow-none {
  box-shadow: none;
}
.card .card-header, .card.header {
  padding: 24px 24px 0px 24px;
  font-family: "SansPro-Black";
  font-size: 1.5rem;
  color: #76777a;
  background-color: #ffffff;
}
.card .card-title, .card.title {
  font-family: "SansPro-Light";
  font-size: 1.25rem;
  color: #76777a;
}
.card .card-body, .card.body {
  padding: 24px;
  font-family: "SansPro-Regular";
}
.card .card-body:nth-child(2), .card.body:nth-child(2) {
  padding: 12px 24px;
}
.card .card-footer, .card.footer {
  padding: 0px 24px 24px 24px;
  font-family: "SansPro-Light";
  background-color: #ffffff;
}
.card.card-edge-rounded {
  border-radius: 24px;
}
.card.card-edge-rounded-full {
  border-radius: 100px;
}
.card.card-edge-rounded-none {
  border-radius: 0px;
}
.card.card-size-default .card-header {
  padding: 24px 24px 0px 24px;
}
.card.card-size-default .card-title {
  margin: 0px;
}
.card.card-size-default .card-body {
  padding: 24px;
}
.card.card-size-default .card-body:nth-child(2) {
  padding: 12px 24px;
}
.card.card-size-default .card-footer {
  padding: 0px 24px 24px 24px;
}
.card.card-size-xsmall .card-header {
  padding: 8px 8px 0px 8px;
}
.card.card-size-xsmall .card-title {
  margin: 0px;
}
.card.card-size-xsmall .card-body {
  padding: 8px;
}
.card.card-size-xsmall .card-body:nth-child(2) {
  padding: 4px 8px;
}
.card.card-size-xsmall .card-footer {
  padding: 0px 8px 8px 8px;
}
.card.card-size-small .card-header {
  padding: 16px 16px 0px 16px;
}
.card.card-size-small .card-title {
  margin: 0px;
}
.card.card-size-small .card-body {
  padding: 16px;
}
.card.card-size-small .card-body:nth-child(2) {
  padding: 8px 16px;
}
.card.card-size-small .card-footer {
  padding: 0px 16px 16px 16px;
}
.card.card-size-large .card-header {
  padding: 32px 32px 0px 32px;
}
.card.card-size-large .card-title {
  margin: 0px;
}
.card.card-size-large .card-body {
  padding: 32px;
}
.card.card-size-large .card-body:nth-child(2) {
  padding: 16px 32px;
}
.card.card-size-large .card-footer {
  padding: 0px 32px 32px 32px;
}
.card.card-size-xlarge .card-header {
  padding: 40px 40px 0px 40px;
}
.card.card-size-xlarge .card-title {
  margin: 0px;
}
.card.card-size-xlarge .card-body {
  padding: 40px;
}
.card.card-size-xlarge .card-body:nth-child(2) {
  padding: 20px 40px;
}
.card.card-size-xlarge .card-footer {
  padding: 0px 40px 40px 40px;
}
.card.card-size-none .card-header {
  padding: 0px 0px 0px 0px;
}
.card.card-size-none .card-title {
  margin: 0px;
}
.card.card-size-none .card-body {
  padding: 0px;
}
.card.card-size-none .card-body:nth-child(2) {
  padding: 0px 0px;
}
.card.card-size-none .card-footer {
  padding: 0px 0px 0px 0px;
}
.card.card-color-default {
  background-color: #ffffff;
  color: #76777a;
}
.card.card-color-primary {
  background-color: #002e6d;
}
.card.card-color-primary .body {
  color: #ffffff;
}
.card.card-color-secondary {
  background-color: #005cb9;
}
.card.card-color-secondary .body {
  color: #ffffff;
}
.card.card-color-success {
  background-color: #00a5b5;
}
.card.card-color-success .body {
  color: #ffffff;
}
.card.card-color-danger {
  background-color: #c10230;
}
.card.card-color-danger .body {
  color: #ffffff;
}
.card.card-color-warning {
  background-color: #ec7700;
}
.card.card-color-warning .body {
  color: #ffffff;
}
.card.card-shadow-default {
  box-shadow: 0px 5px 15px -5px rgba(0, 0, 0, 0.32);
}
.card.card-shadow-none {
  box-shadow: none;
}
.card.card-tip-top-left {
  margin-top: 10px;
}
.card.card-tip-top-left::before {
  position: absolute;
  top: -2px;
  display: block;
  width: 0;
  height: 0;
  content: "";
  border-right: 10px solid transparent;
  border-bottom: 12px solid #ffffff;
  border-left: 10px solid transparent;
}
.card.card-tip-top-left::before {
  left: 10px;
}
.card.card-tip-top-right {
  margin-top: 10px;
}
.card.card-tip-top-right::before {
  position: absolute;
  top: -2px;
  display: block;
  width: 0;
  height: 0;
  content: "";
  border-right: 10px solid transparent;
  border-bottom: 12px solid #ffffff;
  border-left: 10px solid transparent;
}
.card.card-tip-top-right::before {
  right: 20px;
}

.ts .card {
  box-shadow: 0px 2px 8px -2px rgba(0, 0, 0, 0.16);
}

.drpdwn {
  background-color: transparent;
  box-shadow: unset;
  padding: unset;
}
.drpdwn-tip::after {
  content: "";
  position: fixed;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  background: rgba(0, 0, 0, 0.5);
  z-index: -1;
}

.form-input label {
  font-size: 0.875rem;
  font-family: "SansPro-Regular";
  text-transform: uppercase;
  color: #76777a;
}
.form-input label.checkbox {
  text-transform: unset;
}
.form-input .select {
  display: flex;
  align-items: center;
  text-transform: uppercase;
}
.form-input .select-status-success {
  background-color: #e6f6f8;
  color: #00a5b5;
}
.form-input .select-status-warning {
  background-color: #fdf1e6;
  color: #ec7700;
}
.form-input .select-status-danger {
  background-color: #f9e6ea;
  color: #c10230;
}
.form-input .select.remove-select-icon {
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
  background-image: none;
  padding-right: 30px;
  background-position-x: 100%;
}
.form-input .select.remove-select-icon::-ms-expand {
  display: none;
}
.form-input .input,
.form-input .textarea,
.form-input .select,
.form-input .multiple-email-input {
  border: 1px solid;
  border-color: #f1f1f2;
  font-size: 0.875rem;
}
.form-input .input:focus,
.form-input .textarea:focus,
.form-input .select:focus,
.form-input .multiple-email-input:focus {
  outline: 2px solid;
  outline-color: #f1f1f2 !important;
  outline-offset: 2px;
}
.form-input .input.input-size-small,
.form-input .textarea.input-size-small,
.form-input .select.input-size-small,
.form-input .multiple-email-input.input-size-small {
  height: 30px;
  padding: 0 10px;
}
.form-input .input.input-size-default,
.form-input .textarea.input-size-default,
.form-input .select.input-size-default,
.form-input .multiple-email-input.input-size-default {
  height: 40px;
  padding: 0 12px;
}
.form-input .input.input-size-large,
.form-input .textarea.input-size-large,
.form-input .select.input-size-large,
.form-input .multiple-email-input.input-size-large {
  height: 55px;
  padding: 0 16px;
}
.form-input .input.input-bdr-color-primary,
.form-input .textarea.input-bdr-color-primary,
.form-input .select.input-bdr-color-primary,
.form-input .multiple-email-input.input-bdr-color-primary {
  border: 1px solid #002e6d;
}
.form-input .input.input-bdr-color-secondary,
.form-input .textarea.input-bdr-color-secondary,
.form-input .select.input-bdr-color-secondary,
.form-input .multiple-email-input.input-bdr-color-secondary {
  border: 1px solid #005cb9;
}
.form-input .input.input-bdr-color-danger,
.form-input .textarea.input-bdr-color-danger,
.form-input .select.input-bdr-color-danger,
.form-input .multiple-email-input.input-bdr-color-danger {
  border: 1px solid #c10230;
}
.form-input .input.input-bdr-color-ghost,
.form-input .textarea.input-bdr-color-ghost,
.form-input .select.input-bdr-color-ghost,
.form-input .multiple-email-input.input-bdr-color-ghost {
  border: none;
}
.form-input .uk-form-icon {
  margin-left: 3px;
}
.form-input .country-list a span {
  margin-left: 5px;
}
.form-input .required {
  color: #c10230;
}
.form-input .input-validation-success {
  margin-top: 2px;
  font-size: 0.75rem;
  color: #15803D;
  font-family: "SansPro-Light";
}
.form-input .input-validation-danger {
  margin-top: 2px;
  font-size: 0.75rem;
  color: #c10230;
  font-family: "SansPro-Light";
}
.form-input .textarea {
  resize: none;
}
.form-input .multiple-email-input {
  padding: 5px 10px;
}
.form-input .multiple-email-input textarea,
.form-input .multiple-email-input .input {
  border: 0px;
  outline: 0px;
}
.form-input .multiple-email-input .email-item-con .uk-badge {
  padding: 10px;
  margin: 3px;
  background-color: #002e6d;
  color: #ffffff;
}
.form-input .multiple-email-input .email-item-con .uk-badge .remove-email {
  margin-left: 5px;
  color: #ffffff;
  font-family: "SansPro-Black";
  cursor: pointer;
}
.form-input .multiple-email-input .email-item-con .uk-badge .remove-email:hover {
  color: #ffffff;
}
.form-input.remove-input-arrow input[type=number]::-webkit-outer-spin-button, .form-input.remove-input-arrow input[type=number]::-webkit-inner-spin-button {
  -webkit-appearance: none;
  margin: 0;
}
.form-input .divider span {
  border-right: 1px solid #f1f1f2;
}
.form-input .divider .uk-form-icon-flip {
  border-right: none;
  border-left: 1px solid #f1f1f2;
}
.form-input .divider .uk-form-icon-flip ~ .input {
  padding-left: 16px !important;
  padding-right: 48px !important;
}
.form-input .divider .input {
  padding-left: 48px !important;
}

.uk-checkbox {
  border-radius: 4px;
}

.uk-radio:checked,
.uk-checkbox:checked {
  background-color: #002e6d;
  border-color: transparent;
}

.uk-radio:checked:focus,
.uk-checkbox:checked:focus {
  background-color: #002e6d;
}

.uk-checkbox:focus,
.uk-radio:focus {
  border-color: #e6eaf0;
}

.uk-panel-scrollable {
  resize: none;
}

.required {
  color: #c10230;
}

.quantity-selector {
  display: inline-flex;
  align-items: center;
  border: 1px solid;
  border-color: #f1f1f2;
  overflow: hidden;
}
.quantity-selector .btn-quantity {
  width: 32px;
  height: 32px;
  display: flex;
  align-items: center;
  justify-content: center;
  background: none;
  border: none;
  cursor: pointer;
  font-size: 0.875rem;
  color: #76777a;
  padding: 0;
}
.quantity-selector .btn-quantity:hover {
  background-color: rgba(118, 119, 122, 0.05);
}
.quantity-selector .btn-quantity:active {
  background-color: rgba(118, 119, 122, 0.1);
}
.quantity-selector .btn-quantity:disabled {
  cursor: not-allowed;
  opacity: 0.5;
}
.quantity-selector .quantity-input {
  width: 40px;
  height: 32px;
  border: none;
  border-left: 1px solid;
  border-right: 1px solid;
  border-color: #f1f1f2;
  text-align: center;
  font-size: 0.875rem;
  padding: 0;
  background: transparent;
}
.quantity-selector .quantity-input::-webkit-outer-spin-button, .quantity-selector .quantity-input::-webkit-inner-spin-button {
  -webkit-appearance: none;
  margin: 0;
}
.quantity-selector .quantity-input:focus {
  outline: none;
}
.quantity-selector.quantity-selector-small .btn-quantity {
  width: 18px;
  height: 28px;
  padding: 0 10px;
}
.quantity-selector.quantity-selector-small .quantity-input {
  width: 26px;
  height: 18px;
}
.quantity-selector.quantity-selector-large .btn-quantity {
  width: 36px;
  height: 36px;
}
.quantity-selector.quantity-selector-large .quantity-input {
  width: 44px;
  height: 36px;
}

.checkbox-intermediate {
  appearance: none;
  width: 16.5px;
  height: 16.5px;
  border-radius: 4px;
  position: relative;
  cursor: pointer;
  outline: none;
}
.checkbox-intermediate:indeterminate::before {
  content: "";
  position: absolute;
  background-color: #ffffff;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  width: 7px;
  height: 1.5px;
}
.checkbox-intermediate:not(:checked):not(:indeterminate) {
  background-color: #002e6d;
}
.checkbox-intermediate:not(:checked):not(:indeterminate)::before {
  content: "";
  position: absolute;
  background-color: #ffffff;
  width: 7px;
  height: 1.5px;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
}

.footer {
  font-size: c 1rem;
  background-color: #f1f1f2;
}
.footer .heading {
  font-size: 1.25rem;
  text-transform: uppercase;
}
.footer .dealerLocator,
.footer .emailSignUp {
  text-decoration: none;
  color: #76777a;
  text-transform: uppercase;
}
.footer .uk-list a {
  color: #76777a;
  text-decoration: none;
}
.footer .uk-list a:hover {
  color: #002e6d;
}
.footer-sticky-popup {
  border-top: 1px solid #f1f1f2;
  padding: 12px 25px 0px 25px;
  position: fixed;
  bottom: -150px;
  left: 0;
  transition: bottom 0.5s ease-in-out;
  z-index: 1040;
  background-color: #ffffff;
  width: 100%;
}
.footer-sticky-popup .content h6 {
  text-transform: uppercase;
  margin: 0px;
}
.footer-sticky-popup .content .selected-product-container {
  overflow-x: auto;
  white-space: nowrap;
  padding-bottom: 10px;
  margin-right: 30px;
  width: 100%;
}
.footer-sticky-popup .content .selected-product-list {
  display: inline-block;
  margin-top: 10px;
  padding: 0;
  list-style: none;
}
.footer-sticky-popup .content .selected-product-list .items {
  list-style: none;
  display: inline-block;
  position: relative;
  margin-left: 10px;
}
.footer-sticky-popup .content .image-container {
  position: relative;
  display: inline-block;
}
.footer-sticky-popup .content .image-container .close-icon {
  position: absolute;
  top: -6px;
  right: -6px;
  cursor: pointer;
  display: none;
  background-color: transparent;
  border-radius: 50%;
  padding: 2px;
  color: #ffffff;
}
.footer-sticky-popup .content .image-container:hover .close-icon {
  display: flex;
  justify-content: center;
  align-items: center;
  background-color: #000000;
}
.footer-sticky-popup .content .image-container img {
  border-radius: 5px;
  padding: 5px;
  height: 50px;
  width: 50px;
  display: block;
  transition: box-shadow 0.3s ease, transform 0.3s ease;
}
.footer-sticky-popup .content .image-container img:hover {
  box-shadow: 0 8px 16px rgba(0, 0, 0, 0.1);
}

.header {
  background-color: #f1f1f2;
}
.header .brand-logo img {
  width: 70px;
  padding: 10px 0px;
}
.header .brand-logo span {
  display: none;
  font-size: 1rem;
  color: #e6eaf0;
  text-transform: uppercase;
}
.header .uk-navbar-nav li a {
  font-size: 1rem;
  color: #76777a;
}
.header .uk-navbar-nav li a:hover {
  color: #002e6d;
}
.header .uk-navbar-nav li.active a {
  font-family: "SansPro-Black";
  color: #002e6d;
}
.header .uk-navbar-nav li.active a:hover {
  color: #76777a;
}
.header .uk-navbar-nav li.con-brand-logo {
  display: none;
}
.header .uk-navbar-nav li.con-list {
  display: unset;
}
.header .uk-navbar-nav li.con-list.a {
  display: flex;
}
.header .uk-navbar-nav .card {
  border: 1px solid;
  border-color: #e6eaf0;
}
.header .uk-navbar-nav .title {
  text-transform: uppercase;
  font-size: 1.25rem;
}
.header .uk-navbar-nav .uk-badge {
  margin-left: 10px;
}
.header .uk-navbar-nav .uk-dropdown :focus-visible {
  outline-color: #f1f1f2 !important;
}
.header .uk-navbar-nav .uk-dropdown :focus-visible li.con-menu {
  display: none;
}
.header .uk-navbar-nav .sportDropDown .title {
  margin-bottom: 15px;
}
.header .uk-navbar-nav .header-login .registerAccount,
.header .uk-navbar-nav .header-login .forgotPass {
  font-size: 0.875rem;
}
.header .uk-navbar-nav .header-login .registerAccount:hover span,
.header .uk-navbar-nav .header-login .forgotPass:hover span {
  color: #002e6d;
}
.header .uk-navbar-nav .header-cart .heading {
  text-transform: uppercase;
  font-size: 1.875rem;
}
.header .uk-navbar-nav .header-cart .cart-delete,
.header .uk-navbar-nav .header-cart .cart-edit {
  text-transform: uppercase;
  font-size: 0.75rem;
}
.header .uk-navbar-nav .header-cart .cart-delete:hover div,
.header .uk-navbar-nav .header-cart .cart-edit:hover div {
  color: #002e6d;
}
.header .uk-navbar-nav .header-cart .title {
  color: #76777a;
  font-size: 1rem;
}
.header .uk-navbar-nav .header-cart .subtitle {
  font-size: 0.875rem;
}
.header .uk-offcanvas-bar .uk-nav-default > li {
  display: unset;
}
.header .uk-offcanvas-bar .uk-nav-default > li.ts-menu {
  display: none;
}

.ts .header {
  background-color: #232326;
}
.ts .header .brand-logo span {
  display: unset;
}
.ts .header .uk-navbar-nav li a {
  font-size: 1rem;
  color: #e6eaf0;
}
.ts .header .uk-navbar-nav li a:hover {
  color: #76777a;
}
.ts .header .uk-navbar-nav li.active a {
  font-family: "SansPro-Black";
  color: #76777a;
}
.ts .header .uk-navbar-nav li.con-brand-logo {
  display: unset;
}
.ts .header .uk-navbar-nav li.con-brand-logo.brand-logo {
  display: flex;
}
.ts .header .uk-navbar-nav li.con-list {
  display: none;
}
.ts .header .uk-navbar-nav .uk-dropdown :focus-visible {
  outline-color: #f1f1f2 !important;
}
.ts .header .uk-navbar-nav .uk-dropdown a {
  color: #76777a;
}
.ts .header .uk-navbar-nav .uk-dropdown li.con-menu {
  display: none;
}
.ts .header .uk-navbar-nav .header-cart .heading {
  text-transform: uppercase;
  font-size: 1rem;
}
.ts .header .uk-offcanvas-bar .uk-nav-default > li {
  display: none;
}
.ts .header .uk-offcanvas-bar .uk-nav-default > li.ts-menu {
  display: unset;
}

.list li {
  font-family: "SansPro-Regular";
  color: #76777a;
}
.list > :first-child {
  margin-top: 0;
}
.list > :nth-child(n+2) {
  margin-top: 8px;
}
.list.list-size-default > * > ul, .list.list-size-default > :nth-child(n+2) {
  margin-top: 8px;
}
.list.list-size-small > * > ul, .list.list-size-small > :nth-child(n+2) {
  margin-top: 16px;
}
.list.list-size-large > * > ul, .list.list-size-large > :nth-child(n+2) {
  margin-top: 24px;
}
.list.list-size-xlarge > * > ul, .list.list-size-xlarge > :nth-child(n+2) {
  margin-top: 32px;
}
.list.list-size-2xlarge > * > ul, .list.list-size-2xlarge > :nth-child(n+2) {
  margin-top: 40px;
}
.list.list-size-3xlarge > * > ul, .list.list-size-3xlarge > :nth-child(n+2) {
  margin-top: 48px;
}
.list.list-size-4xlarge > * > ul, .list.list-size-4xlarge > :nth-child(n+2) {
  margin-top: 56px;
}
.list.list-size-5xlarge > * > ul, .list.list-size-5xlarge > :nth-child(n+2) {
  margin-top: 64px;
}
.list.list-size-maxLarge > * > ul, .list.list-size-maxLarge > :nth-child(n+2) {
  margin-top: 100px;
}
.list.list-size-collapse > * > ul, .list.list-size-collapse > :nth-child(n+2) {
  margin: 0;
}
.list .uk-list-divider {
  border-top: 1px solid;
  border-color: #e6eaf0;
  margin: 5px 0;
}
.list.list-style-divider > li {
  padding-bottom: 16px;
  border-bottom: 1px solid;
  border-color: #e6eaf0;
}
.list.list-style-divider > li:last-child {
  padding-bottom: 10px;
  border-bottom: none;
}
.list.list-style-divider-only > li {
  border-bottom: 1px solid;
  border-color: #e6eaf0;
}
.list.list-style-divider-only > li:last-child {
  border-bottom: none;
}
.list.list-style-hover > li {
  padding: 24px;
}
.list.list-style-hover > li:hover {
  background-color: #e6eaf0;
}
.list.list-style-stripped > li {
  padding: 24px;
}
.list.list-style-stripped > li:nth-child(even) {
  background-color: #e6eaf0;
}
.list.list-style-bordered-hover > li {
  padding-bottom: 10px;
  border-top: 1px solid;
  border-bottom: 1px solid;
  border-color: #e6eaf0;
}
.list.list-style-bordered-hover > li + li {
  border-top: none;
}
.list.list-style-bordered-hover > li:hover {
  background-color: #e6eaf0;
}

.loader-text {
  display: inline-block;
  font-size: 1rem;
  font-family: "SansPro-Light";
  position: relative;
  color: #000000;
}
.loader-text::before {
  content: "";
  position: absolute;
  left: 23px;
  bottom: 12px;
  width: 20px;
  height: 20px;
  border-radius: 50%;
  border: 5px solid #000000;
  border-bottom-color: #002e6d;
  box-sizing: border-box;
  animation: rotation 0.6s linear infinite;
}
@keyframes rotation {
  0% {
    transform: rotate(0deg);
  }
  100% {
    transform: rotate(360deg);
  }
}
.loader-percentage {
  font-size: 25px;
  color: #002e6d;
}
.loader-progress-bar {
  border: 0.5px solid;
  background-color: transparent;
}
.loader-progress-bar::-webkit-progress-value {
  background-color: #002e6d;
}

.loader {
  width: 55px;
  height: 55px;
  border-radius: 50%;
  display: inline-block;
  border-top: 8px solid #ffffff;
  border-right: 8px solid transparent;
  box-sizing: border-box;
  animation: rotation 1s linear infinite;
}
.loader::after {
  content: "";
  box-sizing: border-box;
  position: absolute;
  left: 0;
  top: 0;
  width: 55px;
  height: 55px;
  border-radius: 50%;
  border-bottom: 8px solid #002e6d;
  border-left: 8px solid transparent;
}
@keyframes rotation {
  0% {
    transform: rotate(0deg);
  }
  100% {
    transform: rotate(360deg);
  }
}

.page-loader {
  position: relative;
  display: flex;
  margin: 30px 50px;
}
.page-loader::before, .page-loader::after {
  content: "";
  width: 15px;
  height: 15px;
  display: inline-block;
  position: relative;
  margin: 0 5px;
  border-radius: 50%;
  color: #000000;
  background: currentColor;
  box-shadow: 50px 0, -50px 0;
  animation: left 1s infinite ease-in-out;
}
.page-loader::after {
  color: #002e6d;
  animation: right 1.1s infinite ease-in-out;
}
.page-loader-align-center {
  justify-content: center;
}
.page-loader-align-right {
  justify-content: right;
}
.page-loader-size-small::before, .page-loader-size-small::after {
  width: 12px;
  height: 12px;
}
.page-loader-size-default::before, .page-loader-size-default::after {
  width: 15px;
  height: 15px;
}
.page-loader-size-large::before, .page-loader-size-large::after {
  width: 25px;
  height: 25px;
  margin: 0;
}
@keyframes right {
  0%, 100% {
    transform: translateY(-10px);
  }
  50% {
    transform: translateY(10px);
  }
}
@keyframes left {
  0%, 100% {
    transform: translateY(10px);
  }
  50% {
    transform: translateY(-10px);
  }
}

.menu {
  margin: 0;
}
.menu li {
  font-family: "SansPro-Regular";
}
.menu > * > ul, .menu > :nth-child(n+2) {
  margin-top: 0px;
}
.menu.height-size-small > li > .btn-menu {
  min-height: 40px;
}
.menu.height-size-medium > li > .btn-menu {
  min-height: 70px;
}
.menu.height-size-large > li > .btn-menu {
  min-height: 120px;
}
.menu.height-size-store > li > .btn-menu {
  min-height: 110px;
}
.menu li.menu-title > span {
  padding-left: 16px;
  padding-right: 16px;
  color: #76777a;
  font-weight: 600;
  font-family: "SansPro-Black";
  text-transform: uppercase;
  font-size: 0.875rem;
}
.menu li.title > span {
  padding-left: 16px;
  padding-right: 16px;
  color: #76777a;
  font-weight: 600;
  text-transform: uppercase;
  font-family: "SansPro-Black";
  font-size: 0.875rem;
}
.menu li.active > a, .menu li.uk-active > a {
  color: #ffffff;
  background-color: #002e6d;
  border-color: #002e6d;
}
.menu li.active > a:hover, .menu li.uk-active > a:hover {
  color: #ffffff;
  background-color: #002962;
  border-color: #002962;
}
.menu li > a, .menu li > .btn-menu {
  padding-left: 16px;
  padding-right: 16px;
  text-align: left;
  text-transform: unset;
  width: 100%;
  color: #002e6d;
  background-color: transparent;
  border-color: transparent;
  font-size: 0.875rem;
}
.menu li > a:hover, .menu li > .btn-menu:hover {
  color: #002e6d;
  background-color: #e6eaf0;
  border-color: #e6eaf0;
}
.menu li > a.active, .menu li > a.uk-active, .menu li > .btn-menu.active, .menu li > .btn-menu.uk-active {
  font-weight: bolder;
  color: #ffffff;
  background-color: #002e6d;
  border-color: #002e6d;
}
.menu li > a.active:hover, .menu li > a.uk-active:hover, .menu li > .btn-menu.active:hover, .menu li > .btn-menu.uk-active:hover {
  color: #ffffff;
  background-color: #002962;
  border-color: #002962;
}
.menu li > a .team-name, .menu li > .btn-menu .team-name {
  color: #002e6d;
  line-height: normal;
}
.menu li > a .team-loc, .menu li > .btn-menu .team-loc {
  color: #76777a;
  line-height: normal;
  font-size: 0.75rem;
}
.menu li > .label-wrapper .label-btn {
  font-size: 1rem;
  color: #76777a;
  padding: 10px 15px;
}
.menu li > .label-wrapper:hover .label-btn {
  color: #002e6d;
  background-color: #e6eaf0;
  border-color: #e6eaf0;
}
.menu li > div {
  text-align: left;
  text-transform: unset;
  width: 100%;
  color: inherit;
  background-color: transparent;
  border-color: transparent;
}
.menu li > div:hover {
  color: #76777a;
  background-color: #e6eaf0;
  border-color: #e6eaf0;
}
.menu li > div.active, .menu li > div.uk-active {
  font-weight: bolder;
  color: #76777a;
  background-color: #e6eaf0;
  border-color: #e6eaf0;
}
.menu li > div.active:hover, .menu li > div.uk-active:hover {
  color: #76777a;
}
.menu li > div .radio-wrapper {
  cursor: pointer;
  padding: 10px;
}
.menu li > div .radio-wrapper .uk-radio {
  border: 1px solid #76777a;
}
.menu li.uk-list-divider {
  border-top: 1px solid;
  border-color: #e6eaf0;
  margin: 5px 0;
}
.menu-style-divider > li {
  border-bottom: 1px solid;
  border-color: #e6eaf0;
}
.menu-style-divider > li:last-child {
  padding-bottom: 10px;
  border-bottom: none;
}
.menu-style-hover > li:hover {
  background-color: #e6eaf0;
}
.menu-style-stripped > li:nth-child(even) {
  background-color: #e6eaf0;
}
.menu label.btn-menu:has(input:checked),
.menu label.uk-button:has(input:checked) {
  color: #002e6d;
  background-color: #e6eaf0;
  border-color: #e6eaf0;
}
.menu label.btn-menu:has(input:checked):hover,
.menu label.uk-button:has(input:checked):hover {
  color: #002e6d;
  background-color: #e6eaf0;
  border-color: #e6eaf0;
}

.modal {
  color: #76777a;
  padding: 30px 30px;
}
.modal .heading {
  text-transform: uppercase;
  font-family: "SansPro-Black";
}
.modal h1.heading {
  font-size: 1.875rem;
}
.modal h4.heading {
  font-size: 1.25rem;
  color: #76777a;
  margin: 0 0 3px 0;
  text-transform: uppercase;
}
.modal h5.heading {
  font-size: 1rem;
}
.modal h5.subheading {
  color: #76777a;
  margin: 0;
}
.modal .title {
  font-family: "SansPro-Light";
  font-size: 2.25rem;
}
.modal .subtitle {
  font-size: 1rem;
  font-family: "SansPro-Regular";
}
.modal .body {
  font-family: "SansPro-Regular";
}
.modal .body .title {
  font-size: 1.5rem;
  margin-bottom: 3px;
}
.modal .body .subtitle {
  font-size: 0.875rem;
}
.modal .uk-modal-body {
  padding-left: 10px;
  padding-right: 10px;
}
.modal .uk-modal-header,
.modal .uk-modal-footer {
  padding-left: 0px;
  padding-right: 0px;
}

.ts .uk-modal-footer {
  border: none;
}

.notification .title {
  font-family: "SansPro-Black";
  font-size: 1rem;
  color: #76777a;
}
.notification .body {
  font-family: "SansPro-Regular";
  color: #76777a;
}
.notification.notification-success {
  color: #00a5b5;
  border-left: 3px solid #00a5b5;
  background-color: #e6f6f8;
}
.notification.notification-success .title, .notification.notification-success .body {
  color: #00a5b5;
}
.notification.notification-danger {
  color: #c10230;
  border-left: 3px solid #c10230;
  background-color: #f9e6ea;
}
.notification.notification-danger .title, .notification.notification-danger .body {
  color: #c10230;
}
.notification.notification-warning {
  color: #ec7700;
  border-left: 3px solid #ec7700;
  background-color: #fdf1e6;
}
.notification.notification-warning .title, .notification.notification-warning .body {
  color: #ec7700;
}
.notification.notification-warning.disclaimer {
  border-left: none;
}
.notification.notification-warning.disclaimer p {
  font-family: "SansPro-Light";
}
.notification.notification-warning.disclaimer span {
  font-family: "SansPro-Regular";
}
.notification.notification-reversible-banner {
  color: #94A3B8;
  background-color: #94A3B8;
  margin: 0;
}
.notification.notification-reversible-banner .title, .notification.notification-reversible-banner .body, .notification.notification-reversible-banner a {
  color: #ffffff;
}
.notification.notification-promo-banner {
  background-color: #c10230;
  margin: 0;
}
.notification.notification-promo-banner .title, .notification.notification-promo-banner .body {
  color: #ffffff;
}

.switch-nav {
  font-family: "SansPro-Regular";
}
.switch-nav.switch-nav-gap-small li:not(:first-child) {
  margin-left: 12px;
  padding: 0px;
}
.switch-nav.switch-nav-gap-xsmall li:not(:first-child) {
  margin-left: 4px;
  padding: 0px;
}
.switch-nav.switch-nav-size-xsmall li > a {
  padding: 0 10px;
  line-height: 18px;
  font-size: 0.75rem;
}
.switch-nav.switch-nav-size-small li > a {
  padding: 0 15px;
  line-height: 28px;
  font-size: 0.875rem;
}
.switch-nav.switch-nav-size-default li > a {
  padding: 0 30px;
  line-height: 38px;
  font-size: 1rem;
}
.switch-nav.switch-nav-size-large li > a {
  padding: 0 40px;
  line-height: 53px;
  font-size: 1.25rem;
}
.switch-nav li > a, .switch-nav > * > a {
  display: flex;
  justify-content: center;
  color: #002e6d;
}
.switch-nav li > a:first-child, .switch-nav > * > a:first-child {
  color: #002e6d;
  background-color: transparent;
  border: 1px solid transparent;
}
.switch-nav li > a:hover, .switch-nav > * > a:hover {
  color: #002e6d;
  background-color: #e6eaf0;
  border-color: #e6eaf0;
}
.switch-nav li.uk-active > a, .switch-nav li.active > a, .switch-nav > *.uk-active > a, .switch-nav > *.active > a {
  color: #ffffff;
  border-color: #002e6d;
  background-color: #002e6d;
}
.switch-nav li.uk-active > a:hover, .switch-nav li.active > a:hover, .switch-nav > *.uk-active > a:hover, .switch-nav > *.active > a:hover {
  background-color: #002962;
  border-color: #002962;
}
.switch-nav.switch-nav-type-ghost li > a, .switch-nav.switch-nav-type-ghost > * > a {
  color: #002e6d;
}
.switch-nav.switch-nav-type-ghost li > a:first-child, .switch-nav.switch-nav-type-ghost > * > a:first-child {
  color: #002e6d;
  background-color: transparent;
  border: 1px solid transparent;
}
.switch-nav.switch-nav-type-ghost li > a:hover, .switch-nav.switch-nav-type-ghost > * > a:hover {
  color: #002e6d;
  background-color: #e6eaf0;
  border-color: #e6eaf0;
}
.switch-nav.switch-nav-type-ghost li.uk-active > a, .switch-nav.switch-nav-type-ghost li.active > a, .switch-nav.switch-nav-type-ghost > *.uk-active > a, .switch-nav.switch-nav-type-ghost > *.active > a {
  color: #ffffff;
  border-color: #002e6d;
  background-color: #002e6d;
}
.switch-nav.switch-nav-type-ghost li.uk-active > a:hover, .switch-nav.switch-nav-type-ghost li.active > a:hover, .switch-nav.switch-nav-type-ghost > *.uk-active > a:hover, .switch-nav.switch-nav-type-ghost > *.active > a:hover {
  background-color: #002962;
  border-color: #002962;
}
.switch-nav div a {
  text-decoration: none;
}

.uk-switcher {
  font-family: "SansPro-Regular";
  font-size: 1rem;
}

.switch-tab {
  font-family: "SansPro-Regular";
}
.switch-tab.switch-tab-size-xsmall li > a {
  padding: 0 10px;
  line-height: 18px;
  font-size: 0.75rem;
}
.switch-tab.switch-tab-size-small li > a {
  padding: 0 15px;
  line-height: 28px;
  font-size: 0.875rem;
}
.switch-tab.switch-tab-size-default li > a {
  padding: 0 30px;
  line-height: 38px;
  font-size: 1rem;
}
.switch-tab.switch-tab-size-large li > a {
  padding: 0 40px;
  line-height: 53px;
  font-size: 1.25rem;
}
.switch-tab li.uk-active a, .switch-tab li.active a {
  color: #002e6d;
  border-color: #002e6d;
  border-bottom: 2px solid;
}
.switch-tab li a:hover {
  color: #002e6d;
}

.sidebar {
  font-size: 1rem;
  color: #76777a;
  background-color: #f1f1f2;
}
.sidebar .title {
  font-size: 1.25rem;
  text-transform: uppercase;
}

.con-team-stores {
  font-size: 1rem;
  color: #76777a;
  border-right: 1px solid #f1f1f2;
}
.con-team-stores .title {
  font-size: 1.25rem;
  text-transform: uppercase;
}
.con-team-stores .store-list-item a {
  text-align: left;
}
.con-team-stores .store-list-item .subtitle {
  font-size: 0.875rem;
  text-transform: none;
}
.con-team-stores .store-list-item .label {
  text-transform: none;
}
.con-team-stores .wrapper-store-list {
  max-height: calc(100vh - 230px);
  overflow-y: auto;
}
.con-team-stores .wrapper-store-list::-webkit-scrollbar {
  width: 2px;
}
.con-team-stores .wrapper-store-list::-webkit-scrollbar-track {
  background: rgba(118, 119, 122, 0.1);
}
.con-team-stores .wrapper-store-list::-webkit-scrollbar-thumb {
  background: rgba(118, 119, 122, 0.3);
  border-radius: 4px;
}

.table-list {
  font-family: "SansPro-Regular";
  color: #76777a;
}
@media screen and (min-width: 960px) {
  .table-list {
    text-align: center;
  }
}
.table-list-align-left {
  text-align: left;
}
@media screen and (min-width: 960px) {
  .table-list-align-center {
    text-align: center;
  }
}
@media screen and (min-width: 960px) {
  .table-list-align-right {
    text-align: right;
  }
}
.table-list-header {
  padding: 0px 10px;
}
.table-list-header .table-header {
  font-family: "SansPro-Black";
  font-size: 1rem;
  text-transform: uppercase;
}
.table-list-data-space-collapse .table-list-item {
  margin-bottom: 0;
}
.table-list-data-space-small .table-list-item {
  margin-bottom: 10px;
}
.table-list-data-space-base .table-list-item {
  margin-bottom: 15x;
}
.table-list-data-space-medium .table-list-item {
  margin-bottom: 25px;
}
.table-list-data-space-large .table-list-item {
  margin-bottom: 35px;
}
.table-list-item {
  padding: 10px;
  background-color: #e6eaf0;
}
@media screen and (min-width: 960px) {
  .table-list-item {
    padding: 15px 10px;
  }
}
@media screen and (min-width: 960px) {
  .table-list-item-size-xsmall {
    padding: 5px;
  }
}
@media screen and (min-width: 960px) {
  .table-list-item-size-small {
    padding: 10px 10px;
  }
}
@media screen and (min-width: 960px) {
  .table-list-item-size-base {
    padding: 15px 10px;
  }
}
@media screen and (min-width: 960px) {
  .table-list-item-size-medium {
    padding: 20px 10px;
  }
}
@media screen and (min-width: 960px) {
  .table-list-item-size-large {
    padding: 25px 10px;
  }
}

.btn-toggle {
  display: inline-block;
  background-color: #e6eaf0;
  border: 1px solid;
  border-color: #e6eaf0;
  border-radius: 50px;
  height: 16px;
  width: 40px;
  position: relative;
  overflow: hidden;
  outline: none;
  cursor: pointer;
  vertical-align: middle;
}
.btn-toggle:hover {
  border-color: #002e6d;
}
.btn-toggle input[type=checkbox] {
  position: absolute;
  top: 50%;
  left: 2.5px;
  margin: 0;
  background-image: none;
  border: 1px solid #002e6d;
  background-color: #002e6d;
  color: #002e6d;
  border-radius: 100%;
  -ms-transform: translateY(-50%);
  transform: translateY(-50%);
  transition: ease-in-out 0.25s;
  overflow: visible;
  z-index: 1;
  width: 12px;
  height: 12px;
  align-self: center;
}
.btn-toggle input[type=checkbox]:checked {
  left: 25.5px;
  color: #ffffff;
  background-color: #ffffff;
}
.btn-toggle input[type=checkbox]:checked::before {
  opacity: 1;
}
.btn-toggle input[type=checkbox]:checked::after {
  opacity: 0;
}
.btn-toggle input[type=checkbox]:checked ~ span {
  background-color: #002e6d;
  color: #ffffff;
}
.btn-toggle input[type=checkbox]::before, .btn-toggle input[type=checkbox]::after {
  position: absolute;
  top: 50%;
  text-align: center;
  text-transform: uppercase;
  letter-spacing: 0.75px;
  font-weight: 600;
  font-size: 0.5rem;
  -ms-transform: translateY(-50%);
  transform: translateY(-50%);
  transition: ease-in-out 0.05s;
  transition-delay: 0.05s;
  align-self: center;
}
.btn-toggle input[type=checkbox]::before {
  opacity: 0;
  content: "On";
  left: -190%;
}
.btn-toggle input[type=checkbox]::after {
  opacity: 1;
  content: "Off";
  left: 140%;
}
.btn-toggle span {
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  transition: ease-in-out 0.25s;
}

.pagination .btn-next, .pagination .btn-prev, .pagination .btn-menu {
  padding: 10px;
  text-transform: uppercase;
}
.pagination .btn-next-menu, .pagination .btn-prev-menu, .pagination .btn-menu-menu {
  width: 90px;
}

.pagination-v2 {
  padding: 12px 0;
  font-size: 0.875rem;
  font-family: "SansPro-Regular";
}
.pagination-v2 .rows-per-page {
  gap: 8px;
  color: #76777a;
}
.pagination-v2 .rows-per-page .uk-select {
  width: auto;
  height: 32px;
  padding: 0 24px 0 8px;
  font-size: 0.875rem;
  border-radius: 6px;
  border: 1px solid #E4E4E7;
  background-color: #ffffff;
  cursor: pointer;
  color: #76777a;
}
.pagination-v2 .rows-per-page .uk-select:focus {
  outline: none;
  border-color: #002e6d;
}
.pagination-v2 .page-controls {
  gap: 4px;
}
.pagination-v2 .page-controls .btn-page {
  display: flex;
  align-items: center;
  gap: 4px;
  padding: 6px 12px;
  border: none;
  background: transparent;
  font-size: 0.875rem;
  color: #76777a;
  cursor: pointer;
  border-radius: 6px;
  font-family: "SansPro-Regular";
}
.pagination-v2 .page-controls .btn-page:hover:not(:disabled) {
  background-color: #F4F4F5;
}
.pagination-v2 .page-controls .btn-page:disabled {
  opacity: 0.4;
  cursor: not-allowed;
}
.pagination-v2 .page-controls .page-numbers {
  display: flex;
  align-items: center;
  gap: 2px;
}
.pagination-v2 .page-controls .page-numbers .btn-page-num {
  width: 32px;
  height: 32px;
  border: solid 1px #f1f1f2;
  background: transparent;
  border-radius: 6px;
  font-size: 0.875rem;
  font-family: "SansPro-Regular";
  color: #76777a;
  cursor: pointer;
  display: flex;
  align-items: center;
  justify-content: center;
}
.pagination-v2 .page-controls .page-numbers .btn-page-num:hover {
  background-color: #F4F4F5;
}
.pagination-v2 .page-controls .page-numbers .btn-page-num.active {
  background-color: #76777a;
  color: #ffffff;
  font-weight: 600;
}
.pagination-v2 .page-controls .page-numbers .page-ellipsis {
  width: 32px;
  text-align: center;
  color: #76777a;
  font-size: 0.875rem;
}

.con-color-palettes.uk-grid-column-small, .con-color-palettes.uk-grid-small {
  margin-left: -4px;
}
.con-color-palettes.uk-grid-column-small > *, .con-color-palettes.uk-grid-small > * {
  padding-left: 4px;
}
* + .con-color-palettes.uk-grid-margin-small, .con-color-palettes.uk-grid + .uk-grid-row-small, .con-color-palettes.uk-grid + .uk-grid-small, .con-color-palettes.uk-grid-row-small > .uk-grid-margin, .con-color-palettes.uk-grid-small > .uk-grid-margin {
  margin-top: 4px;
}
.con-color-palettes .btn-edit-color {
  display: inline-block;
  margin-left: 8px;
}
.con-color-palettes .btn-edit-color .wrapper-content {
  vertical-align: middle;
  position: relative;
  display: inline-block;
  width: 26px;
  height: 26px;
  border-radius: 100%;
  overflow: hidden;
}
.con-color-palettes .btn-edit-color .wrapper-content > img {
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  transition: ease-in-out 0.75s;
}
.con-color-palettes .btn-edit-color:hover .wrapper-content > img {
  transform: rotate(720deg);
}
.con-color-palettes.color-wheel-hover > :last-child > .btn-edit-color {
  display: none !important;
}
.con-color-palettes.color-wheel-hover:hover > :last-child > .btn-edit-color {
  display: block !important;
}

.wrapper-color-palette {
  display: block;
  position: relative;
  border-radius: 4px;
  overflow: hidden;
  cursor: pointer;
}
.wrapper-color-palette:hover .color-palette {
  border-color: #e6eaf0;
}
.wrapper-color-palette .color-palette {
  background-color: inherit !important;
  margin-top: 0px;
  position: relative;
  width: 30px;
  height: 30px;
  border: 1px solid;
  border-color: #e6eaf0;
  border-radius: 4px;
}
.wrapper-color-palette .color-palette:checked {
  background-image: none;
}
.wrapper-color-palette .color-palette:checked::after {
  content: "✓";
  display: inline-block;
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  font-weight: bold;
  background: inherit;
  -webkit-background-clip: text;
  background-clip: text;
  color: transparent;
  filter: invert(1) grayscale(1) contrast(9);
}
.wrapper-color-palette .color-palette:checked ~ .color-code {
  display: none;
}
.wrapper-color-palette .color-code {
  display: inline-block;
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  font-size: 0.625rem;
  font-weight: bolder;
  background: inherit;
  -webkit-background-clip: text;
  background-clip: text;
  color: transparent;
  filter: invert(1) grayscale(1) contrast(9);
}
.wrapper-color-palette.color-none {
  background-color: transparent;
}
.wrapper-color-palette.color-none .color-palette {
  width: 50px;
  height: 30px;
}
.wrapper-color-palette.color-none .color-palette:checked {
  border: 1px solid #000000;
}
.wrapper-color-palette.color-none .color-palette:checked ~ .color-code {
  display: inline-block;
}
.wrapper-color-palette.color-none .color-code {
  -webkit-background-clip: unset;
  background-clip: unset;
  color: #000000;
  filter: none;
}

li > div > :last-child > .con-color-palettes.color-wheel-hover > :last-child > .btn-edit-color {
  display: none !important;
}

li:hover > div > :last-child > .con-color-palettes.color-wheel-hover > :last-child > .btn-edit-color {
  display: block !important;
}

.con-color-slider .con-color-palettes {
  max-width: 285px;
}
.con-color-slider.uk-grid-small {
  margin-left: -4px;
}
.con-color-slider.uk-grid-small > * {
  padding-left: 4px;
}
.con-color-slider .btn-edit-color {
  position: absolute;
  top: 5%;
  left: 100%;
  display: flex;
  align-items: center;
  margin-left: 25px;
}
.con-color-slider .btn-edit-color .wrapper-content {
  vertical-align: middle;
  position: relative;
  display: inline-block;
  width: 26px;
  height: 26px;
  border-radius: 100%;
  overflow: hidden;
}
.con-color-slider .btn-edit-color .wrapper-content > img {
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  transition: ease-in-out 0.75s;
}
.con-color-slider .btn-edit-color:hover .wrapper-content > img {
  transform: rotate(720deg);
}
.con-color-slider .wrapper-color-none {
  display: block;
  position: absolute;
  border-radius: 4px;
  display: flex;
  overflow: hidden;
  cursor: pointer;
}
.con-color-slider .wrapper-color-none.left {
  bottom: 0%;
  right: 100%;
  margin-right: 25px;
}
.con-color-slider .wrapper-color-none.right {
  bottom: 0%;
  left: 100%;
  margin-left: 25px;
}
.con-color-slider .wrapper-color-none:hover .color-palette {
  border-color: #e6eaf0;
}
.con-color-slider .wrapper-color-none .color-palette {
  background-color: inherit !important;
  margin-top: 0px;
  position: relative;
  width: 30px;
  height: 30px;
  border: 1px solid;
  border-color: #e6eaf0;
  border-radius: 4px;
}
.con-color-slider .wrapper-color-none .color-palette:checked {
  background-image: none;
}
.con-color-slider .wrapper-color-none .color-palette:checked::after {
  content: "✓";
  display: inline-block;
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  font-weight: bold;
  background: inherit;
  -webkit-background-clip: text;
  background-clip: text;
  color: transparent;
  filter: invert(1) grayscale(1) contrast(9);
}
.con-color-slider .wrapper-color-none .color-palette:checked ~ .color-code {
  display: none;
}
.con-color-slider .wrapper-color-none .color-code {
  display: inline-block;
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  font-size: 0.625rem;
  font-weight: bolder;
  background: inherit;
  -webkit-background-clip: text;
  background-clip: text;
  color: transparent;
  filter: invert(1) grayscale(1) contrast(9);
}
.con-color-slider .wrapper-color-none.color-none {
  background-color: transparent;
}
.con-color-slider .wrapper-color-none.color-none .color-palette {
  width: 50px;
  height: 30px;
}
.con-color-slider .wrapper-color-none.color-none .color-palette:checked {
  border: 1px solid #000000;
}
.con-color-slider .wrapper-color-none.color-none .color-palette:checked ~ .color-code {
  display: inline-block;
}
.con-color-slider .wrapper-color-none.color-none .color-code {
  -webkit-background-clip: unset;
  background-clip: unset;
  color: #000000;
  filter: none;
}
.con-color-slider.color-wheel-hover > :last-child > .btn-edit-color {
  display: none !important;
}
.con-color-slider.color-wheel-hover:hover > :last-child > .btn-edit-color {
  display: block !important;
}
.con-color-slider .uk-slidenav-next.uk-invisible {
  display: none;
}
.con-color-slider .uk-slidenav-next.uk-invisible ~ .btn-edit-color {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  left: 95%;
}
.con-color-slider .uk-slidenav-next.uk-invisible ~ .right {
  position: absolute;
  top: 50%;
  transform: translate(-50%, -50%);
  left: 95%;
}
.con-color-slider .uk-slidenav-previous.uk-invisible {
  display: none;
}
.con-color-slider .uk-slidenav-previous.uk-invisible ~ .left {
  position: absolute;
  top: 50%;
  transform: translate(-50%, -50%);
  right: 95%;
}

.con-color-sliders {
  max-width: 287px;
}
.con-color-sliders .btn-edit-color .wrapper-content {
  vertical-align: middle;
  position: relative;
  display: inline-block;
  width: 26px;
  height: 26px;
  border-radius: 100%;
  overflow: hidden;
}
.con-color-sliders .btn-edit-color .wrapper-content > img {
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  transition: ease-in-out 0.75s;
}
.con-color-sliders .btn-edit-color:hover .wrapper-content > img {
  transform: rotate(720deg);
}
.con-color-sliders .con-color-palettes.color-wheel-hover > :last-child.wrapper-btn-edit-color {
  display: none !important;
}
.con-color-sliders .con-slider-controls .wrapper-btn-edit-color {
  display: none;
  margin-left: 30px;
}
.con-color-sliders .con-slider-controls .uk-slidenav.uk-slidenav-next.uk-invisible, .con-color-sliders .con-slider-controls .uk-slidenav-next.uk-invisible {
  display: none !important;
}
.con-color-sliders .con-slider-controls .uk-slidenav.uk-slidenav-next.uk-invisible ~ .wrapper-btn-edit-color, .con-color-sliders .con-slider-controls .uk-slidenav-next.uk-invisible ~ .wrapper-btn-edit-color {
  margin-left: 8px;
}
.con-color-sliders:hover .con-slider-controls .wrapper-btn-edit-color {
  display: block;
}

.con-color-sliders:has(.uk-slidenav[hidden]) .con-color-palettes.color-wheel-hover:hover > :last-child.wrapper-btn-edit-color,
.con-color-sliders:has(.uk-slidenav-previous[hidden]) .con-color-palettes.color-wheel-hover:hover > :last-child.wrapper-btn-edit-color,
.con-color-sliders:has(.uk-slidenav-next[hidden]) .con-color-palettes.color-wheel-hover:hover > :last-child.wrapper-btn-edit-color {
  display: block !important;
}
.con-color-sliders:has(.uk-slidenav[hidden]) .con-color-palettes.color-wheel-hover:hover > :last-child.wrapper-btn-edit-color > .btn-edit-color,
.con-color-sliders:has(.uk-slidenav-previous[hidden]) .con-color-palettes.color-wheel-hover:hover > :last-child.wrapper-btn-edit-color > .btn-edit-color,
.con-color-sliders:has(.uk-slidenav-next[hidden]) .con-color-palettes.color-wheel-hover:hover > :last-child.wrapper-btn-edit-color > .btn-edit-color {
  display: block !important;
}
.con-color-sliders:has(.uk-slidenav[hidden]) .con-slider-controls .wrapper-btn-edit-color,
.con-color-sliders:has(.uk-slidenav-previous[hidden]) .con-slider-controls .wrapper-btn-edit-color,
.con-color-sliders:has(.uk-slidenav-next[hidden]) .con-slider-controls .wrapper-btn-edit-color {
  display: none;
}
.con-color-sliders:has(.uk-slidenav[hidden]):hover .con-color-palettes.color-wheel-hover > :last-child.wrapper-btn-edit-color,
.con-color-sliders:has(.uk-slidenav-previous[hidden]):hover .con-color-palettes.color-wheel-hover > :last-child.wrapper-btn-edit-color,
.con-color-sliders:has(.uk-slidenav-next[hidden]):hover .con-color-palettes.color-wheel-hover > :last-child.wrapper-btn-edit-color {
  display: block !important;
}
.con-color-sliders:has(.uk-slidenav[hidden]):hover .con-color-palettes.color-wheel-hover > :last-child.wrapper-btn-edit-color > .btn-edit-color,
.con-color-sliders:has(.uk-slidenav-previous[hidden]):hover .con-color-palettes.color-wheel-hover > :last-child.wrapper-btn-edit-color > .btn-edit-color,
.con-color-sliders:has(.uk-slidenav-next[hidden]):hover .con-color-palettes.color-wheel-hover > :last-child.wrapper-btn-edit-color > .btn-edit-color {
  display: block !important;
}

.con-color-team-header .btn-edit-color {
  display: inline-block;
}
.con-color-team-header .btn-edit-color .wrapper-content {
  vertical-align: middle;
  position: relative;
  display: inline-block;
  width: 18px;
  height: 18px;
  border-radius: 100%;
  overflow: hidden;
}
.con-color-team-header .btn-edit-color .wrapper-content > img {
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  transition: ease-in-out 0.75s;
}
.con-color-team-header .btn-edit-color:hover .wrapper-content > img {
  transform: rotate(720deg);
}
.con-color-team-header .btn-remix-color .wrapper-content > * {
  transform: rotate(90deg);
}
.con-color-team-header h6.subheading {
  font-family: "SansPro-Black";
  font-size: 0.875rem;
  text-transform: uppercase;
  color: #76777a;
}

.con-color-team-add {
  text-align: center;
  height: 100px;
}
.con-color-team-add .btn-add-color .wrapper-content {
  vertical-align: middle;
  position: relative;
  display: inline-block;
  width: 90px;
  height: 90px;
  border-radius: 100%;
  overflow: hidden;
}
.con-color-team-add .btn-add-color .wrapper-content > img {
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  transition: ease-in-out 0.75s;
  width: 90px;
}
.con-color-team-add .btn-add-color:hover .wrapper-content > img {
  transform: rotate(720deg);
}

.con-color-team.uk-grid-column-small, .con-color-team.uk-grid-small {
  margin-left: -4px;
}
.con-color-team.uk-grid-column-small > *, .con-color-team.uk-grid-small > * {
  padding-left: 4px;
}
* + .con-color-team.uk-grid-margin-small, .con-color-team.uk-grid + .uk-grid-row-small, .con-color-team.uk-grid + .uk-grid-small, .con-color-team.uk-grid-row-small > .uk-grid-margin, .con-color-team.uk-grid-small > .uk-grid-margin {
  margin-top: 4px;
}
.con-color-team .btn-edit-color {
  display: inline-block;
  margin-left: 8px;
}
.con-color-team .btn-edit-color .wrapper-content {
  vertical-align: middle;
  position: relative;
  display: inline-block;
  width: 26px;
  height: 26px;
  border-radius: 100%;
  overflow: hidden;
}
.con-color-team .btn-edit-color .wrapper-content > img {
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  transition: ease-in-out 0.75s;
}
.con-color-team .btn-edit-color:hover .wrapper-content > img {
  transform: rotate(720deg);
}
.con-color-team .btn-add-logo, .con-color-team .btn-add-color {
  border: 2px solid #76777a;
  border-radius: 4px;
  padding: 3px 3px;
  margin-left: 5px;
}
.con-color-team .btn-remix-color {
  margin-left: 2px;
}

.wrapper-color-team {
  display: block;
  position: relative;
  border-radius: 4px;
  overflow: hidden;
}
.wrapper-color-team .color-team {
  background-color: inherit !important;
  margin-top: 0px;
  position: relative;
  width: 28px;
  height: 28px;
  border: 1px solid;
  border-color: #e6eaf0;
  border-radius: 4px;
  display: block;
}
.wrapper-color-team .color-code {
  display: inline-block;
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  font-size: 0.625rem;
  font-weight: bolder;
  background: inherit;
  -webkit-background-clip: text;
  background-clip: text;
  color: transparent;
  filter: invert(1) grayscale(1) contrast(9);
}

.team-logo-radio-con {
  margin-bottom: 20px;
}
.team-logo-radio-con .wrapper-img > input {
  display: none;
}
.team-logo-radio-con .wrapper-img > input:checked + img {
  border-color: #002e6d;
  border-radius: 10px;
}
.team-logo-radio-con .wrapper-img > img {
  padding: 5px;
  cursor: pointer;
  border: 2px solid transparent;
}

.con-radio.uk-grid-column-small, .con-radio.uk-grid-small {
  margin-left: -4px;
}
.con-radio.uk-grid-column-small > *, .con-radio.uk-grid-small > * {
  padding-left: 4px;
}
* + .con-radio.uk-grid-margin-small, .con-radio.uk-grid + .uk-grid-row-small, .con-radio.uk-grid + .uk-grid-small, .con-radio.uk-grid-row-small > .uk-grid-margin, .con-radio.uk-grid-small > .uk-grid-margin {
  margin-top: 4px;
}
.con-radio .wrapper-option {
  display: block;
  position: relative;
  width: 100%;
  border-radius: 4px;
  overflow: hidden;
  cursor: pointer;
  background-color: #f1f1f2;
}
.con-radio .wrapper-option:hover {
  background-color: #e6eaf0;
  border-color: #e6eaf0;
}
.con-radio .wrapper-option .option {
  background-color: inherit !important;
  margin-top: 0px;
  position: relative;
  width: 100%;
  height: 100%;
  border: 1px solid;
  border-color: #f1f1f2;
  border-radius: 4px;
}
.con-radio .wrapper-option .option:checked {
  background-image: none;
  background-color: #002e6d !important;
}
.con-radio .wrapper-option .option:checked + .code {
  background-color: #002e6d !important;
}
.con-radio .wrapper-option .code {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  display: inline-block;
  width: 100%;
  height: 100%;
  background-color: inherit;
  filter: invert(1) grayscale(1) contrast(100);
  -webkit-filter: invert(1) grayscale(1) contrast(100);
  mask-size: 100%;
  -webkit-mask-size: 100%;
  -webkit-mask-repeat: no-repeat;
  mask-repeat: no-repeat;
  -webkit-mask-position: center;
  mask-position: center;
  -webkit-mask-origin: content-box;
  mask-origin: content-box;
}
.con-radio .wrapper-option .code.none {
  height: unset;
  mix-blend-mode: normal;
  font-size: 0.75rem;
  font-weight: bolder;
  text-transform: uppercase;
  background: inherit;
  -webkit-background-clip: text;
  background-clip: text;
  color: transparent;
  filter: invert(1) grayscale(1) contrast(100);
  -webkit-filter: invert(1) grayscale(1) contrast(100);
  text-align: center;
}
.con-radio.radio-tailsweep .wrapper-option {
  height: 48px;
}
.con-radio.radio-tailsweep .wrapper-option .code {
  filter: invert(1) grayscale(1) contrast(100);
  -webkit-filter: invert(1) grayscale(1) contrast(100);
}

.con-radio.uk-grid-column-small, .con-radio.uk-grid-small {
  margin-left: -4px;
}
.con-radio.uk-grid-column-small > *, .con-radio.uk-grid-small > * {
  padding-left: 4px;
}
* + .con-radio.uk-grid-margin-small, .con-radio.uk-grid + .uk-grid-row-small, .con-radio.uk-grid + .uk-grid-small, .con-radio.uk-grid-row-small > .uk-grid-margin, .con-radio.uk-grid-small > .uk-grid-margin {
  margin-top: 4px;
}
.con-radio .wrapper-option {
  display: block;
  position: relative;
  width: 100%;
  border-radius: 4px;
  overflow: hidden;
  cursor: pointer;
  background-color: #f1f1f2;
}
.con-radio .wrapper-option:hover {
  background-color: #e6eaf0;
  border-color: #e6eaf0;
}
.con-radio .wrapper-option .option {
  background-color: inherit !important;
  margin-top: 0px;
  position: relative;
  width: 100%;
  height: 100%;
  border: 1px solid;
  border-color: #f1f1f2;
  border-radius: 4px;
}
.con-radio .wrapper-option .option:checked {
  background-image: none;
  background-color: #002e6d !important;
}
.con-radio .wrapper-option .option:checked + .code {
  background-color: #002e6d !important;
}
.con-radio .wrapper-option .code {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  display: inline-block;
  width: 100%;
  height: 100%;
  background-color: inherit;
  filter: invert(1) grayscale(1) contrast(100);
  -webkit-filter: invert(1) grayscale(1) contrast(100);
  mask-size: 100%;
  -webkit-mask-size: 100%;
  -webkit-mask-repeat: no-repeat;
  mask-repeat: no-repeat;
  -webkit-mask-position: center;
  mask-position: center;
  -webkit-mask-origin: content-box;
  mask-origin: content-box;
}
.con-radio .wrapper-option .code.none {
  height: unset;
  mix-blend-mode: normal;
  font-size: 0.75rem;
  font-weight: bolder;
  text-transform: uppercase;
  background: inherit;
  -webkit-background-clip: text;
  background-clip: text;
  color: transparent;
  filter: invert(1) grayscale(1) contrast(100);
  -webkit-filter: invert(1) grayscale(1) contrast(100);
  text-align: center;
}
.con-radio.radio-font-accent .wrapper-option {
  height: 58px;
}
.con-radio.radio-font-accent .wrapper-option .code {
  filter: invert(1) grayscale(1) contrast(1);
  -webkit-filter: invert(1) grayscale(1) contrast(1);
}

.con-radio.uk-grid-column-small, .con-radio.uk-grid-small {
  margin-left: -4px;
}
.con-radio.uk-grid-column-small > *, .con-radio.uk-grid-small > * {
  padding-left: 4px;
}
* + .con-radio.uk-grid-margin-small, .con-radio.uk-grid + .uk-grid-row-small, .con-radio.uk-grid + .uk-grid-small, .con-radio.uk-grid-row-small > .uk-grid-margin, .con-radio.uk-grid-small > .uk-grid-margin {
  margin-top: 4px;
}
.con-radio .wrapper-option {
  display: block;
  position: relative;
  width: 100%;
  border-radius: 4px;
  overflow: hidden;
  cursor: pointer;
  background-color: #f1f1f2;
}
.con-radio .wrapper-option:hover {
  background-color: #e6eaf0;
  border-color: #e6eaf0;
}
.con-radio .wrapper-option .option {
  background-color: inherit !important;
  margin-top: 0px;
  position: relative;
  width: 100%;
  height: 100%;
  border: 1px solid;
  border-color: #f1f1f2;
  border-radius: 4px;
}
.con-radio .wrapper-option .option:checked {
  background-image: none;
  background-color: #002e6d !important;
}
.con-radio .wrapper-option .option:checked + .code {
  background-color: #002e6d !important;
}
.con-radio .wrapper-option .code {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  display: inline-block;
  width: 100%;
  height: 100%;
  background-color: inherit;
  filter: invert(1) grayscale(1) contrast(100);
  -webkit-filter: invert(1) grayscale(1) contrast(100);
  mask-size: 100%;
  -webkit-mask-size: 100%;
  -webkit-mask-repeat: no-repeat;
  mask-repeat: no-repeat;
  -webkit-mask-position: center;
  mask-position: center;
  -webkit-mask-origin: content-box;
  mask-origin: content-box;
}
.con-radio .wrapper-option .code.none {
  height: unset;
  mix-blend-mode: normal;
  font-size: 0.75rem;
  font-weight: bolder;
  text-transform: uppercase;
  background: inherit;
  -webkit-background-clip: text;
  background-clip: text;
  color: transparent;
  filter: invert(1) grayscale(1) contrast(100);
  -webkit-filter: invert(1) grayscale(1) contrast(100);
  text-align: center;
}
.con-radio.radio-twill .wrapper-option, .con-radio.radio-load-design .wrapper-option {
  height: 40px;
  border-radius: 0px;
}
.con-radio.radio-twill .wrapper-option .option, .con-radio.radio-load-design .wrapper-option .option {
  border-radius: 0px;
}
.con-radio.radio-twill .wrapper-option .code span, .con-radio.radio-load-design .wrapper-option .code span {
  margin-left: 5px;
}

.con-btn-pattern {
  display: inline-block;
  position: relative;
}
.con-btn-pattern .btn-pattern {
  width: 200px;
  height: 30px;
  display: block;
}

.fabricsWrapper,
.addOnsWrapper {
  color: #76777a;
}
.fabricsWrapper .title,
.addOnsWrapper .title {
  font-size: 0.875rem;
  color: #76777a;
}
.fabricsWrapper .subtitle,
.addOnsWrapper .subtitle {
  font-size: 0.75rem;
}
.fabricsWrapper .label,
.addOnsWrapper .label {
  color: #c10230;
  font-size: 0.75rem;
}

.fabric-option .radio-chk-media-details.uk-checkbox, .fabric-option .radio-chk-media-details.uk-radio {
  border: transparent;
}
.fabric-option .radio-chk-media-details.uk-radio {
  height: 20px;
  width: 20px;
}
.fabric-option .radio-chk-media-details:checked {
  background-image: none;
}
.fabric-option .radio-chk-media-details:checked::before {
  content: "✓";
  display: inline-block;
  transform: translate(6px, -4px);
  font-size: 0.75rem;
  background: inherit;
  -webkit-background-clip: text;
  background-clip: text;
  color: transparent;
  filter: invert(1) grayscale(1) contrast(9);
  font-weight: bold;
}

.con-prod-art.uk-grid-column-small, .con-prod-art.uk-grid-small {
  margin-left: -4px;
}
.con-prod-art.uk-grid-column-small > *, .con-prod-art.uk-grid-small > * {
  padding-left: 4px;
}
* + .con-prod-art.uk-grid-margin-small, .con-prod-art.uk-grid + .uk-grid-row-small, .con-prod-art.uk-grid + .uk-grid-small, .con-prod-art.uk-grid-row-small > .uk-grid-margin, .con-prod-art.uk-grid-small > .uk-grid-margin {
  margin-top: 4px;
}

.prodArtWrapper .uk-placeholder {
  border-color: #002e6d;
  color: #002e6d;
}

.wrapper-option-prod-art {
  display: block;
  position: relative;
  border-radius: 0px;
  overflow: hidden;
  cursor: pointer;
  color: #76777a;
}
.wrapper-option-prod-art:hover {
  background-color: #e6eaf0;
}
.wrapper-option-prod-art .option-prod-art {
  background-color: inherit !important;
  margin-top: 0px;
  position: relative;
  width: 100%;
  height: 30px;
  border: 1px solid transparent;
  border-radius: 0px;
}
.wrapper-option-prod-art .option-prod-art:checked {
  background-image: none;
  background-color: #002e6d !important;
}
.wrapper-option-prod-art .prod-art-code {
  display: inline-block;
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  width: 100%;
  font-size: 0.625rem;
  font-weight: bolder;
  text-transform: uppercase;
  text-align: center;
}

.wrapper-app-location {
  display: block;
  width: 100%;
  position: relative;
  overflow: hidden;
  cursor: pointer;
  margin: 10px;
  background-color: #e6eaf0;
}
.wrapper-app-location:hover {
  background-color: #e6eff8;
}
.wrapper-app-location:hover .app-location {
  border-color: transparent;
}
.wrapper-app-location .app-location {
  background-color: inherit !important;
  margin-top: 0px;
  position: relative;
  width: 100%;
  height: 40px;
  border: 1px solid transparent;
  border-radius: 0px;
}
.wrapper-app-location .app-location:checked {
  background-image: none;
  background-color: #002e6d !important;
  color: #ffffff;
}
.wrapper-app-location .app-location:checked::after {
  content: "✓";
  display: inline-block;
  position: absolute;
  top: 50%;
  left: 16px;
  transform: translate(-50%, -50%);
  font-weight: bold;
  background: inherit;
  -webkit-background-clip: text;
  background-clip: text;
  color: transparent;
  filter: invert(1) grayscale(1) contrast(9);
}
.wrapper-app-location .app-location:checked ~ .location-code {
  color: #ffffff;
}
.wrapper-app-location .location-code {
  display: inline-block;
  position: absolute;
  top: 50%;
  left: 60%;
  transform: translate(-50%, -50%);
  text-transform: uppercase;
  font-size: 0.625rem;
  font-weight: bolder;
  color: #000000;
  width: 80%;
}

.con-piping-sizes.uk-grid-column-small, .con-piping-sizes.uk-grid-small {
  margin-left: -4px;
}
.con-piping-sizes.uk-grid-column-small > *, .con-piping-sizes.uk-grid-small > * {
  padding-left: 4px;
}
* + .con-piping-sizes.uk-grid-margin-small, .con-piping-sizes.uk-grid + .uk-grid-row-small, .con-piping-sizes.uk-grid + .uk-grid-small, .con-piping-sizes.uk-grid-row-small > .uk-grid-margin, .con-piping-sizes.uk-grid-small > .uk-grid-margin {
  margin-top: 4px;
}

.wrapper-piping-size {
  display: block;
  position: relative;
  overflow: hidden;
  cursor: pointer;
  background-color: #e6eaf0;
}
.wrapper-piping-size:hover {
  background-color: #e6eaf0;
}
.wrapper-piping-size:hover .piping-size {
  border-color: #e6eaf0;
}
.wrapper-piping-size .piping-size {
  background-color: inherit !important;
  margin-top: 0px;
  position: relative;
  width: 50px;
  height: 30px;
  border: 1px solid #eeedeb;
  border-radius: 0px;
}
.wrapper-piping-size .piping-size:checked {
  background-image: none;
  background-color: #002e6d !important;
}
.wrapper-piping-size .piping-size:checked ~ .size-code {
  color: #ffffff;
  filter: none;
}
.wrapper-piping-size .size-code {
  display: inline-block;
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  font-size: 0.625rem;
  font-weight: bolder;
  background: inherit;
  -webkit-background-clip: text;
  background-clip: text;
  color: transparent;
  filter: invert(1) grayscale(1) contrast(9);
}

.dotnav a {
  width: 15px;
  height: 15px;
  border: 1px solid #002e6d;
  border-radius: 50%;
  cursor: pointer;
}
.dotnav a:hover {
  background-color: #002e6d;
}
.dotnav .active {
  background-color: #002e6d;
}

@keyframes growProgressBar {
  0%, 33% {
    --pgPercentage: 0;
  }
  100% {
    --pgPercentage: var(--value);
  }
}
@property --pgPercentage {
  syntax: "<number>";
  inherits: false;
}
div[role=progressbar] {
  --size: 2rem;
  --fg: #369;
  --bg: #def;
  --pgPercentage: var(--value);
  animation: none;
  width: var(--size);
  height: var(--size);
  border-radius: 50%;
  display: grid;
  place-items: center;
  background: radial-gradient(closest-side, white 80%, transparent 0 99.9%, white 0), conic-gradient(var(--fg) calc(var(--pgPercentage) * 1%), var(--bg) 0);
  font-family: Helvetica, Arial, sans-serif;
  font-size: calc(var(--size) / 5);
  color: var(--fg);
}

div[role=progressbar].status-complete {
  --fg: #00a5b5;
}
div[role=progressbar].status-incomplete {
  --fg: #c10230;
}

div[role=progressbar].size-xsmall {
  --size: 1rem;
}
div[role=progressbar].size-small {
  --size: 2rem;
}
div[role=progressbar].size-medium {
  --size: 4rem;
}
div[role=progressbar].size-large {
  --size: 6rem;
}
div[role=progressbar].size-xlarge {
  --size: 8rem;
}

/* Comment to display the value inside the circle */
div[role=progressbar]::before {
  content: "";
}

/* Uncomment to display the value inside the circle */
/*
  div[role="progressbar"]::before {
    counter-reset: percentage var(--value);
    content: counter(percentage) '%';
  }
  */
.banner {
  color: #76777a;
}
.banner-hero {
  position: relative;
  padding: 50px;
  background-color: #e6eaf0;
}
@media screen and (min-width: 1200px) {
  .banner-hero {
    padding: 50px 150px;
  }
}
.banner-hero .background {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  object-fit: cover;
}
.banner-hero .banner-content {
  z-index: 1;
  text-align: center;
}
@media screen and (min-width: 1200px) {
  .banner-hero .banner-content {
    text-align: left;
  }
}
.banner-hero .banner-content .heading {
  text-shadow: 1px 1px #000000;
  text-transform: uppercase;
  color: #ffffff;
  font-size: 5em;
}
@media screen and (min-width: 640px) {
  .banner-hero .banner-content .heading {
    font-size: 6em;
    line-height: 100px;
  }
}
.banner-hero .banner-content .btn-alignment {
  text-align: center;
}
.createTeamStore .wrapper {
  padding: 70px 40px;
  background-color: #000000;
}
.createTeamStore .wrapper .title {
  font-size: 3.5rem;
  color: #c10230;
}
.createTeamStore .wrapper .subtitle {
  font-size: 1rem;
  color: #ffffff;
}

.trendingRightNow .wrapper .heading {
  margin: 20px 0px;
  text-transform: uppercase;
  border-bottom: 1px solid #e5e5e5;
}

.moreToExplore .wrapper {
  border-top: 1px solid #e5e5e5;
  border-bottom: 1px solid #e5e5e5;
}
.moreToExplore .wrapper .heading {
  margin: 20px 0px;
  text-transform: uppercase;
  border-bottom: 1px solid #e5e5e5;
}
.moreToExplore .wrapper .title {
  font-size: 3.5rem;
}
.moreToExplore .wrapper .subtitle {
  font-size: 1rem;
}
.moreToExplore .wrapper .card-title {
  font-family: "SansPro-Black";
  font-size: 1.5rem;
  color: #002e6d;
}

.myAccount {
  color: #76777a !important;
}
.myAccount .table-list-header {
  border-bottom: 1px solid #e5e5e5;
}
.myAccount .table-list-header .table-header {
  font-size: 1rem;
  padding: 0px 40px 10px;
}
.myAccount .table-list-item {
  font-size: 0.875rem;
  background-color: #ffffff;
  padding: 40px;
  border-color: #e6eaf0;
}
.myAccount .table-list-item .uk-checkbox {
  border-color: #002e6d;
}
.myAccount .table-list-item .name {
  font-size: 0.875rem;
  font-family: "SansPro-Black";
  color: #002e6d;
}
.myAccount .table-list-item.highlighted {
  outline: 2px solid;
  outline-color: #e6eff8 !important;
  outline-offset: 2px;
  border-color: #0053a7;
  background-color: #e6eff8;
}
.myAccount .table-list-item.archived > *:first-child {
  opacity: 0.4;
  pointer-events: none;
}
.myAccount .table-list-item .reversible-switch-nav ul {
  margin-top: 20px;
}
.myAccount .table-list.orders .table-list-header {
  padding: 0 50px;
}
.myAccount .table-list.orders .table-list-header > * > *:first-child {
  text-align: left;
}
.myAccount .table-list.orders .table-list-item {
  padding: 40px;
}
.myAccount .table-list.orders .table-list-item > * > *:first-child {
  text-align: left;
}
.myAccount .table-list.orders .footer {
  border-top: 1px solid #c8c8c8;
  background-color: transparent;
}
.myAccount .heading {
  text-transform: uppercase;
  font-size: 2.25rem;
}
.myAccount .title {
  font-family: "SansPro-Regular";
  font-size: 1.5rem;
  font-weight: bold;
}
.myAccount .subtitle {
  font-size: 0.875rem;
}
.myAccount .note {
  color: #c10230;
}
.myAccount .btn-circle {
  background-color: transparent;
  border: 1px solid transparent;
}
.myAccount .btn-circle:hover {
  background-color: #e6eaf0;
  border-color: #e6eaf0;
}
.myAccount .filter-drop a {
  padding: 10px 12px;
  border: 1px solid transparent;
  font-size: 0.875rem;
}
.myAccount .filter-drop a:hover {
  background-color: #e6eaf0;
  color: #002e6d;
}
.myAccount .filter-drop-option {
  background-color: #f1f1f2;
  border-radius: 5px;
}
.myAccount .filter-drop-option a {
  padding: 3px 10px;
  border: 1px solid transparent;
}
.myAccount .filter-drop-option a:hover {
  border-radius: 0;
  background-color: #e6eaf0;
  border-color: #e6eaf0;
}
.myAccount .filter-drop-option a.active {
  background-color: #002e6d;
  color: #ffffff !important;
}
.myAccount .box-wrapper {
  padding: 20px;
  border: 1px solid;
  border-color: #e6eaf0;
  font-size: 0.75rem;
}
.myAccount .name {
  font-family: "SansPro-Black";
  font-size: 1.25rem;
  color: #002e6d;
}
.myAccount .address-layout-view .address-item {
  border: 1px solid;
  border-color: #f1f1f2;
}
.myAccount .design-info-label {
  font-size: 1rem;
  font-family: "SansPro-Black";
}

.builder {
  background-color: #707070;
  padding: 20px;
}
.builder .note {
  color: #ffffff;
  font-size: 0.875rem;
}
.builder .design-lock {
  color: #ffffff;
}
.builder .con-canvas {
  position: relative;
}
.builder .con-canvas .wrapper-canvas-header {
  position: absolute;
  top: 0;
  left: 0;
}
.builder .con-canvas .wrapper-canvas-header .con-uniform-details {
  color: #ffffff;
}
.builder .con-canvas .wrapper-canvas-header .con-uniform-details .con-other-details {
  font-size: 0.625rem;
  margin-top: 10px;
}
.builder .con-canvas .wrapper-canvas-header .btn-alter-version * {
  color: #ffffff;
  font-size: 0.5rem;
  font-weight: bolder;
  text-align: center;
  text-transform: uppercase;
}
.builder .con-canvas .wrapper-canvas-header .drpdwn-alter-version .menu > :nth-child(n+2) {
  margin-top: 10px;
}
.builder .con-canvas .wrapper-canvas-header .drpdwn-alter-version .menu li.active > a, .builder .con-canvas .wrapper-canvas-header .drpdwn-alter-version .menu liuk-.active > a {
  color: #ffffff;
  background-color: #002e6d;
  font-weight: bolder;
}
.builder .con-canvas .wrapper-canvas-header .drpdwn-alter-version .menu li.active > a:hover, .builder .con-canvas .wrapper-canvas-header .drpdwn-alter-version .menu liuk-.active > a:hover {
  color: #ffffff;
  background-color: #002962;
}
.builder .con-canvas .wrapper-canvas-header .drpdwn-alter-version .menu li > a.active, .builder .con-canvas .wrapper-canvas-header .drpdwn-alter-version .menu li > auk-.active {
  color: #ffffff;
  background-color: #002e6d;
  font-weight: bolder;
}
.builder .con-canvas .wrapper-canvas-header .drpdwn-alter-version .menu li > a.active:hover, .builder .con-canvas .wrapper-canvas-header .drpdwn-alter-version .menu li > auk-.active:hover {
  color: #ffffff;
  background-color: #002962;
}
.builder .con-canvas .wrapper-canvas-header .panel-title {
  color: #76777a;
}
.builder .con-canvas .wrapper-canvas-content .panel-canvas-content canvas {
  height: 100vh;
  width: 100%;
}
.builder .con-canvas .wrapper-canvas-content .wrapper-side-b .btn-side-b {
  width: 100px;
  display: block;
}
.builder .con-canvas .wrapper-canvas-content .wrapper-side-b .btn-side-b > img {
  filter: drop-shadow(0px 10px 10px rgba(0, 0, 0, 0.5));
}
.builder .con-canvas .wrapper-canvas-content .wrapper-side-b .name {
  color: #ffffff;
  text-align: center;
  text-transform: uppercase;
}
.builder .con-canvas .wrapper-canvas-footer {
  position: absolute;
  bottom: 0;
  left: 50%;
  transform: translateX(-50%);
}
.builder .con-canvas .wrapper-canvas-footer .con-perspective .btn-perspective {
  display: inline-block;
}
.builder .con-editing {
  max-width: 598px;
}
.builder .con-editing .wrapper-editing-header {
  padding: 10px 0px;
  background-color: #ffffff;
  text-align: center;
}
.builder .con-editing .wrapper-editing-header a > * {
  color: #002e6d;
  padding: 16px;
}
.builder .con-editing .wrapper-editing-header a > * > * {
  width: 26px;
  height: 26px;
}
.builder .con-editing .wrapper-editing-header .title {
  font-size: 1.5rem;
  color: #76777a;
}
.builder .con-editing .wrapper-editing-content {
  background-color: #f1f1f2;
  position: relative;
  width: 100%;
  max-height: 598px;
}
.builder .con-editing .wrapper-editing-content .panel-editing-content-popup {
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  background-color: #f1f1f2;
  z-index: 2;
  padding: 32px;
  overflow-y: scroll;
}
.builder .con-editing .wrapper-editing-content .panel-editing-content-popup hr {
  border-color: #989898;
}
.builder .con-editing .wrapper-editing-content .panel-editing-content {
  height: 450px;
  padding: 8px;
  overflow-y: auto;
  overflow-x: hidden;
  background-color: #f1f1f2;
}
.builder .con-editing .wrapper-editing-content .panel-editing-nav-side {
  position: absolute;
  top: 0;
  right: 100%;
  width: 70px;
  border-radius: 8px 0px 0px 8px;
  overflow: hidden;
  background-color: #ffffff;
}
.builder .con-editing .wrapper-editing-content .panel-editing-nav-side a {
  text-decoration: none;
  color: #76777a;
  background-color: transparent;
  border: 1px solid transparent;
  display: block;
  padding: 4px 0px;
  position: relative;
}
.builder .con-editing .wrapper-editing-content .panel-editing-nav-side a > div {
  text-align: center;
  width: 100%;
}
.builder .con-editing .wrapper-editing-content .panel-editing-nav-side a > div:last-child {
  font-size: 0.5rem;
  font-weight: bolder;
  text-transform: uppercase;
}
.builder .con-editing .wrapper-editing-content .panel-editing-nav-side a .icon-tab-status {
  position: absolute;
  top: 0;
  left: 0;
  margin: auto auto auto 4px;
  color: #00a5b5;
}
.builder .con-editing .wrapper-editing-content .panel-editing-nav-side a .icon-tab-status-rework {
  color: #76777a;
}
.builder .con-editing .wrapper-editing-content .panel-editing-nav-side a:hover {
  color: #002e6d;
  background-color: #f1f1f2;
  border-color: transparent;
}
.builder .con-editing .wrapper-editing-content .panel-editing-nav-side a.uk-disabled, .builder .con-editing .wrapper-editing-content .panel-editing-nav-side a.disabled {
  opacity: 0.5;
}
.builder .con-editing .wrapper-editing-content .panel-editing-nav-side .switch-nav-editing-panel li > a:first-child, .builder .con-editing .wrapper-editing-content .panel-editing-nav-side .switch-nav-editing-panel > * > a:first-child {
  color: #76777a;
  background-color: transparent;
  border: 1px solid transparent;
}
.builder .con-editing .wrapper-editing-content .panel-editing-nav-side .switch-nav-editing-panel li > a:hover, .builder .con-editing .wrapper-editing-content .panel-editing-nav-side .switch-nav-editing-panel > * > a:hover {
  color: #002e6d;
  background-color: #f1f1f2;
  border-color: transparent;
}
.builder .con-editing .wrapper-editing-content .panel-editing-nav-side .switch-nav-editing-panel li.uk-active > a, .builder .con-editing .wrapper-editing-content .panel-editing-nav-side .switch-nav-editing-panel li.active > a, .builder .con-editing .wrapper-editing-content .panel-editing-nav-side .switch-nav-editing-panel > *.uk-active > a, .builder .con-editing .wrapper-editing-content .panel-editing-nav-side .switch-nav-editing-panel > *.active > a {
  color: #002e6d;
  border-color: #f1f1f2;
  background-color: #f1f1f2;
}
.builder .con-editing .wrapper-editing-content .panel-editing-nav-side.locked .switch-nav-editing-panel div:nth-child(-n+5) a {
  pointer-events: none;
}
.builder .con-editing .wrapper-editing-content .panel-editing-nav-side.locked .switch-nav-editing-panel div:nth-child(-n+5) a > * {
  opacity: 50%;
}
.builder .con-editing .wrapper-editing-content .panel-editing-nav-side.locked .switch-nav-editing-panel div:nth-child(-n+5) a .icon-tab-status {
  display: block;
  color: #000000;
  opacity: 80%;
}
.builder .colorsWrapper, .builder .pipingsWrapper, .builder .patternsWrapper, .builder .textApplicationWrapper, .builder .prodArtWrapper {
  color: #76777a;
}
.builder .colorsWrapper .title,
.builder .colorsWrapper .label, .builder .pipingsWrapper .title,
.builder .pipingsWrapper .label, .builder .patternsWrapper .title,
.builder .patternsWrapper .label, .builder .textApplicationWrapper .title,
.builder .textApplicationWrapper .label, .builder .prodArtWrapper .title,
.builder .prodArtWrapper .label {
  color: #76777a;
  font-size: 0.75rem;
}
.builder .colorsWrapper .title, .builder .pipingsWrapper .title, .builder .patternsWrapper .title, .builder .textApplicationWrapper .title, .builder .prodArtWrapper .title {
  font-family: "SansPro-Black";
}
.builder .colorsWrapper .note, .builder .pipingsWrapper .note, .builder .patternsWrapper .note, .builder .textApplicationWrapper .note, .builder .prodArtWrapper .note {
  font-size: 0.75rem;
  color: #76777a;
}
.builder .logoWrapper {
  color: #76777a;
}
.builder .logoWrapper .title {
  font-size: 1.25rem;
}
.builder .logoWrapper .subtitle {
  font-size: 0.75rem;
}
.builder .logoWrapper .team-wrapper {
  padding: 15px 0px;
}
.builder .rosterWrapper .table-list-header .table-header {
  font-size: 0.75rem;
}
.builder .rosterWrapper .table-list-item {
  font-size: 0.75rem;
  background-color: inherit;
}
.builder .design-info-dropdown {
  color: #76777a;
}
.builder .design-info-dropdown a {
  text-decoration: none;
}
.builder .roster-list {
  background-color: #e6eaf0;
  padding: 15px 0px;
  font-size: 0.75rem;
}
.builder .roster-list-item {
  padding: 0px 5px;
}
.builder .textApplicationWrapper .accordion-content {
  padding: 8px;
}
.builder .colorsWrapper > :first-child {
  margin-top: 15px;
  padding: 0 15px;
}
.builder .colorsWrapper > :last-child {
  margin-top: 35px;
}
.builder .colorsWrapper > :last-child.body-part-location > li {
  padding: 15px;
}
.builder .colorsWrapper > :last-child.body-part-location > li.highlighted {
  outline: 2px solid;
  border: 1px solid;
  outline-color: #e6eff8 !important;
  outline-offset: 2px;
  border-color: #0053a7;
  background-color: #e6eff8;
}
.builder .productInfo .title.product-name {
  font-family: "SansPro-Light";
  font-size: 2.25rem;
  color: #76777a;
  margin: 0;
}
.builder .productInfo .subtitle.product-line {
  text-transform: uppercase;
  font-size: 1.25rem;
  color: #76777a;
  margin: 0;
}
.builder .productInfo .subtitle.style-name {
  font-size: 1.25rem;
  color: #76777a;
  margin: 0;
}
.builder .productInfo .heading {
  text-transform: uppercase;
  font-family: "SansPro-Black";
}
.builder .productInfo h1.heading {
  font-size: 1.875rem;
}
.builder .productInfo h4.heading {
  font-size: 1.25rem;
  color: #76777a;
  margin: 0 0 3px 0;
  text-transform: uppercase;
}
.builder .productInfo h5.heading {
  font-size: 1rem;
}
.builder .productInfo h5.subheading {
  color: #76777a;
  margin: 0;
}
.builder .price {
  color: #76777a;
  font-size: 1.25rem;
  line-height: 1.2;
}
.builder .price-name {
  font-family: "SansPro-Regular";
}
.builder .price-value {
  font-family: "SansPro-Black";
  color: #002e6d;
}
.builder .price-item {
  font-size: 0.75rem;
}
.builder .esd,
.builder .desc,
.builder .notes,
.builder .gender {
  font-size: 0.75rem;
  color: #76777a;
  margin: 0;
}
.builder .gender {
  font-weight: bold;
}
.builder .box {
  background-color: #76777a;
}
.builder .chart-btn {
  color: #76777a;
}
.builder .issues-logs-nav > a {
  border-color: #fb7185 !important;
  color: #000000 !important;
  background-color: #fb7185 !important;
}
.builder .issues-logs-nav .icon-tab-status {
  color: #000000 !important;
}
.builder .issues-logs-wrapper .attachment-badge {
  text-decoration: underline !important;
}
.builder .issues-logs-wrapper .badge-icon-remove {
  stroke: #005cb9;
  width: 12px !important;
}
.builder .confirmation .uk-form-label {
  margin: 0 !important;
  padding: 0 !important;
}
.builder .confirmation .uk-form-controls span {
  padding-left: 0.3rem;
}
.builder .confirmation .uk-form-controls label {
  padding: 0;
}
.builder .confirmation label {
  margin-top: 0.2rem;
  padding-left: 1rem;
}
.builder .confirmation span {
  text-transform: none !important;
}

.catalog {
  padding: 40px;
}
.catalog .body {
  font-size: 1rem;
  text-transform: uppercase;
}
.catalog .label {
  font-size: 0.875rem;
  color: #c10230;
}
.catalog-item {
  border: 1px solid;
  border-color: #e6eaf0;
}
.catalog-item:hover .sports-img {
  transform: scale(1.03);
  transition: all 0.5s;
}

.checkout-heading, .checkout.heading {
  font-family: "SansPro-Black";
  font-size: 2.25rem;
  text-transform: uppercase;
}
.checkout-title, .checkout.title {
  font-family: "SansPro-Black";
  font-size: 1.5rem;
  text-transform: uppercase;
}
.checkout-title-box, .checkout.title-box {
  font-family: "SansPro-Light";
  font-size: 1.5rem;
  color: #002e6d;
  text-transform: uppercase;
}
.checkout-body, .checkout.body {
  font-family: "SansPro-Regular";
  font-size: 0.875rem;
}
.checkout-body-danger, .checkout.body-danger {
  font-family: "SansPro-Regular";
  font-size: 1rem;
  color: #c10230;
}
.checkout-body-note, .checkout.body-note {
  font-size: 0.625rem;
}
.checkout-wrapper {
  font-family: "SansPro-Black";
  font-size: 1.875rem;
  text-transform: uppercase;
}
.checkout .box-wrapper {
  border-radius: 8px;
  border: 1px solid #76777a;
  padding: 40px;
  background-color: #f1f1f2;
}
.checkout .box-wrapper.box-bdr-solid {
  border: 1px solid;
}
.checkout .uk-form-label span {
  letter-spacing: 1px;
}

.modal .modal-wrapper {
  overflow: hidden;
}
.modal .modal-wrapper .modal-header, .modal .modal-wrapper.heading {
  border: none;
  padding: 32px 32px 16px 32px;
  font-family: "SansPro-Black";
  text-transform: uppercase;
}
.modal .modal-wrapper .modal-body, .modal .modal-wrapper.body {
  padding: 32px;
  font-family: "SansPro-Regular";
}
.modal .modal-wrapper .modal-body:nth-child(2), .modal .modal-wrapper.body:nth-child(2) {
  padding: 16px 32px;
}
.modal .modal-wrapper .modal-footer {
  border: none;
  padding: 16px 32px 32px 32px;
}
.modal .modal-wrapper.footer-gray .modal-body {
  padding: 32px;
}
.modal .modal-wrapper.footer-gray .modal-body:nth-child(2) {
  padding: 24px 32px;
}
.modal .modal-wrapper.footer-gray .modal-footer {
  border: none;
  padding: 24px 32px;
  border-color: #e6e6e6;
}

.contactUs {
  color: #76777a;
}
.contactUs .title {
  font-size: 1.5rem;
  text-transform: uppercase;
  color: #76777a;
}

.DesignPicker {
  color: #76777a;
}
.DesignPicker .title {
  text-transform: uppercase;
  font-size: 1.5rem;
}
.DesignPicker .subheading {
  color: #76777a;
}
.DesignPicker .design-wrapper {
  font-family: "SansPro-Regular";
  font-size: 1rem;
}
.DesignPicker .design-item .label {
  text-transform: uppercase;
  font-size: 1rem;
  font-family: "SansPro-Black";
  color: #76777a;
}
.DesignPicker .design-item .subtitle {
  font-size: 0.75rem;
}
.DesignPicker .design-item .price-item {
  text-align: right;
}
.DesignPicker .design-item .body {
  font-size: 0.75rem;
}
.DesignPicker .design-image .uk-position-cover {
  background-color: #ffffff;
}
.DesignPicker .filterWrapper .label {
  font-family: "SansPro-Black";
  font-size: 1rem;
  color: #76777a;
  text-transform: uppercase;
}
.DesignPicker .con-color-team-add {
  text-align: center;
  height: 100px;
}
.DesignPicker .con-color-team-add .label {
  font-family: "SansPro-Black";
  font-size: 1rem;
  text-transform: uppercase;
}
.DesignPicker .con-color-team-add .btn-add-color .wrapper-content {
  vertical-align: middle;
  position: relative;
  display: inline-block;
  width: 90px;
  height: 90px;
  border-radius: 100%;
  overflow: hidden;
}
.DesignPicker .con-color-team-add .btn-add-color .wrapper-content > img {
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  transition: ease-in-out 0.75s;
  width: 90px;
}
.DesignPicker .con-color-team-add .btn-add-color:hover .wrapper-content > img {
  transform: rotate(720deg);
}
.DesignPicker .con-color-team.uk-grid-column-small, .DesignPicker .con-color-team.uk-grid-small {
  margin-left: -4px;
}
.DesignPicker .con-color-team.uk-grid-column-small > *, .DesignPicker .con-color-team.uk-grid-small > * {
  padding-left: 4px;
}
* + .DesignPicker .con-color-team.uk-grid-margin-small, .DesignPicker .con-color-team.uk-grid + .uk-grid-row-small, .DesignPicker .con-color-team.uk-grid + .uk-grid-small, .DesignPicker .con-color-team.uk-grid-row-small > .uk-grid-margin, .DesignPicker .con-color-team.uk-grid-small > .uk-grid-margin {
  margin-top: 4px;
}
.DesignPicker .con-color-team .btn-edit-color .wrapper-content {
  vertical-align: middle;
  position: relative;
  display: inline-block;
  width: 30px;
  height: 30px;
  border-radius: 100%;
  overflow: hidden;
}
.DesignPicker .con-color-team .btn-edit-color .wrapper-content > img {
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  transition: ease-in-out 0.75s;
}
.DesignPicker .con-color-team .btn-edit-color:hover .wrapper-content > img {
  transform: rotate(720deg);
}
.DesignPicker .con-color-team .btn-remix-color .wrapper-content > * {
  transform: rotate(90deg);
  width: 28px;
  height: 28px;
}
.DesignPicker .wrapper-color-team {
  display: block;
  position: relative;
  border-radius: 4px;
  overflow: hidden;
}
.DesignPicker .wrapper-color-team .color-team {
  background-color: inherit !important;
  margin-top: 0px;
  position: relative;
  width: 28px;
  height: 28px;
  border: 1px solid #eeedeb;
  border-radius: 4px;
  display: block;
}
.DesignPicker .wrapper-color-team .color-code {
  display: inline-block;
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  font-size: 0.625rem;
  font-weight: bolder;
  background: inherit;
  -webkit-background-clip: text;
  background-clip: text;
  color: transparent;
  filter: invert(1) grayscale(1) contrast(9);
}
.DesignPicker .side-panel {
  width: 310px;
}
@media screen and (min-width: 1600px) {
  .DesignPicker .side-panel {
    width: 380px;
  }
}
.DesignPicker .side-panel.disabled .con-color-team, .DesignPicker .side-panel.disabled .apply-team-color, .DesignPicker .side-panel.disabled ul {
  pointer-events: none;
  opacity: 50%;
}
.DesignPicker .con-customize-your-look .drpdwn p {
  font-size: 0.875rem;
  margin: 0px;
}
.DesignPicker .con-customize-your-look .drpdwn p .btn-contact-us {
  text-decoration: none;
  color: #76777a;
}
.DesignPicker .search-toggler .search-label {
  font-size: 1rem;
  font-family: "SansPro-Black";
  color: #76777a;
}
.DesignPicker .search-toggler .subtitle {
  font-size: 1rem;
  font-family: "SansPro-Regular";
}
.DesignPicker .search-toggler .search-list {
  display: none;
}
.DesignPicker .search-toggler :has(div > button span:nth-child(1)[hidden]) .search-list {
  display: unset;
}

.ShoppingCart .cart-header {
  border-bottom: 1px solid;
  border-color: #6a6b6e;
}
.ShoppingCart .cart-header .title {
  font-size: 1.875rem;
  text-transform: uppercase;
}
.ShoppingCart .cart-header .label {
  text-transform: uppercase;
  font-size: 1rem;
}
.ShoppingCart .cart-content {
  background-color: #fafafa;
}
.ShoppingCart .shopping-cart-item {
  font-size: 1rem;
  font-family: "SansPro-Regular";
  padding: 40px;
  background-color: #ffffff;
  border: 1px solid;
  border-color: #e6eaf0;
}
.ShoppingCart .shopping-cart-item .title {
  font-size: 1.5rem;
  text-transform: uppercase;
}
.ShoppingCart .shopping-cart-item .label {
  font-family: "SansPro-Black";
  font-size: 0.875rem;
  text-transform: uppercase;
}
.ShoppingCart .shopping-cart-item .subtitle {
  font-size: 0.625rem;
}
.ShoppingCart .shopping-cart-item .option-label {
  padding-left: 5px;
}
.ShoppingCart .shopping-cart-item .name,
.ShoppingCart .shopping-cart-item .qty,
.ShoppingCart .shopping-cart-item .prod-info {
  text-transform: uppercase;
  font-size: 0.875rem;
  font-family: "SansPro-Black";
}
.ShoppingCart .shopping-cart-item .sport,
.ShoppingCart .shopping-cart-item .product,
.ShoppingCart .shopping-cart-item .style {
  font-size: 0.75rem;
}
.ShoppingCart .shopping-cart-item .cart-item-total {
  font-size: 1.25rem;
  color: #c10230;
  text-transform: uppercase;
}
.ShoppingCart .shopping-cart-item.highlighted {
  outline: 2px solid;
  outline-color: #e6eff8 !important;
  outline-offset: 2px;
  border-color: #0053a7;
  background-color: #e6eff8;
}
.ShoppingCart .shopping-cart-item .reversible-switch-nav ul {
  margin-top: 15px;
}
.ShoppingCart .menu li a {
  line-height: 24px;
}
.ShoppingCart .menu li a > div {
  font-size: 0.75rem !important;
}
.ShoppingCart .table-list {
  margin-top: 10px;
}
.ShoppingCart .table-list-header .table-header {
  font-size: 0.625rem;
  margin-bottom: 4px;
}
.ShoppingCart .table-list-item {
  font-size: 0.75rem;
  background-color: transparent;
  padding-top: 4px;
  padding-bottom: 4px;
}
.ShoppingCart .btn-status-drop-msg {
  font-size: 0.875rem;
}
.ShoppingCart .need-help-wrapper .title {
  font-size: 1rem;
  text-transform: uppercase;
  margin-bottom: 0px;
}
.ShoppingCart .sc-wizard-container .step-wrapper {
  display: flex;
  justify-content: center;
  align-items: center;
  list-style: none;
  margin: 0 auto;
  padding: 0;
  text-align: center;
}
.ShoppingCart .sc-wizard-container .step-item {
  margin: 0;
  width: 25vw;
  position: relative;
}
@media screen and (min-width: 640px) {
  .ShoppingCart .sc-wizard-container .step-item {
    width: 20vw;
  }
}
@media screen and (min-width: 960px) {
  .ShoppingCart .sc-wizard-container .step-item {
    width: 16.6666666667vw;
  }
}
.ShoppingCart .sc-wizard-container .step-item:before {
  content: "";
  display: block;
  position: absolute;
  top: 30%;
  left: 55%;
  width: 100%;
  height: 2px;
  transform: translate(-100%, -50%);
  color: #002e6d;
  background-color: currentColor;
}
.ShoppingCart .sc-wizard-container .step-item:first-child:before {
  display: none;
}
.ShoppingCart .sc-wizard-container .step-item .step-number {
  background-color: #e6eaf0;
  border-color: #002e6d;
  color: #002e6d;
}
.ShoppingCart .sc-wizard-container .step-item.step-active .step-number {
  background-color: #002e6d;
  border-color: #002e6d;
  color: #ffffff;
}
.ShoppingCart .sc-wizard-container .step-item.step-active:before {
  color: #002e6d;
}
.ShoppingCart .sc-wizard-container .step-item.step-done .step-number {
  background-color: #002e6d;
  color: #ffffff;
  border-color: #002e6d;
}
.ShoppingCart .sc-wizard-container .step-item.step-done:before {
  color: #002e6d;
}
.ShoppingCart .sc-wizard-container .step-content {
  margin: 0;
  display: flex;
  justify-content: center;
  align-items: center;
  flex-direction: column;
}
.ShoppingCart .sc-wizard-container .step-number {
  position: relative;
  display: flex;
  justify-content: center;
  align-items: center;
  margin-bottom: 10px;
  width: 30px;
  height: 30px;
  border: 2px solid #002e6d;
  border-radius: 100%;
  color: #000000;
  background-color: #ffffff;
  z-index: 2;
  font-size: 0.875rem;
}
@media screen and (min-width: 640px) {
  .ShoppingCart .sc-wizard-container .step-number {
    width: 35px;
    height: 35px;
    font-size: 1rem;
  }
}
.ShoppingCart .sc-wizard-container .step-title {
  margin: 0;
  font-size: 0.75rem;
  color: #002e6d;
  text-transform: uppercase;
}

.AddItemCart .title {
  font-size: 1.875rem;
}
.AddItemCart .cart-item,
.AddItemCart .add-new-cart {
  color: #000000;
  border: 1px solid #e5e5e5;
  padding: 20px;
}
.AddItemCart .cart-item .title,
.AddItemCart .add-new-cart .title {
  font-size: 1.25rem;
  color: #000000;
}
.AddItemCart .cart-item .heading,
.AddItemCart .add-new-cart .heading {
  text-transform: none;
  color: #000000;
  font-size: 1.875rem;
}

.cart-item-footer .btn {
  min-width: 150px;
}

.continueShopping {
  background-color: #fafafa;
  padding: 60px 40px;
}
.continueShopping .continue-shopping-thumbnail {
  display: flex;
  justify-content: center;
  align-items: center;
}
.continueShopping .continue-shopping-thumbnail img {
  aspect-ratio: 1/1;
  object-fit: contain;
  max-width: 60px;
  max-height: 60px;
}

.SportsPicker .label {
  font-size: 1.25rem;
  text-transform: uppercase;
}

.PrivacyPolicy {
  color: #76777a;
}
.PrivacyPolicy .heading,
.PrivacyPolicy .title {
  text-transform: uppercase;
}
.PrivacyPolicy .title {
  font-size: 1.5rem;
}

.TermsConditions {
  color: #76777a;
}
.TermsConditions .heading,
.TermsConditions .title {
  text-transform: uppercase;
}
.TermsConditions .title {
  font-size: 1.5rem;
}

.Warranty {
  color: #76777a;
}
.Warranty .heading,
.Warranty .title {
  text-transform: uppercase;
}
.Warranty .title {
  font-size: 1.5rem;
}
.Warranty .list li {
  font-size: 1rem;
}

.MaterialCareGuide {
  color: #76777a;
}
.MaterialCareGuide .heading,
.MaterialCareGuide .title {
  text-transform: uppercase;
}
.MaterialCareGuide .title {
  color: #76777a;
  font-size: 1.5rem;
  font-family: "SansPro-Regular";
}

.colorGuide {
  color: #76777a;
}
.colorGuide .heading,
.colorGuide .title,
.colorGuide .subtitle {
  text-transform: uppercase;
}
.colorGuide .title {
  font-family: "SansPro-Regular";
}
.colorGuide .list li:first-child {
  border-bottom: 2px solid #002e6d;
  padding-bottom: 50px;
}
.colorGuide .color-wrapper {
  margin-top: 30px !important;
  display: flex;
  flex-wrap: wrap;
  flex-flow: row wrap;
  padding: 0;
  margin: 0;
  list-style: none;
  gap: 40px;
}
.colorGuide .color-item {
  width: 100%;
}
@media screen and (min-width: 640px) {
  .colorGuide .color-item {
    width: 25%;
  }
}
@media screen and (min-width: 960px) {
  .colorGuide .color-item {
    width: 12.5%;
  }
}
@media screen and (min-width: 1200px) {
  .colorGuide .color-item {
    width: 10%;
  }
}
.colorGuide .color-box {
  border: 1px solid;
  border-color: #f1f1f2;
}

.about-us {
  color: #76777a;
}
.about-us-heading,
.about-us .heading {
  font-family: "SansPro-Black";
  font-size: 3.5rem;
  text-transform: uppercase;
}
.about-us.title-socials {
  font-family: "SansPro-Black";
  font-size: 1.5rem;
  color: #002e6d;
}
.about-us.title-contact {
  font-family: "SansPro-Regular";
  font-size: 1rem;
  text-transform: uppercase;
}
.about-us-body,
.about-us .body {
  font-family: "SansPro-Regular";
  font-size: 1rem;
  color: #76777a;
}
.about-us.background {
  background-color: #f1f1f2;
}

.about-us-qtp {
  padding: 0;
}
.about-us-qtp .billboard, .about-us-qtp .billboard-column {
  background-position: 50% 0%;
  height: 620px;
}
.about-us-qtp .billboard::before, .about-us-qtp .billboard-column::before {
  background: rgba(0, 0, 0, 0.21);
  content: "";
  height: 100%;
  left: 0;
  position: absolute;
  top: 0;
  width: 100%;
}
@media screen and (max-width: 1200px) {
  .about-us-qtp .billboard {
    height: 500px;
  }
}
@media screen and (max-width: 960px) {
  .about-us-qtp .billboard {
    background-position: 50% 50%;
    height: 330px;
  }
}
@media screen and (max-width: 480px) {
  .about-us-qtp .billboard {
    height: 230px;
  }
}
@media screen and (max-width: 1200px) {
  .about-us-qtp .billboard-column {
    height: 420px;
  }
}
.about-us-qtp .text-wrapper {
  position: absolute;
}
.about-us-qtp .text-wrapper h1 {
  text-transform: uppercase;
}
.about-us-qtp .text-wrapper h1, .about-us-qtp .text-wrapper p {
  color: #ffffff;
}
.about-us-qtp .text-wrapper.container-left, .about-us-qtp .text-wrapper.container-right {
  padding: 0 70px;
  top: 50%;
}
@media screen and (max-width: 1200px) {
  .about-us-qtp .text-wrapper.container-left, .about-us-qtp .text-wrapper.container-right {
    top: 25%;
    text-align: center !important;
    left: 0;
    right: 0;
  }
}
.about-us-qtp .text-wrapper.container-billboard {
  text-align: center;
  top: 30%;
  left: 0;
  right: 0;
}
.about-us-qtp .text-wrapper.container-billboard h1 {
  font-size: 2.25rem;
  font-weight: bold;
}
.about-us-qtp .text-wrapper.container-billboard p {
  padding: 0 40px;
  font-size: 2.875rem;
  font-weight: 600;
}
@media screen and (max-width: 1200px) {
  .about-us-qtp .text-wrapper.container-billboard {
    top: 25%;
  }
  .about-us-qtp .text-wrapper.container-billboard p {
    font-size: 1.875rem;
  }
}
@media screen and (max-width: 960px) {
  .about-us-qtp .text-wrapper.container-billboard p {
    font-size: 1.25rem;
  }
}
@media screen and (max-width: 480px) {
  .about-us-qtp .text-wrapper.container-billboard {
    top: 20%;
  }
  .about-us-qtp .text-wrapper.container-billboard p {
    font-size: 0.875rem;
  }
}
.about-us-qtp .text-wrapper.container-left {
  text-align: left;
  left: 0;
}
.about-us-qtp .text-wrapper.container-right {
  text-align: right;
  right: 0;
}

.approval {
  color: #76777a;
}
.approval.title-primary {
  font-family: "SansPro-Black";
  font-size: 1rem;
  color: #002e6d;
  text-transform: uppercase;
}
.approval.title-normal {
  font-family: "SansPro-Light";
  font-size: 1rem;
  color: #6a6b6e;
  text-transform: uppercase;
}
.approval-body,
.approval body {
  font-family: "SansPro-Regular";
  font-size: 1rem;
  color: #76777a;
}
.approval.pg-logo {
  max-width: 120px;
  max-height: 120px;
}

.approval-background {
  background-color: #6a6b6e;
}

.approval-content {
  background-color: #ffffff;
}

.approved {
  text-align: center;
}

.btn-disabled {
  background-color: #e6eaf0;
  width: 190px;
  pointer-events: none;
}
.btn-enabled {
  width: 190px;
}

.notification.notification-danger {
  border: none !important;
  text-align: center;
  margin: 80px auto;
  width: 70%;
}

.dealer-locator {
  color: #76777a;
}
.dealer-locator.title {
  font-family: "SansPro-Light";
  font-size: 1.25rem;
}
.dealer-locator.body {
  font-family: "SansPro-Regular";
  font-size: 1rem;
  color: #76777a;
}
.dealer-locator.body-location {
  font-family: "SansPro-Regular";
  font-size: 0.875rem;
}
.dealer-locator.background {
  background-color: #f1f1f2;
}

.reset-password-heading,
.reset-password .heading {
  font-family: "SansPro-Black";
  font-size: 3.5rem;
  text-transform: uppercase;
}
.reset-password-title,
.reset-password .title {
  font-family: "SansPro-Black";
  font-size: 1.25rem;
}
.reset-password.body {
  font-family: "SansPro-Regular";
  font-size: 0.75rem;
  color: #c10230;
}
.reset-password.body-success {
  font-family: "SansPro-Regular";
  font-size: 0.75rem;
  color: #00a5b5;
}

.marks-checked {
  color: #00a5b5;
  font-size: 0.75rem;
}
.marks-x {
  color: #c10230;
  font-size: 0.75rem;
}

.login-heading,
.login .heading {
  font-family: "SansPro-Black";
  font-size: 3.5rem;
  text-transform: uppercase;
}
.login-title,
.login .title {
  font-family: "SansPro-Black";
  font-size: 1.25rem;
}
.login-body,
.login .body {
  font-family: "SansPro-Regular";
  font-size: 0.875rem;
  margin-bottom: 20px !important;
}

.forgot-password {
  margin-top: 2px;
  font-size: 0.75rem;
  color: #c10230;
  font-family: "SansPro-Light";
}

.forgot-password-heading,
.forgot-password .heading {
  font-family: "SansPro-Black";
  font-size: 3.5rem;
  text-transform: uppercase;
}
.forgot-password-body,
.forgot-password body {
  font-family: "SansPro-Black";
  font-size: 1.25rem;
  color: #002e6d;
}

.demo {
  color: #76777a;
}
.demo-heading,
.demo .heading {
  font-family: "SansPro-Black";
  font-size: 1.5rem;
}
.demo-title,
.demo .title {
  font-family: "SansPro-Black";
  font-size: 1rem;
  text-transform: uppercase;
}

.giving-back {
  color: #76777a;
}
.giving-back .heading {
  font-family: "SansPro-Black";
  font-size: 3.5rem;
  text-transform: uppercase;
  margin: 0;
}
.giving-back .title-contact {
  font-family: "SansPro-Regular";
  font-size: 1rem;
  text-transform: uppercase;
}
.giving-back .body {
  font-family: "SansPro-Regular";
  font-size: 1rem;
  color: #76777a;
}
.giving-back .card, .giving-back .card-header, .giving-back .contact-section {
  background-color: #f1f1f2;
}
.giving-back .card {
  border: none;
  box-shadow: none;
}
.giving-back .card-header {
  font-family: "SansPro-Black";
  font-size: 1.5rem;
  color: #002e6d;
}

.ShoppingCartDropdown .shipping-group.shopping-cart {
  font-size: 1rem;
  padding: 20px 20px 0px 20px;
  background-color: #ffffff;
  border: 1px solid;
  border-color: #e6eaf0;
}
.ShoppingCartDropdown .shipping-group.shopping-cart.item .title {
  font-size: 1.25rem;
  text-transform: uppercase;
}
.ShoppingCartDropdown .shipping-group.shopping-cart.item .label {
  font-family: "SansPro-Regular";
  font-size: 0.875rem;
}
.ShoppingCartDropdown .shipping-group.shopping-cart.item .subtitle {
  font-family: "SansPro-Regular";
  font-size: 0.75rem;
}
.ShoppingCartDropdown .shipping-group.shopping-cart.item .sports-label {
  font-family: "SansPro-Regular";
  font-size: 0.625rem;
}
.ShoppingCartDropdown .status-complete .moq-fee {
  color: #00a5b5;
  font-family: "SansPro-Regular";
  font-size: 0.875rem;
}
.ShoppingCartDropdown .status-complete .moq-fee.minimum-fee {
  display: none;
}
.ShoppingCartDropdown .status-complete .moq-fee.percentage {
  font-size: 0.75rem;
}
.ShoppingCartDropdown .status-incomplete .moq-fee {
  color: #c10230;
  font-family: "SansPro-Regular";
  font-size: 0.875rem;
}
.ShoppingCartDropdown .status-incomplete .moq-fee.minimum-fee {
  display: block;
}
.ShoppingCartDropdown .status-incomplete .moq-fee.percentage {
  font-size: 0.75rem;
}

.sport-toggler .sports-list {
  display: none;
}
.sport-toggler :has(div > button span:nth-child(1)[hidden]) .sports-list {
  display: flex;
}

.ShoppingCart .shipping-group {
  margin: 20px;
  border: 1px solid #e6eaf0;
}
.ShoppingCart .shipping-group-header .status-complete .moq-fee {
  color: #00a5b5;
  font-family: "SansPro-Regular";
}
.ShoppingCart .shipping-group-header .status-complete .moq-fee.minimum-fee {
  display: none;
}
.ShoppingCart .shipping-group-header .status-complete .moq-fee.percentage {
  font-size: 0.75rem;
}
.ShoppingCart .shipping-group-header .status-complete .right-container .subtotal {
  width: 100%;
}
.ShoppingCart .shipping-group-header .status-incomplete .moq-fee {
  color: #c10230;
}
.ShoppingCart .shipping-group-header .status-incomplete .right-container .subtotal {
  width: 100%;
}
.ShoppingCart .shipping-group-header .status-icon {
  color: #76777a;
}
.ShoppingCart .shipping-group .right-container {
  width: 300px;
}
.ShoppingCart .shipping-group .sport-toggler .sports-item {
  display: none;
}
.ShoppingCart .shipping-group .sport-toggler :has(> div > button span:nth-child(1)[hidden]) .sports-item {
  display: flex;
}
.ShoppingCart .shipping-group .sports-lists > div.uk-grid {
  text-align: center;
}
.ShoppingCart .shipping-group .sports-lists > div.uk-grid a.img-height {
  width: 100px;
  height: 50px;
  display: flex;
  align-items: center;
  justify-content: center;
  margin: 20px auto 0;
}

.custom-grid {
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(120px, 1fr));
  gap: 16px;
}
.custom-grid > * {
  width: 100%;
}

.teamstores {
  color: #76777a !important;
}
.teamstores .heading {
  text-transform: uppercase;
  font-size: 2.25rem;
}
.teamstores .title {
  font-family: "SansPro-Regular";
  font-size: 1.5rem;
  font-weight: bold;
}
.teamstores .subtitle {
  font-size: 0.875rem;
  margin: 0px;
}
.teamstores .btn-circle {
  background-color: transparent;
  border: 1px solid transparent;
}
.teamstores .btn-circle:hover {
  background-color: #e6eaf0;
  border-color: #e6eaf0;
}
.teamstores .btn-delete {
  color: #c10230;
}
.teamstores .btn-delete:hover {
  color: #c10230;
}
.teamstores .filter-drop a {
  padding: 10px 12px;
  border: 1px solid transparent;
  font-size: 0.875rem;
}
.teamstores .filter-drop a:hover {
  background-color: #e6eaf0;
  color: #002e6d;
}
.teamstores .filter-drop-option {
  background-color: #f1f1f2;
  border-radius: 5px;
}
.teamstores .filter-drop-option a {
  padding: 3px 10px;
  border: 1px solid transparent;
}
.teamstores .filter-drop-option a:hover {
  border-radius: 0;
  background-color: #e6eaf0;
  border-color: #e6eaf0;
}
.teamstores .filter-drop-option a.active {
  background-color: #002e6d;
  color: #ffffff !important;
}
.teamstores .switch-nav.switch-nav-size-small li > a {
  font-size: 0.75rem;
}
.teamstores .switch-nav.switch-nav-teamstore.uk-grid-small > li:only-child {
  width: 25% !important;
  flex: none !important;
  max-width: 25% !important;
}
@media (min-width: 960px) {
  .teamstores .switch-nav.switch-nav-teamstore.uk-grid-small > li:not(:only-child) {
    flex: 1 1 auto !important;
    width: auto !important;
  }
}
.teamstores .products-tab .headers,
.teamstores .products-tab .bulk-pricing-label,
.teamstores .products-tab .gender .adult,
.teamstores .products-tab .gender .youth {
  font-size: 0.75rem;
  text-transform: uppercase;
}
.teamstores .products-tab .status-published {
  color: #00a5b5;
  font-size: 0.75rem;
  text-transform: uppercase;
  width: 125px;
}
.teamstores .products-tab .bulk-pricing-label {
  font-size: 0.875rem;
}
.teamstores .products-tab .btn-icon {
  color: #002e6d;
}
.teamstores .products-tab .checkbox {
  border: 1px solid #000000;
  height: 14px;
  width: 14px;
}
.teamstores .products-tab .btn-set-pricing {
  margin-right: 20px;
}
.teamstores .products-tab .product-list {
  padding: 15px;
  margin-top: 0;
  background-color: #f1f1f2;
}
.teamstores .products-tab .product-list .items {
  border: 1px solid #ffffff;
  background-color: #ffffff;
  padding: 10px;
}
.teamstores .products-tab .product-list .team-jersey-name {
  color: #000000;
}
.teamstores .products-tab .product-list .ellipsis > a,
.teamstores .products-tab .product-list .ellipsis .btn-duplicate {
  color: #76777a;
}
.teamstores .products-tab .product-list .ellipsis .btn-delete {
  color: #c10230;
}
.teamstores .products-tab .product-list .team-options {
  display: flex;
  align-items: center;
  gap: 1rem;
}
.teamstores .products-tab .product-list .team-options .team-required, .teamstores .products-tab .product-list .team-options .team-supplied {
  font-size: 0.75rem;
}
.teamstores .products-tab .product-list .uniform > img {
  margin-right: 12px;
}
.teamstores .products-tab .selected-products {
  padding: 0 15px;
}
.teamstores .products-tab .selected-products-wrapper {
  background-color: #f1f1f2;
  padding: 10px 15px;
}
.teamstores .products-tab .selected-products-wrapper .delete-icon {
  margin-left: 40px;
}
.teamstores .products-tab .selected-products-wrapper span {
  font-size: 0.875rem;
  color: #000000;
  margin-left: 5px;
}
.teamstores .products-tab .btn-asterisk {
  font-size: 20px;
  color: #c10230;
}
.teamstores .zero-state {
  text-align: center;
  margin-top: 50px;
}
.teamstores .zero-state .message {
  font-size: 0.875rem;
}
.teamstores .general-info-tab .con-form-general-info .title {
  font-size: 1.25rem;
  text-transform: uppercase;
  font-family: "SansPro-Black";
}
.teamstores .general-info-tab .con-form-general-info .uk-input, .teamstores .general-info-tab .con-form-general-info .select {
  pointer-events: none;
  opacity: 0.5;
}
.teamstores .general-info-tab .con-form-general-info .btn-cancel, .teamstores .general-info-tab .con-form-general-info .btn-save, .teamstores .general-info-tab .con-form-general-info .btn-pen, .teamstores .general-info-tab .con-form-general-info .btn-checkbox {
  display: none;
}
.teamstores .general-info-tab .con-form-general-info.open .uk-input, .teamstores .general-info-tab .con-form-general-info.open .select {
  pointer-events: unset;
  opacity: 1;
}
.teamstores .general-info-tab .con-form-general-info.open .btn-cancel, .teamstores .general-info-tab .con-form-general-info.open .btn-save, .teamstores .general-info-tab .con-form-general-info.open .btn-pen, .teamstores .general-info-tab .con-form-general-info.open .btn-checkbox {
  display: flex;
}
.teamstores .general-info-tab .con-form-general-info.open .btn-edit {
  display: none !important;
}
.teamstores .general-info-tab .con-form-general-info.open .btn-edit {
  display: none;
}
.teamstores .general-info-tab .con-form-general-info .match-title {
  padding-bottom: 5px;
}
.teamstores .general-info-tab .con-form-general-info .uk-disabled {
  pointer-events: none;
  background-color: #f5f5f5;
  color: #999;
}
.teamstores .general-info-tab .con-form-general-info .uk-disabled:disabled {
  pointer-events: none;
}
.teamstores .payouts-tab .information {
  padding: 15px;
}
.teamstores .payouts-tab .information .card-info {
  border: 1px solid #f1f1f2;
}
.teamstores .payouts-tab .information .card-info ul {
  margin: 0px;
}
.teamstores .payouts-tab .information .card-info .w9-received {
  font-size: 0.75rem;
  text-transform: uppercase;
  color: #76777a;
  text-decoration: underline;
}
.teamstores .payouts-tab .information .card-info .w9-received .icon {
  margin-left: 10px;
}
.teamstores .payouts-tab .information .card-info .name,
.teamstores .payouts-tab .information .card-info .number {
  font-size: 0.875rem;
}
.teamstores .payouts-tab .information .card-info .email {
  color: #005cb9;
  font-size: 0.875rem;
}
.teamstores .payouts-tab .information .card-chart {
  border: 1px solid #f1f1f2;
}
.teamstores .payouts-tab .information .card-chart .payout-title {
  text-transform: uppercase;
  font-weight: bold;
  color: #002e6d;
}
.teamstores .payouts-tab .information .card-chart .total-sales {
  margin-left: auto;
}
.teamstores .payouts-tab .information .card-chart .total-sales h6 {
  margin: 0px;
  color: #002e6d;
  font-weight: bold;
}
.teamstores .payouts-tab .information .card-chart .total-sales p {
  font-size: 9px;
  text-align: right;
}
.teamstores .payouts-tab .information .label {
  text-transform: uppercase;
  font-size: 0.625rem;
}
.teamstores .payouts-tab .statistics {
  padding: 15px;
}
.teamstores .payouts-tab .statistics .card-next-payout, .teamstores .payouts-tab .statistics .card-dealer-balance, .teamstores .payouts-tab .statistics .card-team-balance {
  border: 1px solid #f1f1f2;
}
.teamstores .payouts-tab .statistics .card-next-payout span.label, .teamstores .payouts-tab .statistics .card-dealer-balance span.label, .teamstores .payouts-tab .statistics .card-team-balance span.label {
  text-transform: uppercase;
}
.teamstores .payouts-tab .statistics .card-next-payout h6, .teamstores .payouts-tab .statistics .card-dealer-balance h6, .teamstores .payouts-tab .statistics .card-team-balance h6 {
  text-transform: uppercase;
  margin: 0;
  font-weight: bold;
  margin-top: 5px;
}
.teamstores .payouts-tab .statistics .card-dealer-balance h6, .teamstores .payouts-tab .statistics .card-team-balance h6 {
  color: #00a5b5;
}
.teamstores .payouts-tab .monthly-payouts {
  padding: 15px;
}
.teamstores .payouts-tab .monthly-payouts .list {
  padding: 0;
  margin: 0;
}
.teamstores .payouts-tab .monthly-payouts .list .item {
  border: 1px solid #f1f1f2;
  padding: 24px;
  margin-bottom: 15px;
}
.teamstores .payouts-tab .monthly-payouts h6.date {
  text-transform: uppercase;
  font-weight: bold;
}
.teamstores .payouts-tab .monthly-payouts h6.date span {
  color: #76777a;
}
.teamstores .payouts-tab .monthly-payouts h6.status {
  text-transform: uppercase;
  font-size: 0.75rem;
  color: #00a5b5;
  display: flex;
  text-align: center;
}
.teamstores .payouts-tab .monthly-payouts .payout-list {
  text-transform: uppercase;
  font-size: 0.75rem;
}
.teamstores .payouts-tab .monthly-payouts .payout-list div.value {
  color: #000000;
}
.teamstores .payouts-tab .monthly-payouts .zero-state .sub-message {
  font-size: 0.75rem;
}
.teamstores .players-tab .selected-players {
  padding: 0 15px;
}
.teamstores .players-tab .selected-players-wrapper {
  background-color: #f1f1f2;
  padding: 10px 15px;
}
.teamstores .players-tab .selected-players-wrapper .delete-icon {
  margin-left: 40px;
}
.teamstores .players-tab .selected-players-wrapper span {
  font-size: 0.875rem;
  color: #000000;
  margin-left: 5px;
}
.teamstores .players-tab .selected-players-wrapper .btn-icon {
  color: #002e6d;
}
.teamstores .players-tab .con-player-list {
  max-height: calc(100vh - 430px);
  overflow-y: auto;
}
.teamstores .players-tab .con-player-list .table-list-header {
  position: sticky;
  top: 0;
  z-index: 20;
  background-color: #ffffff;
}
.teamstores .players-tab .con-player-list .table-list-header .headers {
  font-size: 0.75rem;
  text-transform: uppercase;
}
.teamstores .players-tab .con-player-list .table-items {
  padding: 24px 10px;
  font-size: 0.875rem;
}
.teamstores .players-tab .con-player-list .table-items:hover {
  background-color: #e6eaf0;
}
.teamstores .players-tab .con-player-list .table-items .email {
  color: #005cb9;
  cursor: pointer;
}
.teamstores .pending-orders-tab .selected-orders {
  padding: 0 15px;
}
.teamstores .pending-orders-tab .selected-orders-wrapper {
  background-color: #f1f1f2;
  padding: 10px 15px;
}
.teamstores .pending-orders-tab .selected-orders-wrapper span {
  font-size: 0.875rem;
  color: #000000;
  margin-left: 5px;
}
.teamstores .pending-orders-tab .selected-orders-wrapper .btn-icon {
  color: #002e6d;
}
.teamstores .pending-orders-tab .con-orders-list {
  padding: 15px;
}
.teamstores .pending-orders-tab .con-orders-list .items {
  border: 1px solid #f1f1f2;
  padding: 10px;
}
.teamstores .pending-orders-tab .con-orders-list .items .status-complete .moq-fee {
  color: #00a5b5;
  font-family: "SansPro-Regular";
  font-size: 0.875rem;
}
.teamstores .pending-orders-tab .con-orders-list .items .status-complete .moq-fee.minimum-fee {
  display: none;
}
.teamstores .pending-orders-tab .con-orders-list .items .status-complete .moq-fee.percentage {
  font-size: 0.75rem;
}
.teamstores .pending-orders-tab .con-orders-list .items .status-incomplete .moq-fee {
  color: #c10230;
  font-family: "SansPro-Regular";
  font-size: 0.875rem;
}
.teamstores .pending-orders-tab .con-orders-list .items .status-incomplete .moq-fee.minimum-fee {
  display: block;
}
.teamstores .pending-orders-tab .con-orders-list .items .status-incomplete .moq-fee.percentage {
  font-size: 0.75rem;
}
.teamstores .pending-orders-tab .con-orders-list .items .table-list-header .headers {
  font-size: 0.75rem;
  text-transform: uppercase;
}
.teamstores .pending-orders-tab .con-orders-list .items .table-items {
  font-size: 0.875rem;
}
.teamstores .pending-orders-tab .con-orders-list .items .con-checkbox {
  width: 40px;
}

.ViewStore .ts-checked {
  line-height: 8px;
}
.ViewStore .ts-checked .success {
  color: #00a5b5;
}

.page-layout-add-to-cart {
  padding: 20px;
}
.page-layout-add-to-cart .heading {
  font-size: 1.5rem;
  color: #002e6d;
  text-transform: uppercase;
  font-family: "SansPro-Black";
}
.page-layout-add-to-cart .con-preview .wrapper-side-header {
  position: absolute;
  margin-top: 30px;
}
.page-layout-add-to-cart .con-preview .wrapper-side-header .con-perspective li div {
  border: 1px solid;
  border-color: #f1f1f2;
  opacity: 0.5;
}
.page-layout-add-to-cart .con-preview .wrapper-side-header .con-perspective li div.active {
  border: 1px solid #76777a;
  opacity: 1;
}
.page-layout-add-to-cart .con-preview .wrapper-preview-content {
  margin-top: 10px;
}
.page-layout-add-to-cart .con-preview .wrapper-preview-footer {
  position: relative;
  left: 50%;
  padding: 30px;
  margin-top: 10px;
  transform: translateX(-50%);
}
.page-layout-add-to-cart .con-preview .wrapper-preview-footer .title {
  font-size: 1.25rem;
  text-transform: uppercase;
  font-family: "SansPro-Black";
  color: #76777a;
  opacity: 50%;
}
.page-layout-add-to-cart .con-related-products .item {
  max-width: 100%;
  height: auto;
}
.page-layout-add-to-cart .con-related-products .item .label {
  text-transform: uppercase;
  font-size: 1rem;
  font-family: "SansPro-Black";
  color: #76777a;
}
.page-layout-add-to-cart .con-related-products .item .body {
  font-size: 0.75rem;
}
.page-layout-add-to-cart .con-editing {
  width: 450px;
  height: calc(130vh - 85px);
  padding: 10px;
  overflow-y: auto;
}
.page-layout-add-to-cart .con-editing .wrapper-editing-header {
  margin-bottom: 30px;
}
.page-layout-add-to-cart .con-editing .wrapper-editing-header .price {
  font-size: 1.5rem;
  font-family: "SansPro-Black";
  color: #76777a;
}
.page-layout-add-to-cart .con-editing .wrapper-editing-header .subheading {
  font-size: 1.25rem;
  text-transform: uppercase;
  font-family: "SansPro-Black";
  opacity: 50%;
}
.page-layout-add-to-cart .con-editing .wrapper-editing-content {
  margin-bottom: 30px;
}
.page-layout-add-to-cart .con-editing .input-validation {
  margin: 0;
}
.page-layout-add-to-cart .con-editing .con-charts .chart-btn {
  color: #76777a;
}
.page-layout-add-to-cart .con-editing .wrapper-editing-footer a {
  margin-bottom: 30px;
}
.page-layout-add-to-cart .con-editing .wrapper-product-info .con-product-info h4.heading {
  font-size: 1.25rem;
  color: #76777a;
  margin: 0 0 3px 0;
}
.page-layout-add-to-cart .con-editing .wrapper-product-info .con-product-info h5.heading {
  font-size: 1rem;
}
.page-layout-add-to-cart .con-editing .wrapper-product-info .con-product-info h5.subheading {
  color: #76777a;
  font-family: "SansPro-Light";
  font-size: 1rem;
  margin: 0;
}
.page-layout-add-to-cart .con-editing .wrapper-product-info .con-product-info .desc,
.page-layout-add-to-cart .con-editing .wrapper-product-info .con-product-info .notes {
  font-size: 0.75rem;
  color: #76777a;
}

.page-layout-checkout.title,
.page-layout-checkout .subtitle {
  color: #76777a;
}
.page-layout-checkout .subtitle {
  font-size: 1rem;
}
.page-layout-checkout .order-items {
  font-family: "SansPro-Light";
  font-size: 1rem;
  text-transform: uppercase;
}
.page-layout-checkout .total {
  font-weight: bold;
}
.page-layout-checkout .disabled, .page-layout-checkout .shipping-title {
  color: #76777a;
  opacity: 50%;
}
.page-layout-checkout .con-shipping,
.page-layout-checkout .con-payment,
.page-layout-checkout .con-billing {
  margin-bottom: 20px;
}
.page-layout-checkout .con-shipping-header,
.page-layout-checkout .con-payment-header,
.page-layout-checkout .con-billing-header {
  margin-bottom: 10px;
}
.page-layout-checkout .con-billing .con-billing-details {
  display: none;
}
.page-layout-checkout .con-billing .con-billing-header:has(.uk-checkbox:checked) ~ .con-billing-details, .page-layout-checkout .con-billing .con-billing-header:has(.checkbox:checked) ~ .con-billing-details {
  display: block;
}
.page-layout-checkout .con-billing .con-billing-header:has(.uk-checkbox:checked) ~ .con-billing-form, .page-layout-checkout .con-billing .con-billing-header:has(.checkbox:checked) ~ .con-billing-form {
  display: none;
}

.rush-shipping {
  /* Apply truncation only on small to medium screens */
}
.rush-shipping .con-shipping-group {
  border: 1px solid #e6eaf0;
  background-color: #ffffff;
  padding: 40px 20px;
}
.rush-shipping .con-shipping-group-header, .rush-shipping .con-shipping-group .header {
  font-family: "SansPro-Black";
  background-color: #ffffff;
  font-size: 1rem;
}
.rush-shipping .con-shipping-group-header .status-complete .moq-fee, .rush-shipping .con-shipping-group .header .status-complete .moq-fee {
  color: #00a5b5;
  font-family: "SansPro-Regular";
}
.rush-shipping .con-shipping-group-header .status-complete .moq-fee.minimum-fee, .rush-shipping .con-shipping-group .header .status-complete .moq-fee.minimum-fee {
  display: none;
}
.rush-shipping .con-shipping-group-header .status-complete .moq-fee.percentage, .rush-shipping .con-shipping-group .header .status-complete .moq-fee.percentage {
  font-size: 0.75rem;
}
.rush-shipping .con-shipping-group-header .status-complete .right-container .subtotal, .rush-shipping .con-shipping-group .header .status-complete .right-container .subtotal {
  width: 100%;
}
.rush-shipping .con-shipping-group-header .status-incomplete .moq-fee, .rush-shipping .con-shipping-group .header .status-incomplete .moq-fee {
  color: #c10230;
}
.rush-shipping .con-shipping-group-header .status-incomplete .right-container .subtotal, .rush-shipping .con-shipping-group .header .status-incomplete .right-container .subtotal {
  width: 100%;
}
.rush-shipping .con-shipping-group-header .status-icon, .rush-shipping .con-shipping-group .header .status-icon {
  color: #76777a;
}
.rush-shipping .con-shipping-group .right-container {
  width: 300px;
}
.rush-shipping aside.uk-width-auto {
  min-width: 380px;
  max-width: 480px;
}
.rush-shipping .box-wrapper {
  padding: 20px 30px;
  border: 1px solid #e6eaf0;
  background-color: #ffffff;
}
.rush-shipping .box-wrapper.price-summary-title, .rush-shipping .box-wrapper.price-summary .title, .rush-shipping .box-wrapper.production-options-title, .rush-shipping .box-wrapper.production-options .title {
  font-family: "SansPro-Black";
  text-transform: uppercase;
  font-size: 1rem;
}
.rush-shipping .box-wrapper.price-summary-title-secondary, .rush-shipping .box-wrapper.price-summary .title-secondary, .rush-shipping .box-wrapper.production-options-title-secondary, .rush-shipping .box-wrapper.production-options .title-secondary {
  font-family: "SansPro-Regular";
  font-size: 1rem;
  font-weight: bold;
}
.rush-shipping .box-wrapper.price-summary-body, .rush-shipping .box-wrapper.price-summary .body, .rush-shipping .box-wrapper.production-options-body, .rush-shipping .box-wrapper.production-options .body {
  font-family: "SansPro-Regular";
  font-size: 0.875rem;
}
.rush-shipping .box-wrapper.price-summary-body-danger, .rush-shipping .box-wrapper.price-summary .body-danger, .rush-shipping .box-wrapper.production-options-body-danger, .rush-shipping .box-wrapper.production-options .body-danger {
  color: #c10230;
}
.rush-shipping .box-wrapper.price-summary-body-total, .rush-shipping .box-wrapper.price-summary .body-total, .rush-shipping .box-wrapper.production-options-body-total, .rush-shipping .box-wrapper.production-options .body-total {
  font-size: 1rem;
  text-transform: uppercase;
  font-weight: bold;
}
.rush-shipping .box-wrapper.price-summary-body-shipping-date, .rush-shipping .box-wrapper.price-summary .body-shipping-date, .rush-shipping .box-wrapper.production-options-body-shipping-date, .rush-shipping .box-wrapper.production-options .body-shipping-date {
  font-family: "SansPro-Regular";
  font-size: 0.875rem;
  color: #000000;
}
.rush-shipping .box-wrapper.price-summary-body-shipping-date .date, .rush-shipping .box-wrapper.price-summary .body-shipping-date .date, .rush-shipping .box-wrapper.production-options-body-shipping-date .date, .rush-shipping .box-wrapper.production-options .body-shipping-date .date {
  font-family: "SansPro-Regular";
}
.rush-shipping .box-wrapper.price-summary-body-art-approval, .rush-shipping .box-wrapper.price-summary .body-art-approval, .rush-shipping .box-wrapper.production-options-body-art-approval, .rush-shipping .box-wrapper.production-options .body-art-approval {
  font-size: 0.75rem;
}
.rush-shipping .box-wrapper.price-summary-body-art-approval .status, .rush-shipping .box-wrapper.price-summary .body-art-approval .status, .rush-shipping .box-wrapper.production-options-body-art-approval .status, .rush-shipping .box-wrapper.production-options .body-art-approval .status {
  font-size: 0.75rem;
  text-transform: uppercase;
}
@media (max-width: 1440px) {
  .rush-shipping .qx-esd-item > .uk-grid-small {
    display: block;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
  }
  .rush-shipping .qx-esd-item > .uk-grid-small > div {
    display: inline;
  }
}
@media (min-width: 1441px) {
  .rush-shipping .qx-esd-item > .uk-grid-small {
    display: flex; /* back to UIkit grid default */
    white-space: normal;
    overflow: visible;
    text-overflow: unset;
  }
  .rush-shipping .qx-esd-item > .uk-grid-small > div {
    display: block;
  }
}

.order-view .text-strike {
  text-decoration: line-through;
}
.order-view .uk-grid {
  margin-left: -5px;
  margin-right: -5px;
}
.order-view .uk-list-divider > li:nth-child(n+2) {
  border-top-color: #000000 !important;
}
.order-view .uk-divider-small {
  border-top-color: #000000 !important;
}
.order-view .order-header {
  position: sticky;
  top: 0;
  background: #ffffff;
  z-index: 10;
  padding-bottom: 1rem;
  margin-left: -30px;
  margin-right: -30px;
  padding: 0 30px;
  padding-top: 30px;
}
.order-view .order-view-info {
  background-color: #fafafa;
  font-size: 0.875rem;
  padding: 1rem;
}
.order-view .order-view-info.mobile {
  padding: 0 16px !important;
}
.order-view .order-view-info div > span:nth-of-type(2),
.order-view .order-view-info div:not(:has(strong)) {
  font-weight: 400;
  color: #6a6b6e;
}
.order-view .order-view-info > div:not(:last-child) {
  border-right: 1px solid #c8c8c8;
}
.order-view .order-info-list,
.order-view .info-content {
  list-style: none;
  padding: 0;
  margin: 0;
}
.order-view .order-info-list li,
.order-view .info-content li {
  padding: 0;
  margin: 0;
}
.order-view .order-item {
  cursor: pointer;
  padding: 2rem 0;
  font-weight: 400;
  position: relative !important;
  transition: all 0.2s ease;
}
.order-view .order-item li {
  font-size: 0.75rem;
}
.order-view .order-item:hover .order-item-chevron {
  opacity: 1;
}
.order-view .order-item > div:first-child {
  margin-right: 0.5rem;
}
.order-view .order-item > div:nth-child(2) {
  max-width: 150px;
  min-width: 120px;
  position: relative;
}
.order-view .order-item > div:nth-child(2) .label {
  position: absolute;
  top: -27px;
}
.order-view .order-items > .order-item::after {
  content: "";
  display: block;
  position: absolute;
  bottom: -10px;
  left: 0;
  width: 100%;
  border-bottom: 1px solid #c8c8c8;
}
.order-view .order-items > .order-item:last-child::after {
  display: none;
}
.order-view .order-item {
  position: relative;
  padding-right: 1rem;
}
.order-view .order-item .chevron {
  position: absolute;
  right: 10px;
  top: 50%;
  transform: translateY(-50%);
  opacity: 0;
  transition: opacity 0.2s ease;
}
.order-view .order-item .uniform-name {
  font-size: 0.625rem;
  color: #6a6b6e;
  font-weight: 500;
  width: 130px;
  text-align: center;
  margin: 0 auto;
}
.order-view .order-item:hover .chevron {
  opacity: 0.5;
}
.order-view .order-item input[type=checkbox] {
  height: 16px;
  width: 16px;
}
.order-view .accordion > li:nth-child(-n+2) {
  border-bottom: 1px solid #E4E4E7;
}
.order-view .accordion .accordion-title {
  padding: 10px 0 !important;
}
.order-view .accordion .accordion-title::before {
  margin-right: 8px !important;
}
.order-view .accordion .accordion-title span {
  font-size: 0.875rem;
  color: #000000;
  text-transform: capitalize;
  font-weight: 600;
}
.order-view .accordion-content {
  margin: 0 !important;
  padding: 0 0 10px 0 !important;
  font-size: 0.875rem;
}
.order-view .accordion-content .info-section {
  color: #000000 !important;
}
.order-view .accordion-content a {
  margin: 0 !important;
  padding: 0 !important;
}

.order-details {
  background: #ffffff !important;
  color: #000000 !important;
  padding-top: 0 !important;
}
.order-details * a {
  color: inherit !important;
}
.order-details hr {
  background: #c8c8c8;
  margin: 0.5rem 0;
}
.order-details .uk-offcanvas-close {
  filter: none !important;
  opacity: 1 !important;
}
.order-details .uk-offcanvas-close svg line {
  stroke: #000000 !important;
  stroke-width: 1.2;
}
.order-details .uk-link {
  color: #1e87f0 !important;
}
.order-details .uk-link:hover {
  color: #0f7ae5 !important;
}
.order-details .uk-breadcrumb li:not(:first-child)::before {
  content: ">";
  color: #000000 !important;
}
.order-details .uk-breadcrumb {
  text-transform: none !important;
}
.order-details .text-strike {
  text-decoration: line-through;
}
.order-details .order-header {
  position: sticky;
  top: 0;
  background: #ffffff;
  z-index: 10;
  padding-bottom: 1rem;
  margin-left: -30px;
  margin-right: -30px;
  padding: 0 30px;
  padding-top: 30px;
  padding-bottom: 10px;
}
.order-details .shipping-group {
  font-size: 0.75rem;
}
.order-details .factory-order,
.order-details .organization,
.order-details .cart-name {
  font-weight: 500;
}
.order-details .web-number,
.order-details .factory-number {
  font-family: "SansPro-Light";
}
.order-details .web-order a,
.order-details .factory-order a {
  text-decoration: underline !important;
}
.order-details .web-order {
  font-size: 1.5rem;
}
.order-details .factory-order {
  font-size: 1.25rem;
}
.order-details .organization {
  font-size: 1.25rem;
}
.order-details .cart-name {
  font-size: 1rem;
  color: #6a6b6e;
}
.order-details .order-buttons {
  position: sticky;
  bottom: -30px;
  background: #ffffff;
  z-index: 10;
  padding: 1.5rem 0;
  box-shadow: 0 -4px 6px rgba(0, 0, 0, 0.1);
  margin: -30px;
  margin-top: 20px;
  padding-left: 20px;
  padding-right: 40px;
  border-radius: 20px 20px 0 0;
}
.order-details .order-buttons .button-wrapper {
  flex: 1 1 0; /* Grow and shrink equally */
  min-width: 160px;
}
.order-details .order-buttons .btn {
  text-transform: capitalize !important;
}
.order-details .order-buttons .btn-status-danger {
  color: #ffffff !important;
}
@media screen and (max-width: 480px) {
  .order-details .order-buttons .btn {
    font-size: 0.625rem;
  }
}
.order-details .switch-nav-segmented {
  padding: 4px;
  border-radius: 5px;
  display: inline-flex;
  gap: 4px;
}
.order-details .switch-nav-segmented > li > a {
  border-radius: 5px;
  padding: 4px 12px;
  font-size: 0.75rem;
  text-transform: capitalize;
  color: #6b7280;
  background: transparent;
  transition: all 0.15s ease;
  border: none;
}
.order-details .switch-nav-segmented > li.uk-active > a {
  background: #ECECEE;
  color: #111827;
}
.order-details .switch-nav-segmented > li > a:hover {
  text-decoration: none;
}

.uk-offcanvas-bar.order-details {
  transition: transform 0.5s ease !important;
}

.uk-offcanvas:not(.uk-open) .uk-offcanvas-bar.order-details {
  transform: translateX(90%) !important;
}

.orders-page .badge {
  text-transform: capitalize;
}
.orders-page .heading {
  text-transform: uppercase;
  font-size: 2.25rem;
}
.orders-page .input-size-default {
  height: 30px !important;
  border-radius: 5px;
}
.orders-page .btn-size-small {
  padding: 0 30px;
}
.orders-page .btn-circle {
  padding: 0 30px;
}
.orders-page .btn-circle-default {
  border-radius: 5px;
}
.orders-page .filter-drop a {
  padding: 10px 12px;
  border: 1px solid transparent;
  font-size: 0.875rem;
}
.orders-page .filter-drop a:hover {
  border-radius: 100px;
  background-color: #e6eaf0;
  color: #002e6d;
}
.orders-page .filter-drop-option {
  background-color: #f1f1f2;
  border-radius: 8px;
  min-width: 190px;
}
.orders-page .filter-drop-option a {
  padding: 3px 10px;
  border: 1px solid transparent;
}
.orders-page .filter-drop-option a:hover {
  border-radius: 0;
  background-color: #e6eaf0;
  border-color: #e6eaf0;
}
.orders-page .filter-drop-option a.active {
  background-color: #002e6d;
  color: #ffffff !important;
}
.orders-page .filter-drop #date-filter label {
  font-size: 0.75rem;
}
.orders-page .filter-drop #date-filter input {
  font-size: 0.75rem;
}
.orders-page .selected-orders {
  background-color: #f1f1f2;
  padding: 10px 15px;
  border-radius: 30px;
}
.orders-page .selected-orders .select-actions {
  margin-left: 40px;
  font-size: 0.75rem;
  text-decoration: underline;
}
.orders-page .selected-orders .select-actions:active,
.orders-page .selected-orders .select-actions:hover {
  color: #002e6d;
}
.orders-page .selected-orders .selected-label span {
  font-size: 0.75rem;
  font-weight: 500;
  margin-left: 5px;
}
.orders-page .selected-orders .btn-icon {
  color: #002e6d;
}
.orders-page .orders-wrapper {
  position: relative;
  border: solid 1px #E4E4E7;
  border-radius: 10px;
  padding: 0px 20px 0px 20px;
  background-color: #FAFAFA;
  box-shadow: 0 18px 24px rgba(0, 0, 0, 0.1);
  /* TABLE */
}
.orders-page .orders-wrapper .order-table-wrapper {
  overflow-y: auto;
  overflow-x: auto;
  position: relative;
  max-height: 95vh;
  min-height: 95vh;
}
.orders-page .orders-wrapper .order-table {
  width: 100%;
  /* HEADER */
}
.orders-page .orders-wrapper .order-table.table-list-header {
  position: sticky;
  top: 0;
  z-index: 10;
  background-color: #FAFAFA;
  color: #71717A;
}
.orders-page .orders-wrapper .order-table.table-list-header .checkbox-col {
  background: #FAFAFA !important;
}
.orders-page .orders-wrapper .order-table.table-list-header .product-col-header {
  background: #FAFAFA !important;
}
.orders-page .orders-wrapper .order-table .table-list-item {
  background-color: #FAFAFA;
  padding: 0 0 15px 15px;
  margin-top: 0;
}
.orders-page .orders-wrapper .order-table .table-list-item .table-item {
  font-size: 0.875rem;
  color: #76777a !important;
  padding-top: 10px;
  font-family: "SansPro-Light";
  padding: 10px 0;
  margin-bottom: 5px;
}
.orders-page .orders-wrapper .order-table .table-rows {
  background-color: #ffffff;
  border-radius: 10px;
  border: 1px solid rgba(0, 0, 0, 0.18);
}
.orders-page .orders-wrapper .order-table .order-row {
  display: flex;
  position: relative;
  min-width: 100%;
  width: max-content;
  font-family: "SansPro-Regular";
  font-size: 0.75rem;
}
.orders-page .orders-wrapper .order-table .order-row .order-cell-item, .orders-page .orders-wrapper .order-table .order-row .order-cell-header {
  flex: 0 0 95px;
  padding: 10px;
  display: flex;
  word-break: break-word;
}
.orders-page .orders-wrapper .order-table .order-row .order-cell-item {
  padding-top: 40px;
}
.orders-page .orders-wrapper .order-table .order-row .checkbox-col {
  justify-content: center;
  position: sticky;
  left: 0px;
  background: inherit;
}
.orders-page .orders-wrapper .order-table .order-row .product-col-header {
  flex: 0 0 110px;
  position: sticky;
  left: 0px;
  background: inherit;
  padding-left: 25px;
}
.orders-page .orders-wrapper .order-table .order-row .product-col-item {
  flex: 0 0 125px;
  position: sticky;
  left: 0;
  background: inherit;
  font-family: "SansPro-Regular";
}
.orders-page .orders-wrapper .order-table .order-row .product-col-item a {
  text-decoration: none;
}
.orders-page .orders-wrapper .order-table .order-row .org-col-item {
  color: #000000;
  font-family: "SansPro-Regular";
}
.orders-page .orders-wrapper .order-table .order-row .status-col {
  flex: 0 0 120px;
  font-size: 0.75rem;
}
.orders-page .orders-wrapper .order-table .order-row .factory-col-header,
.orders-page .orders-wrapper .order-table .order-row .factory-col-item,
.orders-page .orders-wrapper .order-table .order-row .web-col-header,
.orders-page .orders-wrapper .order-table .order-row .web-col-item {
  flex: 0 0 110px;
  min-width: 0;
  overflow: hidden;
}
.orders-page .orders-wrapper .order-table .order-row .factory-col-header a,
.orders-page .orders-wrapper .order-table .order-row .factory-col-item a,
.orders-page .orders-wrapper .order-table .order-row .web-col-header a,
.orders-page .orders-wrapper .order-table .order-row .web-col-item a {
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  display: block;
  width: 100%;
}
.orders-page .orders-wrapper .order-table .order-row .factory-col-header .web-col-inner,
.orders-page .orders-wrapper .order-table .order-row .factory-col-item .web-col-inner,
.orders-page .orders-wrapper .order-table .order-row .web-col-header .web-col-inner,
.orders-page .orders-wrapper .order-table .order-row .web-col-item .web-col-inner {
  min-width: 0;
  width: 100%;
}
.orders-page .orders-wrapper .order-table .order-row .factory-col-header .web-col-inner a,
.orders-page .orders-wrapper .order-table .order-row .factory-col-item .web-col-inner a,
.orders-page .orders-wrapper .order-table .order-row .web-col-header .web-col-inner a,
.orders-page .orders-wrapper .order-table .order-row .web-col-item .web-col-inner a {
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  display: block;
  width: 100%;
}
.orders-page .orders-wrapper .order-table.expand-table {
  width: 100% !important;
}
.orders-page .orders-wrapper .order-table.expand-table .order-row.expand-columns .order-cell-item:not(.checkbox-col):not(.status-col) {
  flex: 1 1;
  min-width: 95px;
}
.orders-page .orders-wrapper .order-table.expand-table .order-row.expand-columns .order-cell-item:not(.checkbox-col):not(.status-col) .web-col-item {
  width: 100px;
}
.orders-page .orders-wrapper .order-table.expand-table .order-row.expand-columns .order-cell-item:not(.checkbox-col):not(.status-col).product-col-item {
  min-width: 140px;
}
.orders-page .orders-wrapper .order-table.expand-table .order-row.expand-columns .order-cell-header:not(.checkbox-col):not(.status-col) {
  flex: 1 1;
  min-width: 100px;
}
.orders-page .orders-wrapper .order-table.expand-table .order-row.expand-columns .order-cell-header:not(.checkbox-col):not(.status-col) .web-col-header {
  width: 100px;
}
.orders-page .orders-wrapper .order-table.expand-table .order-row.expand-columns .order-cell-header:not(.checkbox-col):not(.status-col).product-col-header {
  min-width: 110px;
}
.orders-page .orders-wrapper .order-table .esd .est-info,
.orders-page .orders-wrapper .order-table .esd .est-warn {
  display: none;
}
.orders-page .orders-wrapper .order-table .esd .est-date {
  color: #76777a;
  font-family: "SansPro-Regular";
}
.orders-page .orders-wrapper .order-table .esd-early .est-date {
  color: #15803D;
  font-family: "SansPro-Regular";
}
.orders-page .orders-wrapper .order-table .esd-early .est-info {
  width: 16px;
  height: 16px;
  color: #15803D;
  display: flex;
}
.orders-page .orders-wrapper .order-table .esd-early .est-warn {
  display: none;
}
.orders-page .orders-wrapper .order-table .esd-late .est-date {
  color: #c10230;
  font-family: "SansPro-Regular";
}
.orders-page .orders-wrapper .order-table .esd-late .est-warn {
  width: 16px;
  height: 16px;
  color: #c10230;
  display: flex;
}
.orders-page .orders-wrapper .order-table .esd-late .est-info {
  display: none;
}
.orders-page .orders-wrapper .order-table .reorder-btn-wrapper {
  position: absolute;
  top: 8px;
  right: 20px;
  pointer-events: none;
  opacity: 0;
  transition: opacity 0.2s ease;
}
.orders-page .orders-wrapper .order-table .reorder-btn-wrapper .btn-size-small {
  padding: 0 15px;
}
.orders-page .orders-wrapper .order-table .reorder-btn-wrapper .btn {
  text-transform: capitalize;
}
.orders-page .orders-wrapper .order-table .order-row:hover .reorder-btn-wrapper {
  opacity: 1;
  pointer-events: auto;
}
.orders-page .orders-wrapper .table-list-header {
  padding: 15px 0 15px 0;
}
.orders-page .orders-wrapper .grid-add-icon {
  flex: 0 0 20px;
  color: #76777a;
  position: absolute;
  top: 0px;
  right: 10px;
  padding: 20px 10px 25px;
  cursor: pointer;
  background: #FAFAFA;
  display: flex;
  align-items: center;
  z-index: 1000;
}
.orders-page .orders-wrapper .grid-add-icon .btn-icon {
  color: #76777a;
}
.orders-page .orders-wrapper .grid-add-icon .btn-icon:hover {
  color: #27272a;
}
.orders-page .orders-wrapper .grid-add-icon .col-item {
  display: flex;
  align-items: center;
  gap: 12px;
  padding-left: 2px;
}
.orders-page .orders-wrapper .grid-add-icon .card {
  border-radius: 10px;
}
.orders-page .orders-wrapper .grid-add-icon .card-footer {
  padding: 8px;
  border-radius: 10px;
  box-shadow: 0 -4px 12px rgba(0, 0, 0, 0.08);
}
.orders-page .highlighted {
  background-color: #ffffff;
  border-radius: 10px;
  cursor: pointer;
}
.orders-page .highlighted:hover {
  background-color: #fafafa;
}
.orders-page .highlighted:hover .item {
  background-color: #fafafa;
}
.orders-page .highlighted-onhold {
  border-radius: 10px;
  border-color: #ae022b;
  background-color: #f9e6ea;
}
.orders-page .highlighted-onhold .item {
  border-color: #ae022b;
  background-color: #f9e6ea;
}
.orders-page .highlighted-onhold:hover {
  background-color: #f9e6ea;
}
.orders-page .highlighted-onhold:hover .item {
  background-color: #f9e6ea;
}
.orders-page .highlighted-selection {
  border-radius: 10px;
  border: #002e6d 1px solid;
  background-color: #e6eff8;
}
.orders-page .highlighted-selection .item {
  background-color: #e6eff8;
}
.orders-page .highlighted-selection:hover {
  background-color: #e6eff8;
}
.orders-page .highlighted-selection:hover .item {
  background-color: #e6eff8;
}
.orders-page .pdf-overlay {
  position: relative;
  padding: 5px;
}
.orders-page .pdf-overlay .view-pdf {
  color: #f1f1f2;
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: rgba(0, 0, 0, 0.6);
  opacity: 0;
  transition: opacity 0.2s ease;
  pointer-events: none;
  display: flex;
  justify-content: center;
  align-items: center;
  font-size: 0.875rem;
}
.orders-page .pdf-overlay:hover .view-pdf {
  opacity: 1;
}
.orders-page #columnList {
  display: flex;
  flex-direction: column;
  gap: 6px;
}
.orders-page #columnList label {
  color: #76777a;
  font-size: 0.875rem;
  text-transform: capitalize;
}
.orders-page #columnList .draggable.dragging {
  opacity: 0.4;
}
.orders-page #columnList .draggable label {
  flex: 1;
}
.orders-page #columnList .draggable {
  display: flex;
  align-items: center;
}
.orders-page #columnList .drag-handle {
  cursor: grab;
  display: inline-flex;
  align-items: center;
  opacity: 0.5;
}
.orders-page #columnList .drag-handle:hover {
  opacity: 1;
}
.orders-page #columnList .drag-handle:active {
  cursor: grabbing;
}
.orders-page .hidden-col {
  display: none !important;
}
.orders-page input[type=checkbox] {
  accent-color: #000;
  cursor: pointer;
}

.uk-tooltip {
  max-width: 300px !important;
  white-space: normal !important;
  word-break: break-all !important;
}

.ts .DesignPicker .design-item {
  display: inline-block;
  position: relative;
}
.ts .DesignPicker .design-item.active-border-indicator {
  border: 2px solid #002e6d;
}
.ts .DesignPicker .design-item .active-icon-indicator {
  color: #002e6d;
}

#modal-ts-order-details .uk-modal-header .right-heading div {
  margin-right: 20px;
}
#modal-ts-order-details .uk-modal-header .right-heading p {
  margin: 0;
}
#modal-ts-order-details .uk-modal-header .right-heading .total {
  font-size: 1.25rem;
}
#modal-ts-order-details .uk-modal-header .right-heading .items {
  font-size: 0.875rem;
  font-weight: bold;
}
#modal-ts-order-details .uk-modal-body {
  padding: 0;
}
#modal-ts-order-details .uk-modal-body .modal-content .order-information {
  padding: 40px;
}
#modal-ts-order-details .uk-modal-body .modal-content .order-information p {
  margin: 0;
  font-size: 0.75rem;
}
#modal-ts-order-details .uk-modal-body .modal-content .order-information p span {
  font-weight: bold;
}
#modal-ts-order-details .uk-modal-body .modal-content .list-wrapper {
  background-color: #f1f1f2;
  padding: 30px;
}
#modal-ts-order-details .uk-modal-body .modal-content .list-wrapper .order-details-item {
  font-size: 1rem;
  font-family: "SansPro-Regular";
  padding: 30px;
  background-color: #ffffff;
  border-color: #e6eaf0;
}
#modal-ts-order-details .uk-modal-body .modal-content .list-wrapper .order-details-item .shipped-date {
  font-size: 0.75rem;
  text-transform: uppercase;
}
#modal-ts-order-details .uk-modal-body .modal-content .list-wrapper .order-details-item .title {
  font-size: 1.5rem;
  text-transform: uppercase;
}
#modal-ts-order-details .uk-modal-body .modal-content .list-wrapper .order-details-item .label {
  font-family: "SansPro-Black";
  font-size: 0.875rem;
  text-transform: uppercase;
}
#modal-ts-order-details .uk-modal-body .modal-content .list-wrapper .order-details-item .subtitle {
  font-size: 0.625rem;
}
#modal-ts-order-details .uk-modal-body .modal-content .list-wrapper .order-details-item .name,
#modal-ts-order-details .uk-modal-body .modal-content .list-wrapper .order-details-item .qty {
  text-transform: uppercase;
  font-size: 0.875rem;
  font-family: "SansPro-Black";
}
#modal-ts-order-details .uk-modal-body .modal-content .list-wrapper .order-details-item .prod-info {
  text-transform: uppercase;
  font-size: 0.75rem;
}
#modal-ts-order-details .uk-modal-body .modal-content .list-wrapper .order-details-item .sport,
#modal-ts-order-details .uk-modal-body .modal-content .list-wrapper .order-details-item .product,
#modal-ts-order-details .uk-modal-body .modal-content .list-wrapper .order-details-item .style {
  font-size: 0.75rem;
}
#modal-ts-order-details .uk-modal-body .modal-content .list-wrapper .order-details-item.highlighted {
  outline: 2px solid;
  outline-color: #e6eff8 !important;
  outline-offset: 2px;
  border-color: #0053a7;
  background-color: #e6eff8;
}
#modal-ts-order-details .uk-modal-body .modal-content .list-wrapper .table-list {
  margin-top: 10px;
}
#modal-ts-order-details .uk-modal-body .modal-content .list-wrapper .table-list-header .table-header {
  font-size: 0.625rem;
  margin-bottom: 4px;
}
#modal-ts-order-details .uk-modal-body .modal-content .list-wrapper .table-list-item {
  font-size: 0.75rem;
  background-color: transparent;
  padding-top: 4px;
  padding-bottom: 4px;
}
#modal-ts-order-details .uk-modal-body .modal-content .info-divider {
  margin: 0;
  border-top: 1px dashed #999;
}

.modal-layout-submit-order .con-shipping-header,
.modal-layout-submit-order .con-order-header,
.modal-layout-submit-order .con-payment-header,
.modal-layout-submit-order .con-billing-header {
  margin-bottom: 10px;
}
.modal-layout-submit-order .con-shipping-header .title,
.modal-layout-submit-order .con-order-header .title,
.modal-layout-submit-order .con-payment-header .title,
.modal-layout-submit-order .con-billing-header .title {
  font-family: "SansPro-Black";
  color: #002e6d;
  font-size: 1.5rem;
  text-transform: uppercase;
}
.modal-layout-submit-order .con-payment-header .title,
.modal-layout-submit-order .con-billing-header .title {
  color: #76777a;
  opacity: 50%;
}
.modal-layout-submit-order .con-order-summary-header,
.modal-layout-submit-order .con-order-details-header,
.modal-layout-submit-order .title {
  font-family: "SansPro-Black";
  color: #76777a;
  font-size: 1.25rem;
  text-transform: uppercase;
  margin: 0;
}
.modal-layout-submit-order .con-total .total {
  font-weight: bold;
}
.modal-layout-submit-order .danger {
  color: #c10230;
}
.modal-layout-submit-order .disabled {
  color: #76777a;
  opacity: 50%;
}
.modal-layout-submit-order .con-shipping,
.modal-layout-submit-order .con-payment,
.modal-layout-submit-order .con-billing,
.modal-layout-submit-order .con-shipping-form,
.modal-layout-submit-order .con-order,
.modal-layout-submit-order .con-order-summary,
.modal-layout-submit-order .con-order-details {
  margin-bottom: 30px;
}

.account-creation-modal {
  width: 650px;
}
.account-creation-modal header h1 {
  color: #002e6d;
  font-size: 1.5rem;
  font-weight: 700;
}
.account-creation-modal .uk-modal-body {
  padding: 0;
}
.account-creation-modal .uk-modal-body .body > div {
  text-align: center;
  margin: 1.2rem 0;
}
.account-creation-modal .uk-modal-body .body > div .email {
  color: #000000;
}
.account-creation-modal .uk-modal-body .body > div:first-of-type {
  font-weight: 700;
  color: #000000;
  font-size: 1.25rem;
}
.account-creation-modal .resend-verification-wrap {
  padding-top: 1rem;
}
.account-creation-modal .resend-verification-wrap .btn {
  margin-top: 0.8rem;
}
.account-creation-modal footer {
  margin-top: 2rem;
  text-align: center;
}
.account-creation-modal footer .uk-link-text {
  text-decoration: underline;
}
.account-creation-modal.welcome .uk-modal-body .body > div {
  text-align: left;
}
.account-creation-modal.welcome .resend-verification-wrap {
  text-align: left;
  padding-top: 0;
}
.account-creation-modal.welcome .resend-verification-wrap > div:last-child {
  margin-top: 1.3rem;
  display: flex;
  gap: 1.5rem;
}
.account-creation-modal.welcome .resend-verification-wrap .btn {
  width: 100%;
}
.account-creation-modal.change-email .uk-modal-body .body {
  width: 520px;
  margin: 0 auto;
}
.account-creation-modal.change-email .uk-modal-body .body > div {
  text-align: left;
}
.account-creation-modal.change-email footer {
  display: flex;
  justify-content: center;
  gap: 1.5rem;
}
.account-creation-modal.change-email footer .btn {
  width: 100%;
}

.uk-modal-title.heading > span:last-child {
  display: none;
}

.auth a .forgot-pass {
  font-size: 0.75rem;
  color: #c10230;
  font-family: "SansPro-Regular";
}
.auth a.btn-login {
  width: 100%;
}
.auth .heading {
  text-transform: uppercase;
}
.auth .title {
  font-family: "SansPro-Regular";
  font-size: 1.5rem;
}
.auth .subtitle {
  font-size: 0.875rem;
}

.password-requirements-wrapper .requirement-item {
  font-family: "SansPro-Regular";
  font-size: 0.875rem;
}
.password-requirements-wrapper .requirement-item.success {
  color: #00a5b5;
}
.password-requirements-wrapper .requirement-item.danger {
  color: #c10230;
}

.ts .auth .body > .title, .ts .auth .body > .subtitle {
  display: none;
}
.ts .auth .registration-access, .ts .auth .required {
  display: none;
}
.ts .auth a.btn-login {
  width: auto;
}
.ts .uk-modal-title.heading > span:first-child {
  display: none;
}
.ts .uk-modal-title.heading > span:last-child {
  display: unset;
}

.saveAndShare .design-title {
  text-align: center;
  text-transform: uppercase;
  font-family: "SansPro-Black";
}
.saveAndShare .design-img {
  border: 1px solid #e5e5e5;
  padding: 15px;
  text-align: center;
}
.saveAndShare .design-img img {
  width: 150px;
  padding: 5px;
}
.saveAndShare .design-id-drop {
  border: 1px solid #e5e5e5;
  background-color: #ffffff;
  padding: 15px;
  font-size: 0.75rem;
}
.saveAndShare .save-notes {
  margin-top: 3px;
  text-align: center;
  font-size: 0.625rem;
}

.Share .title {
  font-size: 0.75rem;
  text-transform: uppercase;
}

.fabricZoom .title {
  text-transform: uppercase;
  font-family: "SansPro-Black";
}
.fabricZoom .subtitle {
  font-family: "SansPro-Light";
}

.approval .customer-list {
  background-color: #ffffff;
  border: 1px solid #e5e5e5;
  padding: 15px;
}
.approval .customer-list .create-btn div {
  padding: 15px;
}
.approval .customer-list .create-btn:hover div {
  background-color: #eeedeb;
}
.approval .select-customer-wrapper a .customer-item {
  padding: 10px;
}
.approval .select-customer-wrapper a .customer-item:hover {
  background-color: #eeedeb;
}
.approval .select-customer-wrapper a .customer-item.active {
  background-color: #eeedeb;
}
.approval .select-customer-wrapper a .customer-name, .approval .select-customer-wrapper a .customer-address, .approval .select-customer-wrapper a .customer-email, .approval .select-customer-wrapper a .customer-contact {
  font-size: 0.875rem;
}
.approval .attachment-wrapper .attachment-name {
  font-size: 0.875rem;
}
.approval .btn-toggle {
  width: 70px;
}
.approval .btn-toggle input[type=checkbox]:checked {
  left: 53.5px;
}
.approval .btn-toggle input[type=checkbox]::before {
  content: "Email";
  left: -340%;
}
.approval .btn-toggle input[type=checkbox]::after {
  content: "Customer";
}
.approval .input-cursor {
  cursor: pointer;
}

.ApproveOrder .title {
  font-family: "SansPro-Black";
  font-size: 1.25rem !important;
  text-transform: uppercase;
}
.ApproveOrder .subtitle {
  font-size: 1rem !important;
}
.ApproveOrder .label {
  font-size: 1rem;
  font-family: "SansPro-Light";
  color: #000000;
  font-weight: bold !important;
}
.ApproveOrder .design-wrapper .subtitle {
  text-transform: uppercase;
}
.ApproveOrder .table tr td,
.ApproveOrder .table tr th {
  border: 1px solid;
  text-align: center;
}
.ApproveOrder .table tr th {
  font-family: "SansPro-Black";
  color: #000000;
}
.ApproveOrder .logo-item {
  border: 1px solid #e5e5e5;
  padding: 20px;
}
.ApproveOrder .roster-summary-table td,
.ApproveOrder .roster-details-table td {
  text-transform: uppercase;
}

.askForChanges .logs-list-wrapper .logs-description,
.askForChanges .logs-list-wrapper .logs-time,
.askForChanges .logs-list-wrapper .logs-date {
  font-family: "SansPro-Regular";
  font-size: 0.875rem;
  margin: 0px;
}
.askForChanges .design-name {
  text-transform: none;
  text-align: center;
}
.askForChanges textarea {
  padding: 20px;
}
.askForChanges .note-section {
  border: 1px solid #e5e5e5;
  padding: 20px;
}
.askForChanges .note-section.view {
  background-color: #f1f1f2;
}
.askForChanges .note-section p {
  font-size: 0.875rem;
}

.Application a {
  text-decoration: none;
}
.Application a .font-preview {
  font-size: 1.25rem;
}
.Application h6 {
  margin-top: 5px;
  font-family: "SansPro-Black";
  font-size: 1rem;
  text-transform: uppercase;
}
.Application .style-wrapper a {
  border: 1px solid;
  border-color: #e6eaf0;
}
.Application .style-wrapper a.active {
  background-color: #e6eaf0;
}
.Application .style-wrapper a:hover {
  background-color: #e6eaf0;
}

.ApplicationPreview .title {
  text-transform: uppercase;
  text-align: center;
  font-size: 1rem;
  font-family: "SansPro-Black";
}
@media screen and (max-width: 480px) {
  .ApplicationPreview {
    padding-top: 30px;
  }
}
.ApplicationPreview .colors-wrapper {
  height: 500px;
  padding-right: 15px;
}
.ApplicationPreview .colors-wrapper .text-color-invert {
  padding: 5px;
  background: inherit;
  -webkit-background-clip: text;
  background-clip: text;
  color: transparent;
  filter: invert(1) grayscale(1) contrast(9);
}
.ApplicationPreview .colors-wrapper-mobile .text-color-invert {
  background: inherit;
  -webkit-background-clip: text;
  background-clip: text;
  color: transparent;
  filter: invert(1) grayscale(1) contrast(9);
  text-transform: uppercase;
}
.ApplicationPreview .colors-wrapper-mobile > li > :first-child {
  border-radius: 8px;
  padding: 12px 16px;
  border: 1px solid;
  border-color: #e6eaf0;
  width: 20px;
  margin: 0 auto;
  text-align: center;
}
.ApplicationPreview .logo-title {
  font-size: 1.875rem;
}
.ApplicationPreview .logo-image {
  margin-top: -10%;
}
.ApplicationPreview .carousel-wrapper .uk-slider-container {
  overflow: visible;
  overflow-x: clip;
}
.ApplicationPreview .fixed-footer {
  position: fixed;
  left: 0;
  right: 0;
  bottom: 0;
  padding: 20px;
}
@media screen and (min-width: 640px) {
  .ApplicationPreview .fixed-footer > :first-child {
    width: 50%;
    top: 20px;
    margin: 0 auto;
  }
}

.Signature .signature-canvas {
  border: 1px solid #e5e5e5;
  width: 100%;
}
.Signature .signature-notes {
  margin-top: 30px;
}
.Signature .signature-notes p {
  color: #c10230;
  font-family: "SansPro-Regular";
  font-size: 0.875rem;
}

.OrderConfirmation {
  text-align: center;
}
.OrderConfirmation .title {
  font-size: 1.5rem;
  margin-bottom: 0;
}
.OrderConfirmation .subtitle {
  font-size: 1.25rem;
}

.ts .body .info-icon {
  display: none;
}
.ts .body .text {
  text-align: center;
}

.Roster a {
  text-decoration: none;
}
.Roster .title {
  text-transform: uppercase;
  font-size: 1rem !important;
}
.Roster .roster-table-header,
.Roster .app-size-table-header {
  font-size: 0.875rem;
}
.Roster .roster-table-header .header-title,
.Roster .app-size-table-header .header-title {
  text-transform: uppercase;
}
.Roster .roster-table-body,
.Roster .app-size-table-body {
  padding: 15px 0px;
  font-size: 0.875rem;
}
@media screen and (min-width: 640px) {
  .Roster .roster-table-body,
  .Roster .app-size-table-body {
    background-color: #e6eaf0;
  }
}
.Roster .roster-table-body .roster-item,
.Roster .roster-table-body .app-size-item,
.Roster .app-size-table-body .roster-item,
.Roster .app-size-table-body .app-size-item {
  background-color: #e6eaf0;
  padding: 15px;
}
@media screen and (min-width: 640px) {
  .Roster .roster-table-body .roster-item,
  .Roster .roster-table-body .app-size-item,
  .Roster .app-size-table-body .roster-item,
  .Roster .app-size-table-body .app-size-item {
    padding: 0px 15px;
    background-color: transparent;
  }
}
.Roster .roster-table-body .roster-item .size,
.Roster .roster-table-body .roster-item .quantity,
.Roster .roster-table-body .app-size-item .size,
.Roster .roster-table-body .app-size-item .quantity,
.Roster .app-size-table-body .roster-item .size,
.Roster .app-size-table-body .roster-item .quantity,
.Roster .app-size-table-body .app-size-item .size,
.Roster .app-size-table-body .app-size-item .quantity {
  text-transform: uppercase;
}
.Roster .app-size-table-header {
  font-family: "SansPro-Black";
}
.Roster .app-size-table-body {
  text-transform: uppercase;
}
.Roster .app-size-table-body .app-size-item {
  font-size: 0.75rem;
}
.Roster .app-size-table-body .app-size-item .t-c-invert {
  background: inherit;
  -webkit-background-clip: text;
  background-clip: text;
  color: transparent;
  filter: invert(1) grayscale(1) contrast(9);
}
.Roster .app-size-table-body .app-size-item .title {
  font-family: "SansPro-Black";
}
.Roster .btn-roster-sizes {
  padding: 5px;
  font-size: 0.75rem;
  word-break: break-all;
  line-height: 1;
}

.CopyRoster .cart-wrapper > div .cart-items {
  border-bottom: 1px solid #e5e5e5;
}
.CopyRoster .cart-wrapper > div:last-child .cart-items {
  border: none;
}
.CopyRoster .cart-items {
  padding: 15px;
}
.CopyRoster .cart-items .description {
  text-transform: uppercase;
}

.Address .title {
  font-size: 1.25rem;
  font-family: "SansPro-Black";
  text-transform: uppercase;
}

.productInfo .product-info {
  padding: 0px;
}
.productInfo .title.product-name {
  font-size: 2.25rem;
  color: #76777a;
  margin: 0;
}
.productInfo .subtitle.product-line {
  text-transform: uppercase;
  font-size: 1.25rem;
  color: #76777a;
  margin: 0;
}
.productInfo .subtitle.style-name {
  font-size: 1.25rem;
  color: #76777a;
  margin: 0;
}
.productInfo .price {
  color: #76777a;
  font-size: 1.25rem;
  line-height: 1.2;
}
.productInfo .price-name {
  font-family: "SansPro-Regular";
}
.productInfo .price-value {
  font-family: "SansPro-Black";
  color: #002e6d;
}
.productInfo .price-item {
  font-size: 0.75rem;
}
.productInfo .esd,
.productInfo .desc,
.productInfo .note,
.productInfo .gender {
  font-size: 0.75rem;
  margin: 0;
}
.productInfo .gender {
  font-weight: bold;
}
.productInfo .box {
  background-color: #76777a;
}
.productInfo .btn {
  color: #76777a;
}
.productInfo .side-b-wrapper {
  margin-left: 10px;
}
.productInfo .side-b-wrapper .btn-side-b img {
  width: 100px;
  filter: drop-shadow(0px 10px 10px rgba(0, 0, 0, 0.5));
}
.productInfo .side-b-wrapper .name {
  color: #76777a;
  text-transform: uppercase;
}

.AddItemCart .title,
.AddItemCart .sub-title {
  line-height: normal;
}
.AddItemCart .sub-title {
  color: #76777a;
  font-size: 0.75rem;
}

.Feedback .label {
  font-family: "SansPro-Black";
  font-size: 1rem;
}
.Feedback .js-upload {
  margin: 0;
  padding: 50px 0px;
  cursor: pointer;
}
.Feedback .js-upload .description {
  text-transform: uppercase;
  font-size: 0.75rem;
}
.Feedback .js-upload:hover {
  background-color: #eeebee;
}
.Feedback .star-rating {
  display: flex;
  flex-direction: row-reverse;
  font-size: 2em;
  justify-content: space-around;
  padding: 0.2em;
  text-align: center;
  width: 5em;
}
.Feedback .star-rating input {
  display: none;
}
.Feedback .star-rating input:nth-of-type(1):checked ~ .text-equivalent:before {
  content: "Excelent";
}
.Feedback .star-rating input:nth-of-type(2):checked ~ .text-equivalent:before {
  content: "Great";
}
.Feedback .star-rating input:nth-of-type(3):checked ~ .text-equivalent:before {
  content: "Average";
}
.Feedback .star-rating input:nth-of-type(4):checked ~ .text-equivalent:before {
  content: "Poor";
}
.Feedback .star-rating input:nth-of-type(5):checked ~ .text-equivalent:before {
  content: "Bad";
}
.Feedback .star-rating label {
  font-size: 20px;
  color: #ccc;
  cursor: pointer;
  -webkit-transition: all 0.3s ease-in-out;
  transition: all 0.3s ease-in-out;
}
.Feedback .star-rating label:nth-of-type(1):hover ~ .text-equivalent:before {
  content: "Excelent" !important;
}
.Feedback .star-rating label:nth-of-type(2):hover ~ .text-equivalent:before {
  content: "Great" !important;
}
.Feedback .star-rating label:nth-of-type(3):hover ~ .text-equivalent:before {
  content: "Average" !important;
}
.Feedback .star-rating label:nth-of-type(4):hover ~ .text-equivalent:before {
  content: "Poor" !important;
}
.Feedback .star-rating label:nth-of-type(5):hover ~ .text-equivalent:before {
  content: "Bad" !important;
}
.Feedback .star-rating :checked ~ label {
  color: #002e6d;
}
.Feedback .star-rating label:hover, .Feedback .star-rating label:hover ~ label {
  color: #002e6d;
}
.Feedback .star-rating .text-equivalent {
  font-size: 0.75rem;
}

.SearchModal .title {
  font-size: 1.25rem !important;
  font-family: "SansPro-Black";
  text-transform: uppercase;
}

.UploadLogoModal .title {
  font-family: "SansPro-Black";
  text-transform: uppercase;
  font-size: 1rem;
}
.UploadLogoModal .label {
  font-size: 1rem;
}
.UploadLogoModal .switch-tab::before {
  border-bottom: none;
}
.UploadLogoModal .save-logo-con .item-logo:hover {
  background-color: #e6eaf0;
}

.con-color-library-options.uk-grid-column-small, .con-color-library-options.uk-grid-small {
  margin-left: -8px;
}
.con-color-library-options.uk-grid-column-small > *, .con-color-library-options.uk-grid-small > * {
  padding-left: 8px;
}
* + .con-color-library-options.uk-grid-margin-small, .con-color-library-options.uk-grid + .uk-grid-row-small, .con-color-library-options.uk-grid + .uk-grid-small, .con-color-library-options.uk-grid-row-small > .uk-grid-margin, .con-color-library-options.uk-grid-small > .uk-grid-margin {
  margin-top: 8px;
}

.wrapper-color-library-option {
  display: block;
  position: relative;
  border-radius: 4px;
  overflow: hidden;
  cursor: pointer;
}
.wrapper-color-library-option:hover .color-library-option {
  border: 1px solid;
  border-color: #f1f1f2;
}
.wrapper-color-library-option .color-library-option {
  background-color: inherit !important;
  margin-top: 0px;
  position: relative;
  width: 40px;
  height: 40px;
  border: 1px solid;
  border-color: #f1f1f2;
  border-radius: 4px;
}
.wrapper-color-library-option .color-library-option:checked {
  border: none;
  background-image: none;
}
.wrapper-color-library-option .color-library-option:checked::after {
  content: "✓";
  display: inline-block;
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  font-weight: bold;
  background: inherit;
  -webkit-background-clip: text;
  background-clip: text;
  color: transparent;
  filter: invert(1) grayscale(1) contrast(100);
}
.wrapper-color-library-option .color-library-option:checked ~ .color-code {
  display: none;
}
.wrapper-color-library-option .color-code {
  display: inline-block;
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  font-size: 0.75rem;
  font-weight: bolder;
  background: inherit;
  -webkit-background-clip: text;
  background-clip: text;
  color: transparent;
  filter: invert(1) grayscale(1) contrast(100);
}

.error-wrapper {
  padding: 30px;
}
.error-note {
  font-weight: bold;
  color: #76777a;
  font-size: 1rem;
}
.error.text-color-invert {
  line-height: 48px;
  background: inherit;
  -webkit-background-clip: text;
  background-clip: text;
  color: transparent;
  filter: invert(1) grayscale(1) contrast(9);
}

.item-conflict-modal .item-conflict-list {
  padding-right: 15px;
}
.item-conflict-modal-item {
  border: 1px solid #f1f1f2;
  padding: 30px;
}
.item-conflict-modal-item:hover {
  background-color: #e6eaf0;
}
.item-conflict-modal-item .label {
  color: #c10230;
  font-weight: bold;
}

.text-color-invert {
  background: inherit;
  -webkit-background-clip: text;
  background-clip: text;
  color: transparent;
  filter: invert(1) grayscale(1) contrast(100);
}

@media screen and (max-width: 480px) {
  .EmbellishmentInformation {
    padding-top: 30px;
  }
}
.EmbellishmentInformation .colors-wrapper {
  height: 500px;
  padding-right: 15px;
}
.EmbellishmentInformation .colors-wrapper .text-color-invert {
  padding: 5px;
  background: inherit;
  -webkit-background-clip: text;
  background-clip: text;
  color: transparent;
  filter: invert(1) grayscale(1) contrast(9);
}
.EmbellishmentInformation .colors-wrapper-mobile .text-color-invert {
  background: inherit;
  -webkit-background-clip: text;
  background-clip: text;
  color: transparent;
  filter: invert(1) grayscale(1) contrast(9);
  text-transform: uppercase;
}
.EmbellishmentInformation .colors-wrapper-mobile > li > :first-child {
  border-radius: 8px;
  padding: 12px 16px;
  border: 1px solid;
  border-color: #e6eaf0;
  width: 20px;
  margin: 0 auto;
  text-align: center;
}
.EmbellishmentInformation .logo-title {
  font-size: 1.875rem;
}
.EmbellishmentInformation .logo-image {
  margin-top: -10%;
}
.EmbellishmentInformation .carousel-wrapper .uk-slider-container {
  overflow: visible;
  overflow-x: clip;
}
.EmbellishmentInformation .fixed-footer {
  position: fixed;
  left: 0;
  right: 0;
  bottom: 0;
  padding: 20px;
}
@media screen and (min-width: 640px) {
  .EmbellishmentInformation .fixed-footer > :first-child {
    width: 50%;
    top: 20px;
    margin: 0 auto;
  }
}

.app-list-modal .app-list {
  padding-right: 30px;
}
.app-list-modal-item {
  border: 1px solid #f1f1f2;
  padding: 15px;
}
.app-list-modal-item:hover {
  background-color: #e6eaf0;
}
.app-list-modal-item .label {
  color: #76777a;
  font-weight: bold;
}

.product-overview {
  color: #76777a;
}
.product-overview .heading {
  font-family: "SansPro-Black";
  font-size: 3.5rem;
  text-transform: uppercase;
  margin: 0;
}
.product-overview .title-contact {
  font-family: "SansPro-Regular";
  font-size: 1rem;
  text-transform: uppercase;
}
.product-overview .body {
  font-family: "SansPro-Regular";
  font-size: 1rem;
  color: #76777a;
}
.product-overview .card, .product-overview .card-header, .product-overview .contact-section {
  background-color: #f1f1f2;
}
.product-overview .card {
  border: none;
  box-shadow: none;
}
.product-overview .card-header {
  font-family: "SansPro-Black";
  font-size: 1.5rem;
  color: #002e6d;
}

.company-profile {
  color: #76777a;
}
.company-profile .heading {
  font-family: "SansPro-Black";
  font-size: 3.5rem;
  text-transform: uppercase;
  margin: 0;
}
.company-profile .title-contact {
  font-family: "SansPro-Regular";
  font-size: 1rem;
  text-transform: uppercase;
}
.company-profile .body {
  font-family: "SansPro-Regular";
  font-size: 1rem;
  color: #76777a;
}
.company-profile .card, .company-profile .card-header, .company-profile .contact-section {
  background-color: #f1f1f2;
}
.company-profile .card {
  border: none;
  box-shadow: none;
}
.company-profile .card-header {
  font-family: "SansPro-Black";
  font-size: 1.5rem;
  color: #002e6d;
}

.coming-soon > *:nth-child(1) {
  background-color: #6a6b6e;
}
.coming-soon > *:nth-child(2) {
  background-color: #ffffff;
}
.coming-soon * {
  color: #ffffff;
  font-size: 0.875rem;
}
.coming-soon .title {
  font-family: "SansPro-Black";
  font-size: 5rem;
  text-transform: uppercase;
  line-height: 5rem;
}

.maintenance > *:nth-child(1) {
  background-color: #002962;
}
.maintenance > *:nth-child(1) div {
  background: inherit;
}
.maintenance > *:nth-child(2) {
  background-color: #ffffff;
}
.maintenance * {
  font-weight: lighter;
  font-size: 1rem;
}
.maintenance * .message {
  background: inherit;
  -webkit-background-clip: text;
  background-clip: text;
  color: transparent;
  filter: invert(1) grayscale(1) contrast(100);
  font-weight: 300;
}
.maintenance * .duration,
.maintenance * .btn-contact-us {
  font-weight: bold;
  color: transparent;
}
.maintenance .title {
  font-family: "SansPro-Black";
  font-size: 3.5rem;
  text-transform: uppercase;
  line-height: 3.5rem;
  background: inherit;
  -webkit-background-clip: text;
  background-clip: text;
  color: transparent;
  filter: invert(1) grayscale(1) contrast(100);
}

.thumbnail-preview .body {
  text-align: center;
}
.thumbnail-preview .body img {
  width: 70%;
  margin-top: 40px;
}

.design-picker-reversible-modal .list {
  max-height: 600px;
  overflow-y: auto;
  padding-right: 30px;
}
.design-picker-reversible-modal .list .active {
  border: 1px solid #002e6d;
}

#modal-reversible-order-details .uk-modal-header .right-heading div,
#modal-rush-order-details .uk-modal-header .right-heading div {
  margin-right: 20px;
}
#modal-reversible-order-details .uk-modal-header .right-heading p,
#modal-rush-order-details .uk-modal-header .right-heading p {
  margin: 0;
}
#modal-reversible-order-details .uk-modal-header .right-heading .total,
#modal-rush-order-details .uk-modal-header .right-heading .total {
  font-size: 1.25rem;
}
#modal-reversible-order-details .uk-modal-header .right-heading .items,
#modal-rush-order-details .uk-modal-header .right-heading .items {
  font-size: 0.875rem;
  font-weight: bold;
}
#modal-reversible-order-details .uk-modal-body,
#modal-rush-order-details .uk-modal-body {
  padding: 0;
}
#modal-reversible-order-details .uk-modal-body .modal-content .order-information,
#modal-rush-order-details .uk-modal-body .modal-content .order-information {
  padding: 40px;
}
#modal-reversible-order-details .uk-modal-body .modal-content .order-information p,
#modal-rush-order-details .uk-modal-body .modal-content .order-information p {
  margin: 0;
  font-size: 0.75rem;
}
#modal-reversible-order-details .uk-modal-body .modal-content .order-information p span,
#modal-rush-order-details .uk-modal-body .modal-content .order-information p span {
  font-weight: bold;
}
#modal-reversible-order-details .uk-modal-body .modal-content .list-wrapper,
#modal-rush-order-details .uk-modal-body .modal-content .list-wrapper {
  background-color: #f1f1f2;
  padding: 30px;
}
#modal-reversible-order-details .uk-modal-body .modal-content .list-wrapper .order-details-item,
#modal-rush-order-details .uk-modal-body .modal-content .list-wrapper .order-details-item {
  font-size: 1rem;
  font-family: "SansPro-Regular";
  padding: 30px;
  background-color: #ffffff;
  border-color: #e6eaf0;
}
#modal-reversible-order-details .uk-modal-body .modal-content .list-wrapper .order-details-item .shipped-date,
#modal-rush-order-details .uk-modal-body .modal-content .list-wrapper .order-details-item .shipped-date {
  font-size: 0.75rem;
  text-transform: uppercase;
}
#modal-reversible-order-details .uk-modal-body .modal-content .list-wrapper .order-details-item .title,
#modal-rush-order-details .uk-modal-body .modal-content .list-wrapper .order-details-item .title {
  font-size: 1.5rem;
  text-transform: uppercase;
}
#modal-reversible-order-details .uk-modal-body .modal-content .list-wrapper .order-details-item .label,
#modal-rush-order-details .uk-modal-body .modal-content .list-wrapper .order-details-item .label {
  font-family: "SansPro-Black";
  font-size: 0.875rem;
  text-transform: uppercase;
}
#modal-reversible-order-details .uk-modal-body .modal-content .list-wrapper .order-details-item .subtitle,
#modal-rush-order-details .uk-modal-body .modal-content .list-wrapper .order-details-item .subtitle {
  font-size: 0.625rem;
}
#modal-reversible-order-details .uk-modal-body .modal-content .list-wrapper .order-details-item .name,
#modal-reversible-order-details .uk-modal-body .modal-content .list-wrapper .order-details-item .qty,
#modal-rush-order-details .uk-modal-body .modal-content .list-wrapper .order-details-item .name,
#modal-rush-order-details .uk-modal-body .modal-content .list-wrapper .order-details-item .qty {
  text-transform: uppercase;
  font-size: 0.875rem;
  font-family: "SansPro-Black";
}
#modal-reversible-order-details .uk-modal-body .modal-content .list-wrapper .order-details-item .prod-info,
#modal-rush-order-details .uk-modal-body .modal-content .list-wrapper .order-details-item .prod-info {
  text-transform: uppercase;
  font-size: 0.75rem;
}
#modal-reversible-order-details .uk-modal-body .modal-content .list-wrapper .order-details-item .sport,
#modal-reversible-order-details .uk-modal-body .modal-content .list-wrapper .order-details-item .product,
#modal-reversible-order-details .uk-modal-body .modal-content .list-wrapper .order-details-item .style,
#modal-rush-order-details .uk-modal-body .modal-content .list-wrapper .order-details-item .sport,
#modal-rush-order-details .uk-modal-body .modal-content .list-wrapper .order-details-item .product,
#modal-rush-order-details .uk-modal-body .modal-content .list-wrapper .order-details-item .style {
  font-size: 0.75rem;
}
#modal-reversible-order-details .uk-modal-body .modal-content .list-wrapper .order-details-item.highlighted,
#modal-rush-order-details .uk-modal-body .modal-content .list-wrapper .order-details-item.highlighted {
  outline: 2px solid;
  outline-color: #e6eff8 !important;
  outline-offset: 2px;
  border-color: #0053a7;
  background-color: #e6eff8;
}
#modal-reversible-order-details .uk-modal-body .modal-content .list-wrapper .table-list,
#modal-rush-order-details .uk-modal-body .modal-content .list-wrapper .table-list {
  margin-top: 10px;
}
#modal-reversible-order-details .uk-modal-body .modal-content .list-wrapper .table-list-header .table-header,
#modal-rush-order-details .uk-modal-body .modal-content .list-wrapper .table-list-header .table-header {
  font-size: 0.625rem;
  margin-bottom: 4px;
}
#modal-reversible-order-details .uk-modal-body .modal-content .list-wrapper .table-list-item,
#modal-rush-order-details .uk-modal-body .modal-content .list-wrapper .table-list-item {
  font-size: 0.75rem;
  background-color: transparent;
  padding-top: 4px;
  padding-bottom: 4px;
}
#modal-reversible-order-details .uk-modal-body .modal-content .info-divider,
#modal-rush-order-details .uk-modal-body .modal-content .info-divider {
  margin: 0;
  border-top: 1px dashed #999;
}
#modal-reversible-order-details .btn-rush-shipping,
#modal-rush-order-details .btn-rush-shipping {
  align-self: flex-start;
}
#modal-reversible-order-details .invoice,
#modal-rush-order-details .invoice {
  max-width: 400px;
  font-size: 0.875rem !important;
}
#modal-reversible-order-details .invoice .row,
#modal-rush-order-details .invoice .row {
  display: flex;
  justify-content: space-between;
  margin-bottom: 4px;
  gap: 4rem;
}
#modal-reversible-order-details .invoice .minimum-qty,
#modal-rush-order-details .invoice .minimum-qty {
  color: #c10230;
}
#modal-reversible-order-details .invoice .indent,
#modal-rush-order-details .invoice .indent {
  padding-left: 2em;
}
#modal-reversible-order-details .invoice .rush-shipping-total,
#modal-rush-order-details .invoice .rush-shipping-total {
  font-weight: bold;
}
#modal-reversible-order-details .production-option-container,
#modal-rush-order-details .production-option-container {
  min-width: 380px;
  background-color: #f1f1f2;
  padding: 0 30px;
}
#modal-reversible-order-details .production-option-container > div,
#modal-rush-order-details .production-option-container > div {
  margin-top: 115px;
}

#modal-save-and-share-reversible h5.subheading {
  text-transform: uppercase;
  font-family: "SansPro-Black";
  font-size: 1vw;
  color: #76777a;
}
#modal-save-and-share-reversible .design-preview .thumbnails-wrapper {
  height: 100%;
}
#modal-save-and-share-reversible .design-preview h6.subheading {
  text-align: center;
  text-transform: uppercase;
  margin-bottom: 10px;
  color: #76777a;
}
#modal-save-and-share-reversible .design-information .drpdwn p {
  font-size: 0.75rem;
  text-transform: none;
}
#modal-save-and-share-reversible .design-information .label-design-id {
  display: block;
  font-weight: bold;
}
#modal-save-and-share-reversible .design-information .save-notes {
  margin-top: 3px;
  text-align: center;
  font-size: 0.625rem;
}
#modal-save-and-share-reversible .design-information .btn-download-pdf,
#modal-save-and-share-reversible .design-information .btn-share-design {
  font-size: 0.875rem;
  color: #76777a;
  text-decoration: none;
}

.modal-style-publish-product .signature-canvas {
  border: 1px solid #e5e5e5;
  width: 100%;
}
.modal-style-publish-product .signature-notes {
  margin-top: 30px;
}
.modal-style-publish-product .signature-notes p {
  color: #c10230;
  font-family: "SansPro-Regular";
  font-size: 0.875rem;
}
.modal-style-publish-product a {
  text-decoration: none;
}
.modal-style-publish-product .title {
  text-transform: uppercase;
  font-size: 1rem !important;
}
.modal-style-publish-product .app-size-item {
  background-color: #f1f1f2;
  padding: 10px;
}
.modal-style-publish-product .app-size-table-body {
  text-transform: uppercase;
  overflow-y: auto;
  height: 350px;
}
.modal-style-publish-product .app-size-table-body h6.price {
  color: #002e6d;
}
.modal-style-publish-product .app-size-table-body h6.team-name {
  text-transform: uppercase;
}
.modal-style-publish-product .app-size-table-body .app-size-item {
  font-size: 0.75rem;
}
.modal-style-publish-product .app-size-table-body .app-size-item .t-c-invert {
  background: inherit;
  -webkit-background-clip: text;
  background-clip: text;
  color: transparent;
  filter: invert(1) grayscale(1) contrast(9);
}
.modal-style-publish-product .app-size-table-body .app-size-item .title {
  font-family: "SansPro-Black";
}

.view-together-modal .uk-modal-dialog {
  background-color: #fefefe;
}
.view-together-modal .uk-modal-close-full {
  display: block;
  position: static;
  inset: auto;
  margin: 0;
  background: none;
  padding: 20px 0;
}
.view-together-modal .background-options {
  list-style: none;
  padding: 0;
  margin: 0;
}
.view-together-modal .background-option {
  all: unset;
  cursor: pointer;
  color: #76777a;
  transition: all 0.2s ease;
}
.view-together-modal .background-option:hover, .view-together-modal .background-option.active {
  color: #002e6d;
}
.view-together-modal .side-panel {
  position: relative;
}
.view-together-modal .side-panel .uk-tab a {
  background-color: #f1f1f2;
  padding: 0.5rem 2.5rem;
}
.view-together-modal .side-panel .uk-tab .uk-active a {
  border-color: transparent;
  background-color: #002e6d;
  color: #ffffff;
}
.view-together-modal .side-panel .uk-switcher {
  height: 75vh;
  overflow-y: auto;
  background-color: #f1f1f2;
}
.view-together-modal .side-panel .export {
  position: absolute;
  top: 0.3125rem;
  left: 17.5rem;
}
.view-together-modal .tab-panel .item-grid {
  display: grid;
  grid-template-columns: repeat(4, 1fr);
  gap: 1.2rem;
}
.view-together-modal .tab-panel .item {
  cursor: pointer;
  box-sizing: border-box;
  padding: 0 0.5rem;
  transition: all 0.2s ease;
  position: relative;
}
.view-together-modal .tab-panel .item.active, .view-together-modal .tab-panel .item:hover {
  border: 1px solid #002e6d;
  background-color: #fefefe;
  border-radius: 6px;
}
.view-together-modal .tab-panel .item.disabled {
  pointer-events: none;
  opacity: 0.5;
  cursor: not-allowed;
}
.view-together-modal .tab-panel .item img {
  width: 100%;
  height: 100%;
  object-fit: contain;
}
.view-together-modal .tab-panel .reversible-buttons {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  display: flex;
  flex-direction: column;
  gap: 0.3rem;
  z-index: 2;
  width: 90%;
  max-width: 230px;
  margin: 0 auto;
}
.view-together-modal .icon-button {
  all: unset;
  cursor: pointer;
  display: inline-flex;
  align-items: center;
  justify-content: center;
}
.view-together-modal .icon-button img {
  display: block;
  width: 24px;
  height: 24px;
  transition: opacity 0.2s ease;
}
.view-together-modal .icon-button:hover img {
  opacity: 0.7;
}

.background-option-modal {
  width: 1200px;
  max-width: 95vw;
}
.background-option-modal .item {
  cursor: pointer;
  padding: 1rem;
  border: 1px solid #002e6d;
  transition: transform 0.2s ease;
  min-width: 180px;
  max-width: 100%;
  width: 100%;
  box-sizing: border-box;
}
.background-option-modal .item img {
  transition: transform 0.2s ease;
  width: 100%;
  height: 200px;
}
.background-option-modal .item h3 {
  padding: 0;
  margin-top: 1rem;
}
.background-option-modal .item.active {
  background-color: #002e6d;
  color: #ffffff;
}

.shipping-adjustment .label {
  font-family: "SansPro-Black";
  color: #76777a;
  font-size: 0.875rem;
  text-transform: uppercase;
  opacity: 60%;
}
.shipping-adjustment .rush-shipping {
  color: #76777a;
  font-size: 1rem;
}
.shipping-adjustment .subtitle {
  font-size: 0.875rem;
  opacity: 60%;
  margin-bottom: 20px;
}
.shipping-adjustment .note {
  margin-top: 2px;
  color: #c10230;
  font-family: "SansPro-Light";
}
.shipping-adjustment .shipping-price {
  font-size: 0.875rem;
  color: #76777a;
}
.shipping-adjustment .shipping-price-label {
  opacity: 60%;
}
.shipping-adjustment .shipping-price-value {
  font-weight: bold;
  font-size: 0.75rem;
}
.shipping-adjustment .estimated-shipping {
  font-size: 0.75rem;
  color: #76777a;
}
.shipping-adjustment .total {
  font-size: 1rem;
  color: #76777a;
}
.shipping-adjustment .total-label {
  opacity: 60%;
}
.shipping-adjustment .total-value {
  font-weight: bold;
}
.shipping-adjustment .shipping-item {
  font-size: 0.875rem;
  color: #76777a;
}
.shipping-adjustment .shipping-item div > div > .label {
  font-weight: bold;
  opacity: 100% !important;
}
.shipping-adjustment .shipping-item .price {
  font-weight: bold;
  font-size: 0.75rem;
}

.order-details {
  background: #ffffff !important;
  color: #000000 !important;
  padding-top: 0 !important;
}
.order-details * a {
  color: inherit !important;
}
.order-details hr {
  background: #c8c8c8;
  margin: 0.5rem 0;
}
.order-details .uk-offcanvas-close {
  filter: none !important;
  opacity: 1 !important;
}
.order-details .uk-offcanvas-close svg line {
  stroke: #000000 !important;
  stroke-width: 1.2;
}
.order-details .uk-link {
  color: #1e87f0 !important;
}
.order-details .uk-link:hover {
  color: #0f7ae5 !important;
}
.order-details .uk-breadcrumb li:not(:first-child)::before {
  content: ">";
  color: #000000 !important;
}
.order-details .uk-breadcrumb {
  text-transform: none !important;
}
.order-details .text-strike {
  text-decoration: line-through;
}
.order-details .order-header {
  position: sticky;
  top: 0;
  background: #ffffff;
  z-index: 10;
  padding-bottom: 1rem;
  margin-left: -30px;
  margin-right: -30px;
  padding: 0 30px;
  padding-top: 30px;
  padding-bottom: 10px;
}
.order-details .shipping-group {
  font-size: 0.75rem;
}
.order-details .factory-order,
.order-details .organization,
.order-details .cart-name {
  font-weight: 500;
}
.order-details .web-number,
.order-details .factory-number {
  font-family: "SansPro-Light";
}
.order-details .web-order a,
.order-details .factory-order a {
  text-decoration: underline !important;
}
.order-details .web-order {
  font-size: 1.5rem;
}
.order-details .factory-order {
  font-size: 1.25rem;
}
.order-details .organization {
  font-size: 1.25rem;
}
.order-details .cart-name {
  font-size: 1rem;
  color: #6a6b6e;
}
.order-details .order-buttons {
  position: sticky;
  bottom: -30px;
  background: #ffffff;
  z-index: 10;
  padding: 1.5rem 0;
  box-shadow: 0 -4px 6px rgba(0, 0, 0, 0.1);
  margin: -30px;
  margin-top: 20px;
  padding-left: 20px;
  padding-right: 40px;
  border-radius: 20px 20px 0 0;
}
.order-details .order-buttons .button-wrapper {
  flex: 1 1 0; /* Grow and shrink equally */
  min-width: 160px;
}
.order-details .order-buttons .btn {
  text-transform: capitalize !important;
}
.order-details .order-buttons .btn-status-danger {
  color: #ffffff !important;
}
@media screen and (max-width: 480px) {
  .order-details .order-buttons .btn {
    font-size: 0.625rem;
  }
}
.order-details .switch-nav-segmented {
  padding: 4px;
  border-radius: 5px;
  display: inline-flex;
  gap: 4px;
}
.order-details .switch-nav-segmented > li > a {
  border-radius: 5px;
  padding: 4px 12px;
  font-size: 0.75rem;
  text-transform: capitalize;
  color: #6b7280;
  background: transparent;
  transition: all 0.15s ease;
  border: none;
}
.order-details .switch-nav-segmented > li.uk-active > a {
  background: #ECECEE;
  color: #111827;
}
.order-details .switch-nav-segmented > li > a:hover {
  text-decoration: none;
}

.uk-offcanvas-bar.order-details {
  transition: transform 0.5s ease !important;
}

.uk-offcanvas:not(.uk-open) .uk-offcanvas-bar.order-details {
  transform: translateX(90%) !important;
}

.order-details {
  /* Desktop Order Steps */
}
.order-details .item-view .view-btn {
  transition: background-color 0.2s ease;
}
.order-details .item-view .view-btn:hover {
  background-color: #fafafb;
  border: 1px solid;
  border-color: #e6eaf0;
}
.order-details .item-view .uk-grid-collapse {
  row-gap: 8px;
}
.order-details .item-view .uk-grid-divider > * {
  border-right: 1px solid #c8c8c8 !important;
  border-color: #E4E4E7 !important;
}
.order-details .item-view .uk-grid-divider > :last-child {
  border-right: none !important;
}
.order-details .item-view .uk-grid-divider hr {
  border-top: 1px solid #c8c8c8 !important;
  border-color: #E4E4E7 !important;
}
@media (max-width: 640px) {
  .order-details .item-view .uk-grid-divider > * {
    border-right: none !important;
  }
}
.order-details .item-view .switch-nav-segmented > li > a {
  padding: 0 40px;
}
.order-details .uk-link .edit-icon {
  color: #000000;
  width: 19px;
  height: auto;
}
.order-details .pricing-row {
  display: flex;
  justify-content: space-between;
  align-items: center;
  margin-bottom: 4px;
  font-size: 14px !important;
}
.order-details .pricing-row p {
  margin: 0;
  display: flex;
  align-items: center;
  gap: 6px;
}
.order-details .pricing-row .formula {
  color: #6a6a6a;
}
.order-details .pricing-row .amount {
  font-weight: 600;
  text-align: right;
}
.order-details .subtotal .left {
  font-weight: 500;
}
.order-details .subtotal .amount {
  font-weight: 700;
}
.order-details .stepper-container {
  display: flex;
  align-items: flex-start;
  max-width: 1200px;
  margin: 2rem auto 0 auto;
  list-style: none;
  gap: 0;
  position: relative;
  padding: 20px 0 30px 0;
}
.order-details .stepper-container li {
  flex: 1;
  display: flex;
  flex-direction: column;
  align-items: center;
  cursor: pointer;
  position: relative;
  list-style: none;
  /* LEFT connector line */
  /* RIGHT connector line */
}
.order-details .stepper-container li:not(:first-child)::before {
  content: "";
  position: absolute;
  top: 16px;
  left: 0;
  right: 55%;
  margin-right: 20px;
  height: 1px;
  background: #E4E4E7;
  transition: background 0.3s;
}
.order-details .stepper-container li:not(:last-child)::after {
  content: "";
  position: absolute;
  top: 16px;
  left: 55%;
  right: 0;
  margin-left: 20px;
  height: 1px;
  background: #E4E4E7;
  transition: background 0.3s;
}
.order-details .stepper-container li:has(.step.completed)::before, .order-details .stepper-container li:has(.step.completed)::after {
  background: #94A3B8;
}
.order-details .stepper-container li:has(.step.completed):has(+ li .step.pending)::after {
  background: #E4E4E7;
}
.order-details .stepper-container li .step {
  display: flex;
  flex-direction: column;
  align-items: center;
  z-index: 1;
  padding: 0 8px;
}
.order-details .stepper-container li .step-circle {
  width: 32px;
  height: 32px;
  border-radius: 50%;
  display: flex;
  align-items: center;
  justify-content: center;
  font-weight: 600;
  font-size: 14px;
  z-index: 1;
  box-shadow: 0 3px 6px rgba(0, 0, 0, 0.3);
}
.order-details .stepper-container li .step.completed .step-circle {
  background: #000000;
  color: #ffffff;
}
.order-details .stepper-container li .step.completed .step-title,
.order-details .stepper-container li .step.completed .step-date {
  color: #09090b;
}
.order-details .stepper-container li .step.pending .step-circle {
  background: #f4f4f5;
  color: #a1a1aa;
}
.order-details .stepper-container li .step.pending .step-title,
.order-details .stepper-container li .step.pending .step-date {
  color: #a1a1aa;
}
.order-details .stepper-container li .step-info {
  margin-top: 12px;
  text-align: center;
}
.order-details .stepper-container li .step-title {
  font-weight: 600;
  font-size: 14px;
  white-space: nowrap;
}
.order-details .stepper-container li .step-date {
  font-size: 12px;
  margin-top: 2px;
  white-space: nowrap;
}
.order-details .stepper-container li .step-date.success {
  margin: 0;
  font-size: 11px;
  color: #15803D !important;
}
.order-details .stepper-container li .step-date.danger {
  margin: 0;
  font-size: 11px;
  color: #c10230 !important;
}
.order-details .stepper-container .step-tooltip {
  background: #f4f4f5;
  border-radius: 8px;
  padding: 10px 15px;
  box-shadow: 0 0 4px rgba(0, 0, 0, 0.15);
  font-size: 0.75rem;
  width: 230px;
  max-width: 250px;
  word-wrap: break-word;
  line-height: 1.2;
}
.order-details .stepper-container .step-tooltip p {
  margin: 6px 0;
}
.order-details .stepper-container .step-tooltip strong {
  font-weight: 600;
}

.order-details {
  /* Mobile Order Steps */
}
@media screen and (min-width: 769px) and (max-width: 1199px) {
  .order-details .view-btn {
    width: 364px !important;
  }
  .order-details .item-details {
    display: flex;
  }
  .order-details .item-details .uk-description-list {
    margin-top: 0;
  }
}
@media screen and (max-width: 75em) {
  .order-details .thumbnail-wrapper {
    max-width: 364px;
    margin: 0 auto;
  }
}
.order-details .mobile-stepper {
  display: none;
  background: white;
  margin: 0 auto;
  list-style: none;
}
.order-details .mobile-stepper > li {
  margin-top: 0 !important;
}
.order-details .mobile-step {
  position: relative;
  padding: 14px 0px 14px 0px;
  list-style: none;
  border-bottom: none;
}
.order-details .mobile-step.uk-open .mobile-step-line {
  height: calc(100% - 80px);
}
.order-details .mobile-step.uk-open .mobile-step-icon {
  transform: rotate(180deg);
}
.order-details .mobile-step.completed .mobile-step-circle {
  background: #000000;
  color: #ffffff;
}
.order-details .mobile-step.completed .mobile-step-line {
  background: #94A3B8;
}
.order-details .mobile-step.completed:has(+ .mobile-step.pending) .mobile-step-line {
  background: #E4E4E7;
}
.order-details .mobile-step.pending .mobile-step-circle {
  background: #f4f4f5;
  color: #a1a1aa;
}
.order-details .mobile-step.pending .mobile-step-title {
  color: #a1a1aa;
}
.order-details .mobile-step.pending .mobile-step-date {
  color: #a1a1aa;
}
.order-details .mobile-step:last-child .mobile-step-line {
  display: none;
}
.order-details .mobile-step-line {
  position: absolute;
  left: 24px;
  top: 76px;
  height: 14px;
  width: 1px;
  background: #E4E4E7;
  transition: height 0.3s ease;
}
.order-details .mobile-step-header {
  display: flex;
  align-items: flex-start;
  justify-content: space-between;
  cursor: pointer;
  user-select: none;
  width: 100% !important;
  padding-left: 8px !important;
}
.order-details .mobile-step-main {
  display: flex;
  align-items: flex-start;
  gap: 22px;
  flex: 1;
}
.order-details .mobile-step-circle {
  width: 32px;
  height: 32px;
  border-radius: 50%;
  display: flex;
  align-items: center;
  justify-content: center;
  font-weight: 700;
  font-size: 0.75rem;
  flex-shrink: 0;
  box-shadow: 0 3px 6px rgba(0, 0, 0, 0.3);
}
.order-details .mobile-step-text {
  flex: 1;
}
.order-details .mobile-step-title {
  font-weight: 700;
  font-size: 1rem;
  margin-bottom: 4px;
  color: #09090b;
}
.order-details .mobile-step-date {
  font-size: 0.75rem;
  display: flex;
  align-items: center;
  gap: 6px;
}
.order-details .mobile-step-date.success {
  margin: 0;
  color: #15803D !important;
}
.order-details .mobile-step-date.danger {
  margin: 0;
  color: #c10230 !important;
}
.order-details .mobile-step-content {
  overflow: hidden;
  padding: 0 !important;
}
.order-details .mobile-step-content-inner {
  padding-left: 64px;
  padding-right: 16px;
  font-size: 0.75rem;
  font-family: system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen, Ubuntu, Cantarell, "Open Sans", "Helvetica Neue", sans-serif;
}
.order-details .mobile-step-content-inner p {
  margin-bottom: 12px;
}
.order-details .mobile-step-content-inner p:last-child {
  margin-bottom: 0;
}
.order-details .mobile-step-content-inner strong {
  font-weight: 600;
}
.order-details .mobile-order-summary {
  display: none;
  background-color: #fafafa;
  padding: 0 16px;
}
.order-details .mobile-order-summary .accordion > li:nth-child(-n+2) {
  border-bottom: 1px solid #E4E4E7;
}
.order-details .mobile-order-summary .accordion .accordion-title {
  padding: 10px 0 !important;
}
.order-details .mobile-order-summary .accordion .accordion-title::before {
  margin-right: 8px;
}
.order-details .mobile-order-summary .accordion .accordion-title span {
  font-size: 0.875rem;
  color: #000000;
  text-transform: capitalize;
  font-weight: 600;
}
.order-details .mobile-order-summary .accordion .accordion-content {
  margin: 0 !important;
  padding: 0 0 10px 0 !important;
  font-size: 0.875rem;
  color: #000000;
}
.order-details .mobile-order-summary .accordion .accordion-content a {
  margin: 0 !important;
  padding: 0 !important;
}
.order-details .mobile-order-summary .accordion .accordion-content .pricing-row {
  margin: 0;
}
@media screen and (max-width: 48em) {
  .order-details .stepper-container {
    display: none;
  }
  .order-details .mobile-stepper {
    display: block;
  }
  .order-details .order-summary {
    display: none;
  }
  .order-details .mobile-order-summary {
    display: block;
  }
}

@media screen and (max-width: 75em) {
  .order-details .order-number {
    font-size: 1.25rem !important;
  }
  .order-details .organization {
    font-size: 1rem !important;
  }
  .order-details .cart-name {
    font-size: 0.875rem !important;
  }
}
@media screen and (max-width: 30em) {
  .order-details .button-wrapper {
    min-width: 140px !important;
  }
}
@media screen and (min-width: 40em) {
  .order-details .btn.btn-status-danger {
    max-width: 364px !important;
  }
}

@media screen and (max-width: 480px) {
  .orders-page .selected-label {
    font-size: 0.5rem;
    white-space: nowrap;
  }
  .orders-page .select-actions {
    font-size: 0.5rem;
    white-space: nowrap;
  }
  .orders-page .order-row {
    display: block;
    padding: 12px;
  }
  .orders-page .order-cell {
    width: 100%;
  }
  .orders-page .table-group-header {
    border-bottom: 1px solid #eee;
  }
}
.orders-page .mobile-main-dropdown {
  border-radius: 8px;
}
.orders-page .mobile-order-view {
  font-size: 0.875rem;
  color: #002e6d;
  font-family: "SansPro-Regular";
}
.orders-page .mobile-order-view .order-group {
  background-color: #FAFAFA;
  border-radius: 10px;
  border: solid 1px #E4E4E7;
  overflow: hidden;
}
.orders-page .mobile-order-view .order-group-header {
  padding: 20px;
}
.orders-page .mobile-order-view .order-group-item {
  font-size: 0.875rem;
  color: #76777a !important;
  font-family: "SansPro-Regular";
  background-color: #ffffff;
}
.orders-page .mobile-order-view .esd {
  color: #76777a;
}
.orders-page .mobile-order-view .esd .est-info,
.orders-page .mobile-order-view .esd .est-warn {
  display: none;
}
.orders-page .mobile-order-view .esd-early .est-date {
  color: #15803D;
}
.orders-page .mobile-order-view .esd-early .est-info {
  width: 16px;
  height: 16px;
  color: #15803D;
  display: flex;
}
.orders-page .mobile-order-view .esd-early .est-warn {
  display: none;
}
.orders-page .mobile-order-view .esd-late .est-date {
  color: #c10230;
}
.orders-page .mobile-order-view .esd-late .est-warn {
  width: 16px;
  height: 16px;
  color: #c10230;
  display: flex;
}
.orders-page .mobile-order-view .esd-late .est-info {
  display: none;
}
.orders-page .order-search {
  position: fixed;
  bottom: 0;
  left: 0;
  right: 0;
  z-index: 10;
  background: #fff;
  padding: 12px 16px;
  box-shadow: 0 -4px 12px rgba(0, 0, 0, 0.08);
  margin: 0;
  bottom: env(safe-area-inset-bottom);
  padding-bottom: calc(12px + env(safe-area-inset-bottom));
  border-radius: 20px 20px;
}
.orders-page .order-search .uk-form-controls, .orders-page .order-search input {
  width: 100%;
}
@media screen and (max-width: 1200px) {
  .orders-page .orders-wrapper {
    padding: 0;
    border: none;
    background-color: transparent;
    box-shadow: none;
  }
  .orders-page #mobile-menu-main a {
    text-decoration: none;
  }
}

@media screen and (max-width: 75em) {
  #edit-order-delivery-information-modal {
    background: none;
  }
  #edit-order-delivery-information-modal .modal-wrapper {
    width: 100vw;
    height: 100vh;
    position: fixed;
    top: 0;
    left: 0;
    margin: 0;
    overflow-y: auto;
    -webkit-overflow-scrolling: touch;
    transition: none !important;
  }
  #edit-order-delivery-information-modal .modal-body {
    padding: 180px 60px;
  }
  #edit-order-delivery-information-modal .modal-body hr {
    display: none !important;
  }
  #edit-order-delivery-information-modal .modal-body h3.uk-modal-title {
    font-size: 1.875rem;
    font-weight: 500;
    text-transform: none;
    letter-spacing: -0.5px;
  }
}
@media screen and (max-width: 60em) {
  #edit-order-delivery-information-modal .modal-body {
    padding: 160px 40px;
  }
}
@media screen and (max-width: 60em) and (orientation: landscape) and (max-height: 500px) {
  #edit-order-delivery-information-modal .modal-body {
    padding: 70px 40px;
  }
}
@media screen and (max-width: 40em) {
  #edit-order-delivery-information-modal .modal-body {
    padding: 140px 24px;
  }
}
@media screen and (max-width: 40em) and (orientation: landscape) {
  #edit-order-delivery-information-modal .modal-body {
    padding: 50px 24px;
  }
}
@media screen and (max-width: 30em) {
  #edit-order-delivery-information-modal .modal-body {
    padding: 120px 16px;
  }
}
@media screen and (max-width: 30em) and (orientation: landscape) {
  #edit-order-delivery-information-modal .modal-body {
    padding: 40px 16px;
  }
}
#edit-order-delivery-information-modal .uk-modal-body {
  max-width: 800px;
  margin: 0 auto;
}
@media screen and (max-width: 75em) {
  #edit-order-delivery-information-modal .modal-wrapper {
    display: flex;
    flex-direction: column;
  }
  #edit-order-delivery-information-modal .uk-modal-body {
    flex: 1;
    padding-bottom: 100px;
    overflow-y: auto;
    scrollbar-color: #d0d0d0 #f1f1f1;
  }
  #edit-order-delivery-information-modal .order-buttons {
    position: fixed;
    bottom: 0;
    left: 0;
    right: 0;
    background: #ffffff;
    padding: 16px 24px;
    box-shadow: 0 -2px 8px rgba(0, 0, 0, 0.1);
    border-radius: 20px 20px 0 0 !important;
    z-index: 1000;
  }
  #edit-order-delivery-information-modal .order-buttons .order-buttons-inner {
    display: flex;
    gap: 12px;
    margin: 0 auto;
  }
  #edit-order-delivery-information-modal .order-buttons .order-buttons-inner button {
    flex: 1;
  }
}
@media screen and (max-width: 30em) {
  #edit-order-delivery-information-modal .order-buttons {
    padding: 12px 16px;
  }
}

@media screen and (max-width: 480px) {
  .orders-page .selected-label {
    font-size: 0.5rem;
    white-space: nowrap;
  }
  .orders-page .select-actions {
    font-size: 0.5rem;
    white-space: nowrap;
  }
  .orders-page .order-row {
    display: block;
    padding: 12px;
  }
  .orders-page .order-cell {
    width: 100%;
  }
  .orders-page .table-group-header {
    border-bottom: 1px solid #eee;
  }
}
.orders-page .mobile-main-dropdown {
  border-radius: 8px;
}
.orders-page .mobile-order-view {
  font-size: 0.875rem;
  color: #002e6d;
  font-family: "SansPro-Regular";
}
.orders-page .mobile-order-view .order-group {
  background-color: #FAFAFA;
  border-radius: 10px;
  border: solid 1px #E4E4E7;
  overflow: hidden;
}
.orders-page .mobile-order-view .order-group-header {
  padding: 20px;
}
.orders-page .mobile-order-view .order-group-item {
  font-size: 0.875rem;
  color: #76777a !important;
  font-family: "SansPro-Regular";
  background-color: #ffffff;
}
.orders-page .mobile-order-view .esd {
  color: #76777a;
}
.orders-page .mobile-order-view .esd .est-info,
.orders-page .mobile-order-view .esd .est-warn {
  display: none;
}
.orders-page .mobile-order-view .esd-early .est-date {
  color: #15803D;
}
.orders-page .mobile-order-view .esd-early .est-info {
  width: 16px;
  height: 16px;
  color: #15803D;
  display: flex;
}
.orders-page .mobile-order-view .esd-early .est-warn {
  display: none;
}
.orders-page .mobile-order-view .esd-late .est-date {
  color: #c10230;
}
.orders-page .mobile-order-view .esd-late .est-warn {
  width: 16px;
  height: 16px;
  color: #c10230;
  display: flex;
}
.orders-page .mobile-order-view .esd-late .est-info {
  display: none;
}
.orders-page .order-search {
  position: fixed;
  bottom: 0;
  left: 0;
  right: 0;
  z-index: 10;
  background: #fff;
  padding: 12px 16px;
  box-shadow: 0 -4px 12px rgba(0, 0, 0, 0.08);
  margin: 0;
  bottom: env(safe-area-inset-bottom);
  padding-bottom: calc(12px + env(safe-area-inset-bottom));
  border-radius: 20px 20px;
}
.orders-page .order-search .uk-form-controls, .orders-page .order-search input {
  width: 100%;
}
@media screen and (max-width: 1200px) {
  .orders-page .orders-wrapper {
    padding: 0;
    border: none;
    background-color: transparent;
    box-shadow: none;
  }
  .orders-page #mobile-menu-main a {
    text-decoration: none;
  }
}

@font-face {
  font-family: GothamPro;
  src: url("../../../../fonts/GothamPro/GothamPro-Light.eot");
  src: url("../../../../fonts/GothamPro/GothamPro-Light.woff2") format("woff2"), url("../../../../fonts/GothamPro/GothamPro-Light.woff") format("woff"), url("../../../../fonts/GothamPro/GothamPro-Light.ttf") format("truetype"), url("../../../../fonts/GothamPro/GothamPro-Light.svg#GothamPro-Light") format("svg"), url("../../../../fonts/GothamPro/GothamPro-Light.eot?#iefix") format("embedded-opentype");
  font-weight: 100;
  font-style: normal;
}
@font-face {
  font-family: GothamPro;
  src: url("../../../../fonts/GothamPro/GothamPro-LightItalic.eot");
  src: url("../../../../fonts/GothamPro/GothamPro-LightItalic.woff2") format("woff2"), url("../../../../fonts/GothamPro/GothamPro-LightItalic.woff") format("woff"), url("../../../../fonts/GothamPro/GothamPro-LightItalic.ttf") format("truetype"), url("../../../../fonts/GothamPro/GothamPro-LightItalic.svg#GothamPro-LightItalic") format("svg"), url("../../../../fonts/GothamPro/GothamPro-LightItalic.eot?#iefix") format("embedded-opentype");
  font-weight: 100;
  font-style: italic;
}
@font-face {
  font-family: GothamPro;
  src: url("../../../../fonts/GothamPro/GothamPro.eot");
  src: url("../../../../fonts/GothamPro/../fonts/GothamPro/GothamPro.eot");
  src: url("../../../../fonts/GothamPro/GothamPro.woff2") format("woff2"), url("../../../../fonts/GothamPro/GothamPro.woff") format("woff"), url("../../../../fonts/GothamPro/GothamPro.ttf") format("truetype"), url("../../../../fonts/GothamPro/GothamPro.svg#GothamPro") format("svg"), url("../../../../fonts/GothamPro/GothamPro.eot?#iefix") format("embedded-opentype");
  font-weight: 200;
  font-style: normal;
}
@font-face {
  font-family: GothamPro;
  src: url("../../../../fonts/GothamPro/GothamPro-Italic.eot");
  src: url("../../../../fonts/GothamPro/GothamPro-Italic.woff2") format("woff2"), url("../../../../fonts/GothamPro/GothamPro-Italic.woff") format("woff"), url("../../../../fonts/GothamPro/GothamPro-Italic.ttf") format("truetype"), url("../../../../fonts/GothamPro/GothamPro-Italic.svg#GothamPro-Italic") format("svg"), url("../../../../fonts/GothamPro/GothamPro-Italic.eot?#iefix") format("embedded-opentype");
  font-weight: 200;
  font-style: italic;
}
@font-face {
  font-family: GothamPro;
  src: url("../../../../fonts/GothamPro/GothamPro-Medium.eot");
  src: url("../../../../fonts/GothamPro/GothamPro-Medium.woff2") format("woff2"), url("../../../../fonts/GothamPro/GothamPro-Medium.woff") format("woff"), url("../../../../fonts/GothamPro/GothamPro-Medium.ttf") format("truetype"), url("../../../../fonts/GothamPro/GothamPro-Medium.svg#GothamPro-Medium") format("svg"), url("../../../../fonts/GothamPro/GothamPro-Medium.eot?#iefix") format("embedded-opentype");
  font-weight: 400;
  font-style: normal;
}
@font-face {
  font-family: GothamPro;
  src: url("../../../../fonts/GothamPro/GothamPro-MediumItalic.eot");
  src: url("../../../../fonts/GothamPro/GothamPro-MediumItalic.woff2") format("woff2"), url("../../../../fonts/GothamPro/GothamPro-MediumItalic.woff") format("woff"), url("../../../../fonts/GothamPro/GothamPro-MediumItalic.ttf") format("truetype"), url("../../../../fonts/GothamPro/GothamPro-MediumItalic.svg#GothamPro-MediumItalic") format("svg"), url("../../../../fonts/GothamPro/GothamPro-MediumItalic.eot?#iefix") format("embedded-opentype");
  font-weight: 400;
  font-style: italic;
}
@font-face {
  font-family: GothamPro;
  src: url("../../../../fonts/GothamPro/GothamPro-Bold.eot");
  src: url("../../../../fonts/GothamPro/GothamPro-Bold.woff2") format("woff2"), url("../../../../fonts/GothamPro/GothamPro-Bold.woff") format("woff"), url("../../../../fonts/GothamPro/GothamPro-Bold.ttf") format("truetype"), url("../../../../fonts/GothamPro/GothamPro-Bold.svg#GothamPro-Bold") format("svg"), url("../../../../fonts/GothamPro/GothamPro-Bold.eot?#iefix") format("embedded-opentype");
  font-weight: 600;
  font-style: normal;
}
@font-face {
  font-family: GothamPro;
  src: url("../../../../fonts/GothamPro/GothamPro-BoldItalic.eot");
  src: url("../../../../fonts/GothamPro/GothamPro-BoldItalic.woff2") format("woff2"), url("../../../../fonts/GothamPro/GothamPro-BoldItalic.woff") format("woff"), url("../../../../fonts/GothamPro/GothamPro-BoldItalic.ttf") format("truetype"), url("../../../../fonts/GothamPro/GothamPro-BoldItalic.svg#GothamPro-BoldItalic") format("svg"), url("../../../../fonts/GothamPro/GothamPro-BoldItalic.eot?#iefix") format("embedded-opentype");
  font-weight: 600;
  font-style: italic;
}
@font-face {
  font-family: GothamPro;
  src: url("../../../../fonts/GothamPro/GothamPro-Black.eot");
  src: url("../../../../fonts/GothamPro/GothamPro-Black.woff2") format("woff2"), url("../../../../fonts/GothamPro/GothamPro-Black.woff") format("woff"), url("../../../../fonts/GothamPro/GothamPro-Black.ttf") format("truetype"), url("../../../../fonts/GothamPro/GothamPro-Black.svg#GothamPro-Black") format("svg"), url("../../../../fonts/GothamPro/GothamPro-Black.eot?#iefix") format("embedded-opentype");
  font-weight: 800;
  font-style: normal;
}
@font-face {
  font-family: GothamPro;
  src: url("../../../../fonts/GothamPro/GothamPro-BlackItalic.eot");
  src: url("../../../../fonts/GothamPro/GothamPro-BlackItalic.woff2") format("woff2"), url("../../../../fonts/GothamPro/GothamPro-BlackItalic.woff") format("woff"), url("../../../../fonts/GothamPro/GothamPro-BlackItalic.ttf") format("truetype"), url("../../../../fonts/GothamPro/GothamPro-BlackItalic.svg#GothamPro-BlackItalic") format("svg"), url("../../../../fonts/GothamPro/GothamPro-BlackItalic.eot?#iefix") format("embedded-opentype");
  font-weight: 800;
  font-style: italic;
}
.r-builder .nav-editing-panel {
  border-right: 1px solid #E5E7EB;
  overflow-y: auto;
}

.builder-nav .nav-actions .action-btn, .r-builder .canvas .wrapper-canvas-content .wrapper-side-b .btn-side-b,
.r-builder .canvas-custom-pro .wrapper-canvas-content .wrapper-side-b .btn-side-b, .r-builder .canvas .wrapper-canvas-footer .perspective .btn-perspective,
.r-builder .canvas-custom-pro .wrapper-canvas-footer .perspective .btn-perspective, .r-builder .summary-tab [class$=-header] button, .r-builder .roster-tab .btn-collapse, .r-builder .roster-tab .additional-options .additional-options-header, .r-builder .roster-tab .additional-options .added-range-row .chip-remove, .r-builder .col-action .btn-action, .r-builder .custom-pro-tab .custom-pro-file .custom-pro-file-action .uk-button, .upload-dropzone__file-action button, .slider-btn, .btn-v2.btn-link, .btn-v2.btn-link:hover {
  appearance: none;
  background: none;
  border: none;
  padding: 0;
  margin: 0;
  cursor: pointer;
}

.save-and-share-modal .modal-v2 .modal-body .modal-content .modal-share-actions .modal-share-btn, .builder-nav .nav-actions .action-btn, .r-builder .canvas .panel-canvas-content,
.r-builder .canvas .wrapper-side-a,
.r-builder .canvas .wrapper-side-b,
.r-builder .canvas-custom-pro .panel-canvas-content,
.r-builder .canvas-custom-pro .wrapper-side-a,
.r-builder .canvas-custom-pro .wrapper-side-b, .r-builder .applications-tab .icon-btn, .r-builder .applications-tab .degree-input__spinners, .r-builder .applications-tab .degree-input__spinners button, .application-group .application-item .application-meta .application-actions .action-btn, .logo-preview, .modal-v2--design-studio .logo-section .logo-grid .logo-card .logo-label, .modal-v2--design-studio .logo-section .logo-grid .logo-card .overlay, .list-option__indicator, .style-option .style-option__wrapper .style-option__thumb .overlay, .slider-btn {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
}

.r-builder .summary-tab .item-subtotal,
.r-builder .summary-tab [class$=-item], .application-group .application-item, .logo-label, .pattern-v2 .pattern-label, .modal-v2--design-studio .toolbar, .lists-v2.list-attribute .attribute-item .attribute-row {
  display: flex;
  align-items: center;
  justify-content: space-between;
}

.r-builder .summary-tab .base-price > .uk-list, .r-builder .summary-tab .base-price > .uk-list li {
  margin: 0;
  padding: 0;
}

.application-group .application-item .application-title, .application-group .application-item .application-meta .application-type, .logo-label .heading .heading-text, .pattern-v2 .pattern-label .pattern-name, .lists-v2.list-attribute .attribute-item .attribute-row .attribute-label-text, .lists-v2.list-attribute .attribute-item .attribute-row .attribute-value-text, .list-option__wrapper, .list-option__label, .list-option__meta, .list-option--with-thumbnail .list-option__content > span, .form-input-v2 .option-input-row .meta, .form-input-v2 div.input .option-label,
.form-input-v2 .option-row .option-label, .form-input-v2 div.input .uk-text-meta,
.form-input-v2 .option-row .uk-text-meta {
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}

body {
  font-family: "GothamPro";
  font-weight: 200;
}

.p-2xs {
  padding: 0.25rem;
}

.pt-2xs {
  padding-top: 0.25rem;
}

.pr-2xs {
  padding-right: 0.25rem;
}

.pb-2xs {
  padding-bottom: 0.25rem;
}

.pl-2xs {
  padding-left: 0.25rem;
}

.px-2xs {
  padding-left: 0.25rem;
  padding-right: 0.25rem;
}

.py-2xs {
  padding-top: 0.25rem;
  padding-bottom: 0.25rem;
}

.p-xs {
  padding: 0.5rem;
}

.pt-xs {
  padding-top: 0.5rem;
}

.pr-xs {
  padding-right: 0.5rem;
}

.pb-xs {
  padding-bottom: 0.5rem;
}

.pl-xs {
  padding-left: 0.5rem;
}

.px-xs {
  padding-left: 0.5rem;
  padding-right: 0.5rem;
}

.py-xs {
  padding-top: 0.5rem;
  padding-bottom: 0.5rem;
}

.p-sm {
  padding: 0.75rem;
}

.pt-sm {
  padding-top: 0.75rem;
}

.pr-sm {
  padding-right: 0.75rem;
}

.pb-sm {
  padding-bottom: 0.75rem;
}

.pl-sm {
  padding-left: 0.75rem;
}

.px-sm {
  padding-left: 0.75rem;
  padding-right: 0.75rem;
}

.py-sm {
  padding-top: 0.75rem;
  padding-bottom: 0.75rem;
}

.p-md {
  padding: 1rem;
}

.pt-md {
  padding-top: 1rem;
}

.pr-md {
  padding-right: 1rem;
}

.pb-md {
  padding-bottom: 1rem;
}

.pl-md {
  padding-left: 1rem;
}

.px-md {
  padding-left: 1rem;
  padding-right: 1rem;
}

.py-md {
  padding-top: 1rem;
  padding-bottom: 1rem;
}

.p-lg {
  padding: 1.25rem;
}

.pt-lg {
  padding-top: 1.25rem;
}

.pr-lg {
  padding-right: 1.25rem;
}

.pb-lg {
  padding-bottom: 1.25rem;
}

.pl-lg {
  padding-left: 1.25rem;
}

.px-lg {
  padding-left: 1.25rem;
  padding-right: 1.25rem;
}

.py-lg {
  padding-top: 1.25rem;
  padding-bottom: 1.25rem;
}

.p-xl {
  padding: 1.5rem;
}

.pt-xl {
  padding-top: 1.5rem;
}

.pr-xl {
  padding-right: 1.5rem;
}

.pb-xl {
  padding-bottom: 1.5rem;
}

.pl-xl {
  padding-left: 1.5rem;
}

.px-xl {
  padding-left: 1.5rem;
  padding-right: 1.5rem;
}

.py-xl {
  padding-top: 1.5rem;
  padding-bottom: 1.5rem;
}

.p-2xl {
  padding: 2rem;
}

.pt-2xl {
  padding-top: 2rem;
}

.pr-2xl {
  padding-right: 2rem;
}

.pb-2xl {
  padding-bottom: 2rem;
}

.pl-2xl {
  padding-left: 2rem;
}

.px-2xl {
  padding-left: 2rem;
  padding-right: 2rem;
}

.py-2xl {
  padding-top: 2rem;
  padding-bottom: 2rem;
}

.p-3xl {
  padding: 2.5rem;
}

.pt-3xl {
  padding-top: 2.5rem;
}

.pr-3xl {
  padding-right: 2.5rem;
}

.pb-3xl {
  padding-bottom: 2.5rem;
}

.pl-3xl {
  padding-left: 2.5rem;
}

.px-3xl {
  padding-left: 2.5rem;
  padding-right: 2.5rem;
}

.py-3xl {
  padding-top: 2.5rem;
  padding-bottom: 2.5rem;
}

.p-4xl {
  padding: 3rem;
}

.pt-4xl {
  padding-top: 3rem;
}

.pr-4xl {
  padding-right: 3rem;
}

.pb-4xl {
  padding-bottom: 3rem;
}

.pl-4xl {
  padding-left: 3rem;
}

.px-4xl {
  padding-left: 3rem;
  padding-right: 3rem;
}

.py-4xl {
  padding-top: 3rem;
  padding-bottom: 3rem;
}

.p-5xl {
  padding: 4rem;
}

.pt-5xl {
  padding-top: 4rem;
}

.pr-5xl {
  padding-right: 4rem;
}

.pb-5xl {
  padding-bottom: 4rem;
}

.pl-5xl {
  padding-left: 4rem;
}

.px-5xl {
  padding-left: 4rem;
  padding-right: 4rem;
}

.py-5xl {
  padding-top: 4rem;
  padding-bottom: 4rem;
}

.m-2xs {
  margin: 0.25rem;
}

.mt-2xs {
  margin-top: 0.25rem;
}

.mr-2xs {
  margin-right: 0.25rem;
}

.mb-2xs {
  margin-bottom: 0.25rem;
}

.ml-2xs {
  margin-left: 0.25rem;
}

.mx-2xs {
  margin-left: 0.25rem;
  margin-right: 0.25rem;
}

.my-2xs {
  margin-top: 0.25rem;
  margin-bottom: 0.25rem;
}

.m-xs {
  margin: 0.5rem;
}

.mt-xs {
  margin-top: 0.5rem;
}

.mr-xs {
  margin-right: 0.5rem;
}

.mb-xs {
  margin-bottom: 0.5rem;
}

.ml-xs {
  margin-left: 0.5rem;
}

.mx-xs {
  margin-left: 0.5rem;
  margin-right: 0.5rem;
}

.my-xs {
  margin-top: 0.5rem;
  margin-bottom: 0.5rem;
}

.m-sm {
  margin: 0.75rem;
}

.mt-sm {
  margin-top: 0.75rem;
}

.mr-sm {
  margin-right: 0.75rem;
}

.mb-sm {
  margin-bottom: 0.75rem;
}

.ml-sm {
  margin-left: 0.75rem;
}

.mx-sm {
  margin-left: 0.75rem;
  margin-right: 0.75rem;
}

.my-sm {
  margin-top: 0.75rem;
  margin-bottom: 0.75rem;
}

.m-md {
  margin: 1rem;
}

.mt-md {
  margin-top: 1rem;
}

.mr-md {
  margin-right: 1rem;
}

.mb-md {
  margin-bottom: 1rem;
}

.ml-md {
  margin-left: 1rem;
}

.mx-md {
  margin-left: 1rem;
  margin-right: 1rem;
}

.my-md {
  margin-top: 1rem;
  margin-bottom: 1rem;
}

.m-lg {
  margin: 1.25rem;
}

.mt-lg {
  margin-top: 1.25rem;
}

.mr-lg {
  margin-right: 1.25rem;
}

.mb-lg {
  margin-bottom: 1.25rem;
}

.ml-lg {
  margin-left: 1.25rem;
}

.mx-lg {
  margin-left: 1.25rem;
  margin-right: 1.25rem;
}

.my-lg {
  margin-top: 1.25rem;
  margin-bottom: 1.25rem;
}

.m-xl {
  margin: 1.5rem;
}

.mt-xl {
  margin-top: 1.5rem;
}

.mr-xl {
  margin-right: 1.5rem;
}

.mb-xl {
  margin-bottom: 1.5rem;
}

.ml-xl {
  margin-left: 1.5rem;
}

.mx-xl {
  margin-left: 1.5rem;
  margin-right: 1.5rem;
}

.my-xl {
  margin-top: 1.5rem;
  margin-bottom: 1.5rem;
}

.m-2xl {
  margin: 2rem;
}

.mt-2xl {
  margin-top: 2rem;
}

.mr-2xl {
  margin-right: 2rem;
}

.mb-2xl {
  margin-bottom: 2rem;
}

.ml-2xl {
  margin-left: 2rem;
}

.mx-2xl {
  margin-left: 2rem;
  margin-right: 2rem;
}

.my-2xl {
  margin-top: 2rem;
  margin-bottom: 2rem;
}

.m-3xl {
  margin: 2.5rem;
}

.mt-3xl {
  margin-top: 2.5rem;
}

.mr-3xl {
  margin-right: 2.5rem;
}

.mb-3xl {
  margin-bottom: 2.5rem;
}

.ml-3xl {
  margin-left: 2.5rem;
}

.mx-3xl {
  margin-left: 2.5rem;
  margin-right: 2.5rem;
}

.my-3xl {
  margin-top: 2.5rem;
  margin-bottom: 2.5rem;
}

.m-4xl {
  margin: 3rem;
}

.mt-4xl {
  margin-top: 3rem;
}

.mr-4xl {
  margin-right: 3rem;
}

.mb-4xl {
  margin-bottom: 3rem;
}

.ml-4xl {
  margin-left: 3rem;
}

.mx-4xl {
  margin-left: 3rem;
  margin-right: 3rem;
}

.my-4xl {
  margin-top: 3rem;
  margin-bottom: 3rem;
}

.m-5xl {
  margin: 4rem;
}

.mt-5xl {
  margin-top: 4rem;
}

.mr-5xl {
  margin-right: 4rem;
}

.mb-5xl {
  margin-bottom: 4rem;
}

.ml-5xl {
  margin-left: 4rem;
}

.mx-5xl {
  margin-left: 4rem;
  margin-right: 4rem;
}

.my-5xl {
  margin-top: 4rem;
  margin-bottom: 4rem;
}

.text-3xs {
  font-size: 0.5rem;
}

.text-2xs {
  font-size: 0.625rem;
}

.text-xs {
  font-size: 0.75rem;
}

.text-sm {
  font-size: 0.875rem;
}

.text-base {
  font-size: 1rem;
}

.text-md {
  font-size: 1.25rem;
}

.text-lg {
  font-size: 1.5rem;
}

.text-xl {
  font-size: 1.875rem;
}

.text-2xl {
  font-size: 2.25rem;
}

.text-3xl {
  font-size: 2.875rem;
}

.text-4xl {
  font-size: 3.5rem;
}

.text-5xl {
  font-size: 5rem;
}

.rounded-0 {
  border-radius: 0 !important;
}

.rounded-xs {
  border-radius: 0.125rem !important;
}

.rounded-sm {
  border-radius: 0.25rem !important;
}

.rounded-md {
  border-radius: 0.375rem !important;
}

.rounded-lg {
  border-radius: 0.5rem !important;
}

.rounded-xl {
  border-radius: 0.75rem !important;
}

.rounded-2xl {
  border-radius: 1rem !important;
}

.rounded-3xl {
  border-radius: 1.5rem !important;
}

.rounded-full {
  border-radius: 9999px !important;
}

.icon-3xs {
  height: 0.5rem;
  width: 0.5rem;
}

.icon-2xs {
  height: 0.625rem;
  width: 0.625rem;
}

.icon-xs {
  height: 0.75rem;
  width: 0.75rem;
}

.icon-sm {
  height: 0.875rem;
  width: 0.875rem;
}

.icon-base {
  height: 1rem;
  width: 1rem;
}

.icon-md {
  height: 1.25rem;
  width: 1.25rem;
}

.icon-lg {
  height: 1.5rem;
  width: 1.5rem;
}

.icon-xl {
  height: 1.875rem;
  width: 1.875rem;
}

.icon-2xl {
  height: 2.25rem;
  width: 2.25rem;
}

.icon-3xl {
  height: 2.875rem;
  width: 2.875rem;
}

.icon-4xl {
  height: 3.5rem;
  width: 3.5rem;
}

.icon-5xl {
  height: 5rem;
  width: 5rem;
}

.gap-3xs {
  gap: 0.15rem;
}

.gap-2xs {
  gap: 0.25rem;
}

.gap-xs {
  gap: 0.5rem;
}

.gap-sm {
  gap: 0.75rem;
}

.gap-md {
  gap: 1rem;
}

.gap-lg {
  gap: 1.25rem;
}

.gap-xl {
  gap: 1.5rem;
}

.gap-2xl {
  gap: 2rem;
}

.gap-3xl {
  gap: 2.5rem;
}

.gap-4xl {
  gap: 3rem;
}

.gap-5xl {
  gap: 4rem;
}

.font-thin {
  font-weight: 100;
}

.font-extralight {
  font-weight: 200;
}

.font-light {
  font-weight: 300;
}

.font-normal {
  font-weight: 400;
}

.font-base {
  font-weight: 400;
}

.font-medium {
  font-weight: 500;
}

.font-semibold {
  font-weight: 600;
}

.font-bold {
  font-weight: 700;
}

.font-extrabold {
  font-weight: 800;
}

.font-black {
  font-weight: 900;
}

.btn-v2 {
  letter-spacing: 0.02em;
  border-radius: 0.375rem;
  text-transform: none;
  padding: 0 1rem;
  line-height: 38px;
  vertical-align: middle;
  text-align: center;
  font-weight: 500;
  color: #09090B;
  background-color: transparent;
  font-size: 0.875rem;
  border: 1px solid #D1D5DB;
}

.btn-v2:hover {
  color: #09090B;
  border: 1px solid #09090B;
}

.btn-v2.btn-size-xsmall {
  padding: 0 10px;
  line-height: 18px;
  font-size: 0.625rem;
}

.btn-v2.btn-size-small {
  padding: 0 15px;
  line-height: 28px;
  font-size: 0.75rem;
}

.btn-v2.btn-size-default {
  padding: 0 30px;
  line-height: 38px;
  font-size: 0.875rem;
}

.btn-v2.btn-size-large {
  padding: 0 40px;
  line-height: 53px;
  font-size: 1rem;
}

.btn-v2.btn-color-default {
  background-color: transparent;
  border: 1px solid #E5E7EB;
}

.btn-v2.btn-color-default:hover {
  background: #E5E7EB;
}

.btn-v2.btn-color-primary {
  color: #FFFFFF;
  background-color: #09090B;
  border: 1px solid #09090B;
}

.btn-v2.btn-color-primary:hover {
  background: #09090B;
  border: 1px solid #D1D5DB;
}

.btn-v2.btn-color-tertiary {
  background-color: transparent;
  border: none;
}

.btn-v2.btn-color-tertiary:hover {
  background: #E5E7EB;
}

.btn-v2.btn-color-secondary {
  color: #000000;
  background-color: #ECECEE;
  border: 1px solid #ECECEE;
}

.btn-v2.btn-color-secondary:hover {
  background: #ECECEE;
  border: 1px solid #D1D5DB;
}

.btn-v2.btn-link {
  all: unset;
  color: #3B82F6;
  font-weight: 300;
}

.btn-v2.btn-link:hover {
  opacity: 0.9;
}

.btn-v2:disabled {
  opacity: 0.5;
  pointer-events: none;
}

.badge-v2 {
  letter-spacing: 0.05em;
  padding: 2px 0.5rem;
  height: 18px;
  font-size: 0.75rem;
  font-weight: 500;
}

.badge-v2.badge-icon {
  display: flex;
  align-items: center;
  gap: 0.5rem;
}

.badge-v2.badge-color-default {
  background-color: #000000;
}

.badge-v2.badge-color-default-invert {
  color: #6B7280 !important;
  background-color: #E5E7EB;
}

.badge-v2.badge-color-gold {
  color: #451A03 !important;
  background: linear-gradient(100deg, #EDAA0F 0%, #F2D040 35%, #FDEC96 70%, #EDAA0F 100%);
}

.badge-v2.badge-color-red {
  color: #7F1D1D !important;
  background-color: #FEE2E2;
}

.badge-v2.badge-color-orange {
  color: #7C2D12 !important;
  background-color: #FFEDD5;
}

.badge-v2.badge-number {
  padding: 0px;
}

.badge-v2.badge-size-xs3 {
  min-width: 8px;
  height: 8px;
  font-size: 0.5rem;
}

.badge-v2.badge-size-xs2 {
  min-width: 10px;
  height: 10px;
  font-size: 0.5rem;
}

.badge-v2.badge-size-xs {
  min-width: 12px;
  height: 12px;
  font-size: 0.5rem;
}

.badge-v2.badge-size-sm {
  min-width: 14px;
  height: 14px;
  font-size: 0.625rem;
}

.badge-v2.badge-size-md {
  min-width: 16px;
  height: 16px;
  font-size: 0.75rem;
}

.badge-v2.badge-size-lg {
  min-width: 20px;
  height: 20px;
  font-size: 0.75rem;
}

.badge-v2.badge-size-xl {
  min-width: 24px;
  height: 24px;
  font-size: 0.875rem;
}

.badge-v2.badge-size-2xl {
  min-width: 28px;
  height: 28px;
  font-size: 1rem;
}

.toggle {
  display: inline-block;
  position: relative;
  height: 24px;
  width: 43px;
  background-color: #D1D5DB;
  border: none;
  border-radius: 9999px;
  overflow: hidden;
  cursor: pointer;
  vertical-align: middle;
}

.toggle:hover {
  opacity: 0.9;
}

.toggle input[type=checkbox] {
  position: absolute;
  top: 50%;
  left: 4px;
  transform: translateY(-50%);
  width: 16px;
  height: 16px;
  margin: 0;
  border: none;
  border-radius: 9999px;
  background-color: #FFFFFF;
  cursor: pointer;
  transition: left 0.3s ease;
  z-index: 2;
}

.toggle input[type=checkbox]:checked {
  left: 23px;
  background-color: #FFFFFF;
}

.toggle input[type=checkbox]:checked ~ span {
  background-color: #09090B;
}

.toggle span {
  position: absolute;
  inset: 0;
  transition: background-color 0.3s ease;
}

.toggle.toggle-sm {
  width: 36px;
  height: 20px;
}

.toggle.toggle-sm input[type=checkbox] {
  width: 12px;
  height: 12px;
  left: 4px;
}

.toggle.toggle-sm input[type=checkbox]:checked {
  left: 20px;
}

.toggle.toggle-lg {
  width: 50px;
  height: 28px;
}

.toggle.toggle-lg input[type=checkbox] {
  width: 20px;
  height: 20px;
  left: 4px;
}

.toggle.toggle-lg input[type=checkbox]:checked {
  left: 26px;
}

.toggle.toggle-blue input[type=checkbox]:checked ~ span {
  background-color: #3B82F6;
}

.form-input-v2 {
  /* ---------- INPUT SIZES STYLES  ---------- */
  /* ---------- SELECT STYLES  ---------- */
}

.form-input-v2 .uk-form-controls {
  position: relative;
}

.form-input-v2 label {
  position: absolute;
  left: 6px;
  transform: translateY(-50%);
  font-size: 0.75rem;
  color: #6B7280;
  pointer-events: none;
  transition: all 0.2s ease;
  background: #FFFFFF;
  padding: 0 4px;
}

.form-input-v2 input,
.form-input-v2 select,
.form-input-v2 div.input {
  border: 1px solid #E4E4E7;
  font-size: 0.875rem;
  height: 52px;
  padding: 0.5rem 0.75rem;
  border-radius: 0.75rem;
}

.form-input-v2 input:focus,
.form-input-v2 select:focus,
.form-input-v2 div.input:focus {
  outline: 2px solid #E4E4E7;
  outline-offset: 2px;
  border: 1px solid #E4E4E7;
}

.form-input-v2 .option-input-row {
  display: flex;
  align-items: baseline;
  justify-content: space-between;
  gap: 0.5rem;
  overflow: hidden;
}

.form-input-v2 .option-input-row input {
  flex: 1;
  min-width: 0;
  border: none;
  outline: none;
  background: transparent;
  font-family: inherit;
  padding: 0 !important;
}

.form-input-v2 .option-input-row .meta {
  font-size: inherit;
  color: #111827;
  min-width: 0;
}

.form-input-v2 div.input,
.form-input-v2 .option-row {
  display: flex;
  align-items: center;
  gap: 0.5rem;
  padding-right: 36px;
  overflow: hidden;
}

.form-input-v2 div.input .option-label,
.form-input-v2 .option-row .option-label {
  flex-shrink: 0;
  max-width: 60%;
}

.form-input-v2 div.input .uk-text-meta,
.form-input-v2 .option-row .uk-text-meta {
  font-size: inherit;
  color: #A1A1AA;
  min-width: 0;
}

.form-input-v2 .textarea label {
  position: absolute;
  left: 8px;
  transform: translateY(-50%);
  font-size: 0.75rem;
  color: #6B7280;
  pointer-events: none;
  transition: all 0.2s ease;
  background: #FFFFFF;
  padding: 0 4px;
}

.form-input-v2 textarea {
  padding: 0.5rem 0.75rem;
  border-radius: 0.75rem;
  resize: none;
  min-height: 120px;
  font-size: 0.875rem;
}

.form-input-v2 textarea:focus {
  outline: 2px solid #E4E4E7;
  outline-offset: 2px;
  border: 1px solid #E4E4E7;
}

.form-input-v2.label-stick label {
  top: 3%;
}

.form-input-v2.label-float label {
  top: 50%;
}

.form-input-v2.label-float .textarea label {
  top: 15%;
}

.form-input-v2.label-float input::placeholder,
.form-input-v2.label-float select::placeholder, .form-input-v2.label-float .textarea::placeholder {
  color: transparent;
  transition: color 0.2s ease;
}

.form-input-v2.label-float input:focus::placeholder,
.form-input-v2.label-float select:focus::placeholder, .form-input-v2.label-float .textarea:focus::placeholder {
  color: #999999;
}

.form-input-v2.label-float .input-dropdown:has(.icon-left) label {
  left: 40px;
}

.form-input-v2.label-float .input-dropdown:has(input:focus) label,
.form-input-v2.label-float .input-dropdown:has(input:not(:placeholder-shown)) label {
  top: -8px;
  transform: none;
  font-size: 0.75rem;
  color: #6B7280;
  left: 6px;
}

.form-input-v2.label-float input:focus + label,
.form-input-v2.label-float input:not(:placeholder-shown) + label,
.form-input-v2.label-float select:focus + label,
.form-input-v2.label-float select:not([value=""]) + label,
.form-input-v2.label-float select:valid + label,
.form-input-v2.label-float .input-dropdown:has(input:focus) label,
.form-input-v2.label-float .input-dropdown:has(input:not(:placeholder-shown)) label,
.form-input-v2.label-float .textarea:focus + label,
.form-input-v2.label-float .textarea:not(:placeholder-shown) + label {
  top: -8px;
  transform: none;
  font-size: 0.75rem;
  color: #6B7280;
}

.form-input-v2 .input-size-small label {
  font-size: 0.75rem;
}

.form-input-v2 .input-size-small input,
.form-input-v2 .input-size-small textarea,
.form-input-v2 .input-size-small select,
.form-input-v2 .input-size-small div.input {
  height: 35px;
  padding: 5px 10px 2px;
  font-size: 0.75rem;
  border-radius: 0.375rem;
}

.form-input-v2 .input-size-small input:focus + label,
.form-input-v2 .input-size-small textarea:focus + label {
  font-size: 0.75rem;
}

.form-input-v2 .input-size-small input:not(:placeholder-shown) + label,
.form-input-v2 .input-size-small textarea:not(:placeholder-shown) + label {
  font-size: 0.75rem;
}

.form-input-v2 .input-size-default label {
  font-size: 0.75rem;
}

.form-input-v2 .input-size-default input,
.form-input-v2 .input-size-default textarea,
.form-input-v2 .input-size-default select,
.form-input-v2 .input-size-default div.input {
  height: 52px;
  padding: 0.5rem 0.75rem;
  border-radius: 0.75rem;
}

.form-input-v2 .input-size-default input:focus + label,
.form-input-v2 .input-size-default textarea:focus + label,
.form-input-v2 .input-size-default select:focus + label {
  font-size: 0.75rem;
}

.form-input-v2 .input-size-default input:not(:placeholder-shown) + label,
.form-input-v2 .input-size-default textarea:not(:placeholder-shown) + label {
  font-size: 0.75rem;
}

.form-input-v2 .input-size-large label {
  font-size: 0.875rem;
}

.form-input-v2 .input-size-large input,
.form-input-v2 .input-size-large textarea,
.form-input-v2 .input-size-large select,
.form-input-v2 .input-size-large div.input {
  height: 55px;
  padding: 0.75rem 1rem;
  border-radius: 0.75rem;
}

.form-input-v2 .input-size-large input:focus + label,
.form-input-v2 .input-size-large textarea:focus + label {
  font-size: 0.875rem;
}

.form-input-v2 .input-size-large input:not(:placeholder-shown) + label,
.form-input-v2 .input-size-large textarea:not(:placeholder-shown) + label {
  font-size: 0.875rem;
}

.form-input-v2 .select-field {
  position: relative;
  /* =========================
     HEROICON CHEVRON
  ========================= */
  /* =========================
     ROTATE ON FOCUS
  ========================= */
}

.form-input-v2 .select-field select {
  appearance: none;
  -webkit-appearance: none;
  -moz-appearance: none;
  background: none !important;
  background-image: none !important;
}

.form-input-v2 .select-field select:disabled {
  background-color: #f5f5f5;
  cursor: not-allowed;
}

.form-input-v2 .select-field select .uk-select {
  background-image: none !important;
}

.form-input-v2 .select-field::after {
  content: "";
  position: absolute;
  right: 12px;
  top: 50%;
  transform: translateY(-50%);
  width: 20px;
  height: 20px;
  pointer-events: none;
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='none' viewBox='0 0 24 24' stroke='%23666'%3E%3Cpath stroke-linecap='round' stroke-linejoin='round' stroke-width='2' d='M19 9l-7 7-7-7'/%3E%3C/svg%3E");
  background-repeat: no-repeat;
  background-position: center;
  background-size: contain;
  transition: transform 0.2s ease;
}

.form-input-v2 .select-field:focus-within::after {
  transform: translateY(-50%) rotate(180deg);
}

.form-input-v2 .required {
  color: #B91C1C;
}

.form-input-v2 .input-validation-success {
  margin-top: 2px;
  font-size: 0.75rem;
  color: #16A34A;
}

.form-input-v2 .input-validation-danger {
  margin-top: 2px;
  font-size: 0.75rem;
  color: #B91C1C;
}

.drpdwn-v2 {
  background-color: transparent;
  box-shadow: unset;
  padding: unset;
}

.drpdwn-v2-tip::after {
  content: "";
  position: fixed;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  background: rgba(0, 0, 0, 0.5);
  z-index: -1;
}

.color-v2 {
  /* --------- Color Library --------- */
}

.color-v2 .color-team.uk-grid-column-small, .color-v2 .color-team.uk-grid-small {
  margin-left: -4px;
}

.color-v2 .color-team.uk-grid-column-small > *, .color-v2 .color-team.uk-grid-small > * {
  padding-left: 0.25rem;
}

* + .color-v2 .color-team.uk-grid-margin-small, .color-v2 .color-team.uk-grid + .uk-grid-row-small, .color-v2 .color-team.uk-grid + .uk-grid-small, .color-v2 .color-team.uk-grid-row-small > .uk-grid-margin, .color-v2 .color-team.uk-grid-small > .uk-grid-margin {
  margin-top: 0.25rem;
}

.color-v2 .color-team .btn-add-logo, .color-v2 .color-team .btn-add-color {
  border-radius: 0.5rem;
  padding: 3px 3px;
  margin-left: 5px;
}

.color-v2 .color-team:has(> div:nth-child(7)) {
  flex-wrap: wrap;
  width: 300px;
}

@media (max-width: 1671px) {
  .color-v2 .color-team:has(> div:nth-child(7)) {
    width: 270px;
  }
}
.color-v2 .wrapper-color-team {
  display: block;
  position: relative;
  border-radius: 0.5rem;
  overflow: visible;
  font-weight: 400;
  /* Close Button */
}

.color-v2 .wrapper-color-team .color-team {
  background-color: inherit !important;
  margin-top: 0px;
  position: relative;
  width: 28px;
  height: 28px;
  border: 1px solid #E5E7EB;
  border-radius: 0.5rem;
  display: block;
}

.color-v2 .wrapper-color-team .color-code {
  display: inline-block;
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  font-family: "GothamPro";
  font-size: 0.625rem;
  background: inherit;
  -webkit-background-clip: text;
  background-clip: text;
  color: transparent;
  filter: invert(1) grayscale(1) contrast(9);
  white-space: nowrap;
}

.color-v2 .wrapper-color-team .remove-btn {
  position: absolute;
  top: -6px;
  right: -6px;
  color: #4B5563;
  background-color: white;
  border-radius: 100%;
  cursor: pointer;
  opacity: 0;
  transform: scale(0.8);
  transition: 0.2s ease;
  z-index: 10;
}

.color-v2 .wrapper-color-team:hover .remove-btn {
  opacity: 1;
  transform: scale(1);
}

.color-v2 .color-library-options {
  font-weight: 400;
}

.color-v2 .color-library-options.uk-grid-column-small, .color-v2 .color-library-options.uk-grid-small {
  margin-left: -8px;
}

.color-v2 .color-library-options.uk-grid-column-small > *, .color-v2 .color-library-options.uk-grid-small > * {
  padding-left: 0.5rem;
}

* + .color-v2 .color-library-options.uk-grid-margin-small, .color-v2 .color-library-options.uk-grid + .uk-grid-row-small, .color-v2 .color-library-options.uk-grid + .uk-grid-small, .color-v2 .color-library-options.uk-grid-row-small > .uk-grid-margin, .color-v2 .color-library-options.uk-grid-small > .uk-grid-margin {
  margin-top: 0.5rem;
}

.color-v2 .wrapper-color-library-option {
  display: block;
  position: relative;
  border-radius: 0.5rem;
  overflow: visible;
  cursor: pointer;
  font-weight: 400;
}

.color-v2 .wrapper-color-library-option:hover .color-lib-option {
  border-color: #E5E7EB;
}

.color-v2 .wrapper-color-library-option .color-lib-option {
  background-color: inherit !important;
  margin-top: 0px;
  position: relative;
  width: 32px;
  height: 32px;
  border-color: #E5E7EB;
  border-radius: 0.5rem;
}

.color-v2 .wrapper-color-library-option .color-lib-option:checked {
  background-image: none;
}

.color-v2 .wrapper-color-library-option .color-code {
  display: inline-block;
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  font-size: 0.625rem;
  background: inherit;
  -webkit-background-clip: text;
  background-clip: text;
  color: transparent;
  filter: invert(1) grayscale(1) contrast(100);
  white-space: nowrap;
}

.color-v2 .wrapper-color-library-option .check-icon {
  position: absolute;
  top: -6px;
  right: -6px;
  color: #EF4444;
  background-color: #FFFFFF;
  border-radius: 9999px;
  cursor: pointer;
  opacity: 0;
  transform: scale(0.8);
  transition: 0.2s ease;
  z-index: 10;
}

.color-v2 .wrapper-color-library-option .color-lib-option:checked ~ .check-icon {
  opacity: 1;
  transform: scale(1);
}

.color-v2.wrapper-color-label, .color-v2 .wrapper-color-label {
  display: flex;
  align-items: center;
  gap: 0.5rem;
  min-width: 0;
}

.color-v2.wrapper-color-label .value, .color-v2 .wrapper-color-label .value {
  flex: 1 1 auto;
  min-width: 0;
  margin: 0;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  text-align: end;
  color: #A1A1AA;
  font-weight: 100;
}

.card-v2 {
  background-color: #FFFFFF;
  border: 1px solid #FFFFFF;
  box-shadow: 0px 0px 15px -5px rgba(0, 0, 0, 0.2);
  border-radius: 0.75rem;
  color: #09090B;
  /*
  &.card-color {
  	&-default {
  		background-color: $color-white;
  		color: $color-primary;
  	}

  	&-primary {
  		background-color: $colorPrimary;
  		& .body {
  			color: $color-white;
  		}
  	}
  	&-secondary {
  		background-color: $colorSecondary;
  		& .body {
  			color: $color-white;
  		}
  	}
  	&-success {
  		background-color: $colorSucess;
  		& .body {
  			color: $color-white;
  		}
  	}
  	&-danger {
  		background-color: $colorDanger;
  		& .body {
  			color: $color-white;
  		}
  	}
  	&-warning {
  		background-color: $colorWarning;
  		& .body {
  			color: $color-white;
  		}
  	}
  }
  */
}

.card-v2.card-shadow-none {
  box-shadow: none;
}

.card-v2 .card-header, .card-v2.header {
  padding: 1rem 1rem 0px;
  font-family: "GothamPro-Black";
  font-size: 1.25rem;
  color: #09090B;
  background-color: #FFFFFF;
}

.card-v2 .card-title, .card-v2.title {
  font-family: "GothamPro";
  font-size: 1rem;
  color: #000000;
}

.card-v2 .card-title.subtitle, .card-v2.title.subtitle {
  font-weight: 200;
}

.card-v2 .card-body, .card-v2.body {
  padding: 1rem;
  font-family: "GothamPro";
  font-size: 0.875rem;
}

.card-v2 .card-body:nth-child(2), .card-v2.body:nth-child(2) {
  padding: 0.75rem 1rem;
}

.card-v2 .card-footer, .card-v2.footer {
  padding: 0px 1rem 1rem 1rem;
  font-family: "GothamPro-Light";
  background-color: #FFFFFF;
}

.card-v2.card-edge-rounded-full {
  border-radius: 9999px;
}

.card-v2.card-edge-rounded-none {
  border-radius: 0;
}

.card-v2.card-size-xsmall .card-header, .card-v2.card-size-xsmall.header {
  padding: 0.5rem 0.5rem 0px 0.5rem;
  font-size: 1rem;
}

.card-v2.card-size-xsmall .card-title {
  margin: 0px;
  font-size: 1rem;
}

.card-v2.card-size-xsmall .card-body {
  padding: 0.5rem;
  font-size: 0.75rem;
}

.card-v2.card-size-xsmall .card-body:nth-child(2) {
  padding: 0.25rem 0.5rem;
}

.card-v2.card-size-xsmall .card-footer {
  padding: 0px 0.5rem 0.5rem 0.5rem;
}

.card-v2.card-size-default .card-header {
  padding: 1rem 1rem 0px 1rem;
}

.card-v2.card-size-default .card-title {
  margin: 0px;
}

.card-v2.card-size-default .card-body {
  padding: 1rem;
}

.card-v2.card-size-default .card-body:nth-child(2) {
  padding: 0.75rem 1rem;
}

.card-v2.card-size-default .card-footer {
  padding: 0px 1rem 1rem 1rem;
}

.card-v2.card-size-small .card-header, .card-v2.card-size-small.header {
  padding: 0.75rem 0.75rem 0px 0.75rem;
  font-size: 1rem;
}

.card-v2.card-size-small .card-title {
  margin: 0px;
  font-size: 0.875rem;
}

.card-v2.card-size-small .card-body {
  padding: 0.75rem;
  font-size: 0.75rem;
}

.card-v2.card-size-small .card-body:nth-child(2) {
  padding: 0.5rem 0.75rem;
}

.card-v2.card-size-small .card-footer {
  padding: 0px 0.75rem 0.75rem 0.75rem;
}

.card-v2.card-size-large .card-header {
  font-size: 1.5rem;
  padding: 1.5rem 1.5rem 0px 1.5rem;
}

.card-v2.card-size-large .card-title {
  font-size: 1.25rem;
  margin: 0px;
}

.card-v2.card-size-large .card-body {
  padding: 1.5rem;
  font-size: 1rem;
}

.card-v2.card-size-large .card-body:nth-child(2) {
  padding: 0.75rem 1.5rem;
}

.card-v2.card-size-large .card-footer {
  padding: 0px 1.5rem 1.5rem 1.5rem;
}

.card-v2.card-size-xlarge .card-header {
  font-size: 1.5rem;
  padding: 2rem 2rem 0px 2rem;
}

.card-v2.card-size-xlarge .card-title {
  font-size: 1.25rem;
  margin: 0px;
}

.card-v2.card-size-xlarge .card-body {
  font-size: 1rem;
  padding: 2rem;
}

.card-v2.card-size-xlarge .card-body:nth-child(2) {
  padding: 1rem 2rem;
}

.card-v2.card-size-xlarge .card-footer {
  padding: 0px 2rem 2rem 2rem;
}

.card-v2.card-size-none .card-header {
  padding: 0px 0px 0px 0px;
}

.card-v2.card-size-none .card-title {
  margin: 0px;
}

.card-v2.card-size-none .card-body {
  padding: 0px;
}

.card-v2.card-size-none .card-body:nth-child(2) {
  padding: 0px 0px;
}

.card-v2.card-size-none .card-footer {
  padding: 0px 0px 0px 0px;
}

.card-v2.card-shadow-default {
  box-shadow: 0px 0px 15px -5px rgba(0, 0, 0, 0.2);
}

.card-v2.card-shadow-none {
  box-shadow: none;
}

.card-v2.card-tip-top-left {
  margin-top: 10px;
}

.card-v2.card-tip-top-left::before {
  position: absolute;
  top: -2px;
  display: block;
  width: 0;
  height: 0;
  content: "";
  border-right: 10px solid transparent;
  border-bottom: 12px solid #FFFFFF;
  border-left: 10px solid transparent;
}

.card-v2.card-tip-top-left::before {
  left: 10px;
}

.card-v2.card-tip-top-right {
  margin-top: 10px;
}

.card-v2.card-tip-top-right::before {
  position: absolute;
  top: -2px;
  display: block;
  width: 0;
  height: 0;
  content: "";
  border-right: 10px solid transparent;
  border-bottom: 12px solid #FFFFFF;
  border-left: 10px solid transparent;
}

.card-v2.card-tip-top-right::before {
  right: 20px;
}

.slider {
  display: flex;
  flex-direction: column;
  max-width: 330px;
}

.slider .label {
  font-family: "GothamPro";
  font-size: 0.875rem;
  color: #000000;
  font-weight: 300;
  line-height: 24px;
}

.slider .label[data-variant=heading] {
  font-family: "GothamPro";
  font-weight: 500;
  font-size: 1rem;
}

.slider-wrapper {
  display: flex;
  align-items: center;
  gap: 1rem;
  position: relative;
}

.slider-input {
  display: block;
  width: 100%;
  appearance: none;
  border: none;
  cursor: pointer;
  /* Track & Thumbsfor Webkit, Firefox */
}

.slider-input:focus {
  outline: none;
}

.slider-input::-webkit-slider-runnable-track {
  height: 8px;
  border-radius: 1rem;
  background: #E5E7EB;
}

.slider-input::-moz-range-track {
  height: 8px;
  border-radius: 1rem;
  background: #E5E7EB;
}

.slider-input::-webkit-slider-thumb {
  -webkit-appearance: none;
  margin-top: -6px;
  width: 20px;
  height: 20px;
  border-radius: 9999px;
  background: #6B7280;
  border: none;
  cursor: pointer;
}

.slider-input::-moz-range-thumb {
  width: 20px;
  height: 20px;
  border-radius: 9999px;
  background: #6B7280;
  border: none;
  cursor: pointer;
}

.slider-tooltip {
  position: absolute;
  top: -36px;
  transform: translateX(-50%);
  background: #D1D5DB;
  color: #000000;
  font-family: "GothamPro";
  font-size: 0.875rem;
  font-weight: 500;
  padding: 4px 8px;
  border-radius: 4px;
  pointer-events: none;
  white-space: nowrap;
  opacity: 0;
  transition: opacity 0.15s ease;
  z-index: 10;
}

.slider-tooltip::after {
  content: "";
  position: absolute;
  top: 100%;
  left: 50%;
  transform: translateX(-50%);
  border: 5px solid transparent;
  border-top-color: #D1D5DB;
}

.slider-tooltip.visible {
  opacity: 1;
}

.menu-v2 {
  margin: 0;
}

.menu-v2 > * > ul, .menu-v2 > :nth-child(n+2) {
  margin-top: 0px;
}

.menu-v2.height-size-small > li > .btn-menu {
  min-height: 40px;
}

.menu-v2.height-size-medium > li > .btn-menu {
  min-height: 70px;
}

.menu-v2.height-size-large > li > .btn-menu {
  min-height: 120px;
}

.menu-v2.height-size-store > li > .btn-menu {
  min-height: 110px;
}

.menu-v2 li.menu-title > span {
  padding-left: 1rem;
  padding-right: 1rem;
  color: #111827;
  font-weight: 600;
  font-family: "GothamPro";
  text-transform: uppercase;
  font-size: 0.875rem;
}

.menu-v2 li.title > span {
  padding-left: 1rem;
  padding-right: 1rem;
  color: #111827;
  font-weight: 600;
  text-transform: uppercase;
  font-family: "GothamPro";
  font-size: 0.875rem;
}

.menu-v2 li > a, .menu-v2 li > .btn-menu {
  align-content: center;
  padding-left: 1rem;
  padding-right: 1rem;
  text-align: left;
  text-transform: unset;
  width: 100%;
  color: #09090B;
  background-color: transparent;
  border-color: transparent;
  font-size: 0.875rem;
}

.menu-v2 li > a:hover, .menu-v2 li > .btn-menu:hover {
  color: #09090B;
  background-color: #F4F4F5;
  border-radius: 0.375rem;
}

.menu-v2 li > a.active, .menu-v2 li > a.uk-active, .menu-v2 li > .btn-menu.active, .menu-v2 li > .btn-menu.uk-active {
  background-color: #E5E7EB;
  border-color: #E5E7EB;
  border-radius: 0.375rem;
}

.menu-v2 li > a.active:hover, .menu-v2 li > a.uk-active:hover, .menu-v2 li > .btn-menu.active:hover, .menu-v2 li > .btn-menu.uk-active:hover {
  color: #111827;
  background-color: #F4F4F5;
  border-radius: 0.375rem;
}

.menu-v2 li.active > a, .menu-v2 li.uk-active > a {
  background-color: #E5E7EB;
  border-color: #E5E7EB;
}

.menu-v2 li.active > a:hover, .menu-v2 li.uk-active > a:hover {
  color: #111827;
  background-color: #F4F4F5;
}

.menu-v2 li > .label-wrapper .label-btn {
  font-size: 1rem;
  color: #111827;
  padding: 10px 15px;
}

.menu-v2 li > .label-wrapper:hover .label-btn {
  color: #111827;
  background-color: #F4F4F5;
}

.menu-v2 li > div {
  text-align: left;
  text-transform: unset;
  width: 100%;
  color: inherit;
  background-color: transparent;
  border-color: transparent;
}

.menu-v2 li > div:hover {
  color: #111827;
  background-color: #F4F4F5;
}

.menu-v2 li > div.active, .menu-v2 li > div.uk-active {
  font-weight: 800;
  color: #111827;
  background-color: #E5E7EB;
}

.menu-v2 li > div.active:hover, .menu-v2 li > div.uk-active:hover {
  color: #111827;
  background-color: #F4F4F5;
}

.menu-v2 li > div .radio-wrapper {
  cursor: pointer;
  padding: 10px;
}

.menu-v2 li > div .radio-wrapper .uk-radio {
  border: 1px solid #111827;
}

.menu-v2 li.uk-list-divider {
  border-top: 1px solid;
  margin: 5px 0;
}

.menu-v2 label.btn-menu:has(input:checked),
.menu-v2 label.uk-button:has(input:checked) {
  color: #09090B;
}

.menu-v2 label.btn-menu:has(input:checked):hover,
.menu-v2 label.uk-button:has(input:checked):hover {
  color: #09090B;
}

.switch-tab-v2.uk-tab {
  margin: 0;
  gap: 0;
  border-bottom: 2px solid #E4E4E7;
}

.switch-tab-v2.uk-tab::before {
  display: none;
}

.switch-tab-v2.uk-tab > li {
  margin: 0;
  padding: 0;
  flex: 1;
}

.switch-tab-v2.uk-tab > li > .switch-item {
  padding: 8px 16px;
  font-size: 0.875rem;
  border: none;
  text-transform: capitalize;
  line-height: 20px;
  color: #71717A;
  background: transparent;
  border-radius: 0.375rem;
  transition: color 0.22s ease, background-color 0.22s ease;
}

.switch-tab-v2.uk-tab > li > .switch-item:hover {
  background-color: #F9FAFB;
  color: #09090B;
}

.switch-tab-v2.uk-tab > li > .switch-item::after {
  content: "";
  position: absolute;
  left: 0;
  bottom: -2px;
  width: 100%;
  height: 2px;
  background-color: transparent;
  transition: background-color 0.22s ease;
}

.switch-tab-v2.uk-tab > li.uk-active > .switch-item {
  color: #09090B;
  font-weight: 500;
}

.switch-tab-v2.uk-tab > li.uk-active > .switch-item::after {
  background-color: #09090B;
}

.switch-tab-v2.switch-tab-size-xsmall > li > .switch-item {
  padding: 4px 10px;
  font-size: 0.75rem;
}

.switch-tab-v2.switch-tab-size-small > li > .switch-item {
  padding: 6px 12px;
  font-size: 0.875rem;
}

.switch-tab-v2.switch-tab-size-medium > li > .switch-item {
  padding: 10px 20px;
  font-size: 1rem;
}

.switch-tab-v2.switch-tab-size-large > li > .switch-item {
  padding: 12px 24px;
  font-size: 1.25rem;
}

.list-option {
  display: flex;
  background: #FFFFFF;
  border: 1px solid #E5E7EB;
  border-radius: 0.75rem;
  transition: border-color 0.2s ease;
  /* ELEMENTS */
  /* STATE */
  /* VARIANTS */
  /* Default */
  /* Radio */
  /* Checkbox */
  /* With Thumbnail */
}

.list-option:hover {
  border-color: #D1D5DB;
}

.list-option__wrapper {
  display: flex;
  justify-content: space-between;
  align-items: center;
  width: 100%;
  padding: 0 0.75rem;
  font-size: 0.875rem;
  line-height: 24px;
  cursor: pointer;
}

.list-option:not(.list-option--with-thumbnail, .list-option--with-colors):not(:has(.list-option__thumbs)) > .list-option__wrapper {
  height: 52px;
}

.list-option__label {
  color: #000000;
  max-width: 130px;
  flex-shrink: 0;
}

.list-option:not(:has(.list-option__meta)) .list-option__label {
  max-width: 180px;
}

.list-option:has(.list-option__thumbs) .list-option__wrapper {
  white-space: normal;
}

.list-option:has(.list-option__thumbs) .list-option__wrapper > div {
  min-width: 0;
}

.list-option:has(.list-option__thumbs) .list-option__label {
  max-width: unset;
  flex-shrink: 1;
  min-width: 0;
  white-space: normal;
  overflow: visible;
  text-overflow: unset;
}

.list-option__meta {
  color: #A1A1AA;
  min-width: 0;
}

.list-option__control {
  position: absolute;
  opacity: 0;
  width: 0;
  height: 0;
}

.list-option__indicator {
  flex-shrink: 0;
  transition: 0.2s ease;
}

.list-option__control:checked + .list-option__indicator {
  background: #71717A;
  border-color: #71717A;
}

.list-option__control:checked + .list-option__indicator::after {
  content: "";
  width: 4px;
  height: 8px;
  border: 2px solid #FFFFFF;
  border-top: none;
  border-left: none;
  transform: rotate(45deg) translate(-1px, -1px);
}

.list-option__thumbs {
  box-sizing: border-box;
  flex-shrink: 0;
  width: auto;
  max-width: 100px;
  height: 112px;
  padding: 0.5rem;
  margin-right: 1rem;
  display: grid;
  gap: 3px;
  place-items: center;
  grid-auto-rows: 1fr;
}

.list-option__thumbs:has(> :nth-child(2)) {
  grid-template-columns: 1fr 1fr;
}

.list-option__thumbs:has(> :nth-child(3)) {
  padding: 10px;
  gap: 2px;
}

.list-option__thumbs > img {
  width: 100%;
  height: 100%;
  min-width: 0;
  min-height: 0;
  object-fit: contain;
  border-radius: 0.25rem;
}

.list-option--default .list-option__wrapper {
  background: none;
  border: none;
  text-align: left;
  cursor: pointer;
  font-family: inherit;
  font-weight: inherit;
}

.list-option--radio .list-option__indicator {
  order: 1;
  margin-left: 0.5rem;
  width: 15px;
  height: 15px;
  border-radius: 9999px;
  border: 2px solid transparent;
  background: transparent;
}

.list-option--radio .list-option__indicator.bordered {
  border: 2px solid #71717A;
}

.list-option--checkbox .list-option__wrapper {
  justify-content: flex-start;
  align-items: center;
}

.list-option--checkbox .list-option__indicator {
  order: -1;
  margin-right: 0.75rem;
  width: 14px;
  height: 14px;
  border-radius: 0.25rem;
  border: 1.9px solid #71717A;
  background: transparent;
}

.list-option--with-thumbnail .list-option__wrapper {
  align-items: flex-start;
  padding: 0.25rem 1rem 0.25rem 0.25rem;
}

.list-option--with-thumbnail .list-option__thumbnail {
  width: 64px;
  height: 64px;
  object-fit: cover;
  border-radius: 0.5rem;
  flex-shrink: 0;
}

.list-option--with-thumbnail .list-option__indicator {
  align-self: center;
}

.list-option--with-thumbnail .list-option__content {
  display: flex;
  flex: 1;
  flex-direction: column;
  gap: 6px;
  margin-left: 0.75rem;
  min-width: 0;
  font-size: 0.75rem;
  line-height: 16px;
  color: #000000;
}

.list-option--with-thumbnail .list-option__content .list-option__label {
  font-size: 0.75rem;
  font-weight: 500;
}

.list-option--with-thumbnail .list-option__content .list-option__meta {
  font-size: 0.75rem;
}

.list-option--with-colors .list-option__wrapper {
  padding: 0.75rem;
}

/* Style Selection (Options Tab) */
.style-option .style-option__wrapper {
  display: block;
  text-align: center;
  cursor: pointer;
}

.style-option .style-option__wrapper .style-option__control {
  display: none;
}

.style-option .style-option__wrapper .style-option__thumb {
  position: relative;
  width: 88px;
  height: 88px;
  margin: 0 auto 0.5rem;
  border-radius: 0.75rem;
  overflow: hidden;
}

.style-option .style-option__wrapper .style-option__thumb img {
  max-width: 100%;
  max-height: 100%;
  object-fit: contain;
}

.style-option .style-option__wrapper .style-option__thumb .overlay {
  position: absolute;
  inset: 0;
  background: rgba(0, 0, 0, 0.35);
  opacity: 0;
  pointer-events: none;
  transition: opacity 0.2s ease;
}

.style-option .style-option__wrapper .style-option__thumb .overlay::after {
  content: "✓";
  color: #fff;
  font-size: 18px;
  font-weight: 600;
}

.style-option .style-option__wrapper .style-option__label {
  font-size: 0.875rem;
}

.style-option .style-option__wrapper:has(.style-option__control:checked) .style-option__thumb {
  background: #E4E4E7;
}

.style-option .style-option__wrapper:has(.style-option__control:checked) .style-option__thumb .overlay {
  opacity: 1;
}

.list-validation-message {
  display: flex;
  align-items: center;
  gap: 0.5rem;
  margin-bottom: 0.5rem;
  font-size: 0.8125rem;
  line-height: 20px;
  color: #B91C1C;
}

.list-validation-message svg {
  width: 22px;
  height: 22px;
  stroke-width: 1px;
}

.lists-v2 li {
  font-family: "GothamPro";
  font-size: 0.875rem;
  color: #09090B;
}

.lists-v2 > :first-child {
  margin-top: 0;
}

.lists-v2 > :nth-child(n+2) {
  margin-top: 0.5rem;
}

.lists-v2.lists-size-default > * > ul, .lists-v2.lists-size-default > :nth-child(n+2) {
  margin-top: 1rem;
}

.lists-v2.lists-size-small > * > ul, .lists-v2.lists-size-small > :nth-child(n+2) {
  margin-top: 0.5rem;
}

.lists-v2.lists-size-large > * > ul, .lists-v2.lists-size-large > :nth-child(n+2) {
  margin-top: 1.5rem;
}

.lists-v2.lists-size-xlarge > * > ul, .lists-v2.lists-size-xlarge > :nth-child(n+2) {
  margin-top: 2rem;
}

.lists-v2.lists-size-2xlarge > * > ul, .lists-v2.lists-size-2xlarge > :nth-child(n+2) {
  margin-top: 2.5rem;
}

.lists-v2.lists-size-3xlarge > * > ul, .lists-v2.lists-size-3xlarge > :nth-child(n+2) {
  margin-top: 3rem;
}

.lists-v2.lists-size-4xlarge > * > ul, .lists-v2.lists-size-4xlarge > :nth-child(n+2) {
  margin-top: 56px;
}

.lists-v2.lists-size-5xlarge > * > ul, .lists-v2.lists-size-5xlarge > :nth-child(n+2) {
  margin-top: 4rem;
}

.lists-v2.lists-size-maxLarge > * > ul, .lists-v2.lists-size-maxLarge > :nth-child(n+2) {
  margin-top: 100px;
}

.lists-v2.lists-size-collapse > * > ul, .lists-v2.lists-size-collapse > :nth-child(n+2) {
  margin: 0;
}

.lists-v2 .uk-list-divider {
  border-top: 1px solid;
  margin: 5px 0;
}

.lists-v2.list-style-divider > li {
  padding-bottom: 16px;
  border-bottom: 1px solid;
}

.lists-v2.list-style-divider > li:last-child {
  padding-bottom: 10px;
  border-bottom: none;
}

.lists-v2.list-style-divider-only > li {
  border-bottom: 1px solid;
}

.lists-v2.list-style-divider-only > li:last-child {
  border-bottom: none;
}

.lists-v2.list-style-hover > li {
  padding: 24px;
}

.lists-v2.list-style-stripped > li {
  padding: 24px;
}

.lists-v2.list-style-bordered-hover > li {
  padding-bottom: 10px;
  border-top: 1px solid;
  border-bottom: 1px solid;
}

.lists-v2.list-style-bordered-hover > li + li {
  border-top: none;
}

.lists-v2.list-attribute {
  list-style: none;
  padding: 0;
  margin: 0;
}

.lists-v2.list-attribute .attribute-item {
  display: flex;
  width: 100%;
  align-items: center;
  padding: 0.5rem 0;
}

.lists-v2.list-attribute .attribute-item .attribute-row {
  width: 100%;
  gap: 1rem;
  min-width: 0;
}

.lists-v2.list-attribute .attribute-item .attribute-row .attribute-label {
  display: flex;
  align-items: center;
  gap: 0.5rem;
  min-width: 0;
}

.lists-v2.list-attribute .attribute-item .attribute-row .attribute-label-text {
  flex: 1 1 auto;
  min-width: 0;
}

.lists-v2.list-attribute .attribute-item .attribute-row .attribute-label-icon {
  flex: 0 0 auto;
  display: flex;
  align-items: center;
}

.lists-v2.list-attribute .attribute-item .attribute-row .attribute-value {
  display: flex;
  align-items: center;
  gap: 8px;
  min-width: 0;
}

.lists-v2.list-attribute .attribute-item .attribute-row .attribute-value-text {
  flex: 1 1 auto;
  min-width: 0;
  margin: 0;
  text-align: end;
  color: #A1A1AA;
  font-weight: 100;
}

.lists-v2.list-attribute .attribute-item .attribute-row .attribute-value--color {
  display: flex;
  align-items: center;
  gap: 0.5rem;
  min-width: 0;
}

.lists-v2.list-attribute .attribute-item .attribute-row .attribute-value--color .value {
  flex: 1 1 auto;
  min-width: 0;
  margin: 0;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  text-align: end;
  color: #A1A1AA;
  font-weight: 100;
}

.lists-v2.list-attribute .attribute-item .attribute-row .attribute-value--pattern {
  display: flex;
  align-items: center;
  gap: 0.5rem;
  min-width: 0;
}

.lists-v2.list-attribute .attribute-item .attribute-row .attribute-value--pattern .value {
  min-width: 0;
  margin: 0;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  text-align: end;
  color: #A1A1AA;
  font-weight: 100;
}

.lists-v2.list-attribute .attribute-item .attribute-row .attribute-value--pattern .btn-pattern {
  display: inline-block;
  position: relative;
}

.lists-v2.list-attribute .attribute-item .attribute-row .attribute-value--pattern .btn-pattern .pattern {
  width: 50px;
  height: 30px;
  display: block;
  border-radius: 0.25rem;
}

.modal-v2 {
  font-family: "GothamPro";
  color: #09090B;
  border-radius: 1rem;
}

.modal-v2 .modal-header {
  padding: 2.5rem 3rem 0px;
}

.modal-v2 .modal-header h1.modal-title {
  font-family: "GothamPro";
  font-size: 1.25rem;
  font-weight: 500;
  margin: 0;
}

.modal-v2 .modal-header__with-btn-close {
  display: flex;
  align-items: center;
  justify-content: space-between;
}

.modal-v2 .modal-header__with-btn-close .uk-modal-close-default {
  position: static;
  color: #000000;
}

.modal-v2 .modal-body {
  padding: 1rem 3rem 1.5rem;
  font-size: 1rem;
}

.modal-v2 .modal-body .modal-content .title {
  font-family: "GothamPro";
  font-weight: 400;
}

.modal-v2 .modal-body .modal-content .subtitle {
  font-family: "GothamPro";
  font-weight: 300;
  font-size: 0.875rem;
  margin-bottom: 0.5rem;
}

.modal-v2 .modal-body .modal-content .body {
  font-family: "GothamPro";
  padding: 1rem;
  font-size: 0.875rem;
  font-weight: 100;
}

.modal-v2 .modal-footer {
  padding: 0px 3rem 2.5rem;
}

.modal-v2 .modal-footer .uk-button {
  min-width: 120px;
}

.modal-v2 .modal-footer__actions-left {
  display: flex;
  justify-content: flex-end;
}

.modal-v2--design-studio .modal-header {
  padding: 1rem 1.5rem 0;
}

.modal-v2--design-studio .modal-header h1.modal-title {
  font-size: 1rem;
}

.modal-v2--design-studio .tabs {
  padding: 0.5rem 2rem 2.5rem;
}

.modal-v2--design-studio .toolbar {
  padding: 0.75rem 0;
}

.modal-v2--design-studio .toolbar__left {
  display: flex;
  align-items: center;
  gap: 10px;
}

.modal-v2--design-studio .toolbar__btn {
  display: flex;
  align-items: center;
  gap: 0.25rem;
  font-family: inherit;
  font-size: 0.875rem;
  font-weight: 300;
  color: #71717A;
  background: transparent;
  border: none;
  border-radius: 0.375rem;
  padding: 0.5rem;
  cursor: pointer;
  transition: background 0.15s;
}

.modal-v2--design-studio .toolbar__btn:hover {
  background: #F4F4F5;
  color: #09090B;
}

.modal-v2--design-studio .toolbar__search {
  position: relative;
}

.modal-v2--design-studio .toolbar__search svg {
  position: absolute;
  left: 10px;
  top: 50%;
  transform: translateY(-50%);
  width: 14px;
  height: 14px;
  color: #71717A;
}

.modal-v2--design-studio .toolbar__search input {
  padding: 0.5rem 1rem 0.5rem 2rem;
  font-family: inherit;
  font-weight: 300;
  font-size: 0.875rem;
  border: 1px solid #E4E4E7;
  border-radius: 9999px;
  background: transparent;
  width: 200px;
  outline: none;
  transition: border-color 0.15s;
}

.modal-v2--design-studio .toolbar__search input:focus {
  border-color: rgba(0, 0, 0, 0.35);
}

.modal-v2--design-studio .toolbar__search input::placeholder {
  color: #9CA3AF;
}

.modal-v2--design-studio .logo-section__header {
  display: flex;
  align-items: center;
  gap: 0.75rem;
}

.modal-v2--design-studio .logo-section__title {
  font-size: 0.875rem;
  font-weight: 500;
  color: #4B5563;
  margin: 0;
  display: flex;
  align-items: center;
  gap: 6px;
}

.modal-v2--design-studio .logo-section__line {
  flex: 1;
  height: 1px;
  background: #E4E4E7;
}

.modal-v2--design-studio .logo-section .logo-grid {
  display: flex;
  flex-wrap: wrap;
  gap: 0.75rem;
  margin-bottom: 1.5rem;
}

.modal-v2--design-studio .logo-section .logo-grid .logo-card {
  position: relative;
  width: 180px;
  height: 180px;
  padding: 0.75rem;
  border: none;
  border-radius: 1rem;
  overflow: hidden;
  background: #FFFFFF;
  cursor: default;
  /* hidden by default */
}

.modal-v2--design-studio .logo-section .logo-grid .logo-card img {
  width: 100%;
  height: calc(100% - 40px);
  object-fit: contain;
  box-sizing: border-box;
  display: block;
}

.modal-v2--design-studio .logo-section .logo-grid .logo-card .logo-label {
  position: absolute;
  bottom: 10px;
  left: 0;
  width: 100%;
  margin: 0;
  padding: 0;
  box-sizing: border-box;
  font-size: 0.875rem;
  color: #09090B;
}

.modal-v2--design-studio .logo-section .logo-grid .logo-card .overlay {
  position: absolute;
  bottom: 0;
  left: 0;
  right: 0;
  background: linear-gradient(transparent, rgba(123, 123, 123, 0.9));
  padding: 1.25rem 0.75rem 0.75rem;
  gap: 6px;
  opacity: 0;
  transform: translateY(10px);
  transition: opacity 0.25s ease, transform 0.25s ease;
}

.modal-v2--design-studio .logo-section .logo-grid .logo-card .overlay .overlay-buttons {
  display: flex;
  gap: 8px;
  width: 100%;
}

.modal-v2--design-studio .logo-section .logo-grid .logo-card .overlay .overlay-buttons button {
  flex: 1;
  padding: 6px 0;
  font-size: 13px;
  font-weight: 500;
  border-radius: 8px;
  border: 1px solid #FFFFFF;
  background: transparent;
  color: #FFFFFF;
  cursor: pointer;
  transition: background 0.15s;
}

.modal-v2--design-studio .logo-section .logo-grid .logo-card .overlay .overlay-buttons button:hover {
  background: #F4F4F5;
  color: #000000;
}

.modal-v2--design-studio .logo-section .logo-grid .logo-card:hover .overlay {
  opacity: 1;
  transform: translateY(0);
}

.piping-sizes-v2.uk-grid-column-small, .piping-sizes-v2.uk-grid-small {
  margin-left: -4px;
}

.piping-sizes-v2.uk-grid-column-small > *, .piping-sizes-v2.uk-grid-small > * {
  padding-left: 4px;
}

* + .piping-sizes-v2.uk-grid-margin-small, .piping-sizes-v2.uk-grid + .uk-grid-row-small, .piping-sizes-v2.uk-grid + .uk-grid-small, .piping-sizes-v2.uk-grid-row-small > .uk-grid-margin, .piping-sizes-v2.uk-grid-small > .uk-grid-margin {
  margin-top: 4px;
}

.piping-size-wrapper {
  display: block;
  position: relative;
  overflow: hidden;
  cursor: pointer;
  background-color: white;
}

.piping-size-wrapper:hover {
  background-color: #F4F4F5;
  border-radius: 0.375rem;
}

.piping-size-wrapper:hover .piping-size {
  border-color: #09090B;
  border-radius: 0.375rem;
}

.piping-size-wrapper .piping-size {
  background-color: inherit !important;
  margin-top: 0px;
  position: relative;
  width: 50px;
  height: 30px;
  border: none;
  border-radius: 0.375rem;
}

.piping-size-wrapper .piping-size:checked {
  background-image: none;
  background-color: #E5E7EB !important;
}

.piping-size-wrapper .piping-size:checked ~ .size-code {
  color: #09090B;
  filter: none;
}

.piping-size-wrapper .size-code {
  display: inline-block;
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  font-size: 0.875rem;
  background: inherit;
  -webkit-background-clip: text;
  background-clip: text;
  color: transparent;
  filter: invert(1) grayscale(1) contrast(9);
  text-align: center;
}

.accordion-panel {
  background: #FFFFFF;
  border-radius: 0.75rem;
  border: 1px solid #E5E7EB;
  overflow: hidden;
  transition: border-color 0.2s ease;
}

.accordion-panel:hover {
  border-color: #D1D5DB;
}

.accordion-panel--no-border {
  border: none;
}

.accordion-panel--no-border:hover {
  border-color: transparent;
}

.accordion-panel--no-padding .accordion-panel__header .list-option__wrapper,
.accordion-panel--no-padding .accordion-panel__content {
  padding: 0;
}

.accordion-panel--no-padding .accordion-panel__footer {
  padding: 0;
}

.accordion-panel--outset {
  margin-left: -0.75rem;
  margin-right: -0.75rem;
}

.accordion-panel--border-on-expand {
  border-color: transparent;
  margin-left: 0;
  margin-right: 0;
}

.accordion-panel--border-on-expand:hover {
  border-color: transparent;
}

.accordion-panel--border-on-expand:has(.list-option__control:checked) {
  border-color: #E5E7EB;
  margin-left: -0.75rem;
  margin-right: -0.75rem;
}

.accordion-panel--border-on-expand:has(.list-option__control:checked):hover {
  border-color: #D1D5DB;
}

.accordion-panel--border-on-expand:has(.list-option__control:checked) .accordion-panel__header .list-option__wrapper {
  padding: 0 0.75rem;
  min-height: 40px;
}

.accordion-panel--border-on-expand:has(.list-option__control:checked) .accordion-panel__content {
  padding: 0 0.75rem 0.5rem;
  gap: 0.25rem;
}

.accordion-panel--border-on-expand:has(.list-option__control:checked) .accordion-panel__footer {
  padding: 0 0.75rem 0.75rem;
}

.accordion-panel--border-on-expand:has(.list-option__control:checked) .accordion-panel__header .list-option__wrapper {
  padding-top: 0.25rem;
}

.accordion-panel--sm .accordion-panel__header .list-option__wrapper {
  padding: 0 0.75rem;
  min-height: 40px;
}

.accordion-panel--sm .accordion-panel__content {
  padding: 0 0.75rem 0.5rem;
  gap: 0.25rem;
}

.accordion-panel--sm .accordion-panel__footer {
  padding: 0 0.75rem 0.75rem;
}

.accordion-panel--md .accordion-panel__header .list-option__wrapper {
  padding: 0.75rem;
  min-height: 52px;
}

.accordion-panel--md .accordion-panel__content {
  padding: 0.5rem 0.75rem;
  gap: 0.5rem;
}

.accordion-panel--md .accordion-panel__footer {
  padding: 0 0.75rem 0.75rem;
}

.accordion-panel--lg .accordion-panel__header .list-option__wrapper {
  padding: 1rem;
  min-height: 64px;
}

.accordion-panel--lg .accordion-panel__content {
  padding: 0.75rem 1rem;
  gap: 0.75rem;
}

.accordion-panel--lg .accordion-panel__footer {
  padding: 0 1rem 1rem;
}

.accordion-panel:has(.list-option__control:checked) .accordion-panel__chevron {
  transform: rotate(180deg);
}

.accordion-panel:has(.list-option__control:checked) .accordion-panel__body {
  grid-template-rows: 1fr;
}

.accordion-panel:has(.list-option__control:checked) .accordion-panel__footer {
  opacity: 1;
  transform: translateY(0);
}

.accordion-panel__header {
  background: transparent;
  border: none;
  border-radius: 0;
}

.accordion-panel__header .list-option__wrapper {
  align-items: center;
  cursor: pointer;
  display: flex;
}

.accordion-panel__header .accordion-panel__chevron {
  margin-left: 0.75rem;
  flex: 0 0 auto;
  display: flex;
  align-items: center;
  color: #6B7280;
  transition: transform 0.35s cubic-bezier(0.4, 0, 0.2, 1);
}

.accordion-panel__body {
  display: grid;
  grid-template-rows: 0fr;
  transition: grid-template-rows 0.35s cubic-bezier(0.4, 0, 0.2, 1);
}

.accordion-panel__body-inner {
  overflow: hidden;
}

.accordion-panel__content {
  display: flex;
  flex-direction: column;
  gap: 0.5rem;
}

.accordion-panel .accordion-option-row {
  gap: 0.25rem;
  flex-wrap: wrap;
}

.accordion-panel__footer {
  opacity: 0;
  transform: translateY(4px);
  transition: opacity 0.25s ease 0.12s, transform 0.25s ease 0.12s;
}

.accordion-panel__footer-label {
  font-size: 0.875rem;
  font-weight: 500;
  color: #6B7280;
  letter-spacing: -0.2px;
}

.accordion-panel__actions {
  display: flex;
  gap: 0.5rem;
  padding: 0.5rem 0 0;
}

.accordion-panel__actions .uk-button {
  flex: 1;
}

.uk-accordion-title {
  padding: 0;
}

.add-btn-pattern {
  display: inline-block;
  position: relative;
}

.add-btn-pattern .btn-pattern {
  width: 155px;
  display: inline-flex;
  flex-direction: column;
  align-items: center;
  gap: 0.5rem;
  padding: 0.25rem;
  border-radius: 1rem;
  background: transparent;
  cursor: pointer;
  text-decoration: none;
  position: relative;
  transition: background 0.2s ease;
  margin-bottom: 8px;
}

@media (max-width: 1671px) {
  .add-btn-pattern .btn-pattern {
    width: 135px;
  }
}
.add-btn-pattern .btn-pattern__radio {
  position: absolute;
  opacity: 0;
  width: 0;
  height: 0;
  pointer-events: none;
}

.add-btn-pattern .btn-pattern__image {
  width: 100%;
  height: 104px;
  border-radius: 1rem;
  display: flex;
  align-items: center;
  justify-content: center;
  background-size: cover;
  background-position: center;
  transition: opacity 0.2s ease;
}

@media (max-width: 1671px) {
  .add-btn-pattern .btn-pattern__image {
    height: 90px;
  }
}
.add-btn-pattern .btn-pattern__image--placeholder {
  border: 1px solid #E5E7EB;
  background: #FAFAFA;
  font-family: inherit;
  color: #09090B;
}

.add-btn-pattern .btn-pattern__image--placeholder .btn-pattern__image--placeholder {
  background: #F9FAFB;
  border: 1px solid #E5E7EB;
}

.add-btn-pattern .btn-pattern__image--placeholder:hover {
  background: #F4F4F5;
}

.add-btn-pattern .btn-pattern__label {
  font-size: 0.875rem;
  text-transform: none;
  line-height: 1.5rem;
  color: #111827;
}

.add-btn-pattern .btn-pattern .check-icon {
  position: absolute;
  top: -5px;
  right: -5px;
  color: #EF4444;
  background-color: #FFFFFF;
  border-radius: 9999px;
  cursor: pointer;
  opacity: 0;
  transform: scale(0.8);
  transition: 0.2s ease;
  z-index: 10;
}

.add-btn-pattern .btn-pattern__radio:checked ~ .check-icon {
  opacity: 1;
  transform: scale(1);
}

.add-btn-pattern .btn-pattern:hover {
  background: #F4F4F5;
}

.add-btn-pattern .btn-pattern:hover .btn-pattern__image {
  opacity: 0.9;
}

.pattern-v2 {
  display: inline-block;
  width: 100%;
  align-items: center;
  padding: 0.5rem 0;
  position: relative;
}

.pattern-v2 .pattern-label {
  width: 100%;
  gap: 1rem;
  min-width: 0;
  margin-bottom: 0.5rem;
}

.pattern-v2 .pattern-label .pattern-name {
  font-size: 1rem;
  font-weight: 500;
  color: #111827;
}

.pattern-v2 .pattern-label .remove-pattern {
  color: #6B7280;
  display: flex;
  align-items: center;
  justify-content: center;
  transition: background-color 0.2s ease;
}

.pattern-v2 .pattern-label .remove-pattern:hover {
  color: #6B7280;
}

.pattern-v2 .pattern-tile {
  width: auto;
  height: 46px;
  display: block;
  border-radius: 0.5rem;
}

.wrapper-pattern-label {
  display: flex;
  align-items: center;
  gap: 0.5rem;
  min-width: 0;
}

.wrapper-pattern-label .value {
  min-width: 0;
  margin: 0;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  text-align: end;
  color: #A1A1AA;
  font-weight: 100;
}

.wrapper-pattern-label .btn-pattern {
  display: inline-block;
  position: relative;
}

.wrapper-pattern-label .btn-pattern .pattern {
  width: 50px;
  height: 30px;
  display: block;
  border-radius: 0.25rem;
}

.application-group .part-divider {
  display: flex;
  align-items: center;
  gap: 12px;
}

.application-group .part-divider .part-label {
  font-size: 0.75rem;
  white-space: nowrap;
}

.application-group .part-divider .divider-line {
  flex: 1;
  border-top: 1px solid #E4E4E7;
}

.application-group .application-item {
  height: 90px;
  margin: 0;
  cursor: pointer;
  min-width: 0;
  gap: 12px;
}

.application-group .application-item.dragging {
  opacity: 0.5;
}

.application-group .application-item .application-title {
  font-size: 1.5rem;
  color: #000000;
  flex: 1;
  min-width: 40%;
}

.application-group .application-item .application-title .application-thumbnail {
  max-height: 48px;
  height: 100%;
  width: auto;
  object-fit: contain;
  display: block;
  flex-shrink: 0;
}

.application-group .application-item .application-meta {
  display: flex;
  flex-direction: column;
  align-items: flex-end;
  justify-content: center;
  min-width: 0;
}

.application-group .application-item .application-meta .application-type {
  font-size: 0.875rem;
  color: #71717A;
  max-width: 100%;
}

.application-group .application-item .application-meta .application-actions {
  display: none;
  align-items: center;
  gap: 0.25rem;
}

.application-group .application-item .application-meta .application-actions .action-btn {
  width: 24px;
  height: 24px;
  border: none;
  background: transparent;
  color: #71717A;
  border-radius: 0.25rem;
  cursor: pointer;
  padding: 0;
}

.application-group .application-item .application-meta .application-actions .action-btn.drag-handle {
  cursor: grab;
}

.application-group .application-item .application-meta .application-actions .action-btn.drag-handle:active {
  cursor: grabbing;
}

.application-group .application-item .application-meta .application-actions .action-btn svg {
  width: 18px;
  height: 18px;
  stroke-width: 1.5;
}

.application-group .application-item:hover .application-actions {
  display: flex;
}

.logo-label {
  gap: 0.75rem;
}

.logo-label .heading {
  display: flex;
  align-items: center;
  gap: 0.25rem;
  flex: 1;
  min-width: 0;
  font-family: "GothamPro";
  font-size: 1rem;
  color: #000000;
}

.logo-label .heading .heading-text {
  font-weight: 500;
}

.logo-label .heading .heading-meta {
  flex-shrink: 0;
  color: #71717A;
}

.logo-label .logo-btn-icons {
  display: flex;
  align-items: center;
  gap: 0.5rem;
  flex-shrink: 0;
  white-space: nowrap;
}

.logo-label .logo-btn-icons a {
  color: #71717A;
}

.logo-label .logo-btn-icons a svg {
  width: 20px;
  height: 20px;
  stroke-width: 1.5;
  color: #71717A;
}

.logo-preview {
  width: 100%;
  padding-top: 0.5rem;
}

.logo-preview img {
  max-height: 96px;
  width: auto;
  height: auto;
  display: block;
}

.notes-wrapper {
  position: relative;
  /* Dropdown */
}

.notes-wrapper .notes-content {
  width: 500px;
  padding: 1.5rem;
  border-radius: 1rem;
  overflow: hidden;
  font-size: 0.875rem;
  box-shadow: 0 0.5rem 2rem rgba(0, 0, 0, 0.12);
  /* Header */
  /* Tab Body */
  /* Sections */
  /* List */
  /* Empty */
}

.notes-wrapper .notes-content .notes-header {
  display: flex;
  justify-content: space-between;
  align-items: stretch;
  /* Tabs */
  /* Actions */
}

.notes-wrapper .notes-content .notes-header .switch-tab-v2.uk-tab {
  display: flex;
  flex: 1;
  max-width: calc(100% - 120px);
}

.notes-wrapper .notes-content .notes-header .switch-tab-v2.uk-tab li {
  flex: 1;
  display: flex;
}

.notes-wrapper .notes-content .notes-header .switch-tab-v2.uk-tab li a {
  display: flex;
  align-items: center;
  justify-content: center;
  flex: 1;
  font-size: 0.875rem;
  color: #A1A1AA;
  text-decoration: none;
  transition: color 0.2s ease;
}

.notes-wrapper .notes-content .notes-header .switch-tab-v2.uk-tab li a:hover {
  color: #6B7280;
}

.notes-wrapper .notes-content .notes-header .switch-tab-v2.uk-tab li.uk-active a {
  color: #111827;
}

.notes-wrapper .notes-content .notes-header .notes-actions {
  display: flex;
  align-items: center;
  gap: 0.25rem;
  padding-bottom: 0.25rem;
  flex-shrink: 0;
}

.notes-wrapper .notes-content .notes-header .notes-actions .icon-btn {
  display: flex;
  align-items: center;
  justify-content: center;
  padding: 0.5rem;
  border: none;
  background: none;
  cursor: pointer;
  color: #09090B;
  border-radius: 0.5rem;
  transition: background-color 0.15s ease, color 0.15s ease;
}

.notes-wrapper .notes-content .notes-header .notes-actions .icon-btn:hover {
  background-color: #F4F4F5;
  color: #111827;
}

.notes-wrapper .notes-content .notes-header .notes-actions .js-drag-handle {
  cursor: grab;
}

.notes-wrapper .notes-content .notes-header .notes-actions .notes-close svg {
  stroke-width: 2;
}

.notes-wrapper .notes-content .notes-tab-body.uk-switcher {
  font-family: "GothamPro";
  font-size: 0.875rem;
}

.notes-wrapper .notes-content .notes-section {
  margin: 1.5rem 0;
}

.notes-wrapper .notes-content .notes-section:last-child {
  margin-bottom: 0;
}

.notes-wrapper .notes-content .notes-list {
  margin: 0;
  padding: 0.5rem 0 0 1.25rem;
  display: flex;
  flex-direction: column;
  gap: 8px;
  list-style: disc;
}

.notes-wrapper .notes-content .notes-empty-state {
  margin-top: 1.5rem;
  text-align: center;
  color: #999999;
  font-style: italic;
}

.progress {
  width: 100%;
  height: 8px;
  background: #FAFAFA;
  border-radius: 9999px;
  overflow: hidden;
}

.progress .progress-bar {
  width: 5%;
  height: 100%;
  background: #38BDF8;
  border-radius: 9999px;
  transition: width 0.3s ease;
}

.progress.progress-primary {
  background: #E5E7EB;
}

.progress.progress-primary .progress-bar {
  background: #09090B;
}

.upload-dropzone {
  height: 100px;
  border: 2px dashed #D1D5DB;
  border-radius: 12px;
  padding: 2rem;
  text-align: center;
  transition: 0.2s ease;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
}

.upload-dropzone__uploading, .upload-dropzone__success {
  display: none;
  width: 100%;
}

.upload-dropzone__progress {
  margin-top: 1rem;
  width: 240px;
}

.upload-dropzone.is-uploading .upload-dropzone__default,
.upload-dropzone.is-uploading .upload-dropzone__success {
  display: none;
}

.upload-dropzone.is-uploading .upload-dropzone__file {
  padding: 0;
  margin: 0;
}

.upload-dropzone.is-uploading .upload-dropzone__uploading {
  display: flex;
  flex-direction: column;
  align-items: center;
}

.upload-dropzone.is-success .upload-dropzone__default,
.upload-dropzone.is-success .upload-dropzone__uploading {
  display: none;
}

.upload-dropzone.is-success .upload-dropzone__file {
  padding: 0;
  margin: 0;
}

.upload-dropzone.is-success .upload-dropzone__success {
  display: flex;
  flex-direction: column;
  align-items: center;
}

.upload-dropzone__content {
  display: flex;
  flex-direction: column;
  align-items: center;
}

.upload-dropzone__hint {
  color: #111827;
  font-weight: 400;
  margin-bottom: 0.5rem;
}

.upload-dropzone__divider {
  color: #6B7280;
  margin-bottom: 0.25rem;
}

.upload-dropzone__button {
  border-radius: 9999px;
}

.upload-dropzone__file {
  margin-top: 12px;
}

.upload-dropzone__file-text {
  color: #000000;
  font-weight: 400;
}

.upload-dropzone__file-action {
  cursor: pointer;
  font-size: 1rem;
}

.builder-nav {
  height: 4rem;
  border: 1px solid #E5E7EB;
  display: flex;
  justify-content: space-between;
  align-items: center;
  padding: 0 2.5rem;
}

.builder-nav .nav-back .uk-link-text {
  font-weight: 500;
  color: #111827;
  gap: 0.5rem;
  font-size: 1rem;
  text-decoration: none;
}

.builder-nav .nav-back .uk-link-text svg {
  transition: transform 0.2s ease;
}

.builder-nav .nav-actions {
  display: flex;
  gap: 1rem;
}

.builder-nav .nav-actions .action-btn {
  font-weight: 600;
  gap: 0.1rem;
  padding: 0.25rem 0.5rem;
  border-radius: 0.375rem;
}

.builder-nav .nav-actions .action-btn span {
  font-family: "GothamPro";
  font-size: 0.625rem;
  margin-top: 0.25rem;
}

.builder-nav .nav-actions .notes-wrapper {
  /* Trigger Button */
}

.builder-nav .nav-actions .notes-wrapper .action-btn {
  display: inline-flex;
  align-items: center;
  background-color: #B91C1C;
  color: #FFFFFF;
  border: none;
  cursor: pointer;
}

.builder-nav .nav-cta {
  display: flex;
  gap: 0.5rem;
}

.builder-nav .nav-cta .uk-button {
  min-width: 120px;
}

.r-builder {
  display: grid;
  grid-template-columns: clamp(5.5rem, 6vw, 6rem) clamp(21.5rem, 22vw, 24.5rem) 1fr;
  height: calc(100vh - 4rem);
}

.r-builder.is-collapsed {
  grid-template-columns: clamp(5.5rem, 6vw, 6rem) 64px 1fr;
}

.r-builder.is-collapsed .panel-editing-content > div {
  display: none;
}

.r-builder.is-collapsed .panel-editing-content .roster-tab {
  display: block;
}

.r-builder.is-collapsed .panel-editing-content .roster-tab > * {
  display: none;
}

.r-builder.is-collapsed .panel-editing-content .roster-tab .btn-collapse {
  display: flex;
  justify-content: center;
  align-items: center;
  width: 100%;
}

.r-builder.is-collapsed .panel-editing-content .roster-tab .btn-collapse img {
  transform: rotate(180deg);
}

.r-builder.is-collapsed .table-block .divider {
  display: block;
}

.r-builder .nav-editing-panel {
  padding: 0.5rem;
  /* Webkit-based browsers (Chrome, Safari, Edge) */
  /* Firefox */
}

.r-builder .nav-editing-panel::-webkit-scrollbar {
  width: 5px;
}

.r-builder .nav-editing-panel::-webkit-scrollbar-track {
  background: #FFFFFF;
  border-radius: 18px;
}

.r-builder .nav-editing-panel::-webkit-scrollbar-thumb {
  background: #E5E7EB;
  border-radius: 18px;
}

.r-builder .nav-editing-panel::-webkit-scrollbar-thumb:hover {
  background: #D1D5DB;
}

@supports not selector(::-webkit-scrollbar) {
  .r-builder .nav-editing-panel {
    scrollbar-color: var(--sb-thumb-color) var(--sb-track-color);
    scrollbar-width: thin;
  }
}
.r-builder .switch-nav-editing-panel li {
  position: relative;
  width: 100%;
  display: flex;
  align-items: center;
  justify-content: center;
  border-radius: 0.5rem;
  gap: 0.5rem;
  padding: 0;
}

.r-builder .switch-nav-editing-panel li:hover {
  background-color: #E5E7EB;
  transform: translateY(-1px);
}

.r-builder .switch-nav-editing-panel li a {
  display: flex;
  flex-direction: column;
  align-items: center;
  color: #111827;
  text-decoration: none;
  font-weight: 500;
  width: 100%;
  padding: 0.8rem 0;
}

.r-builder .switch-nav-editing-panel li a span {
  font-size: 0.625rem;
  margin-top: 0.25rem;
  font-weight: 500;
}

.r-builder .switch-nav-editing-panel li > svg {
  color: #B91C1C;
  position: absolute;
  top: 3px;
  right: 3px;
}

.r-builder .switch-nav-editing-panel li.uk-active {
  background-color: #E5E7EB;
}

.r-builder .panel-editing-content {
  font-family: "GothamPro";
  display: flex;
  flex-direction: column;
  overflow-y: auto;
  overflow-x: hidden;
  color: #000000;
  /* Webkit-based browsers (Chrome, Safari, Edge) */
  /* Firefox */
  transition: width 0.25s ease;
}

.r-builder .panel-editing-content::-webkit-scrollbar {
  width: 5px;
}

.r-builder .panel-editing-content::-webkit-scrollbar-track {
  background: #FFFFFF;
  border-radius: 18px;
}

.r-builder .panel-editing-content::-webkit-scrollbar-thumb {
  background: #E5E7EB;
  border-radius: 18px;
}

.r-builder .panel-editing-content::-webkit-scrollbar-thumb:hover {
  background: #D1D5DB;
}

@supports not selector(::-webkit-scrollbar) {
  .r-builder .panel-editing-content {
    scrollbar-color: var(--sb-thumb-color) var(--sb-track-color);
    scrollbar-width: thin;
  }
}
.r-builder .panel-editing-content > div {
  margin: auto;
  width: 85%;
  margin-top: 1.5rem;
  word-wrap: break-word; /* legacy */
  overflow-wrap: break-word; /* modern */
  word-break: break-word; /* breaks long words */
}

.r-builder .panel-editing-content > div:not(.panel-editing-footer) {
  flex: 1;
}

.r-builder .panel-editing-content .panel-editing-header {
  position: -webkit-sticky;
  position: sticky;
  top: -1px;
  margin-top: -2rem;
  padding: 1.5rem 0 0.5rem;
  background-color: #FFFFFF;
  display: flex;
  justify-content: space-between;
  align-items: center;
  z-index: 15;
  margin-bottom: 0.75rem;
}

.r-builder .panel-editing-content .panel-editing-header .heading {
  font-family: "GothamPro";
  font-weight: 400;
  font-size: 1rem;
  color: #000000;
  line-height: 24px;
  margin-bottom: 0.75rem;
}

.r-builder .panel-editing-content .panel-editing-header .heading > span {
  margin-left: 0.25rem;
  font-weight: 300;
  color: #71717A;
}

.r-builder .panel-editing-content .panel-editing-header .title {
  font-family: "GothamPro";
  font-weight: 200;
  font-size: 0.875rem;
  color: #6B7280;
}

.r-builder .panel-editing-content .panel-editing-header .uk-close {
  color: #6B7280;
}

.r-builder .panel-editing-content .panel-editing-footer {
  position: sticky;
  bottom: 0;
  padding: 1.5rem;
  background-color: #FFFFFF;
  display: flex;
  justify-content: center;
  gap: 0.5rem;
  z-index: 10;
}

.r-builder .panel-editing-content .panel-editing-footer .uk-button {
  width: 100%;
}

.r-builder .canvas,
.r-builder .canvas-custom-pro {
  position: relative;
  background-color: #F3F4F6;
  padding: 1.5rem;
  overflow: hidden;
  min-width: 0;
  display: flex;
  flex-direction: column;
}

.r-builder .canvas .panel-canvas-content,
.r-builder .canvas-custom-pro .panel-canvas-content {
  flex: 1;
}

.r-builder .canvas .panel-canvas-content canvas,
.r-builder .canvas-custom-pro .panel-canvas-content canvas {
  height: 100vh;
  width: 100%;
}

.r-builder .canvas .panel-canvas-content .wrapper-side-a,
.r-builder .canvas-custom-pro .panel-canvas-content .wrapper-side-a {
  max-width: 900px;
  height: auto;
  margin-top: 2.5rem;
}

.r-builder .canvas .panel-canvas-content .wrapper-side-a img,
.r-builder .canvas-custom-pro .panel-canvas-content .wrapper-side-a img {
  width: 100%;
  height: auto;
  max-height: calc(100vh - 300px);
  object-fit: contain;
}

.r-builder .canvas .wrapper-canvas-content .badge-v2,
.r-builder .canvas-custom-pro .wrapper-canvas-content .badge-v2 {
  padding: 2px 1rem;
}

.r-builder .canvas .wrapper-canvas-content .wrapper-side-b,
.r-builder .canvas-custom-pro .wrapper-canvas-content .wrapper-side-b {
  position: absolute;
  top: 30%;
  left: 8%;
  width: 11rem;
  height: 20rem;
}

.r-builder .canvas .wrapper-canvas-content .wrapper-side-b .btn-side-b,
.r-builder .canvas-custom-pro .wrapper-canvas-content .wrapper-side-b .btn-side-b {
  margin-top: 1rem;
  width: 100%;
}

.r-builder .canvas .uniform-details,
.r-builder .canvas-custom-pro .uniform-details {
  position: absolute;
  color: #6B7280;
  font-weight: 300;
  font-size: 0.875rem;
}

.r-builder .canvas .uniform-details > div:first-child,
.r-builder .canvas-custom-pro .uniform-details > div:first-child {
  font-size: 1rem;
  font-weight: 500;
  color: #111827;
  margin-bottom: 0.25rem;
  display: flex;
  align-items: flex-start;
  gap: 0.5rem;
}

.r-builder .canvas .uniform-details > div:first-child .icon-16,
.r-builder .canvas-custom-pro .uniform-details > div:first-child .icon-16 {
  margin-top: 2px;
  color: #6B7280;
}

.r-builder .canvas .wrapper-canvas-footer,
.r-builder .canvas-custom-pro .wrapper-canvas-footer {
  position: absolute;
  bottom: 5%;
  right: 50%;
  transform: translate(50%, 0%);
}

.r-builder .canvas .wrapper-canvas-footer .perspective,
.r-builder .canvas-custom-pro .wrapper-canvas-footer .perspective {
  display: grid;
  grid-template-columns: repeat(4, 5.1rem);
  gap: 1.5rem;
}

.r-builder .canvas .wrapper-canvas-footer .perspective .btn-perspective,
.r-builder .canvas-custom-pro .wrapper-canvas-footer .perspective .btn-perspective {
  width: 100%;
}

.r-builder .canvas .wrapper-canvas-footer .perspective .btn-perspective img,
.r-builder .canvas-custom-pro .wrapper-canvas-footer .perspective .btn-perspective img {
  width: 100%;
  display: block;
}

.r-builder .details-tab .details-title {
  font-family: "GothamPro";
  font-weight: 500;
  font-size: 1rem;
  color: #111827;
  line-height: 24px;
  margin: 0 0 0.5rem;
}

.r-builder .details-tab .details-heading {
  font-family: "GothamPro";
  font-size: 1rem;
  font-weight: 600;
  color: #111827;
  line-height: 24px;
  margin: 0.75rem 0 0.5rem;
  display: flex;
  gap: 0.75rem;
}

.r-builder .details-tab .details-heading-title {
  color: #111827;
}

.r-builder .details-tab .details-heading-subtitle {
  font-weight: 200;
  color: #71717A;
}

.r-builder .details-tab .description {
  font-size: 1rem;
  line-height: 24px;
  font-weight: 300;
  color: #111827;
  margin: 0;
}

.r-builder .details-tab .size-guide {
  margin-top: 0.5rem;
  padding: 0.5rem 0 1.25rem;
  display: flex;
  gap: 1.5rem;
}

.r-builder .details-tab .size-guide a {
  font-weight: 400;
  font-size: 0.75rem;
  color: #111827;
  text-decoration: underline;
}

.r-builder .details-tab .size-guide a:hover {
  color: #6B7280;
  text-decoration: none;
}

.r-builder .details-tab .feature-image {
  margin: 1rem 0;
  border-radius: 0.75rem;
  overflow: hidden;
}

.r-builder .details-tab .feature-image img {
  width: 100%;
  height: auto;
  display: block;
  object-fit: cover;
  cursor: pointer;
}

.r-builder .details-tab .attribute-value-text {
  color: #6B7280 !important;
}

.r-builder .options-tab > div {
  margin-bottom: 2.5rem;
}

.r-builder .options-tab > div .title {
  font-family: "GothamPro";
  font-weight: 500;
  font-size: 1rem;
  color: #000000;
  line-height: 24px;
  margin-bottom: 0.5rem;
}

.r-builder .options-tab > div .title > span {
  margin-left: 0.25rem;
  font-weight: 300;
  color: #71717A;
}

.r-builder .options-tab > div label {
  font-size: 0.875rem;
  line-height: 20px;
}

.r-builder .options-tab > div ul > li, .r-builder .options-tab > div .uk-list > li {
  margin: 0;
}

.r-builder .applications-tab {
  /* Chrome, Safari, Edge */
  /* Firefox */
}

.r-builder .applications-tab .label {
  font-family: "GothamPro";
  font-size: 0.875rem;
  color: #000000;
  font-weight: 300;
  line-height: 24px;
}

.r-builder .applications-tab .label[data-variant=heading] {
  font-family: "GothamPro";
  font-weight: 500;
  font-size: 1rem;
}

.r-builder .applications-tab .icon-btn {
  width: 28px;
  height: 28px;
  border: none;
  border-radius: 0.25rem;
  background: transparent;
  cursor: pointer;
}

.r-builder .applications-tab .icon-btn:hover {
  background: #F4F4F5;
}

.r-builder .applications-tab .icon-btn img {
  width: 16px;
  height: auto;
}

.r-builder .applications-tab .degree-input {
  display: flex;
  align-items: center;
  height: 28px;
  border: 1px solid #E4E4E7;
  border-radius: 0.375rem;
}

.r-builder .applications-tab .degree-input input[type=number] {
  width: 3.5ch;
  margin-left: 3px;
  border: none;
  outline: none;
  background: transparent;
  font-family: "GothamPro";
  font-size: 0.75rem;
  font-weight: 300;
  text-align: center;
  -moz-appearance: textfield;
}

.r-builder .applications-tab .degree-input input[type=number]::-webkit-inner-spin-button, .r-builder .applications-tab .degree-input input[type=number]::-webkit-outer-spin-button {
  margin: 0;
  -webkit-appearance: none;
}

.r-builder .applications-tab .degree-input__suffix {
  margin: 0 3px 0 1px;
  font-size: 11px;
  color: #000000;
  user-select: none;
}

.r-builder .applications-tab .degree-input__spinners {
  height: 100%;
}

.r-builder .applications-tab .degree-input__spinners button {
  flex: 1;
  width: 24px;
  border: none;
  padding: 0;
  background: transparent;
  cursor: pointer;
}

.r-builder .applications-tab .degree-input__spinners button:hover {
  background: #F4F4F5;
}

.r-builder .applications-tab .degree-input__spinners button svg {
  width: 8px;
  height: 8px;
  stroke-width: 3.5px;
}

.r-builder .applications-tab .checkbox-container {
  display: flex;
  gap: 16px;
  font-size: 0.875rem;
  font-weight: 100;
  margin-bottom: 2rem;
}

.r-builder .applications-tab .checkbox-container input {
  margin: 0;
  padding: 0;
  width: 24px;
  height: 24px;
  accent-color: #000000;
  cursor: pointer;
}

.r-builder .applications-tab .checkbox-container label {
  cursor: pointer;
}

.r-builder .applications-tab input[type=number]::-webkit-outer-spin-button,
.r-builder .applications-tab input[type=number]::-webkit-inner-spin-button {
  -webkit-appearance: none;
  margin: 0;
}

.r-builder .applications-tab input[type=number] {
  -moz-appearance: textfield;
}

.r-builder .summary-tab {
  font-weight: 100;
}

.r-builder .summary-tab > .uk-list > li {
  margin-bottom: 2.5rem;
}

.r-builder .summary-tab [class$=-header] {
  display: flex;
  gap: 0.5rem;
  align-items: flex-start;
  font-weight: 500;
  margin-bottom: 0.5rem;
  font-size: 0.875rem;
}

.r-builder .summary-tab [class$=-header] button img {
  width: 20px;
}

.r-builder .summary-tab .item-subtotal,
.r-builder .summary-tab [class$=-item] {
  font-size: 0.875rem;
}

.r-builder .summary-tab .item-subtotal {
  font-weight: 500;
  border-bottom: 1px solid #E5E7EB;
  padding: 1rem 0;
}

.r-builder .summary-tab .item-subtotal .price {
  font-weight: 100;
}

.r-builder .summary-tab .base-price > .uk-list li {
  margin-bottom: 0.25rem;
}

.r-builder .summary-tab .base-price .base-price-header {
  margin-bottom: 0.5rem;
}

.r-builder .summary-tab .base-price .base-price-header .msrp {
  font-weight: 100;
  color: #6B7280;
}

.r-builder .roster-tab {
  position: relative;
}

.r-builder .roster-tab > .uk-list {
  margin-top: 0;
}

.r-builder .roster-tab > .uk-list li {
  margin-bottom: 2.5rem;
}

.r-builder .roster-tab .adult-sizes-header,
.r-builder .roster-tab .youth-sizes-header,
.r-builder .roster-tab .player-numbers-header {
  font-weight: 500;
  font-size: 1rem;
}

.r-builder .roster-tab .btn-collapse {
  position: absolute;
  right: 0;
  top: 0;
}

.r-builder .roster-tab .btn-collapse img {
  transition: transform 0.25s ease;
}

.r-builder .roster-tab .adult-sizes-header {
  display: flex;
  align-items: center;
  justify-content: space-between;
}

.r-builder .roster-tab .sizes-guide {
  margin-top: 0.25rem;
  margin-bottom: 1rem;
  display: flex;
  gap: 1.5rem;
  color: #3B82F6;
  font-weight: 300;
  font-size: 0.75rem;
}

.r-builder .roster-tab .size-btn-wrapper {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  gap: 0.5rem;
}

.r-builder .roster-tab .size-btn-wrapper .uk-button {
  width: 100%;
  border-radius: 0.25rem;
  height: 35px;
  font-size: 0.75rem;
}

.r-builder .roster-tab .player-numbers-header .btn-size-small {
  padding: 0.25rem 0 !important;
}

.r-builder .roster-tab .player-numbers-header div:first-child {
  display: flex;
  justify-content: space-between;
  align-items: center;
}

.r-builder .roster-tab .player-numbers-header div:first-child .clear-all-btn {
  font-size: 0.875rem;
}

.r-builder .roster-tab .player-numbers-header .range-wrapper .add-range-btn {
  width: 100%;
  border-radius: 9999px;
  margin: 0.5rem 0;
}

.r-builder .roster-tab .player-numbers-header .range-wrapper .add-range[hidden] {
  display: none;
}

.r-builder .roster-tab .player-numbers-header .range-wrapper .range-row {
  display: flex;
  justify-content: space-between;
  align-items: center;
  gap: 0.75rem;
  margin: 0.5rem 0 0.75rem;
}

.r-builder .roster-tab .player-numbers-header .range-wrapper .range-row label {
  font-weight: 300;
  font-size: 0.875rem;
}

.r-builder .roster-tab .player-numbers-header .range-wrapper .range-row .range-inputs {
  display: flex;
  align-items: center;
  gap: 0.75rem;
}

.r-builder .roster-tab .player-numbers-header .range-wrapper .range-row .range-inputs input:focus {
  outline: 2px solid #E4E4E7;
  outline-offset: 2px;
  border: 1px solid #E4E4E7;
}

.r-builder .roster-tab .player-numbers-header .range-wrapper .range-row .range-inputs input {
  width: 44px;
  height: 34px;
  text-align: center;
  border: 1px solid #E5E7EB;
  border-radius: 0.25rem;
}

.r-builder .roster-tab .player-numbers-header .range-wrapper .range-actions {
  margin-bottom: 1rem;
  display: flex;
  gap: 0.75rem;
}

.r-builder .roster-tab .player-numbers-header .range-wrapper .range-actions .uk-button {
  flex: 1;
  border-radius: 9999px;
}

.r-builder .roster-tab .player-numbers-btn-wrapper {
  display: grid;
  grid-template-columns: repeat(7, 1fr);
  gap: 0.5rem;
}

.r-builder .roster-tab .player-numbers-btn-wrapper .uk-button {
  padding: 0;
  margin: 0;
  width: 100%;
  height: 38px;
  border: 1px solid #E5E7EB;
  border-radius: 0.25rem;
  font-weight: 300;
}

.r-builder .roster-tab .additional-options {
  margin: 1.25rem 0 0;
  padding: 0;
  list-style: none;
}

.r-builder .roster-tab .additional-options .btn-size-small {
  padding: 0.25rem 0 !important;
}

.r-builder .roster-tab .additional-options > li {
  margin: 0;
}

.r-builder .roster-tab .additional-options .uk-accordion-title {
  display: flex;
  justify-content: space-between;
  align-items: center;
  color: #3B82F6;
  font-size: 0.875rem;
  font-weight: 300;
  text-decoration: none;
}

.r-builder .roster-tab .additional-options .uk-accordion-title::before {
  content: none;
}

.r-builder .roster-tab .additional-options .uk-accordion-title .chevron {
  color: #000000 !important;
  transition: transform 0.25s ease;
}

.r-builder .roster-tab .additional-options > li.uk-open .uk-accordion-title .chevron {
  transform: rotate(180deg);
}

.r-builder .roster-tab .additional-options .uk-accordion-content {
  margin: 0;
}

.r-builder .roster-tab .additional-options .additional-options-header {
  display: flex;
  justify-content: space-between;
  align-items: center;
  width: 100%;
  padding: 1rem 0;
  color: #3B82F6;
  font-size: 0.875rem;
  font-weight: 500;
}

.r-builder .roster-tab .additional-options .additional-options-header .chevron {
  transition: transform 0.25s ease;
}

.r-builder .roster-tab .additional-options .option-row {
  display: flex;
  justify-content: space-between;
  align-items: center;
  padding: 0.75rem 0;
  font-size: 0.875rem;
}

.r-builder .roster-tab .additional-options .added-range-row {
  display: flex;
  justify-content: space-between;
  align-items: center;
  padding: 0.75rem 0;
  font-size: 0.875rem;
}

.r-builder .roster-tab .additional-options .added-range-row .chip {
  display: inline-flex;
  align-items: center;
  gap: 0.5rem;
}

.r-builder .roster-tab .additional-options .added-range-row .chip-remove {
  font-size: 1rem;
  line-height: 1;
  color: #6B7280;
}

.r-builder .roster-tab .additional-options .add-more[hidden] {
  display: none;
}

.r-builder .roster-tab .additional-options .add-more .range-row {
  display: flex;
  justify-content: space-between;
  align-items: center;
  gap: 0.75rem;
  margin: 0.5rem 0 0.75rem;
}

.r-builder .roster-tab .additional-options .add-more .range-row label {
  font-size: 0.875rem;
}

.r-builder .roster-tab .additional-options .add-more .range-row .range-inputs {
  display: flex;
  align-items: center;
  gap: 0.5rem;
}

.r-builder .roster-tab .additional-options .add-more .range-row .range-inputs input:focus {
  outline: 2px solid #E4E4E7;
  outline-offset: 2px;
  border: 1px solid #E4E4E7;
}

.r-builder .roster-tab .additional-options .add-more .range-row .range-inputs input {
  width: 44px;
  height: 34px;
  text-align: center;
  border: 1px solid #E5E7EB;
  border-radius: 0.25rem;
}

.r-builder .roster-tab .additional-options .add-more .range-actions {
  display: flex;
  gap: 0.75rem;
}

.r-builder .roster-tab .additional-options .add-more .range-actions .uk-button {
  flex: 1;
  border-radius: 9999px;
}

.r-builder .roster-tab .additional-options .add-more-btn {
  width: 100%;
  border-radius: 9999px;
  margin-top: 0.75rem;
}

.r-builder .roster {
  display: none;
}

.r-builder:has(.switch-nav-editing-panel li:nth-child(6).uk-active) .canvas {
  display: none;
}

.r-builder:has(.switch-nav-editing-panel li:nth-child(6).uk-active) .roster {
  display: flex;
  flex-direction: column;
  background-color: #FFFFFF;
  padding: 1.5rem;
  overflow-y: auto;
  color: #000000;
  border-left: 1px solid #E5E7EB;
}

.r-builder:has(.switch-nav-editing-panel li:nth-child(6).uk-active) .roster .roster-header {
  display: flex;
  align-items: center;
  justify-content: space-between;
  padding: 1rem 0;
  gap: 0.75rem;
}

.r-builder:has(.switch-nav-editing-panel li:nth-child(6).uk-active) .roster .roster-header .title-casing-wrap {
  display: flex;
  align-items: center;
  gap: 0.75rem;
  font-size: 0.875rem;
}

.r-builder:has(.switch-nav-editing-panel li:nth-child(6).uk-active) .roster .roster-header .title-casing-btn {
  display: flex;
}

.r-builder:has(.switch-nav-editing-panel li:nth-child(6).uk-active) .roster .roster-header .title-casing-btn button {
  flex: 1;
  margin: 0;
  border-radius: 0;
  width: 40px;
  height: 26px;
  font-weight: 200;
}

.r-builder:has(.switch-nav-editing-panel li:nth-child(6).uk-active) .roster .roster-header .title-casing-btn button.active {
  font-weight: 500;
  background: #E5E7EB;
}

.r-builder:has(.switch-nav-editing-panel li:nth-child(6).uk-active) .roster .roster-header .title-casing-btn button:first-child {
  border-radius: 0.25rem 0 0 0.25rem;
}

.r-builder:has(.switch-nav-editing-panel li:nth-child(6).uk-active) .roster .roster-header .title-casing-btn button:last-child {
  border-radius: 0 0.25rem 0.25rem 0;
}

.r-builder:has(.switch-nav-editing-panel li:nth-child(6).uk-active) .roster .roster-header .total-qty,
.r-builder:has(.switch-nav-editing-panel li:nth-child(6).uk-active) .roster .roster-header .subtotal {
  display: flex;
  gap: 0.5rem;
  font-size: 0.875rem;
}

.r-builder .table-head-scroll,
.r-builder .table-body-scroll {
  width: 100%;
  max-width: 100%;
  overflow-x: auto;
}

.r-builder .table-scroll {
  width: 100%;
  overflow-x: auto;
  overflow-y: hidden;
  scrollbar-width: none;
}

.r-builder .table-scroll::-webkit-scrollbar {
  display: none;
}

.r-builder .table-block .divider {
  border: 1px solid #E5E7EB;
  margin-bottom: 0.5rem;
  display: none;
}

.r-builder .custom-table {
  width: max-content;
  min-width: 100%;
  border-collapse: separate;
  border-spacing: 0 0.5rem;
  font-size: 0.875rem;
}

.r-builder th, .r-builder td {
  min-width: 180px;
  white-space: nowrap;
  padding: 0.5rem 0.75rem;
  text-align: left;
}

.r-builder th {
  font-weight: 500;
}

.r-builder .sticky-col {
  position: sticky;
  left: 0;
  background: #FFFFFF;
  z-index: 3;
}

.r-builder .sticky-col::after {
  content: "";
  position: absolute;
  top: 0;
  left: -1px;
  width: 2px;
  height: 100%;
  background: #FFFFFF;
}

.r-builder .col-player-number {
  min-width: 90px;
  padding: 0 2rem;
}

.r-builder .col-player-name,
.r-builder .col-gamer-tag,
.r-builder .col-something-else {
  min-width: 210px;
}

.r-builder .col-qty {
  min-width: 60px;
}

.r-builder .col-group-id {
  min-width: 120px;
}

.r-builder .table-head .col-group-id {
  display: flex;
  align-items: center;
}

.r-builder .table-head .col-group-id svg {
  color: #6B7280;
}

.r-builder .col-player-name {
  position: relative;
}

.r-builder .col-player-name::before {
  content: "";
  position: absolute;
  left: 3px;
  top: 6px;
  bottom: 6px;
  width: 1px;
  background: transparent;
}

.r-builder .table-block.is-scrollable .col-player-name::before {
  background: #E5E7EB;
}

.r-builder .col-action {
  text-align: end;
  padding-left: 1.5rem;
}

.r-builder .col-action .btn-action {
  color: #6B7280;
}

.r-builder .col-action.is-scrollable {
  text-align: left;
}

.r-builder .table-body-scroll .col-action {
  display: flex;
  gap: 1rem;
  align-items: center;
  justify-content: end;
}

.r-builder .table-body-scroll .col-action.is-scrollable {
  justify-content: start;
}

.r-builder .col-scroll-indicator {
  position: sticky;
  right: 0;
  background: #FFFFFF;
  z-index: 4;
  min-width: auto;
  width: 70px;
  text-align: center;
  display: none;
}

.r-builder .group-header {
  background: #ECECEE;
  height: 40px;
  border-radius: 0.375rem;
  padding: 0 1rem;
  display: grid;
  grid-template-columns: 400px 1fr 1fr;
  align-items: center;
  font-size: 0.875rem;
}

.r-builder .clear-wrapper {
  text-align: right;
}

.r-builder .custom-table .uk-input {
  border-radius: 0.25rem;
  color: #111827;
  font-weight: 300;
}

.r-builder .custom-table .uk-input:focus {
  border: 1px solid #09090B;
}

.r-builder .table-scrollbar-sync {
  overflow-x: auto;
  overflow-y: hidden;
  height: 12px;
  scrollbar-width: thin;
  scrollbar-color: #E5E7EB transparent;
}

.r-builder .table-scrollbar-sync::-webkit-scrollbar {
  height: 8px;
}

.r-builder .table-scrollbar-sync::-webkit-scrollbar-track {
  background: transparent;
}

.r-builder .table-scrollbar-sync::-webkit-scrollbar-thumb {
  background: #E5E7EB;
  border-radius: 0.25rem;
}

.r-builder .table-scrollbar-sync::-webkit-scrollbar-thumb:hover {
  background: #6B7280;
}

.r-builder .table-scrollbar-inner {
  height: 1px;
}

.r-builder .custom-pro-tab .custom-pro-header {
  margin-bottom: 2rem;
}

.r-builder .custom-pro-tab .custom-pro-row {
  display: flex;
  justify-content: space-between;
  align-items: center;
  margin-bottom: 0.25rem;
}

.r-builder .custom-pro-tab .custom-pro-row .custom-pro-left {
  display: flex;
  align-items: flex-start;
  gap: 0.25rem;
}

.r-builder .custom-pro-tab .custom-pro-row .custom-pro-left .custom-pro-label {
  font-weight: 500;
  font-size: 1rem;
}

.r-builder .custom-pro-tab .custom-pro-price {
  font-size: 0.875rem;
  font-weight: 200;
  color: #6B7280;
}

.r-builder .custom-pro-tab .design-file-wrapper,
.r-builder .custom-pro-tab .notes-wrapper {
  margin: 2rem 0;
}

.r-builder .custom-pro-tab .design-file-wrapper .design-file-label,
.r-builder .custom-pro-tab .design-file-wrapper .notes-label,
.r-builder .custom-pro-tab .notes-wrapper .design-file-label,
.r-builder .custom-pro-tab .notes-wrapper .notes-label {
  font-weight: 500;
  font-size: 0.875rem;
  margin-bottom: 0.5rem;
}

.r-builder .custom-pro-tab .design-file-wrapper .uk-link-text,
.r-builder .custom-pro-tab .notes-wrapper .uk-link-text {
  color: #6B7280;
}

.r-builder .custom-pro-tab .design-file-wrapper .uk-textarea,
.r-builder .custom-pro-tab .notes-wrapper .uk-textarea {
  resize: none;
  border-radius: 0.375rem;
  font-size: 0.875rem;
}

.r-builder .custom-pro-tab .design-file-wrapper .uk-textarea:focus, .r-builder .custom-pro-tab .design-file-wrapper .uk-textarea:active,
.r-builder .custom-pro-tab .notes-wrapper .uk-textarea:focus,
.r-builder .custom-pro-tab .notes-wrapper .uk-textarea:active {
  border: 1px solid #09090B;
}

.r-builder .custom-pro-tab .design-file-wrapper .add-file-btn,
.r-builder .custom-pro-tab .notes-wrapper .add-file-btn {
  border-radius: 9999px;
  text-transform: none;
}

.r-builder .custom-pro-tab .custom-pro-file {
  height: 56px;
  display: none;
  align-items: center;
  justify-content: space-between;
  gap: 0.75rem;
  margin-top: 0.5rem;
  padding: 0 0.75rem;
  border: 1px solid #E5E7EB;
  border-radius: 0.25rem;
}

.r-builder .custom-pro-tab .custom-pro-file .custom-pro-file-name {
  font-size: 0.875rem;
  color: #6B7280;
  text-transform: lowercase;
  white-space: nowrap;
  text-overflow: ellipsis;
  max-width: 100px;
  overflow: hidden;
}

.r-builder .custom-pro-tab .custom-pro-file .progress {
  width: 176px;
  height: 8px;
  background: #FAFAFA;
  border-radius: 9999px;
  overflow: hidden;
}

.r-builder .custom-pro-tab .custom-pro-file .progress .progress-bar {
  width: 5%;
  height: 100%;
  background: #38BDF8;
  border-radius: 9999px;
  transition: width 0.3s ease;
}

.r-builder .custom-pro-tab .custom-pro-file .custom-pro-file-action {
  display: none;
  gap: 0.75rem;
}

.r-builder .custom-pro-tab .custom-pro-file .custom-pro-file-action .uk-button {
  color: #9CA3AF;
}

.r-builder .custom-pro-tab .custom-pro-file.is-uploading .progress {
  display: block;
}

.r-builder .custom-pro-tab .custom-pro-file.is-uploading .custom-pro-file-action {
  display: none;
}

.r-builder .custom-pro-tab .custom-pro-file.is-complete .progress {
  display: none;
}

.r-builder .custom-pro-tab .custom-pro-file.is-complete .custom-pro-file-action {
  display: flex;
}

.r-builder .custom-pro-tab .design-file-wrapper.has-file .custom-pro-file {
  display: flex;
}

.r-builder .custom-pro-tab .design-file-wrapper.has-file .add-file-btn {
  display: none;
}

.r-builder .custom-pro-tab .custom-pro-steps .custom-ordered-list {
  list-style: none;
  counter-reset: item;
  padding-left: 0;
}

.r-builder .custom-pro-tab .custom-pro-steps .custom-ordered-list li {
  counter-increment: item;
  display: flex;
  align-items: flex-start;
  gap: 0.5rem;
  margin-bottom: 2rem;
  font-size: 0.875rem;
  font-weight: 300;
}

.r-builder .custom-pro-tab .custom-pro-steps .custom-ordered-list li::before {
  content: counter(item);
  width: 36px;
  height: 36px;
  min-width: 36px;
  border-radius: 9999px;
  border: 1px solid #E5E7EB;
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 1rem;
}

.r-builder .custom-pro-tab .custom-pro-steps .custom-ordered-list li:nth-child(3) {
  align-items: center;
}

.r-builder:has(.switch-nav-editing-panel li:nth-child(1).uk-active) .canvas {
  display: none;
}

.r-builder:has(.switch-nav-editing-panel li:nth-child(1).uk-active) .canvas-custom-pro {
  display: block;
}

.r-builder:has(.switch-nav-editing-panel li:nth-child(1).uk-active) .canvas-custom-pro .custom-pro-file-upload {
  display: none;
}

.r-builder:has(.switch-nav-editing-panel li:nth-child(1).uk-active) .canvas-custom-pro.is-upload-mode .wrapper-canvas-content,
.r-builder:has(.switch-nav-editing-panel li:nth-child(1).uk-active) .canvas-custom-pro.is-upload-mode .wrapper-canvas-footer {
  display: none;
}

.r-builder:has(.switch-nav-editing-panel li:nth-child(1).uk-active) .canvas-custom-pro.is-upload-mode .custom-pro-file-upload {
  display: block;
}

.r-builder .canvas-custom-pro {
  display: none;
}

.r-builder .custom-pro-file-upload,
.r-builder .custom-pro-pdf-preview {
  position: absolute;
  top: 50%;
  left: 50%;
}

.r-builder .custom-pro-file-upload {
  transform: translate(-50%, -50%);
}

.r-builder .custom-pro-pdf-preview {
  transform: translate(-50%, -100%);
  display: none;
  align-items: center;
  justify-content: center;
  flex-direction: column;
  gap: 1.5rem;
  margin-top: 0.5rem;
  border: 1px solid #E5E7EB;
  border-radius: 0.75rem;
  padding: 0 0.75rem;
  background: #FFFFFF;
  width: 344px;
  height: 214px;
}

.r-builder .custom-pro-pdf-preview .pdf-preview-text {
  font-size: 1rem;
  font-weight: 200;
  color: #6B7280;
}

.r-builder .custom-pro-pdf-preview .uk-button {
  display: flex;
  align-items: center;
  gap: 0.75rem;
  font-size: 1rem;
}

.r-builder .is-disabled {
  pointer-events: none;
  opacity: 0.5;
}

.advanced-application-sizing-modal .modal-v2 {
  width: min(1288px, 80vw);
  height: 747px;
  max-height: 80vh;
  display: flex;
  flex-direction: column;
}

.advanced-application-sizing-modal .modal-v2 .modal-header {
  padding: 1rem 1.5rem 0;
  flex-shrink: 0;
}

.advanced-application-sizing-modal .modal-v2 .modal-header h1.modal-title {
  font-size: 1rem;
  font-weight: 600;
}

.advanced-application-sizing-modal .modal-v2 .application-sizing-table {
  margin-top: 0.75rem;
  flex: 1;
  overflow: hidden;
}

.advanced-application-sizing-modal .modal-v2 .application-sizing-table .table-gap {
  border-collapse: separate !important;
  border-spacing: 0 0.5rem;
  width: 100%;
  table-layout: fixed;
}

.advanced-application-sizing-modal .modal-v2 .application-sizing-table thead, .advanced-application-sizing-modal .modal-v2 .application-sizing-table tbody {
  display: block;
  width: 100%;
}

.advanced-application-sizing-modal .modal-v2 .application-sizing-table thead {
  padding-right: 0.25rem;
}

.advanced-application-sizing-modal .modal-v2 .application-sizing-table thead tr,
.advanced-application-sizing-modal .modal-v2 .application-sizing-table tbody tr {
  display: table;
  width: 100%;
  table-layout: fixed;
}

.advanced-application-sizing-modal .modal-v2 .application-sizing-table tbody {
  max-height: calc(747px - 60px - 0.5rem - 53px - 80px);
  overflow-y: auto;
  overflow-x: hidden;
  font-size: 13px;
  color: #6B7280;
  scrollbar-width: thin;
  scrollbar-color: #D1D5DB transparent;
}

.advanced-application-sizing-modal .modal-v2 .application-sizing-table tbody::-webkit-scrollbar {
  width: 0.125rem;
}

.advanced-application-sizing-modal .modal-v2 .application-sizing-table tbody::-webkit-scrollbar-track {
  background: transparent;
}

.advanced-application-sizing-modal .modal-v2 .application-sizing-table tbody::-webkit-scrollbar-thumb {
  background-color: #E5E7EB;
  border-radius: 0.125rem;
}

.advanced-application-sizing-modal .modal-v2 .application-sizing-table tbody::-webkit-scrollbar-thumb:hover {
  background-color: #111827;
}

.advanced-application-sizing-modal .modal-v2 .application-sizing-table .uk-table thead tr th,
.advanced-application-sizing-modal .modal-v2 .application-sizing-table .uk-table tbody tr td {
  padding-left: 0;
  padding-right: 0;
}

.advanced-application-sizing-modal .modal-v2 .application-sizing-table .uk-table th:first-child,
.advanced-application-sizing-modal .modal-v2 .application-sizing-table .uk-table td:first-child {
  padding-left: 50px;
  width: 220px;
}

.advanced-application-sizing-modal .modal-v2 .application-sizing-table .uk-table th:last-child,
.advanced-application-sizing-modal .modal-v2 .application-sizing-table .uk-table td:last-child {
  padding-right: clamp(1rem, 3vw, 50px);
  min-width: 140px;
  width: clamp(140px, 20vw, 370px);
}

.advanced-application-sizing-modal .modal-v2 .application-sizing-table .auto-expand-textarea {
  min-height: 54px;
  max-height: 120px;
  height: 54px;
  font-size: 0.875rem;
  line-height: 40px;
  padding-top: 0.5rem;
  padding-bottom: 0.5rem;
  overflow-y: hidden;
  resize: none;
}

.advanced-application-sizing-modal .modal-v2 .application-sizing-table .auto-expand-textarea.multiline {
  line-height: 1.5rem;
}

.advanced-application-sizing-modal .modal-v2 .application-sizing-table select {
  min-height: 54px;
  height: 54px;
  font-size: 0.875rem;
  line-height: 40px;
}

.advanced-application-sizing-modal .modal-v2 .application-sizing-table .table-header-divider th {
  box-shadow: inset 0 -1px 0 #E5E7EB;
  color: #111827;
  text-transform: none;
  font-size: 0.875rem;
  font-weight: 500;
}

.advanced-application-sizing-modal .modal-v2 .application-sizing-table .col-item {
  padding-left: 50px;
}

.advanced-application-sizing-modal .modal-v2 .application-sizing-table .form-input-v2 .select-field {
  width: 160px;
}

.advanced-application-sizing-modal .modal-v2 .modal-footer {
  background-color: #FFFFFF;
  border-radius: 1rem;
  height: 88px;
  display: flex;
  align-items: center;
  padding: 0;
}

.advanced-application-sizing-modal .modal-v2 .modal-footer .modal-cta {
  max-width: 500px;
  height: 100%;
  width: 100%;
  display: flex;
  align-items: center;
  margin: 0 auto;
  gap: 0.75rem;
}

.advanced-application-sizing-modal .modal-v2 .modal-footer .modal-cta .uk-button {
  flex: 1;
}

.copy-roster-modal .modal-v2 {
  width: 523px;
  height: 600px;
  display: flex;
  flex-direction: column;
}

.copy-roster-modal .modal-v2 .modal-header {
  height: 72px;
  display: flex;
  align-items: center;
  justify-content: space-between;
}

.copy-roster-modal .modal-v2 .modal-header .uk-modal-close-default {
  position: static;
  color: #000000;
}

.copy-roster-modal .modal-v2 .modal-header,
.copy-roster-modal .modal-v2 .modal-body {
  padding: 0 2rem;
}

.copy-roster-modal .modal-v2 .modal-title {
  font-weight: 500;
}

.copy-roster-modal .modal-body {
  flex: 1;
  min-height: 0;
}

.copy-roster-modal .roster-items,
.copy-roster-modal .roster-fields {
  padding-bottom: 2rem;
  max-height: 420px;
  overflow-y: auto;
  scrollbar-width: none;
  -ms-overflow-style: none;
}

.copy-roster-modal .roster-items::-webkit-scrollbar,
.copy-roster-modal .roster-fields::-webkit-scrollbar {
  display: none;
}

.copy-roster-modal .roster-item {
  padding: 0.75rem;
}

.copy-roster-modal .roster-description,
.copy-roster-modal .roster-fields-description {
  color: #6B7280;
}

.copy-roster-modal .list-option--with-thumbnail .list-option__wrapper {
  align-items: center;
}

.copy-roster-modal .list-option--with-thumbnail .list-option__content span:nth-child(2) {
  color: #6B7280;
}

.copy-roster-modal .modal-footer {
  border-radius: 0 0 1rem 1rem;
  z-index: 99;
  background: #FFFFFF;
  display: flex;
  align-items: center;
  justify-content: flex-end;
  height: 72px;
  padding: 0 2rem;
}

.copy-roster-modal .step {
  display: none;
}

.copy-roster-modal .step.is-active {
  display: block;
}

.copy-roster-modal .modal-v2[data-step="1"] .step-1 {
  display: block;
}

.copy-roster-modal .modal-v2[data-step="2"] .step-2 {
  display: block;
}

.upload-roster-modal .modal-v2 {
  width: 460px;
}

.upload-roster-modal .modal-v2 .modal-header,
.upload-roster-modal .modal-v2 .modal-body,
.upload-roster-modal .modal-v2 .modal-footer {
  padding: 0 2rem;
}

.upload-roster-modal .modal-v2 .modal-header {
  height: 72px;
}

.upload-roster-modal .modal-v2 .modal-body {
  min-height: 264px;
  padding-bottom: 1rem;
}

.upload-roster-modal .modal-v2 .modal-footer {
  align-items: center;
  height: 72px;
}

.upload-roster-modal .upload-instructions {
  font-size: 0.875rem;
  color: #111827;
}

.upload-roster-modal .template-action {
  margin: 1rem 0;
}

.upload-roster-modal .template-action button {
  color: #111827;
  width: 100%;
  border-radius: 9999px;
  font-size: 0.875rem;
  font-weight: 400;
}

.request-org-modal {
  position: fixed;
  inset: 0;
  display: grid;
  place-items: center;
  padding: 1.5rem;
  z-index: 1000;
  opacity: 0;
  pointer-events: none;
  transition: opacity 180ms ease;
}

.request-org-modal.uk-open {
  opacity: 1;
  pointer-events: auto;
}

.request-org-modal .modal-v2 {
  font-family: "GothamPro";
  color: #09090B;
  border-radius: 1.5rem;
  background: #FFFFFF;
  width: 100%;
  max-width: 990px;
  box-shadow: 0 24px 48px -12px rgba(0, 0, 0, 0.18), 0 2px 6px rgba(0, 0, 0, 0.06);
}

.request-org-modal .modal-v2 .modal-header {
  padding: 1rem 2rem 0;
}

.request-org-modal .modal-v2 .modal-header__with-btn-close {
  display: flex;
  align-items: flex-start;
  justify-content: space-between;
  gap: 1.25rem;
}

.request-org-modal .modal-v2 .modal-header h1.modal-title {
  font-family: "GothamPro";
  font-size: 1.25rem;
  font-weight: 500;
  line-height: 1.25;
  margin: 0;
}

.request-org-modal .modal-v2 .modal-header .uk-modal-close-default {
  all: unset;
  cursor: pointer;
  color: #000000;
  width: 24px;
  height: 24px;
  display: grid;
  place-items: center;
  border-radius: 4px;
  flex-shrink: 0;
}

.request-org-modal .modal-v2 .modal-header .uk-modal-close-default:hover {
  opacity: 0.7;
}

.request-org-modal .modal-v2 .modal-header .uk-modal-close-default:focus-visible {
  outline: 2px solid #09090B;
  outline-offset: 2px;
}

.request-org-modal .modal-v2 .modal-header .uk-modal-close-default svg {
  width: 16px;
  height: 16px;
}

.request-org-modal .modal-v2__description {
  font-family: "GothamPro";
  font-size: 1rem;
  font-weight: 100;
  line-height: 1.5;
  color: #09090B;
  margin: 1rem 0 0;
}

.request-org-modal .modal-v2 .modal-body {
  padding: 2rem 2rem 1rem;
  font-size: 1rem;
  flex: 1 1 auto;
  min-height: 360px;
  width: 700px;
  justify-self: center;
}

.request-org-modal .modal-v2__step {
  display: none;
}

.request-org-modal .modal-v2__step.is-active {
  display: block;
}

.request-org-modal .modal-v2__forms .uk-form-icon {
  color: #09090B;
}

.request-org-modal .modal-v2__color-picker .section-title {
  font-size: 0.875rem;
  font-weight: 400;
  margin-bottom: 0.5rem;
}

.request-org-modal .modal-v2__color-picker .section-sub {
  font-size: 0.875rem;
  color: #6B7280;
  margin: 0.5rem 0 0.75rem;
}

.request-org-modal .modal-v2__color-picker .org-colors {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  gap: 0.5rem;
  margin-bottom: 1.5rem;
}

.request-org-modal .modal-v2__color-picker .org-colors__empty {
  font-size: 0.875rem;
  color: #A1A1AA;
}

.request-org-modal .modal-v2__logo-picker .org-logos__topbar {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 1rem;
  margin-bottom: 1rem;
}

.request-org-modal .modal-v2__logo-picker .org-logos__topbar .section-title {
  font-size: 0.875rem;
  font-weight: 400;
  margin-bottom: 0.5rem;
}

.request-org-modal .modal-v2__logo-picker .org-logos__upload-btn {
  display: none;
}

.request-org-modal .modal-v2__logo-picker .org-logos__empty .upload-dropzone {
  height: 100px;
  width: 500px;
  place-self: center;
}

.request-org-modal .modal-v2__logo-picker .org-logos .org-logos__empty {
  height: 290px;
  display: flex;
  justify-content: center;
}

.request-org-modal .modal-v2__logo-picker .org-logos.has-logos .org-logos__empty {
  display: none;
}

.request-org-modal .modal-v2__logo-picker .org-logos.has-logos .org-logos__upload-btn {
  display: inline-flex;
}

.request-org-modal .modal-v2__logo-picker .org-logos .org-logos__grid .logo-card {
  width: 100px;
  height: 100px;
}

.request-org-modal .modal-v2 .modal-footer {
  padding: 1rem 3rem 2.5rem;
  display: flex;
  justify-content: center;
  gap: 1rem;
}

.request-org-modal .modal-v2 .modal-footer .uk-button {
  min-width: 220px;
}

.stepper {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  padding: 2rem 0 0;
  position: relative;
  max-width: 990px;
  margin: 0 auto;
}

.stepper__step {
  position: relative;
  display: flex;
  flex-direction: column;
  align-items: center;
  text-align: center;
  min-width: 0;
}

.stepper__dot {
  position: relative;
  z-index: 2;
  width: 16px;
  height: 16px;
  border-radius: 50%;
  background: #FFFFFF;
  border: 1.5px solid #D1D5DB;
  display: grid;
  place-items: center;
  color: #FFFFFF;
  transition: background-color 160ms ease, border-color 160ms ease;
}

.stepper__dot-inner, .stepper__check {
  grid-area: 1/1;
  align-self: center;
  justify-self: center;
}

.stepper__dot-inner {
  width: 6px;
  height: 6px;
  border-radius: 50%;
  background: #FFFFFF;
  opacity: 0;
  transform: scale(0.4);
  transition: opacity 160ms ease, transform 200ms cubic-bezier(0.22, 0.61, 0.36, 1);
}

.stepper__check {
  display: block;
  width: 10px;
  height: 10px;
  opacity: 0;
  transform: scale(0.6);
  transition: opacity 160ms ease, transform 200ms cubic-bezier(0.22, 0.61, 0.36, 1);
}

.stepper__step:not(:first-child) .stepper__dot::before {
  content: "";
  position: absolute;
  top: 50%;
  right: 100%;
  height: 1.5px;
  width: calc((100vw - 0px) * 0);
}

.stepper__step + .stepper__step::before {
  content: "";
  position: absolute;
  top: 8px;
  right: 50%;
  left: -50%;
  height: 1.5px;
  background: #D1D5DB;
  transform: translateY(-50%);
  z-index: 1;
  transition: background-color 200ms ease;
}

.stepper__label {
  margin-top: 0.75rem;
  display: flex;
  flex-direction: column;
  gap: 2px;
  font-family: "GothamPro";
}

.stepper__step-num {
  font-size: 0.875rem;
  font-weight: 400;
  color: #9CA3AF;
  line-height: 1.2;
  transition: color 160ms ease, font-weight 160ms ease;
}

.stepper__step-name {
  font-size: 0.875rem;
  font-weight: 300;
  color: #9CA3AF;
  line-height: 1.2;
  transition: color 160ms ease;
}

.stepper__step.is-active .stepper__dot {
  background: #000000;
  border-color: #000000;
}

.stepper__step.is-active .stepper__dot-inner {
  opacity: 1;
  transform: scale(1);
}

.stepper__step.is-active .stepper__step-num {
  color: #000000;
  font-weight: 500;
}

.stepper__step.is-active .stepper__step-name {
  color: #000000;
}

.stepper__step.is-completed .stepper__dot {
  background: #000000;
  border-color: #000000;
}

.stepper__step.is-completed .stepper__check {
  opacity: 1;
  transform: scale(1);
}

.stepper__step.is-completed .stepper__step-num {
  color: #000000;
  font-weight: 400;
}

.stepper__step.is-completed .stepper__step-name {
  color: #000000;
}

.stepper__step.is-completed + .stepper__step::before {
  background: #000000;
}

.save-and-share-modal .modal-v2 .modal-body {
  padding: 1rem 3rem 2.5rem;
}

.save-and-share-modal .modal-v2 .modal-body .modal-content .modal-share-actions {
  display: flex;
  justify-content: center;
  align-items: center;
  gap: 1.5rem;
}

.save-and-share-modal .modal-v2 .modal-body .modal-content .modal-share-actions .modal-share-btn {
  background: transparent;
  border: none;
  padding: 0.5rem;
  color: #09090B;
  cursor: pointer;
  border-radius: 0.375rem;
  transition: background 0.15s, opacity 0.15s;
}

.save-and-share-modal .modal-v2 .modal-body .modal-content .modal-share-actions .modal-share-btn:hover {
  background: #F4F4F5;
}

.save-and-share-modal .modal-v2 .modal-body .modal-content .modal-share-actions .modal-share-btn:disabled {
  color: #D1D5DB;
  cursor: not-allowed;
}

.download-images-modal .modal-body .modal-content .list-v2 {
  max-height: 252px;
  overflow-y: auto;
  /* Webkit-based browsers (Chrome, Safari, Edge) */
  /* Firefox */
}

.download-images-modal .modal-body .modal-content .list-v2::-webkit-scrollbar {
  width: 5px;
}

.download-images-modal .modal-body .modal-content .list-v2::-webkit-scrollbar-track {
  background: #FFFFFF;
  border-radius: 18px;
}

.download-images-modal .modal-body .modal-content .list-v2::-webkit-scrollbar-thumb {
  background: #E5E7EB;
  border-radius: 18px;
}

.download-images-modal .modal-body .modal-content .list-v2::-webkit-scrollbar-thumb:hover {
  background: #D1D5DB;
}

@supports not selector(::-webkit-scrollbar) {
  .download-images-modal .modal-body .modal-content .list-v2 {
    scrollbar-color: var(--sb-thumb-color) var(--sb-track-color);
    scrollbar-width: thin;
  }
}
#view-art-details .uk-modal-dialog {
  width: 657px;
}

.art-details {
  display: flex;
  align-items: center;
  gap: 1.5rem;
}

@media (max-width: 959px) {
  .art-details {
    flex-direction: column;
    align-items: stretch;
  }
}
.art-details__preview {
  flex-shrink: 0;
  aspect-ratio: 1;
  display: flex;
  align-items: center;
  justify-content: center;
  width: min(260px, 45%);
}

@media (max-width: 959px) {
  .art-details__preview {
    width: min(260px, 100%);
    align-self: center;
  }
}
.art-details__preview img {
  width: 100%;
  height: 100%;
  object-fit: contain;
}

.art-details__color-list {
  flex: 1;
  min-width: 0;
  margin: 0;
}

.art-details__color-list > li + li {
  margin-top: 0.5rem;
}

.art-details__color-list .wrapper-color-label .value {
  text-align: start;
  white-space: normal;
  overflow: visible;
  text-overflow: unset;
}

@font-face {
  font-family: GothamPro;
  src: url("../../../../fonts/GothamPro/GothamPro-Light.eot");
  src: url("../../../../fonts/GothamPro/GothamPro-Light.woff2") format("woff2"), url("../../../../fonts/GothamPro/GothamPro-Light.woff") format("woff"), url("../../../../fonts/GothamPro/GothamPro-Light.ttf") format("truetype"), url("../../../../fonts/GothamPro/GothamPro-Light.svg#GothamPro-Light") format("svg"), url("../../../../fonts/GothamPro/GothamPro-Light.eot?#iefix") format("embedded-opentype");
  font-weight: 100;
  font-style: normal;
}
@font-face {
  font-family: GothamPro;
  src: url("../../../../fonts/GothamPro/GothamPro-LightItalic.eot");
  src: url("../../../../fonts/GothamPro/GothamPro-LightItalic.woff2") format("woff2"), url("../../../../fonts/GothamPro/GothamPro-LightItalic.woff") format("woff"), url("../../../../fonts/GothamPro/GothamPro-LightItalic.ttf") format("truetype"), url("../../../../fonts/GothamPro/GothamPro-LightItalic.svg#GothamPro-LightItalic") format("svg"), url("../../../../fonts/GothamPro/GothamPro-LightItalic.eot?#iefix") format("embedded-opentype");
  font-weight: 100;
  font-style: italic;
}
@font-face {
  font-family: GothamPro;
  src: url("../../../../fonts/GothamPro/GothamPro.eot");
  src: url("../../../../fonts/GothamPro/../fonts/GothamPro/GothamPro.eot");
  src: url("../../../../fonts/GothamPro/GothamPro.woff2") format("woff2"), url("../../../../fonts/GothamPro/GothamPro.woff") format("woff"), url("../../../../fonts/GothamPro/GothamPro.ttf") format("truetype"), url("../../../../fonts/GothamPro/GothamPro.svg#GothamPro") format("svg"), url("../../../../fonts/GothamPro/GothamPro.eot?#iefix") format("embedded-opentype");
  font-weight: 200;
  font-style: normal;
}
@font-face {
  font-family: GothamPro;
  src: url("../../../../fonts/GothamPro/GothamPro-Italic.eot");
  src: url("../../../../fonts/GothamPro/GothamPro-Italic.woff2") format("woff2"), url("../../../../fonts/GothamPro/GothamPro-Italic.woff") format("woff"), url("../../../../fonts/GothamPro/GothamPro-Italic.ttf") format("truetype"), url("../../../../fonts/GothamPro/GothamPro-Italic.svg#GothamPro-Italic") format("svg"), url("../../../../fonts/GothamPro/GothamPro-Italic.eot?#iefix") format("embedded-opentype");
  font-weight: 200;
  font-style: italic;
}
@font-face {
  font-family: GothamPro;
  src: url("../../../../fonts/GothamPro/GothamPro-Medium.eot");
  src: url("../../../../fonts/GothamPro/GothamPro-Medium.woff2") format("woff2"), url("../../../../fonts/GothamPro/GothamPro-Medium.woff") format("woff"), url("../../../../fonts/GothamPro/GothamPro-Medium.ttf") format("truetype"), url("../../../../fonts/GothamPro/GothamPro-Medium.svg#GothamPro-Medium") format("svg"), url("../../../../fonts/GothamPro/GothamPro-Medium.eot?#iefix") format("embedded-opentype");
  font-weight: 400;
  font-style: normal;
}
@font-face {
  font-family: GothamPro;
  src: url("../../../../fonts/GothamPro/GothamPro-MediumItalic.eot");
  src: url("../../../../fonts/GothamPro/GothamPro-MediumItalic.woff2") format("woff2"), url("../../../../fonts/GothamPro/GothamPro-MediumItalic.woff") format("woff"), url("../../../../fonts/GothamPro/GothamPro-MediumItalic.ttf") format("truetype"), url("../../../../fonts/GothamPro/GothamPro-MediumItalic.svg#GothamPro-MediumItalic") format("svg"), url("../../../../fonts/GothamPro/GothamPro-MediumItalic.eot?#iefix") format("embedded-opentype");
  font-weight: 400;
  font-style: italic;
}
@font-face {
  font-family: GothamPro;
  src: url("../../../../fonts/GothamPro/GothamPro-Bold.eot");
  src: url("../../../../fonts/GothamPro/GothamPro-Bold.woff2") format("woff2"), url("../../../../fonts/GothamPro/GothamPro-Bold.woff") format("woff"), url("../../../../fonts/GothamPro/GothamPro-Bold.ttf") format("truetype"), url("../../../../fonts/GothamPro/GothamPro-Bold.svg#GothamPro-Bold") format("svg"), url("../../../../fonts/GothamPro/GothamPro-Bold.eot?#iefix") format("embedded-opentype");
  font-weight: 600;
  font-style: normal;
}
@font-face {
  font-family: GothamPro;
  src: url("../../../../fonts/GothamPro/GothamPro-BoldItalic.eot");
  src: url("../../../../fonts/GothamPro/GothamPro-BoldItalic.woff2") format("woff2"), url("../../../../fonts/GothamPro/GothamPro-BoldItalic.woff") format("woff"), url("../../../../fonts/GothamPro/GothamPro-BoldItalic.ttf") format("truetype"), url("../../../../fonts/GothamPro/GothamPro-BoldItalic.svg#GothamPro-BoldItalic") format("svg"), url("../../../../fonts/GothamPro/GothamPro-BoldItalic.eot?#iefix") format("embedded-opentype");
  font-weight: 600;
  font-style: italic;
}
@font-face {
  font-family: GothamPro;
  src: url("../../../../fonts/GothamPro/GothamPro-Black.eot");
  src: url("../../../../fonts/GothamPro/GothamPro-Black.woff2") format("woff2"), url("../../../../fonts/GothamPro/GothamPro-Black.woff") format("woff"), url("../../../../fonts/GothamPro/GothamPro-Black.ttf") format("truetype"), url("../../../../fonts/GothamPro/GothamPro-Black.svg#GothamPro-Black") format("svg"), url("../../../../fonts/GothamPro/GothamPro-Black.eot?#iefix") format("embedded-opentype");
  font-weight: 800;
  font-style: normal;
}
@font-face {
  font-family: GothamPro;
  src: url("../../../../fonts/GothamPro/GothamPro-BlackItalic.eot");
  src: url("../../../../fonts/GothamPro/GothamPro-BlackItalic.woff2") format("woff2"), url("../../../../fonts/GothamPro/GothamPro-BlackItalic.woff") format("woff"), url("../../../../fonts/GothamPro/GothamPro-BlackItalic.ttf") format("truetype"), url("../../../../fonts/GothamPro/GothamPro-BlackItalic.svg#GothamPro-BlackItalic") format("svg"), url("../../../../fonts/GothamPro/GothamPro-BlackItalic.eot?#iefix") format("embedded-opentype");
  font-weight: 800;
  font-style: italic;
}
body:has(.npi.picker-v2) {
  margin: 0;
  padding: 0;
}

.npi.picker-v2 {
  font-family: "GothamPro";
}

.npi.picker-v2 *,
.npi.picker-v2 *::before,
.npi.picker-v2 *::after {
  box-sizing: border-box;
}

.npi.picker-v2 * {
  margin: 0;
  padding: 0;
}

.npi.picker-v2 .page-layout {
  display: flex;
  align-items: flex-start;
}

.npi.picker-v2 .contentWrapper {
  flex: 1;
  min-width: 0;
  padding: 0 2.5rem;
  padding-bottom: 2.5rem;
  background-color: #FAFAFA;
}

.npi.picker-v2 .filter-drawer {
  position: sticky;
  top: 0;
  width: 320px;
  height: 100vh;
  display: flex;
  flex-direction: column;
  overflow: hidden;
  background: #FFFFFF;
  border: 1px solid #E5E7EB;
  box-shadow: 0 6px 30px rgba(0, 0, 0, 0.04);
  font-family: "GothamPro";
  transition: width 260ms ease, transform 260ms ease, opacity 200ms ease;
}

.npi.picker-v2 .filter-drawer__head {
  position: relative;
  display: flex;
  align-items: center;
  justify-content: center;
  padding: 1.25rem 1rem 0.75rem;
  flex-shrink: 0;
  font-weight: 200;
}

.npi.picker-v2 .filter-drawer__title {
  font-size: 0.875rem;
  font-weight: 700;
  letter-spacing: 0.12em;
  text-transform: uppercase;
  color: #111827;
  margin-top: 0.75rem;
}

.npi.picker-v2 .filter-drawer__close {
  position: absolute;
  right: 0.25rem;
  top: 35%;
  transform: translateY(-50%);
  width: 28px;
  height: 28px;
  border: 0;
  background: transparent;
  border-radius: 0.25rem;
  cursor: pointer;
  display: grid;
  place-items: center;
}

.npi.picker-v2 .filter-drawer__close:hover {
  background: #F4F4F5;
}

.npi.picker-v2 .filter-drawer__body {
  flex: 1;
  overflow-y: auto;
  padding: 0 1rem;
  scrollbar-width: none;
}

.npi.picker-v2 .filter-drawer__body::-webkit-scrollbar {
  display: none;
}

.npi.picker-v2 .filter-drawer__footer {
  display: flex;
  align-items: stretch;
  gap: 0.75rem;
  padding: 0.75rem 1rem;
  border-top: 1px solid #E5E7EB;
  flex-shrink: 0;
}

.npi.picker-v2 .filter-drawer__footer button {
  flex: 1;
  padding: 10px 1rem;
  font-family: inherit;
  font-size: 0.875rem;
  font-weight: 600;
  border-radius: 0.375rem;
  cursor: pointer;
}

.npi.picker-v2 .filter-drawer__footer .cyl-clear {
  background: transparent;
  border: 0;
  color: #111827;
}

.npi.picker-v2 .filter-drawer__footer .cyl-apply {
  background: #09090B;
  color: #FFFFFF;
  border: 0;
}

.npi.picker-v2 .filter-group {
  padding: 1rem 0;
  border-bottom: 1px solid #E5E7EB;
}

.npi.picker-v2 .filter-group__head {
  width: 100%;
  display: flex;
  align-items: center;
  justify-content: space-between;
  padding: 0;
  background: transparent;
  border: 0;
  font-family: inherit;
  font-size: 0.875rem;
  font-weight: 500;
  color: #111827;
  cursor: pointer;
}

.npi.picker-v2 .filter-group__chev {
  display: inline-block;
  color: #111827;
  transition: transform 160ms ease;
}

.npi.picker-v2 .filter-group__chev svg {
  width: 20px;
}

.npi.picker-v2 .filter-group__body {
  display: grid;
  grid-template-rows: 1fr;
  overflow: hidden;
  margin-top: 1rem;
  transition: grid-template-rows 220ms ease;
}

.npi.picker-v2 .filter-group__body > div {
  min-height: 0;
  display: flex;
  flex-direction: column;
  gap: 0.75rem;
  align-self: start;
  max-height: 220px;
  overflow-y: auto;
  scrollbar-width: thin;
  scrollbar-color: #9CA3AF transparent;
}

.npi.picker-v2 .filter-group__body > div::-webkit-scrollbar {
  width: 5px;
}

.npi.picker-v2 .filter-group__body > div::-webkit-scrollbar-track {
  background: transparent;
}

.npi.picker-v2 .filter-group__body > div::-webkit-scrollbar-thumb {
  background: #9CA3AF;
  border-radius: 9999px;
}

.npi.picker-v2 .filter-group:not(.is-open) .filter-group__chev {
  transform: rotate(180deg);
}

.npi.picker-v2 .filter-group:not(.is-open) .filter-group__body {
  grid-template-rows: 0fr;
  margin-top: 0;
}

.npi.picker-v2 .filter-group.is-open .filter-group__body > div {
  overflow-y: auto;
  transition: overflow-y 0s 220ms;
}

.npi.picker-v2 .check {
  display: flex;
  align-items: center;
  gap: 0.75rem;
  font-size: 0.875rem;
  font-weight: 300;
  color: #111827;
  cursor: pointer;
}

.npi.picker-v2 .check input[type=checkbox] {
  appearance: none;
  width: 18px;
  height: 18px;
  margin: 0;
  border: 2px solid #374151;
  background: #FFFFFF;
  cursor: pointer;
  position: relative;
}

.npi.picker-v2 .check input[type=checkbox]:checked {
  background: #09090B;
  border-color: #09090B;
}

.npi.picker-v2 .check input[type=checkbox]:checked::after {
  content: "";
  position: absolute;
  inset: 2px;
  background: #FFFFFF;
  clip-path: polygon(14% 44%, 0 65%, 50% 100%, 100% 16%, 80% 0%, 43% 62%);
}

.npi.picker-v2 .check {
  display: flex;
  align-items: center;
  gap: 0.75rem;
  font-size: 0.875rem;
  color: #111827;
  cursor: pointer;
}

.npi.picker-v2 .check input {
  appearance: none;
  width: 18px;
  height: 18px;
  border: 1.5px solid #9CA3AF;
  border-radius: 0.25rem;
  background: #FFFFFF;
  cursor: pointer;
}

.npi.picker-v2 .check input:checked {
  background: #09090B;
  border-color: #09090B;
}

.npi.picker-v2 .filter-drawer.is-hidden {
  width: 0;
  transform: translateX(-100%);
  opacity: 0;
  border-width: 0;
  pointer-events: none;
}

.npi.picker-v2 .mh-utility {
  display: flex;
  justify-content: flex-end;
  padding: 0.5rem 1.25rem;
  background: #FAFAFA;
  color: #111827;
  font-size: 0.75rem;
  font-weight: 300;
}

.npi.picker-v2 .mh-utility a {
  padding: 0 1rem;
  color: inherit;
  text-decoration: none;
}

.npi.picker-v2 .mh-utility a:not(:last-child) {
  border-right: 1px solid #374151;
}

.npi.picker-v2 .mh-main {
  display: flex;
  align-items: center;
  gap: 2.5rem;
  padding: 1rem 2.5rem;
  background: #FFFFFF;
  box-shadow: rgba(99, 99, 99, 0.2) 0px 2px 8px 0px;
}

.npi.picker-v2 .mh-logo {
  display: flex;
  place-items: center;
  justify-content: center;
  width: 70px;
  height: 40px;
  flex-shrink: 0;
  color: #111827;
}

.npi.picker-v2 .mh-logo svg, .npi.picker-v2 .mh-logo img {
  max-height: 100%;
  object-fit: fill;
}

.npi.picker-v2 .mh-nav {
  display: flex;
  gap: 2.5rem;
}

.npi.picker-v2 .mh-nav a {
  color: #111827;
  text-decoration: none;
  font-size: 0.875rem;
  font-weight: 600;
  letter-spacing: 0.1em;
  text-transform: uppercase;
}

.npi.picker-v2 .mh-spacer {
  flex: 1;
}

.npi.picker-v2 .mh-account {
  display: flex;
  align-items: center;
  gap: 1.5rem;
  font-size: 0.875rem;
  color: #111827;
}

.npi.picker-v2 .mh-account__item {
  display: inline-flex;
  align-items: center;
  gap: 0.5rem;
  color: inherit;
  text-decoration: none;
  cursor: pointer;
  font-weight: 400;
  display: flex;
  align-items: center;
  line-height: 1;
}

.npi.picker-v2 .mh-account__item hero-icon-outline,
.npi.picker-v2 .mh-account__item hero-icon-solid {
  display: inline-flex;
  align-items: center;
  width: 18px;
  height: 18px;
}

.npi.picker-v2 .mh-account__item hero-icon-outline svg,
.npi.picker-v2 .mh-account__item hero-icon-solid svg {
  width: 100%;
  height: 100%;
  display: block;
}

.npi.picker-v2 .mh-icon {
  width: 18px;
  height: 18px;
  color: inherit;
}

.npi.picker-v2 .mh-cart {
  position: relative;
}

.npi.picker-v2 .mh-cart__badge {
  position: absolute;
  top: -6px;
  right: -8px;
  width: 18px;
  height: 18px;
  padding: 0 0.25rem;
  border-radius: 9999px;
  background: #E0F2FE;
  color: #0284C7;
  font-size: 0.625rem;
  font-weight: 700;
  display: flex;
  align-items: center;
  justify-content: center;
}

.npi.picker-v2 .mhd {
  position: relative;
  top: 0;
  z-index: 100;
  background: #FFFFFF;
}

.npi.picker-v2 .mhd .mh-nav a {
  position: relative;
  padding: 0.25rem 0;
}

.npi.picker-v2 .mhd .mh-nav a.is-active::after, .npi.picker-v2 .mhd .mh-nav a:hover::after {
  content: "";
  position: absolute;
  inset: auto 0 -2px 0;
  height: 2px;
  background: #09090B;
}

.npi.picker-v2 .mhd-panel {
  position: absolute;
  inset: 100% 0 auto 0;
  background: #FFFFFF;
  border-bottom: 1px solid #E5E7EB;
  box-shadow: 0 14px 24px -16px rgba(0, 0, 0, 0.18);
  padding: 1.5rem 2.5rem 2rem;
  z-index: 20;
  opacity: 0;
  visibility: hidden;
  transform: translateY(-4px);
  transition: opacity 160ms ease, transform 160ms ease, visibility 0s linear 160ms;
}

.npi.picker-v2 .mhd-panel__eyebrow {
  font-size: 0.875rem;
  font-weight: 600;
  text-transform: uppercase;
  letter-spacing: 0.08em;
  padding-bottom: 1.25rem;
  border-bottom: 1px solid #E5E7EB;
  margin-bottom: 1.25rem;
}

.npi.picker-v2 .mhd-panel__cols {
  display: grid;
  grid-template-columns: minmax(0, 1fr) minmax(0, 1fr) minmax(0, 2fr);
  gap: 2.5rem;
}

.npi.picker-v2 .mhd-panel.is-open {
  opacity: 1;
  visibility: visible;
  transform: translateY(0);
  transition: opacity 160ms ease, transform 160ms ease, visibility 0s;
}

.npi.picker-v2 .mhd .mh-acct {
  position: relative;
}

.npi.picker-v2 .mhd .mh-acct__trigger {
  display: inline-flex;
  align-items: center;
  gap: 0.5rem;
  background: none;
  border: 0;
  font: inherit;
  color: #111827;
  cursor: pointer;
}

.npi.picker-v2 .mhd .mh-acct__menu {
  position: absolute;
  top: calc(100% + 14px);
  left: 50%;
  width: 280px;
  background: #FFFFFF;
  box-shadow: 0px 2px 24px 0px rgba(2, 6, 23, 0.09);
  padding: 1rem;
  z-index: 40;
  opacity: 0;
  visibility: hidden;
  transform: translateX(-50%) translateY(-6px);
  transition: opacity 0.15s ease, transform 0.15s ease, visibility 0s linear 0.15s;
}

.npi.picker-v2 .mhd .mh-acct.is-open .mh-acct__menu {
  opacity: 1;
  visibility: visible;
  transform: translateX(-50%) translateY(0);
  transition: opacity 0.15s ease, transform 0.15s ease, visibility 0s;
}

.npi.picker-v2 .mhd .mh-acct__item {
  display: flex;
  align-items: center;
  gap: 0.75rem;
  padding: 0.5rem;
  font-size: 0.875rem;
  font-weight: 400;
  color: #71717A;
  text-decoration: none;
  cursor: pointer;
}

.npi.picker-v2 .mhd .mh-acct__item:hover {
  background: #F3F4F6;
  border-radius: 0.25rem;
  color: #111827;
}

.npi.picker-v2 .mhd .mh-acct__item:hover .mh-acct__icon {
  color: #111827;
}

.npi.picker-v2 .mhd .mh-acct__item .mh-acct__icon {
  width: 20px;
  height: 20px;
  color: #71717A;
}

.npi.picker-v2 .mhd .mh-acct__item[href="/logout"] .mh-acct__icon {
  transform: scaleX(-1);
}

.npi.picker-v2 .mhd .mh-acct__badge {
  margin-left: auto;
  min-width: 20px;
  height: 20px;
  padding: 0 0.25rem;
  border-radius: 9999px;
  background: #DC2626;
  color: #FFFFFF;
  font-size: 11px;
  font-weight: 400;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  line-height: 1;
}

.npi.picker-v2 .mhd .mh-acct__sep {
  height: 1px;
  background: #E5E7EB;
  margin: 12px 6px;
}

.npi.picker-v2 .mhd .mh-signin__menu {
  width: 444px;
}

.npi.picker-v2 .mhd .mh-signin__body {
  padding: 0.5rem;
  display: flex;
  flex-direction: column;
  gap: 0.75rem;
}

.npi.picker-v2 .mhd .mh-signin__field {
  position: relative;
}

.npi.picker-v2 .mhd .mh-signin__input {
  width: 100%;
  box-sizing: border-box;
  padding: 0.75rem 1rem;
  border: 1px solid #E5E7EB;
  border-radius: 0.375rem;
  font-size: 0.875rem;
  font-weight: 300;
  font-family: inherit;
  outline: none;
}

.npi.picker-v2 .mhd .mh-signin__input::placeholder {
  color: #71717A;
}

.npi.picker-v2 .mhd .mh-signin__input:focus {
  outline: 1px solid #E4E4E7;
  outline-offset: 2px;
  border: 1px solid #E4E4E7;
}

.npi.picker-v2 .mhd .mh-signin__eye {
  position: absolute;
  right: 10px;
  top: 50%;
  transform: translateY(-50%);
  background: none;
  border: 0;
  cursor: pointer;
  display: grid;
  place-items: center;
}

.npi.picker-v2 .mhd .mh-signin__eye svg {
  width: 20px;
  height: 20px;
  stroke-width: 1;
  color: #71717A;
}

.npi.picker-v2 .mhd .mh-signin__btn {
  width: 100%;
  padding: 0.75rem;
  background: #09090B;
  color: #FFFFFF;
  border: 0;
  border-radius: 0.25rem;
  font-size: 0.875rem;
  font-weight: 500;
  letter-spacing: 0.08em;
  cursor: pointer;
}

.npi.picker-v2 .mhd .mh-signin__btn:hover {
  opacity: 0.88;
}

.npi.picker-v2 .mhd .mh-signin__footer {
  display: flex;
  justify-content: space-between;
  padding: 6px 0;
}

.npi.picker-v2 .mhd .mh-signin__link {
  font-size: 0.75rem;
  color: #6B7280;
  font-weight: 300;
  text-decoration: none;
}

.npi.picker-v2 .mhd .mh-signin__link:hover {
  color: #111827;
}

.npi.picker-v2 .mhd-col__label {
  font-size: 0.875rem;
  font-weight: 600;
  letter-spacing: 0.08em;
  text-transform: uppercase;
  margin-bottom: 1.5rem;
}

.npi.picker-v2 .mhd-col__list {
  display: grid;
  grid-template-columns: 1fr 1fr;
  column-gap: 1.5rem;
  row-gap: 1rem;
}

.npi.picker-v2 .mhd-col__list a {
  color: #111827;
  text-decoration: none;
  font-size: 0.875rem;
}

.npi.picker-v2 .mhd-col + .mhd-col {
  border-left: 1px solid #E5E7EB;
  padding-left: 2.5rem;
}

.npi.picker-v2 .mhd-panel--builder {
  padding: 1.5rem 2.5rem 2rem;
}

.npi.picker-v2 .mhd-builder {
  display: grid;
  grid-template-columns: 900px 440px;
  gap: 2.5rem;
}

@media (max-width: 1600px) {
  .npi.picker-v2 .mhd-builder {
    grid-template-columns: 1fr 440px;
  }
}
@media (max-width: 1100px) {
  .npi.picker-v2 .mhd-builder {
    grid-template-columns: 1fr;
  }
}
.npi.picker-v2 .mhd-builder__side {
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 2.5rem;
  border-left: 1px solid #E5E7EB;
  padding-left: 2.5rem;
}

@media (max-width: 1100px) {
  .npi.picker-v2 .mhd-builder__side {
    border-left: 0;
    padding-left: 0;
    border-top: 1px solid #E5E7EB;
    padding-top: 2.5rem;
  }
}
.npi.picker-v2 .mhd-builder__side .mhd-sport__sub {
  color: #111827;
  font-weight: 400;
}

.npi.picker-v2 .mhd-builder__side .mhd-side-col {
  gap: 1rem;
}

.npi.picker-v2 .mhd-builder__side .mhd-side-col .mhd-col__label {
  margin-bottom: 0.5rem;
}

.npi.picker-v2 .mhd-sport-grid {
  column-count: 4;
  column-gap: 2.5rem;
}

.npi.picker-v2 .mhd-sport {
  display: flex;
  flex-direction: column;
  gap: 0.5rem;
  min-width: 0;
  break-inside: avoid;
  margin-bottom: 1rem;
}

.npi.picker-v2 .mhd-sport__name {
  font-size: 0.875rem;
  font-weight: 500;
  color: #111827;
  text-decoration: none;
  margin-bottom: 2px;
}

.npi.picker-v2 .mhd-sport__sub {
  font-size: 0.875rem;
  font-weight: 300;
  color: #646464;
  text-decoration: none;
  line-height: 1.4;
}

.npi.picker-v2 .mhd-sport__sub:hover {
  color: #111827;
}

.npi.picker-v2 .mhd-side-col {
  display: flex;
  flex-direction: column;
  gap: 6px;
}

.npi.picker-v2 .cyl-backdrop {
  position: fixed;
  inset: 0;
  background: rgba(0, 0, 0, 0.4);
  opacity: 0;
  visibility: hidden;
  transition: opacity 220ms ease, visibility 0s linear 220ms;
  z-index: 999;
}

.npi.picker-v2 .cyl-backdrop.is-open {
  opacity: 1;
  visibility: visible;
  transition: opacity 220ms ease;
}

.npi.picker-v2 hero-icon-outline, .npi.picker-v2 hero-icon-solid {
  display: inline-flex;
  color: currentColor;
}

.npi.picker-v2 hero-icon-outline svg, .npi.picker-v2 hero-icon-solid svg {
  width: 100%;
  height: 100%;
  display: block;
}

.npi.picker-v2 .icon-xs {
  width: 14px;
  height: 14px;
  flex-shrink: 0;
}

.npi.picker-v2 .icon-sm {
  width: 18px;
  height: 18px;
  flex-shrink: 0;
}

.npi.picker-v2 .cyl-drawer {
  position: fixed;
  top: 0;
  right: 0;
  width: 360px;
  height: 100vh;
  background: #FFFFFF;
  border-left: 1px solid #E5E7EB;
  box-shadow: -8px 0 24px rgba(0, 0, 0, 0.08);
  display: flex;
  flex-direction: column;
  transform: translateX(100%);
  transition: transform 260ms ease;
  z-index: 1000;
  overflow: hidden;
}

.npi.picker-v2 .cyl-drawer.is-open {
  transform: translateX(0);
}

.npi.picker-v2 .cyl-drawer__head {
  display: flex;
  align-items: center;
  gap: 0.75rem;
  padding: 1rem 1.25rem;
}

.npi.picker-v2 .cyl-drawer__title {
  flex: 1;
  margin: 0;
  font-size: 1.25rem;
  font-weight: 600;
  color: #111827;
}

.npi.picker-v2 .cyl-drawer__close {
  width: 28px;
  height: 28px;
  border: 0;
  background: transparent;
  border-radius: 0.25rem;
  cursor: pointer;
}

.npi.picker-v2 .cyl-drawer__close:hover {
  background: #F4F4F5;
}

.npi.picker-v2 .cyl-drawer__body {
  flex: 1;
  overflow-y: auto;
  padding: 0.5rem 1.25rem 1.25rem;
  display: flex;
  flex-direction: column;
  gap: 1rem;
}

.npi.picker-v2 .cyl-field {
  position: relative;
  display: flex;
  flex-direction: column;
  gap: 0.5rem;
}

.npi.picker-v2 .cyl-field__label {
  display: flex;
  align-items: center;
  gap: 0.5rem;
  font-size: 0.875rem;
  font-weight: 500;
  color: #111827;
}

.npi.picker-v2 .cyl-select, .npi.picker-v2 .cyl-input {
  width: 100%;
  padding: 10px 0.75rem;
  border: 1px solid #E4E4E7;
  border-radius: 0.375rem;
  font-size: 0.875rem;
  font-family: inherit;
  color: #999999;
  background: #FFFFFF;
  appearance: none;
  line-height: 1.4;
  text-align: left;
  box-sizing: border-box;
  font-weight: 300;
}

.npi.picker-v2 .cyl-select::placeholder, .npi.picker-v2 .cyl-input::placeholder {
  color: #71717A;
}

.npi.picker-v2 .cyl-select:focus, .npi.picker-v2 .cyl-input:focus {
  outline: 1px solid #E4E4E7;
  outline-offset: 2px;
  border: 1px solid #E4E4E7;
}

.npi.picker-v2 .cyl-input {
  color: #111827;
}

.npi.picker-v2 .cyl-select {
  padding-right: 32px;
  background: url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23374151' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'><polyline points='6 9 12 15 18 9'/></svg>") no-repeat right 10px center/16px;
  cursor: pointer;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}

.npi.picker-v2 .cyl-input::placeholder {
  color: #999999;
}

.npi.picker-v2 .cyl-input--has-value {
  font-weight: 300;
  color: #111827;
}

.npi.picker-v2 .cyl-icon {
  width: 20px;
  height: 20px;
  flex-shrink: 0;
}

.npi.picker-v2 .cyl-desc {
  margin: 0;
  font-size: 0.875rem;
  color: #111827;
  line-height: 1.5;
  font-weight: 300;
}

.npi.picker-v2 .cyl-select[role=combobox] {
  cursor: pointer;
  user-select: none;
}

.npi.picker-v2 .cyl-field.is-open .cyl-select {
  background-image: url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23374151' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'><polyline points='18 15 12 9 6 15'/></svg>");
}

.npi.picker-v2 .cyl-field.is-open .cyl-team-list {
  display: block;
}

.npi.picker-v2 .cyl-team-list {
  display: none;
  position: absolute;
  inset: calc(100% + 4px) 0 auto 0;
  max-height: 360px;
  overflow-y: auto;
  background: #FFFFFF;
  border: 1px solid #E5E7EB;
  border-radius: 0.375rem;
  box-shadow: 0 12px 32px rgba(0, 0, 0, 0.08);
  padding: 0.75rem 0;
  z-index: 10;
}

.npi.picker-v2 .cyl-team-list.is-open {
  display: block;
}

.npi.picker-v2 .cyl-team {
  display: flex;
  align-items: center;
  gap: 0.75rem;
  padding: 0.5rem 1rem;
  cursor: pointer;
}

.npi.picker-v2 .cyl-team:hover {
  background: #F4F4F5;
}

.npi.picker-v2 .cyl-team__meta {
  display: flex;
  flex-direction: column;
  min-width: 0;
}

.npi.picker-v2 .cyl-team__name {
  font-size: 0.875rem;
  font-weight: 500;
  color: #111827;
}

.npi.picker-v2 .cyl-team__loc {
  font-size: 0.75rem;
  color: #6B7280;
  padding-top: 0.5rem;
  font-weight: 300;
}

.npi.picker-v2 .cyl-team-section + .npi.picker-v2 .cyl-team-section {
  border-top: 1px solid #E5E7EB;
  margin-top: 0.5rem;
  padding-top: 0.5rem;
}

.npi.picker-v2 .cyl-team-section__label {
  padding: 0.5rem 1rem;
  font-size: 0.75rem;
  font-weight: 600;
  text-transform: uppercase;
  letter-spacing: 0.06em;
  color: #111827;
}

.npi.picker-v2 .cyl-row {
  position: relative;
  display: flex;
  align-items: center;
  flex-wrap: wrap;
  gap: 0.5rem;
  overflow: visible;
}

.npi.picker-v2 .info-trigger {
  position: relative;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: 16px;
  height: 16px;
  cursor: pointer;
  color: #09090B;
  text-decoration: none;
  border-radius: 9999px;
  transition: background 0.18s ease, color 0.18s ease;
}

.npi.picker-v2 .info-trigger:hover {
  background: #F4F4F5;
}

.npi.picker-v2 .info-trigger svg {
  width: 20px;
  height: 20px;
  fill: black;
  stroke-width: 1.7;
  stroke-linecap: round;
  stroke-linejoin: round;
}

.npi.picker-v2 .drpdwn-v2 {
  position: absolute;
  bottom: calc(100% - 50px);
  right: -20px;
  z-index: 200;
  pointer-events: none;
  opacity: 0;
  transform: translateY(6px);
  transition: opacity 0.2s ease, transform 0.2s ease;
}

.info-trigger:hover + .npi.picker-v2 .drpdwn-v2, .npi.picker-v2 .drpdwn-v2.is-open {
  opacity: 1;
  pointer-events: auto;
  transform: translateY(0);
}

.npi.picker-v2 .drpdwn-v2 .card-v2 {
  width: 220px;
}

.npi.picker-v2 .card-v2 {
  background-color: #FAFAFA;
  box-shadow: 0px 0px 15px -5px rgba(0, 0, 0, 0.2);
  border-radius: 0.5rem;
  color: #09090B;
}

.npi.picker-v2 .card-v2 .card-body, .npi.picker-v2 .card-v2.body {
  padding: 1rem;
  font-family: "GothamPro";
  font-size: 0.875rem;
}

.npi.picker-v2 .card-v2 .card-body p > a, .npi.picker-v2 .card-v2.body p > a {
  color: #3B82F6;
  text-decoration: none;
}

.npi.picker-v2 .card-v2 .card-body:nth-child(2), .npi.picker-v2 .card-v2.body:nth-child(2) {
  padding: 0.75rem 1rem;
}

.npi.picker-v2 .card-v2.card-size-xsmall .card-header, .npi.picker-v2 .card-v2.card-size-xsmall.header {
  padding: 0.5rem 0.5rem 0 0.5rem;
  font-size: 1rem;
}

.npi.picker-v2 .card-v2.card-size-xsmall .card-title {
  margin: 0;
  font-size: 1rem;
}

.npi.picker-v2 .card-v2.card-size-xsmall .card-body {
  padding: 0.5rem;
  font-size: 0.75rem;
}

.npi.picker-v2 .card-v2.card-size-xsmall .card-body:nth-child(2) {
  padding: 0.25rem 0.5rem;
}

.npi.picker-v2 .card-v2.card-size-xsmall .card-footer {
  padding: 0 0.5rem 0.5rem 0.5rem;
}

.npi.picker-v2 .card-v2.card-tip-top-right {
  margin-top: 0.75rem;
  position: relative;
}

.npi.picker-v2 .card-v2.card-tip-top-right::before {
  position: absolute;
  top: -2px;
  right: 1.25rem;
  display: block;
  width: 0;
  height: 0;
  content: "";
  border-right: 10px solid transparent;
  border-bottom: 12px solid #FFFFFF;
  border-left: 10px solid transparent;
}

.npi.picker-v2 .my-2xs {
  margin-block: 0.25rem;
}

.npi.picker-v2 .cyl-palette {
  position: absolute;
  top: calc(100% + 6px);
  left: 0;
  z-index: 20;
  display: flex;
  flex-wrap: wrap;
  gap: 6px;
  padding: 0.75rem;
  background: #FFFFFF;
  border: 1px solid #E5E7EB;
  border-radius: 0.375rem;
  box-shadow: 0 12px 32px rgba(0, 0, 0, 0.1);
}

.npi.picker-v2 .cyl-palette[hidden] {
  display: none;
}

.npi.picker-v2 .cyl-swatch {
  width: 28px;
  height: 28px;
  border-radius: 0.375rem;
  border: 1.5px solid #E5E7EB;
  cursor: pointer;
  transition: transform 120ms ease;
}

.npi.picker-v2 .cyl-swatch:hover {
  transform: scale(1.08);
}

.npi.picker-v2 .cyl-add, .npi.picker-v2 .cyl-sliders {
  position: relative;
  width: 32px;
  height: 32px;
  display: grid;
  place-items: center;
  border: 0;
  background: transparent;
  color: #111827;
  border-radius: 0.25rem;
  cursor: pointer;
}

.npi.picker-v2 .cyl-add:hover, .npi.picker-v2 .cyl-sliders:hover {
  background: #F4F4F5;
}

.npi.picker-v2 .cyl-tip {
  position: absolute;
  bottom: calc(100% + 8px);
  left: 50%;
  transform: translateX(-50%) translateY(4px);
  background: #111827;
  color: #FFFFFF;
  font-size: 0.625rem;
  white-space: nowrap;
  padding: 0.25rem 0.5rem;
  border-radius: 0.375rem;
  opacity: 0;
  visibility: hidden;
  transition: opacity 140ms ease, transform 140ms ease;
  pointer-events: none;
}

.npi.picker-v2 .cyl-add:hover .cyl-tip,
.npi.picker-v2 .cyl-sliders:hover .cyl-tip {
  opacity: 1;
  visibility: visible;
  transform: translateX(-50%) translateY(0);
}

.npi.picker-v2 .cyl-team__avatar {
  width: 32px;
  height: 32px;
  border-radius: 9999px;
  background: #F3F4F6;
  flex-shrink: 0;
  overflow: hidden;
}

.npi.picker-v2 .cyl-color {
  width: 32px;
  height: 32px;
  border-radius: 0.375rem;
  display: grid;
  place-items: center;
  color: #FFFFFF;
  font-size: 0.75rem;
  font-weight: 700;
  border: 1.5px solid transparent;
  position: relative;
}

.npi.picker-v2 .cyl-color--white {
  background: #FFFFFF;
  color: #6B7280;
  border: 1.5px solid #E5E7EB;
}

.npi.picker-v2 .cyl-color__remove {
  position: absolute;
  top: -6px;
  right: -6px;
  width: 18px;
  height: 18px;
  border: 0;
  padding: 0;
  border-radius: 9999px;
  background: #FFFFFF;
  color: #4B5563;
  box-shadow: 0 1px 3px rgba(0, 0, 0, 0.25);
  display: grid;
  place-items: center;
  cursor: pointer;
  opacity: 0;
  visibility: hidden;
  z-index: 4;
  transition: opacity 0.2s ease, visibility 0.2s ease;
}

.npi.picker-v2 .cyl-color__remove hero-icon-solid {
  width: 18px;
  height: 18px;
}

.npi.picker-v2 .cyl-color:hover .cyl-color__remove {
  opacity: 1;
  visibility: visible;
}

.npi.picker-v2 .cyl-logo {
  width: 70px;
  height: 70px;
  border: 1px solid #E5E7EB;
  border-radius: 0.375rem;
  background: #FFFFFF;
  display: grid;
  place-items: center;
  position: relative;
}

.npi.picker-v2 .cyl-logo--placeholder {
  color: #9CA3AF;
}

.npi.picker-v2 .cyl-logo__check {
  display: none;
  position: absolute;
  top: -8px;
  right: -8px;
  width: 22px;
  height: 22px;
  border-radius: 9999px;
  background: #FFFFFF;
  box-shadow: 0 0 0 2px #FFFFFF, 0 1px 3px rgba(0, 0, 0, 0.2);
  color: #EF4444;
  place-items: center;
  z-index: 3;
}

.npi.picker-v2 .cyl-logo.is-selected .cyl-logo__check {
  display: grid;
}

.npi.picker-v2 .cyl-logo.is-selected {
  border-color: #EF4444;
  box-shadow: 0 0 0 1px #EF4444;
}

.npi.picker-v2 .cyl-logo__actions {
  position: absolute;
  inset: 0;
  display: flex;
  flex-direction: column;
  align-items: stretch;
  justify-content: center;
  gap: 0.25rem;
  padding: 0.25rem;
  background: rgba(0, 0, 0, 0.55);
  border-radius: inherit;
  opacity: 0;
  visibility: hidden;
  transition: opacity 200ms ease;
  z-index: 2;
}

.npi.picker-v2 .cyl-logo:hover .cyl-logo__actions {
  opacity: 1;
  visibility: visible;
}

.npi.picker-v2 .cyl-logo.is-selected [data-logo-select] {
  display: none;
}

.npi.picker-v2 .cyl-logo:not(.is-selected) [data-logo-edit], .npi.picker-v2 .cyl-logo:not(.is-selected) [data-logo-remove] {
  display: none;
}

.npi.picker-v2 .cyl-logo__btn {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: 3px;
  width: 100%;
  padding: 0.25rem 0.25rem;
  background: #FFFFFF;
  border: 1px solid #E5E7EB;
  border-radius: 0.25rem;
  font-size: 0.625rem;
  color: #111827;
  box-shadow: 0 1px 4px rgba(0, 0, 0, 0.16);
  cursor: pointer;
}

.npi.picker-v2 .cyl-footer {
  flex-shrink: 0;
  display: flex;
  align-items: center;
  gap: 1rem;
  padding: 0.75rem 1.25rem;
  border-top: 1px solid #E5E7EB;
}

.npi.picker-v2 .cyl-footer .cyl-clear,
.npi.picker-v2 .cyl-footer .cyl-apply {
  flex: 1;
  padding: 0.75rem 1rem;
  font-family: inherit;
  font-size: 0.875rem;
  font-weight: 600;
  border-radius: 0.375rem;
  border: 0;
  cursor: pointer;
  text-align: center;
}

.npi.picker-v2 .cyl-footer .cyl-clear {
  background: transparent;
  color: #111827;
}

.npi.picker-v2 .cyl-footer .cyl-clear:hover {
  background: #F4F4F5;
}

.npi.picker-v2 .cyl-footer .cyl-apply {
  background: #111827;
  color: #FFFFFF;
}

.npi.picker-v2 .cyl-footer .cyl-apply:hover {
  opacity: 0.85;
}

.npi.picker-v2 .sport-bar {
  position: sticky;
  top: 0;
  z-index: 50;
  margin: 0 -2.5rem 0;
  padding: 1.5rem 2.5rem 0;
  display: flex;
  flex-direction: column;
  background: #FFFFFF;
  flex-wrap: wrap;
  background: #FAFAFA;
}

.npi.picker-v2 .sport-header {
  display: flex;
  align-items: flex-start;
  justify-content: space-between;
  gap: 1.5rem;
  margin-bottom: 0.75rem;
}

.npi.picker-v2 .sport-title {
  font-size: 1.875rem;
  font-weight: 600;
  letter-spacing: -0.01em;
  color: #111827;
}

.npi.picker-v2 .sport-sub {
  margin-top: 0.5rem;
  font-size: 0.875rem;
  color: #6B7280;
  font-weight: 100;
}

.npi.picker-v2 .sport-actions {
  display: flex;
  flex-direction: column;
  align-items: flex-end;
  gap: 0.5rem;
}

.npi.picker-v2 .sport-actions .action-row {
  display: flex;
  align-items: center;
  gap: 0.5rem;
  flex-wrap: wrap;
  justify-content: flex-end;
}

.npi.picker-v2 .btn {
  display: inline-flex;
  align-items: center;
  gap: 0.5rem;
  height: 36px;
  padding: 0 0.75rem;
  background: #FFFFFF;
  border: 1px solid #E5E7EB;
  border-radius: 0.375rem;
  font-size: 0.75rem;
  font-weight: 500;
  color: #111827;
  font-family: inherit;
  white-space: nowrap;
  cursor: pointer;
}

.npi.picker-v2 .btn:hover {
  background: #F9FAFB;
}

.npi.picker-v2 .btn__icon {
  width: 18px;
  height: 18px;
  flex-shrink: 0;
  stroke: currentColor;
}

.npi.picker-v2 .btn .btn__swatch {
  width: 20px;
  height: 20px;
  flex-shrink: 0;
  object-fit: contain;
}

.npi.picker-v2 .search {
  position: relative;
  display: inline-flex;
}

.npi.picker-v2 .search input {
  width: 240px;
  height: 36px;
  box-sizing: border-box;
  padding: 0.75rem 14px;
  border: 1px solid #E5E7EB;
  border-radius: 0.375rem;
  font-size: 0.875rem;
  font-weight: 300;
  font-family: inherit;
  outline: none;
}

.npi.picker-v2 .search input::placeholder {
  color: #71717A;
}

.npi.picker-v2 .search input:focus {
  outline: 1px solid #E4E4E7;
  outline-offset: 2px;
  border: 1px solid #E4E4E7;
}

.npi.picker-v2 .search__icon {
  position: absolute;
  right: 10px;
  top: 50%;
  transform: translateY(-50%);
  width: 18px;
  height: 18px;
  color: #6B7280;
  pointer-events: none;
}

.npi.picker-v2 .share-link {
  display: inline-flex;
  align-items: center;
  gap: 6px;
  font-size: 0.875rem;
  font-weight: 500;
  color: #111827;
  text-decoration: underline;
  margin-top: 0.75rem;
}

.npi.picker-v2 .share-link__icon {
  width: 16px;
  height: 16px;
  flex-shrink: 0;
}

.npi.picker-v2 .sort-dd {
  position: relative;
}

.npi.picker-v2 .sort-menu {
  position: absolute;
  top: calc(100% + 6px);
  left: 0;
  min-width: 100%;
  max-width: 320px;
  background: #FFFFFF;
  border: 1px solid #E5E7EB;
  border-radius: 0.5rem;
  box-shadow: 0 16px 40px -12px rgba(0, 0, 0, 0.22);
  padding: 0.5rem;
  z-index: 30;
  display: none;
}

.npi.picker-v2 .sort-dd.is-open .sort-menu {
  display: block;
}

.npi.picker-v2 .sort-option {
  display: block;
  width: 100%;
  text-align: left;
  padding: 0.75rem 1rem;
  border: 0;
  background: none;
  border-radius: 0.375rem;
  font: inherit;
  font-size: 0.875rem;
  color: #111827;
  cursor: pointer;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  font-weight: 300;
}

.npi.picker-v2 .sort-option:hover {
  background: #F4F4F5;
}

.npi.picker-v2 .sort-option.is-selected {
  background: #F3F4F6;
  font-weight: 500;
}

.npi.picker-v2 .filter-badges {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  gap: 0.75rem;
  margin-bottom: 1.25rem;
}

.npi.picker-v2 .filter-badges[hidden] {
  display: none;
}

.npi.picker-v2 .filter-badges__clear {
  font-size: 0.875rem;
  font-weight: 500;
  color: #111827;
  text-decoration: underline;
  background: none;
  border: 0;
  cursor: pointer;
  white-space: nowrap;
  flex-shrink: 0;
}

.npi.picker-v2 .fbadge {
  display: inline-flex;
  align-items: center;
  gap: 6px;
  padding: 0.25rem 0.5rem;
  border-radius: 9999px;
  background: #ECECEE;
  border: 1px solid #E5E7EB;
  font-size: 0.75rem;
  color: #111827;
  white-space: nowrap;
  flex-shrink: 0;
  font-weight: 300;
}

.npi.picker-v2 .fbadge__x {
  display: inline-flex;
  width: 14px;
  height: 14px;
  border: 0;
  background: none;
  color: #6B7280;
  cursor: pointer;
}

.npi.picker-v2 .fbadge__x:hover {
  color: #111827;
}

.npi.picker-v2 .fbadge__x svg {
  width: 11px;
  height: 11px;
}

.npi.picker-v2 .prod-card {
  background: #FFFFFF;
  box-shadow: rgba(99, 99, 99, 0.2) 0px 2px 8px 0px;
  border-radius: 0.5rem;
  padding-bottom: 2rem;
  margin-bottom: 1.25rem;
}

.npi.picker-v2 .prod-card__head {
  position: sticky;
  top: var(--sport-bar-h, 130px);
  z-index: 10;
  background-color: #FFFFFF;
  display: flex;
  align-items: flex-start;
  justify-content: space-between;
  gap: 1rem;
  padding: 1.5rem;
  border-top: 1px solid rgba(0, 0, 0, 0.06);
  box-shadow: inset 0 3px 3px -3px rgba(0, 0, 0, 0.12);
  border-radius: 0.5rem;
}

.npi.picker-v2 .prod-card__title-row {
  display: flex;
  align-items: center;
  gap: 0.75rem;
}

.npi.picker-v2 .prod-card__title-row .info-dot {
  all: unset;
  cursor: pointer;
  color: #6B7280;
}

.npi.picker-v2 .prod-card__title {
  margin: 0;
  font-size: 1.25rem;
  font-weight: 500;
  color: #111827;
  display: flex;
  align-items: center;
  gap: 0.25rem;
}

.npi.picker-v2 .prod-card__meta {
  display: flex;
  align-items: center;
  flex-wrap: wrap;
  gap: 0.5rem;
  margin-top: 5px;
  font-size: 0.875rem;
  color: #6B7280;
  font-weight: 100;
}

.npi.picker-v2 .prod-card__meta .size-guide {
  display: inline-flex;
  align-items: center;
  gap: 0.25rem;
  color: #6B7280;
  text-decoration: underline;
  font-weight: 500;
  font-size: 0.75rem;
}

.npi.picker-v2 .prod-card__head-right {
  text-align: right;
  font-size: 0.75rem;
}

.npi.picker-v2 .prod-card__tags {
  display: flex;
  justify-content: flex-end;
  gap: 0.25rem;
  margin-bottom: 6px;
}

.npi.picker-v2 .prod-card__price {
  margin: 0;
  color: #111827;
  font-size: 0.875rem;
  margin-top: 0.75rem;
}

.npi.picker-v2 .prod-card__note {
  margin: 2px 0 0;
  font-size: 0.75rem;
  color: #6B7280;
  margin-top: 0.25rem;
  font-weight: 100;
}

.npi.picker-v2 .prod-card .tile[hidden] {
  display: none;
}

.npi.picker-v2 .prod-card.is-expanded .view-more__icon {
  transform: rotate(180deg);
}

.npi.picker-v2 .prod-card .view-more__icon {
  transition: transform 160ms ease;
}

.npi.picker-v2 .badge {
  display: inline-flex;
  align-items: center;
  padding: 0.5rem 0.5rem 6px;
  border-radius: 0.375rem;
  font-size: 0.625rem;
  font-weight: 600;
  letter-spacing: 0.04em;
  text-transform: uppercase;
}

.npi.picker-v2 .badge--pro {
  background: linear-gradient(180deg, #0369A1 0%, #0284C7 100%);
  color: #FFFFFF;
  padding: 0.5rem 0.5rem 6px;
}

.npi.picker-v2 .badge--lilac {
  background: #EFE7FF;
  color: #6B46C1;
}

.npi.picker-v2 .badge--amber {
  background: #FEF3C7;
  color: #78350F;
}

.npi.picker-v2 .badge--sky {
  background: #E0F2FE;
  color: #0284C7;
}

.npi.picker-v2 .prod-grid {
  display: grid;
  grid-template-columns: repeat(4, 1fr);
  gap: 1.5rem 0.75rem;
  padding: 1.5rem 2rem;
  overflow: hidden;
  transition: max-height 360ms cubic-bezier(0.4, 0, 0.2, 1);
}

.npi.picker-v2 .filter-drawer.is-hidden ~ .contentWrapper .prod-grid {
  grid-template-columns: repeat(5, 1fr);
}

.npi.picker-v2 .filter-drawer.preload {
  transition: none !important;
}

.npi.picker-v2 .tile {
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 0.5rem;
  text-decoration: none;
}

.npi.picker-v2 .tile__art {
  width: 100%;
  aspect-ratio: 1/1;
  border-radius: 0.25rem;
  object-fit: contain;
}

.npi.picker-v2 .tile__label {
  font-size: 1rem;
  color: #111827;
}

.npi.picker-v2 .view-more-wrapper {
  padding: 0 2.5rem;
}

.npi.picker-v2 .view-more {
  display: block;
  width: 100%;
  padding: 1rem 0;
  background: transparent;
  border: 0;
  font-size: 1rem;
  color: #18181B;
  font-weight: 600;
  cursor: pointer;
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 0.5rem;
}

.npi.picker-v2 .view-more:hover {
  background: #F3F4F6;
}

.npi.picker-v2 .tile--loading .tile__art {
  background: #FFFFFF;
  overflow: visible;
}

.npi.picker-v2 .tile--loading .tile__art::after {
  background: #E5E7EB;
  inset: 8% 12%;
  border-radius: 0;
  clip-path: polygon(10% 0%, 90% 0%, 95% 100%, 60% 100%, 50% 38%, 40% 100%, 5% 100%);
  animation: pc-pulse 1.4s ease-in-out infinite;
}

.npi.picker-v2 .tile--loading .tile__label {
  color: #6B7280;
  font-style: italic;
}

.npi.picker-v2 .show-more-wrapper {
  display: flex;
  justify-content: center;
  align-items: center;
  margin-top: 1.5rem;
}

.npi.picker-v2 .show-more-button {
  all: unset;
  box-sizing: border-box;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: 0.5rem;
  border-radius: 0.375rem;
  font-size: 0.875rem;
  font-weight: 600;
  cursor: pointer;
  text-align: center;
  padding: 0.75rem 1rem;
  background: #09090B;
  color: #FFFFFF;
  font-size: 1rem;
  font-weight: 400;
}

.npi.picker-v2 .show-more-button:focus-visible {
  outline: 2px solid #09090B;
  outline-offset: 2px;
}

.npi.picker-v2 .show-more-button:disabled {
  opacity: 0.5;
  cursor: not-allowed;
}

.npi.picker-v2 .show-more-button:hover {
  background-color: #09090B;
  opacity: 0.9;
}

.npi.picker-v2 .sp-modal {
  width: 625px;
  padding: 28px;
  background: #FFFFFF;
  border-radius: 0.375rem;
  box-shadow: 0 30px 80px rgba(0, 0, 0, 0.18);
  font-family: "GothamPro";
}

.npi.picker-v2 .sp-modal__head {
  display: flex;
  align-items: center;
  justify-content: space-between;
  margin-bottom: 2.5rem;
}

.npi.picker-v2 .sp-modal__title {
  margin: 0;
  font-size: 1.5rem;
  font-weight: 500;
  color: #111827;
}

.npi.picker-v2 .sp-modal__close {
  width: 28px;
  height: 28px;
  border: 0;
  background: transparent;
  border-radius: 0.25rem;
  cursor: pointer;
}

.npi.picker-v2 .sp-modal__close:hover {
  background: #F4F4F5;
}

.npi.picker-v2 .sp-modal__desc {
  margin: 0 0 1.25rem;
  font-size: 0.875rem;
  color: #111827;
  line-height: 1.5;
  font-weight: 300;
}

.npi.picker-v2 .sp-modal__footer {
  display: flex;
  justify-content: flex-end;
  gap: 0.75rem;
  margin-top: 2.5rem;
}

.npi.picker-v2 .sp-field {
  position: relative;
  margin-bottom: 1.5rem;
}

.npi.picker-v2 .sp-field__input, .npi.picker-v2 .sp-field__textarea {
  width: 100%;
  padding: 14px 0.5rem;
  border: 1px solid #E4E4E7;
  border-radius: 0.375rem;
  font-size: 0.875rem;
  background: #FFFFFF;
  box-sizing: border-box;
  outline: none;
  resize: none;
}

.npi.picker-v2 .sp-field__input:focus, .npi.picker-v2 .sp-field__textarea:focus {
  border-color: #09090B;
}

.npi.picker-v2 .sp-field__label {
  position: absolute;
  left: 8px;
  top: 50%;
  transform: translateY(-50%);
  font-size: 0.875rem;
  font-weight: 300;
  color: #A1A1AA;
  pointer-events: none;
  transition: all 140ms ease;
}

.npi.picker-v2 .sp-field__textarea + .sp-field__label {
  top: 15px;
  transform: none;
}

.npi.picker-v2 .sp-field__textarea {
  height: 150px;
}

.npi.picker-v2 .sp-field.is-float .sp-field__label, .npi.picker-v2 .sp-field__input:focus + .sp-field__label, .npi.picker-v2 .sp-field__input:not(:placeholder-shown) + .sp-field__label, .npi.picker-v2 .sp-field__textarea:focus + .sp-field__label, .npi.picker-v2 .sp-field__textarea:not(:placeholder-shown) + .sp-field__label {
  top: -6px;
  transform: none;
  font-size: 11px;
  padding: 0 6px;
  color: #6B7280;
  background: #FFFFFF;
}

.npi.picker-v2 .sp-url-row {
  display: flex;
  align-items: stretch;
  gap: 0.75rem;
  margin-bottom: 1.5rem;
}

.npi.picker-v2 .sp-url-row .sp-field {
  flex: 1;
  margin-bottom: 0;
}

.npi.picker-v2 .sp-copy {
  padding: 0 1.25rem;
  background: #FFFFFF;
  border: 1px solid #E5E7EB;
  border-radius: 0.375rem;
  font-weight: 700;
  cursor: pointer;
}

.npi.picker-v2 .sp-copy:hover {
  background: #F9FAFB;
}

.npi.picker-v2 .sp-copy-wrap {
  position: relative;
  flex-shrink: 0;
  display: flex;
}

.npi.picker-v2 .sp-copy-badge {
  position: absolute;
  top: calc(100% + 4px);
  left: 50%;
  transform: translateX(-50%) translateY(-3px);
  padding: 3px 10px;
  border-radius: 9999px;
  background: #E6F7EC;
  color: #16A34A;
  font-size: 0.625rem;
  font-weight: 300;
  white-space: nowrap;
  opacity: 0;
  pointer-events: none;
  transition: opacity 180ms ease, transform 180ms ease;
}

.npi.picker-v2 .sp-copy-badge.is-visible {
  opacity: 1;
  transform: translateX(-50%) translateY(0);
}

.npi.picker-v2 .sp-cancel, .npi.picker-v2 .sp-send {
  padding: 0.75rem 1.25rem;
  border-radius: 0.375rem;
  border: 0;
  font-size: 0.875rem;
  cursor: pointer;
}

.npi.picker-v2 .sp-cancel {
  background: transparent;
  color: #111827;
  font-weight: 600;
}

.npi.picker-v2 .sp-cancel:hover {
  background: #F4F4F5;
}

.npi.picker-v2 .sp-send {
  background: #09090B;
  color: #FFFFFF;
  font-weight: 700;
  padding: 0.75rem 28px;
}

.npi.picker-v2 .sp-backdrop {
  position: fixed;
  inset: 0;
  background: rgba(0, 0, 0, 0.45);
  z-index: 1001;
  opacity: 0;
  visibility: hidden;
  transition: opacity 200ms ease, visibility 0s linear 200ms;
}

.npi.picker-v2 .sp-backdrop.is-open {
  opacity: 1;
  visibility: visible;
  transition: opacity 200ms ease;
}

.npi.picker-v2 .sp-modal {
  position: fixed;
  top: 50%;
  left: 50%;
  z-index: 1002;
  transform: translate(-50%, -50%);
  opacity: 0;
  visibility: hidden;
  transition: opacity 200ms ease, visibility 0s linear 200ms;
}

.npi.picker-v2 .sp-modal.is-open {
  opacity: 1;
  visibility: visible;
  transform: translate(-50%, -50%) scale(1);
  transition: opacity 200ms ease, transform 200ms ease;
}

.npi.picker-v2 .sp-backdrop[hidden],
.npi.picker-v2 .sp-modal[hidden] {
  display: none;
}

@keyframes pc-pulse {
  0%, 100% {
    opacity: 1;
  }
  50% {
    opacity: 0.55;
  }
}