.tcgn__subscriptions {margin-top: 0}
@media (min-width: 768px) {
  .tcgn__subscriptions {margin-top: 0}
}
.tcgn__navigation p, .tcgn__profile__notification p, .tcgn__subscriptions__cat li {color: #474545;font-size: 14px;line-height: 17px}
@media (min-width: 768px) {
  .tcgn__navigation p, .tcgn__profile__notification p, .tcgn__subscriptions__cat li {font-size: 15px;line-height: 16px}
}
.tcgn__menu__user span {font-family: 'Guardian Sans Regular', Arial, Helvetica, sans-serif;font-size: 9px !important;line-height: 11px !important;border-radius: 100%;font-weight: 700;background: #f27b37;width: 18px;height: 18px;padding: 4px 0;border: 1px solid var(--brand-blue);text-align: center}
.tcgn__navigation a {color: var(--brand-blue)}
.tcgn__profile__grid h3, .tcgn__subscriptions__wrapper h3, .tcgn__subscriptions__wrapper h4 {color: #474545;font-size: 15px;font-weight: 700}
.tcgn__profile__grid, .tcgn__profile__notification__wrapper > p, .tcgn__profile__wrapper > p, .tcgn__subscriptions__grid {padding: 20px}
@media (min-width: 768px) {
  .tcgn__profile__grid, .tcgn__profile__notification__wrapper > p, .tcgn__profile__wrapper > p, .tcgn__subscriptions__grid {padding: 20px 22px}
}
.tcgn__menu__wrapper li, .tcgn__menu__wrapper p, .tcgn__menu__wrapper span {font-family: 'Guardian Sans Light', Arial, Helvetica, sans-serif}
@media (min-width: 768px) {
  .tcgn__menu__wrapper li, .tcgn__menu__wrapper p, .tcgn__menu__wrapper span {font-size: 15px;line-height: 16px}
}
.tcgn__register-product button {letter-spacing: .3px;font-family: 'Guardian Sans Light', Arial, Helvetica, sans-serif;font-size: 16px;line-height: 20px;padding: 14px 20px;color: #fff;background: var(--brand-blue);text-transform: uppercase;border: none}
@media (min-width: 768px) {
  .tcgn__register-product button {font-size: 15px;line-height: 16px}
}
.tcgn__navigation {position: relative;overflow-x: hidden;overflow-y: hidden}
.tcgn__navigation *, .tcgn__navigation :after, .tcgn__navigation :before {box-sizing: border-box}
.tcgn__navigation h1, .tcgn__navigation h2, .tcgn__navigation h3, .tcgn__navigation h4, .tcgn__navigation h5 {margin: 0;padding: 0}
.tcgn__navigation p {margin: 0 0 20px}
.tcgn__navigation dd, .tcgn__navigation dl, .tcgn__navigation dt, .tcgn__navigation li, .tcgn__navigation ol, .tcgn__navigation ul {list-style-type: none;padding: 0;margin: 0}
.tcgn__navigation a {text-decoration: none;cursor: pointer}
.tcgn__navigation a:hover {text-decoration: underline}
.tcgn__navigation.tcgn__ismobile .tcgn__menu {position: fixed !important;top: 0 !important;width: 100% !important;z-index: 1500 !important}
.tcgn__navigation.tcgn__ismobile .tcgn__menu .tcgn__profile, .tcgn__navigation.tcgn__ismobile .tcgn__menu .tcgn__profile__notification, .tcgn__navigation.tcgn__ismobile .tcgn__menu .tcgn__subscriptions {top: 42px !important;z-index: 2050 !important;width: 100vw !important;position: fixed !important;max-width: 100% !important}
@media (max-width: 767px) {
  .tcgn__navigation .tcgn__menu {position: fixed !important;top: 0 !important;width: 100% !important;z-index: 1500 !important}
  .tcgn__navigation .tcgn__profile, .tcgn__navigation .tcgn__profile__notification, .tcgn__navigation .tcgn__subscriptions {top: 42px !important;z-index: 2050 !important;width: 100vw !important;position: fixed !important;max-width: 100% !important}
}
.tcgn__menu__wrapper {z-index: 1500;background: var(--brand-header);height: 42px;display: -webkit-box;display: -ms-flexbox;display: flex;position: relative;width: 100%;top: 0;-webkit-box-align: center;-ms-flex-align: center;align-items: center;padding: 0 14px;-webkit-box-pack: justify;-ms-flex-pack: justify;justify-content: space-between}
.tcgn__menu__wrapper li, .tcgn__menu__wrapper p, .tcgn__menu__wrapper span {color: #fff;cursor: pointer}
.tcgn__menu__logo {position: absolute;top: 50%;right: 50%;-webkit-transform: translate(50%, -50%);transform: translate(50%, -50%)}
.tcgn__menu__logo img {height: 26px;width: 156px}
.tcgn__menu__controls {width: auto}
.tcgn__menu__controls ul {padding: 0}
.tcgn__menu__icon {height: 16px;width: 16px;margin-right: 10px;float: right}
.tcgn__menu__close {cursor: pointer;height: 16px;width: 16px;display: none;float: right}
.tcgn__menu__app span, .tcgn__menu__dealer, .tcgn__menu__location, .tcgn__menu__logged span, .tcgn__menu__settings span, .tcgn__menu__sign-up {display: none}
.tcgn__menu__app {cursor: pointer;display: -webkit-box;display: -ms-flexbox;display: flex;-webkit-box-align: center;-ms-flex-align: center;align-items: center}
.tcgn__menu__profile-user {width: 16px;height: 16px;margin: 5px}
.tcgn__menu__user {background: transparent;width: 28px;height: 28px;text-align: center;margin-right: 4px;border-radius: 50%}
.tcgn__menu__user span {display: none;position: absolute;top: 8px;right: -10px}
.tcgn__menu__logged {display: none;float: right}
.tcgn__menu__logged li {display: -webkit-box;display: -ms-flexbox;display: flex;-webkit-box-orient: horizontal;-webkit-box-direction: normal;-ms-flex-direction: row;flex-direction: row;-webkit-box-align: center;-ms-flex-align: center;align-items: center}
.tcgn__menu__logged span {margin-right: 12px}
@media (min-width: 768px) {
  .tcgn__menu__app span, .tcgn__menu__dealer, .tcgn__menu__location, .tcgn__menu__logged span, .tcgn__menu__settings span, .tcgn__menu__sign-up {display: inline-block}
  .tcgn__menu__wrapper {height: 54px}
  .tcgn__menu__settings, .tcgn__menu__settings ul {display: -webkit-box;display: -ms-flexbox;display: flex}
  .tcgn__menu__settings ul {-webkit-box-orient: horizontal;-webkit-box-direction: normal;-ms-flex-direction: row;flex-direction: row;-webkit-box-align: center;-ms-flex-align: center;align-items: center}
  .tcgn__menu__settings li {display: -webkit-box;display: -ms-flexbox;display: flex;padding: 0 10px}
  .tcgn__menu__sign-up {border-left: 1px solid #fff;padding: 0 10px}
  .tcgn__menu__location, .tcgn__menu__sign-up {border-right: 1px solid #fff}
  .tcgn__menu__user span {display: block}
}
@media (max-width: 1099px) {
  .tcgn__menu__location span {display: none}
  .tcgn__menu__location img {margin-right: 5px}
  .tcgn__menu__dealer img {display: none;margin-right: 5px}
}
@media (max-width: 959px) {
  .tcgn__menu__location {display: none !important}
  .tcgn__menu__location span {display: none}
  .tcgn__menu__location img {margin-right: 5px}
  .tcgn__menu__log-in span {display: none}
}
.tcgn__authenticated .tcgn__menu .tcgn__menu__settings {display: none}
.tcgn__authenticated .tcgn__menu .tcgn__menu__logged {display: block}
.tcgn__show-profile .tcgn__menu .tcgn__menu__settings {display: none}
.tcgn__show-subscription .tcgn__ismobile .tcgn__menu .tcgn__menu__app {visibility: hidden}
.tcgn__show-subscription .tcgn__ismobile .tcgn__menu .tcgn__menu__close {display: block}
.tcgn__show-subscription .tcgn__ismobile .tcgn__menu .tcgn__menu__logged, .tcgn__show-subscription .tcgn__ismobile .tcgn__menu .tcgn__menu__settings {display: none}
.tcgn__profile {display: block;position: relative}
.tcgn__profile:before {content: "";z-index: 1500;display: none;position: absolute;top: -5px;right: 27px;margin: 0 auto;width: 0;height: 0;border-bottom: 5px solid #fff;border-right: 5px solid transparent;border-left: 5px solid transparent}
.tcgn__profile__wrapper {z-index: 1498;right: 0;top: -100vh;opacity: 0;transition: opacity .5s ease;position: fixed;background: #fff;overflow: hidden;display: -webkit-box;display: -ms-flexbox;display: flex;-webkit-box-orient: vertical;-webkit-box-direction: normal;-ms-flex-direction: column;flex-direction: column;width: 100%;height: 100vh;border: 1px solid #ddd;border-width: 0 0 1px 1px}
.tcgn__profile__wrapper > p {line-height: 17px;margin: 0}
.tcgn__profile__wrapper > p:first-child {border-bottom: 1px solid #ddd}
.tcgn__show-profile .tcgn__profile:before {display: block}
.tcgn__show-profile .tcgn__profile .tcgn__profile__wrapper {opacity: 1;top: inherit;transition: opacity .3s ease}
.tcgn__profile__grid h3, .tcgn__profile__grid p {line-height: 36px;margin: 0}
.tcgn__profile__info {padding-top: 5px;border-bottom: 1px solid #ddd}
.tcgn__profile--orange-text {color: #f27b37 !important}
@media (min-width: 768px) {
  .tcgn__profile__wrapper {max-width: 358px;height: auto}
}
.tcgn__profile__notification {display: none;width: 250px;position: absolute;right: 0}
.tcgn__profile__notification p {margin: 0 0 20px;padding: 15px}
.tcgn__profile__notification:before {content: "";z-index: 1500;display: block;position: absolute;top: -5px;right: 27px;margin: 0 auto;width: 0;height: 0;border-bottom: 5px solid #fff;border-right: 5px solid transparent;border-left: 5px solid transparent}
.tcgn__show-profile .tcgn__profile__notification .tcgn__profile__notification__wrapper, .tcgn__show-profile .tcgn__profile__notification:before {display: none}
.tcgn__profile__notification__wrapper {z-index: 1498;float: right;cursor: pointer;opacity: 0;transition: opacity .5s ease;position: relative;right: 0;background: #fff;overflow: hidden;display: -webkit-box;display: -ms-flexbox;display: flex;-webkit-box-orient: vertical;-webkit-box-direction: normal;-ms-flex-direction: column;flex-direction: column;width: 100%;height: 100vh;border: none;opacity: 1;top: inherit;transition: opacity .3s ease}
.tcgn__profile__notification__wrapper > p {line-height: 17px;margin: 0;color: #fff;text-align: center}
.tcgn__profile__notification__wrapper {max-width: 250px;height: auto}
@media (max-width: 767px) {
  .tcgn__profile__notification {display: none !important;max-width: 100%;width: 100%;top: 42px;position: fixed !important;z-index: 2080}
  .tcgn__profile__notification__wrapper {width: 100%;max-width: 100%;top: 0}
  .tcgn__profile__notification__wrapper p {padding: 10px}
  .tcgn__profile__notification:before {top: -5px}
}
.sp-item {margin-top: -10px !important}
.status__notice__active.tcgn__profile__notification {display: block}
.status__notice__active.status__green.tcgn__profile__notification {display: none}
.status__yellow.tcgn__profile__notification:before {border-bottom: 5px solid #f1a019}
.status__yellow.status__notice__active .tcgn__menu__user, .status__yellow.tcgn__profile__notification .tcgn__profile__notification__wrapper {background: #f1a019}
.status__yellow .sp-item {color: #f1a019}
.status__orange.tcgn__profile__notification:before {border-bottom: 5px solid #db9316}
.status__orange.status__notice__active .tcgn__menu__user, .status__orange.tcgn__profile__notification .tcgn__profile__notification__wrapper {background: #db9316}
.status__orange .sp-item {color: #db9316}
.status__red.tcgn__profile__notification:before {border-bottom: 5px solid #912412}
.status__red.status__notice__active .tcgn__menu__user, .status__red.tcgn__profile__notification .tcgn__profile__notification__wrapper {background: #912412}
.status__red .sp-item {color: #912412}
.tcgn__register-product {display: none; padding: 15px 20px;background: #f7f7f7;border: 1px solid #ddd;border-width: 1px 1px 0 0;position: fixed;min-height: 180px;width: 100%;bottom: 0;z-index: 1499;box-sizing: border-box}
.tcgn__register-product button {margin-bottom: 10px;cursor: pointer; border-radius: 4px !important;}
@media (min-width: 768px) {
  .tcgn__register-product {max-width: 326px}
}
.tcgn__std-anim .tcgn__subscriptions {left: 0;height: calc(100vh - 42px);max-width: 326px;width: 100vw;-webkit-transform: translateX(-100vw);transform: translateX(-100vw);display: block;top: 54px;position: fixed;background: #fff;transition: -webkit-transform .5s cubic-bezier(.77, 0, .175, 1);transition: transform .5s cubic-bezier(.77, 0, .175, 1);transition: transform .5s cubic-bezier(.77, 0, .175, 1), -webkit-transform .5s cubic-bezier(.77, 0, .175, 1);-webkit-transition: transform .5s cubic-bezier(.77, 0, .175, 1);z-index: 2010}
.tcgn__ie-anim .tcgn__subscriptions {left: -100%;display: block;position: relative;background: #fff;transition: left .5s ease}
.tcgn__std-anim.tcgn__show-subscription .tcgn__subscriptions {-webkit-transform: translateX(0);transform: translateX(0);width: 100vw;-webkit-transition: transform .5s cubic-bezier(.77, 0, .175, 1)}
.tcgn__ie-anim.tcgn__show-subscription .tcgn__subscriptions {left: 0;right: inherit;transition: all .4s ease}
.tcgn__subscriptions__wrapper {border: 1px solid #ddd;border-width: 0 1px 0 0;z-index: 1498;background: #fff;position: fixed;overflow-y: scroll;-webkit-overflow-scrolling: touch;width: 100%;height: 100vh;}
.tcgn__subscriptions__wrapper h3 {line-height: 27px;text-transform: uppercase}
.tcgn__subscriptions__wrapper h4 {padding: 13px 25px}
.tcgn__subscriptions__scroll__spacer {height: 85px;clear: both}
.tcgn__subscriptions__active {background: #ddd;border-left: 7px solid var(--brand-blue);padding-left: 18px !important}
.tcgn__subscriptions__cat ul {padding: 0 0 20px}
.tcgn__subscriptions__cat li {padding: 13px 25px;border-bottom: 1px solid #ddd}
.tcgn__subscriptions__cat li a {display: block;width: 100%;height: 100%}
.tcgn__subscriptions__cat li:hover {cursor: pointer;background: #f7f7f7}
@media (min-width: 768px) {
  .tcgn__subscriptions__wrapper {max-width: 326px}
  .tcgn__subscriptions__wrapper:after {width: 326px}
}
/*# sourceMappingURL=app.css.map*/