@font-face {
  font-family: "SanFrancisco_Display_Medium";
  src: url("../fonts/SFProDisplay-Medium.ttf") format("truetype");
}
@font-face {
  font-family: "SanFrancisco_Display_Bold";
  src: url("../fonts/system-san-francisco-display-bold.ttf") format("truetype");
}
@font-face {
  font-family: "SanFrancisco_Display_Regular";
  src: url("../fonts/system-san-francisco-display-regular.ttf") format("truetype");
}
@font-face {
  font-family: "SanFrancisco_Display_Thin";
  src: url("../fonts/system-san-francisco-display-thin.ttf") format("truetype");
}
@font-face {
  font-family: "SanFrancisco_Display_Ultralight";
  src: url("../fonts/system-san-francisco-display-ultralight.ttf") format("truetype");
}
@font-face {
  font-family: "SanFrancisco_Display_Bold";
  src: url("../fonts/system-san-francisco-display-bold.ttf") format("truetype");
}
@font-face {
  font-family: "SanFrancisco_Display_Regular";
  src: url("../fonts/system-san-francisco-display-regular.ttf") format("truetype");
}
@font-face {
  font-family: "SanFrancisco_Display_Thin";
  src: url("../fonts/system-san-francisco-display-thin.ttf") format("truetype");
}
@font-face {
  font-family: "SanFrancisco_Display_Ultralight";
  src: url("../fonts/system-san-francisco-display-ultralight.ttf") format(truetype);
}
@font-face {
  font-family: "Montserrat-Regular";
  src: url("../fonts/Montserrat-Regular.otf") format("opentype");
}
@font-face {
  font-family: "Genome-Thin";
  src: url("../fonts/Genome-Thin.ttf") format("truetype");
}
@font-face {
  font-family: "Univers-Condensed";
  src: url("../fonts/Univers-Condensed.otf") format("opentype");
}
@font-face {
  font-family: "Gotham-Round";
  src: url("../fonts/GothamRnd-Medium.otf") format("opentype");
}
@font-face {
  font-family: "Gotham-Round-Light";
  src: url("../fonts/GothamRnd-Light.otf") format("opentype");
}
@font-face {
  font-family: "Gotham-Round-Book";
  src: url("../fonts/GothamRnd-Book.otf") format("opentype");
}
@font-face {
  font-family: "ITCAvantGardePro-Md";
  src: url("../fonts/ITCAvantGardePro-Md.otf") format("opentype");
}
@font-face {
  font-family: "Montserrat-Regular";
  src: url("../fonts/Montserrat-Regular.otf") format("opentype");
}
@font-face {
  font-family: "Genome-Thin";
  src: url("../fonts/Genome-Thin.ttf") format("truetype");
}
@font-face {
  font-family: "Univers-Condensed";
  src: url("../fonts/Univers-Condensed.otf") format("opentype");
}
@media screen and (max-width: 767px) {
  .is-hidden-mobile {
    display: none;
  }
}

@media screen and (min-width: 1024px) {
  .is-hidden-desktop {
    display: none;
  }
}

.is-hidden {
  display: none !important;
}

:root {
  --facer-light: #797979;
  --facer-muted: #a1a1a1;
  --facer-light-grey: #f5f5f5;
  --white: #fff;
  --black: #000;
  --facer-dark: #2c2c2c;
  --facer-dark-1: #ededed;
  --facer-dark-2: #d5d5d5;
  --facer-dark-3: #c0c0c0;
  --facer-dark-4: #ababab;
  --facer-dark-5: #969696;
  --facer-dark-6: #808080;
  --facer-dark-7: #6c6c6c;
  --facer-dark-9: #424242;
  --facer-blue: #2bade3;
  --facer-blue-2: #d5eff9;
  --facer-blue-9: #41b6e6;
  --facer-blue-highlight: #38b4ec;
  --facer-blue-border: #28839e;
  --facer-green: #6dbd45;
  --facer-green-highlight: #7ccd53;
  --facer-green-border: #508b33;
  --facer-red: #ec2224;
  --facer-yellow: #ffce4e;
  --facer-gold: #eeb60b;
  --google-io-blue: rgba(45, 197, 218, 1);
  --text-dark-grey: #5f5f5f;
  --text-grey: #6c6c6c;
  --text-dark: #444;
  --error: var(--facer-red);
  --success: #009688;
  --orange: #eeb60b;
  --red: #f31805;
  --non-error-red: #fb2c65;
  --bg-grey: var(--facer-dark-1);
  --bg-light-grey: #f2f2f2;
  --premium-blue: #1d263d;
  --premium-light-blue: #8d969c;
  --premium-dark-blue: #1d3240;
  --transition-default: all 150ms ease;
  --transition-primary: all 300ms ease;
  --default-border-color: #aaa;
  --dropdown-background: var(--white);
  --dropdown-box-shadow: 0px 4px 4px rgba(0, 0, 0, 0.25);
  --dropdown-border-radius: 8px;
  --grid-border-color: var(--facer-dark-2);
  --grid-border-style: solid 1px var(--grid-border-color);
  --modal-backdrop-color: rgba(167, 122, 122, 0.2);
  --modal-border: 1px solid var(--default-border-color);
  --modal-box-shadow: 10px 10px 40px rgba(0, 0, 0, 0.35);
  --f-alert-error: rgba(236, 34, 36, 0.1);
}

.blue-text {
  color: var(--facer-blue);
}

.premium-text {
  color: var(--orange) !important;
}

.red-text {
  color: var(--red) !important;
}

:root {
  --phone-width: 768px;
  --tablet-width: 992px;
  --desktop-width: 1200px;
}

.text-danger, .text-error {
  color: var(--error);
}

@media screen and (max-width: 992px) {
  .form-control {
    font-size: 16px;
  }
}
.mn-search-item {
  font-size: 20px;
  line-height: 30px;
  padding-bottom: 5px;
  padding-top: 20px;
}
.mn-search-item .mn-search-wrapper {
  position: relative;
  margin: 0 20px;
  margin-bottom: 0px;
}
.mn-search-item .mn-search-wrapper input {
  width: 100%;
  -webkit-appearance: none;
  font-size: 20px;
  line-height: 40px;
  padding: 0 30px 0 5px;
  border: none;
  border-bottom: 1px solid #a2a2a2;
  border-radius: 0;
  outline: none;
}
.mn-search-item .mn-search-wrapper button {
  position: absolute;
  right: 5px;
  top: 5px;
  padding: 0;
  -webkit-appearance: none;
  background-color: transparent;
  color: #a2a2a2;
  border: none;
}

@media screen and (max-width: 991px) {
  .explore-title {
    margin-right: 20px;
  }
  .explore-options {
    white-space: nowrap;
    text-align: center;
    margin-bottom: 15px;
  }
  .explore-options .row {
    margin: 0;
  }
  .explore-options a {
    display: block;
  }
  .explore-detail {
    padding: 17px 13px 21px;
    text-align: center;
    font-size: 22px;
    font-weight: 500;
    border-bottom: 1px solid #e1e1e1;
  }
  .explore-detail i {
    font-size: 116%;
    line-height: 8%;
    vertical-align: middle;
    margin-right: 3%;
  }
  .option-link {
    display: block;
    box-shadow: inset 0px -3px 22px -9px black;
    border-bottom: 1px solid #a8a8a8;
    padding: 16px 0px;
  }
  .option-link.active {
    box-shadow: none;
    border: none;
  }
  .explore-detail h4 {
    font-size: 16px;
  }
}
@media screen and (min-width: 992px) {
  .explore-title {
    margin-right: 20px;
  }
  .explore-options {
    white-space: nowrap;
  }
}
/**
 * @deprecated This file is deprecated as of 2021-10-24 and will be removed in a future update.
 * Please use '1_settings/colors.scss' for all color-related styles.
 * 
 * TODO: Remove this file once all references have been updated to use global/colors.scss
 */
.blue-text {
  color: #2bade3;
}

.premium-text {
  color: #eeb60b !important;
}

.red-text {
  color: #f31805 !important;
}

/**
 * @deprecated This file is deprecated as of 2021-10-24 and will be removed in a future update.
 * Please use '4_elements/button.scss' for all button-related styles.
 * 
 * TODO: Remove this file once all references have been updated to use 4_elements/button.scss
 */
:root {
  --facer-default-font: "Roboto", Helvetica, Arial, sans-serif;
  --facer-text-size-small: 12px;
  --facer-text-size-normal: 14px;
}

.normal-text, .dashboard-watchface-list .dashboard-watchface-item .dashboard-watchface-item-extra-details .dashboard-watchface-item-stats .dashboard-watchface-item-stat i, .jumbo-text, .publish-form h1, .publish-form__header, .dashboard-outer-wrapper .default-page .default-page-title, .small-detail-text, .dashboard-watchface-list .dashboard-watchface-item .dashboard-watchface-item-extra-details .dashboard-watchface-item-stats, .detail-text, .dashboard-watchface-list .dashboard-watchface-item .dashboard-watchface-item-details, .card-text-title, .dashboard-watchface-list .dashboard-watchface-item .dashboard-watchface-item-title-outer-wrapper .dashboard-watchface-item-title,
.dashboard-watchface-list .dashboard-watchface-item .dashboard-watchface-item-title-outer-wrapper .dashboard-watchface-item-title a, .stat-text-value, .dashboard-outer-wrapper .dashboard-watchface-stats .dashboard-watchface-stat .dashboard-watchface-stat-value, .card-text-title-hovered, .dashboard-watchface-list .dashboard-watchface-item:hover .dashboard-watchface-item-title,
.dashboard-watchface-list .dashboard-watchface-item:hover .dashboard-watchface-item-title a,
.modal-text-title,
.facer-share-modal .facer-modal-content .facer-modal-title, .text-button, .small-text-button, .notification-feed a .notification-feed-item-content .notification-feed-item-comment-reply-wrapper, .facer-button.btn-sm,
.facer-button.btn-sm i,
.top-charts .btn-sm.btn i,
.dashboard-outer-wrapper .btn-sm.btn i,
.follow-button.follow-button-compact .btn i, .caption-text, .notification-feed a .notification-feed-item-content .notification-feed-item-title + .notification-feed-item-message, .button-text, print-button[type=text] .sync-button .icon-pushtowatch:before,
sync-button[type=text] .sync-button .icon-pushtowatch:before, .facer-button i:not(.glyphicon), .top-charts .btn i:not(.glyphicon), .dashboard-outer-wrapper .btn i:not(.glyphicon), .facer-button, .top-charts .btn, .dashboard-outer-wrapper .btn, .follow-button.follow-button-compact .btn, .follow-button .btn, .xlarge-button-text, .facer-button.btn-xl i, .top-charts .btn-xl.btn i, .dashboard-outer-wrapper .btn-xl.btn i, .large-button-text, .facer-share-modal .facer-modal-content .facer-modal-inspect-cta, .facer-share-modal .facer-modal-content .facer-modal-share-cta, .facer-button.btn-lg i, .top-charts .btn-lg.btn i, .dashboard-outer-wrapper .btn-lg.btn i, .follow-button .btn i, .page-subtitle, .top-charts .top-charts-header .top-charts-header-title .top-charts-header-subtitle, .dashboard-page-header .dashboard-page-header-detail, .jumbo-text-detail, .dashboard-outer-wrapper .default-page .default-page-subtitle, .page-title-medium, .dashboard-page-header .dashboard-page-header-title, .dashboard-outer-wrapper .default-page .default-page-starting-points .default-page-starting-point .default-page-starting-point-title, .page-title, .auth-modal h1, .auth-page h1, .top-charts .top-charts-header .top-charts-header-title h1, .dark-text, .light-text, .dashboard-outer-wrapper .default-page .default-page-starting-points .default-page-starting-point p, .bold-text, .muted-text, .dashboard-watchface-list .dashboard-watchface-item .dashboard-watchface-item-extra-details .dashboard-watchface-item-platforms i, .dashboard-watchface-list .dashboard-watchface-item .dashboard-watchface-item-details .edit-date {
  font-family: var(--facer-default-font);
  color: var(--facer-dark);
}

.muted-text, .dashboard-watchface-list .dashboard-watchface-item .dashboard-watchface-item-extra-details .dashboard-watchface-item-platforms i, .dashboard-watchface-list .dashboard-watchface-item .dashboard-watchface-item-details .edit-date {
  color: var(--facer-muted);
}

.bold-text {
  font-weight: 500;
}

.light-text, .dashboard-outer-wrapper .default-page .default-page-starting-points .default-page-starting-point p {
  color: var(--facer-light);
}

.dark-text {
  color: var(--facer-dark);
}

.page-title, .auth-modal h1, .auth-page h1, .top-charts .top-charts-header .top-charts-header-title h1 {
  font-weight: 500;
  font-size: 26px;
}

.page-title-medium, .dashboard-page-header .dashboard-page-header-title, .dashboard-outer-wrapper .default-page .default-page-starting-points .default-page-starting-point .default-page-starting-point-title {
  font-weight: 500;
  font-size: 22px;
}

.page-subtitle, .top-charts .top-charts-header .top-charts-header-title .top-charts-header-subtitle, .dashboard-page-header .dashboard-page-header-detail, .jumbo-text-detail, .dashboard-outer-wrapper .default-page .default-page-subtitle {
  font-weight: 400;
  font-size: 14px;
  color: var(--facer-light);
}

.button-text, print-button[type=text] .sync-button .icon-pushtowatch:before,
sync-button[type=text] .sync-button .icon-pushtowatch:before, .facer-button i:not(.glyphicon), .top-charts .btn i:not(.glyphicon), .dashboard-outer-wrapper .btn i:not(.glyphicon), .follow-button.follow-button-compact .btn i:not(.glyphicon), .facer-button, .top-charts .btn, .dashboard-outer-wrapper .btn, .follow-button.follow-button-compact .btn, .follow-button .btn, .xlarge-button-text, .facer-button.btn-xl i, .top-charts .btn-xl.btn i, .dashboard-outer-wrapper .btn-xl.btn i, .follow-button.follow-button-compact .btn-xl.btn i, .large-button-text, .facer-share-modal .facer-modal-content .facer-modal-inspect-cta, .facer-share-modal .facer-modal-content .facer-modal-share-cta, .facer-button.btn-lg i, .top-charts .btn-lg.btn i, .dashboard-outer-wrapper .btn-lg.btn i, .follow-button.follow-button-compact .btn-lg.btn i, .follow-button .btn i {
  font-weight: 500;
  font-size: 14px;
}

.caption-text, .notification-feed a .notification-feed-item-content .notification-feed-item-title + .notification-feed-item-message {
  font-weight: 400;
  font-size: 14px;
  font-style: italic;
}

.text-button, .small-text-button, .notification-feed a .notification-feed-item-content .notification-feed-item-comment-reply-wrapper, .facer-button.btn-sm, .top-charts .btn-sm.btn, .dashboard-outer-wrapper .btn-sm.btn, .follow-button .btn-sm.btn, .follow-button.follow-button-compact .btn,
.facer-button.btn-sm i,
.top-charts .btn-sm.btn i,
.dashboard-outer-wrapper .btn-sm.btn i,
.follow-button .btn-sm.btn i,
.follow-button.follow-button-compact .btn i {
  font-weight: 500;
  font-size: 14px;
  color: var(--facer-blue);
}
.text-button:hover, .small-text-button:hover, .notification-feed a .notification-feed-item-content .notification-feed-item-comment-reply-wrapper:hover, .facer-button.btn-sm:hover, .top-charts .btn-sm.btn:hover, .dashboard-outer-wrapper .btn-sm.btn:hover, .follow-button .btn-sm.btn:hover, .follow-button.follow-button-compact .btn:hover,
.facer-button.btn-sm i:hover,
.top-charts .btn-sm.btn i:hover,
.dashboard-outer-wrapper .btn-sm.btn i:hover,
.follow-button .btn-sm.btn i:hover,
.follow-button.follow-button-compact .btn i:hover {
  color: var(--facer-blue-highlight);
}

.small-text-button, .notification-feed a .notification-feed-item-content .notification-feed-item-comment-reply-wrapper, .facer-button.btn-sm, .top-charts .btn-sm.btn, .dashboard-outer-wrapper .btn-sm.btn, .follow-button .btn-sm.btn, .follow-button.follow-button-compact .btn,
.facer-button.btn-sm i,
.top-charts .btn-sm.btn i,
.dashboard-outer-wrapper .btn-sm.btn i,
.follow-button .btn-sm.btn i,
.follow-button.follow-button-compact .btn i {
  font-weight: 500;
  font-size: 11px;
}

.text-button-completed, .notification-feed a .notification-feed-item-content .notification-feed-item-comment-reply-wrapper .notification-feed-item-comment-replied {
  font-weight: 400;
  font-style: italic;
  color: var(--facer-light);
}

.large-button-text, .facer-share-modal .facer-modal-content .facer-modal-inspect-cta, .facer-share-modal .facer-modal-content .facer-modal-share-cta, .facer-button.btn-lg i, .top-charts .btn-lg.btn i, .dashboard-outer-wrapper .btn-lg.btn i, .follow-button.follow-button-compact .btn-lg.btn i, .follow-button .btn i {
  font-weight: 500;
  font-size: 18px;
}

.xlarge-button-text, .facer-button.btn-xl i, .top-charts .btn-xl.btn i, .dashboard-outer-wrapper .btn-xl.btn i, .follow-button .btn-xl.btn i {
  font-weight: 500;
  font-size: 26px;
}

.card-text-title, .dashboard-watchface-list .dashboard-watchface-item .dashboard-watchface-item-title-outer-wrapper .dashboard-watchface-item-title,
.dashboard-watchface-list .dashboard-watchface-item .dashboard-watchface-item-title-outer-wrapper .dashboard-watchface-item-title a, .stat-text-value, .dashboard-outer-wrapper .dashboard-watchface-stats .dashboard-watchface-stat .dashboard-watchface-stat-value, .card-text-title-hovered, .dashboard-watchface-list .dashboard-watchface-item:hover .dashboard-watchface-item-title,
.dashboard-watchface-list .dashboard-watchface-item:hover .dashboard-watchface-item-title a,
.modal-text-title,
.facer-share-modal .facer-modal-content .facer-modal-title {
  font-weight: 500;
  font-size: 20px;
}

.card-text-title-hovered, .dashboard-watchface-list .dashboard-watchface-item:hover .dashboard-watchface-item-title,
.dashboard-watchface-list .dashboard-watchface-item:hover .dashboard-watchface-item-title a {
  color: var(--facer-blue);
}

.stat-text-value, .dashboard-outer-wrapper .dashboard-watchface-stats .dashboard-watchface-stat .dashboard-watchface-stat-value {
  font-weight: bold;
  color: var(--facer-blue);
}

.detail-text, .dashboard-watchface-list .dashboard-watchface-item .dashboard-watchface-item-details {
  font-size: 12px;
}

.small-detail-text, .dashboard-watchface-list .dashboard-watchface-item .dashboard-watchface-item-extra-details .dashboard-watchface-item-stats {
  font-size: 11px;
}

.jumbo-text, .publish-form h1, .publish-form__header, .dashboard-outer-wrapper .default-page .default-page-title {
  font-weight: 500;
  font-size: 30px;
}

.text-link, .premium-page .premium-page-footer ul li a {
  font-weight: bold;
  color: var(--facer-blue) !important;
}
.text-link:hover, .premium-page .premium-page-footer ul li a:hover {
  color: var(--facer-blue-highlight) !important;
}
.text-link.disabled, .premium-page .premium-page-footer ul li a.disabled {
  color: #999 !important;
  cursor: not-allowed;
}
.text-link i, .premium-page .premium-page-footer ul li a i {
  vertical-align: middle;
  font-size: 130%;
}
.text-link.text-link-orange, .premium-page .premium-page-footer ul li a.text-link-orange {
  color: orange !important;
}
.text-link.text-link-orange:hover, .premium-page .premium-page-footer ul li a.text-link-orange:hover {
  color: #ffaf1d !important;
}

/**
 * @deprecated This file is deprecated as of 2021-10-24 and will be removed in a future update.
 * Please use '1_settings/colors.scss' for all color-related styles.
 * 
 * TODO: Remove this file once all references have been updated to use global/colors.scss
 */
.blue-text {
  color: #2bade3;
}

.premium-text {
  color: #eeb60b !important;
}

.red-text {
  color: #f31805 !important;
}

.media-button, .watchface-media .watchface-media-item .watchface-media-buttons .watchface-media-button, [banner-video] .video-wrapper .controls-wrapper .controls .video-button {
  color: white;
  display: inline-block;
  width: 48px;
  text-align: center;
  height: 48px !important;
  border-radius: 50%;
  font-size: 24px;
  line-height: 40px;
  background-color: rgba(0, 0, 0, 0.75);
  margin: auto;
  display: -webkit-flex;
  display: -moz-flex;
  display: -ms-flex;
  display: flex;
  -webkit-flex-direction: column;
  -moz-flex-direction: column;
  -ms-flex-direction: column;
  flex-direction: column;
  -webkit-justify-content: center;
  -moz-justify-content: center;
  -ms-justify-content: center;
  justify-content: center;
}
.media-button i, .watchface-media .watchface-media-item .watchface-media-buttons .watchface-media-button i, [banner-video] .video-wrapper .controls-wrapper .controls .video-button i {
  vertical-align: middle;
  display: block;
  line-height: 0;
}
.media-button i.icon-play, .watchface-media .watchface-media-item .watchface-media-buttons .watchface-media-button i.icon-play, [banner-video] .video-wrapper .controls-wrapper .controls .video-button i.icon-play {
  line-height: 0;
  margin-left: 5px;
}

.btn.btn-default.btn-secondary {
  border: 1px solid #bbb;
}

.btn.btn-primary-v2 {
  border: 2px solid #2bade3;
  color: #2bade3;
  background-color: white;
}

.facer-button, .top-charts .btn, .dashboard-outer-wrapper .btn, .follow-button.follow-button-compact .btn, .follow-button .btn {
  display: -webkit-flex;
  display: -moz-flex;
  display: -ms-flex;
  display: flex;
  -webkit-justify-content: center;
  -moz-justify-content: center;
  -ms-justify-content: center;
  justify-content: center;
  -webkit-align-items: center;
  -moz-align-items: center;
  -ms-align-items: center;
  align-items: center;
  gap: 10px;
  min-height: 32px;
  height: auto;
  line-height: normal;
  padding: 0 20px;
  border-radius: 16px;
}
.facer-button i:not(.glyphicon), .top-charts .btn i:not(.glyphicon), .dashboard-outer-wrapper .btn i:not(.glyphicon), .follow-button .btn i:not(.glyphicon) {
  height: auto;
  margin: auto;
  line-height: 0;
}
.facer-button.btn-xl, .top-charts .btn-xl.btn, .dashboard-outer-wrapper .btn-xl.btn, .follow-button .btn-xl.btn {
  height: 55px !important;
  padding: 0 20px;
  border-radius: 27.5px;
  vertical-align: middle;
  font-size: 16px;
  font-weight: 500;
}
.facer-button.btn-lg, .top-charts .btn-lg.btn, .dashboard-outer-wrapper .btn-lg.btn, .follow-button .btn-lg.btn, .follow-button .btn {
  height: 40px !important;
  padding: 0 20px;
  border-radius: 20px;
  vertical-align: middle;
}
.facer-button.btn-sm, .top-charts .btn-sm.btn, .dashboard-outer-wrapper .btn-sm.btn, .follow-button .btn-sm.btn, .follow-button.follow-button-compact .btn {
  height: 35px !important;
  padding: 0 20px;
  border-radius: 17.5px;
  vertical-align: middle;
}
.facer-button.btn-primary, .top-charts .btn-primary.btn, .dashboard-outer-wrapper .btn-primary.btn, .follow-button .btn-primary.btn {
  color: white !important;
}
.facer-button.btn-primary i, .top-charts .btn-primary.btn i, .dashboard-outer-wrapper .btn-primary.btn i, .follow-button .btn-primary.btn i {
  color: white !important;
}
.facer-button.btn-primary:hover, .top-charts .btn-primary.btn:hover, .dashboard-outer-wrapper .btn-primary.btn:hover, .follow-button .btn-primary.btn:hover {
  box-shadow: 0 4px 6px 0 rgba(43, 173, 227, 0.2);
  background-color: #41b5e6;
  border: none;
}
.facer-button.btn-primary:active, .top-charts .btn-primary.btn:active, .dashboard-outer-wrapper .btn-primary.btn:active, .follow-button .btn-primary.btn:active {
  border-color: #41b5e6;
}
.facer-button.btn-primary[disabled=disabled], .top-charts .btn-primary[disabled=disabled].btn, .dashboard-outer-wrapper .btn-primary[disabled=disabled].btn, .follow-button .btn-primary[disabled=disabled].btn {
  background: #ededed;
  color: #b8b8b8 !important;
}
.facer-button.btn-rounded, .top-charts .btn-rounded.btn, .dashboard-outer-wrapper .btn-rounded.btn, .follow-button .btn-rounded.btn {
  border-radius: 110px;
  padding: 15px 40px;
  font-size: 16px;
}
.facer-button.btn-default, .top-charts .btn-default.btn, .dashboard-outer-wrapper .btn-default.btn, .follow-button .btn-default.btn {
  background: #e6e6e6;
  border-color: #e6e6e6;
}
.facer-button.btn-default:hover, .top-charts .btn-default.btn:hover, .dashboard-outer-wrapper .btn-default.btn:hover, .follow-button .btn-default.btn:hover {
  background-color: #d0d0d0;
}
.facer-button.btn-default:active, .top-charts .btn-default.btn:active, .dashboard-outer-wrapper .btn-default.btn:active, .follow-button .btn-default.btn:active {
  border-color: #d0d0d0;
}
.facer-button.navbar-btn, .top-charts .navbar-btn.btn, .dashboard-outer-wrapper .navbar-btn.btn, .follow-button .navbar-btn.btn {
  background: transparent;
  font-size: 14px;
  display: inline;
}
.facer-button.navbar-btn i, .top-charts .navbar-btn.btn i, .dashboard-outer-wrapper .navbar-btn.btn i, .follow-button .navbar-btn.btn i {
  font-size: 20px;
}
.facer-button.input-btn, .top-charts .input-btn.btn, .dashboard-outer-wrapper .input-btn.btn, .follow-button .input-btn.btn {
  position: absolute;
  top: 4px;
  right: 4px;
  height: 26px !important;
  width: 26px;
  padding: 0;
  color: white;
}
.facer-button.dropdown-toggle, .top-charts .dropdown-toggle.btn, .dashboard-outer-wrapper .dropdown-toggle.btn, .follow-button .dropdown-toggle.btn {
  font-weight: 400;
  padding: 0 15px 0 15px;
}
.facer-button.dropdown-toggle:focus, .top-charts .dropdown-toggle.btn:focus, .dashboard-outer-wrapper .dropdown-toggle.btn:focus, .follow-button .dropdown-toggle.btn:focus {
  box-shadow: none;
  border-color: transparent;
}
.facer-button.dropdown-toggle:hover, .top-charts .dropdown-toggle.btn:hover, .dashboard-outer-wrapper .dropdown-toggle.btn:hover, .follow-button .dropdown-toggle.btn:hover, .facer-button.dropdown-toggle:active, .top-charts .dropdown-toggle.btn:active, .dashboard-outer-wrapper .dropdown-toggle.btn:active, .follow-button .dropdown-toggle.btn:active, .facer-button.dropdown-toggle:focus, .top-charts .dropdown-toggle.btn:focus, .dashboard-outer-wrapper .dropdown-toggle.btn:focus, .follow-button .dropdown-toggle.btn:focus {
  background-color: var(--facer-dark-2);
}
.facer-button .facer-button-tag, .top-charts .btn .facer-button-tag, .dashboard-outer-wrapper .btn .facer-button-tag, .follow-button .btn .facer-button-tag {
  display: -webkit-flex;
  display: -moz-flex;
  display: -ms-flex;
  display: flex;
  -webkit-flex-direction: column;
  -moz-flex-direction: column;
  -ms-flex-direction: column;
  flex-direction: column;
  -webkit-justify-content: center;
  -moz-justify-content: center;
  -ms-justify-content: center;
  justify-content: center;
  font-size: 70%;
  font-weight: 500;
  background: rgba(255, 255, 255, 0.2);
  border-radius: 11px;
  height: 22px;
  padding: 1px 10px 0;
  vertical-align: middle;
}

print-button,
sync-button {
  z-index: 9;
}
print-button .sync-wrapper .sync-button,
sync-button .sync-wrapper .sync-button {
  background: #2bade3;
  display: block;
  border-radius: 50%;
  border: none;
  outline: none;
  color: white;
  width: 100px;
  height: 100px;
  font-size: 46px;
  padding: 0;
  line-height: 35px;
  box-shadow: 0 5px 12px -7px black;
  -webkit-transition: box-shadow linear 100ms;
  -moz-transition: box-shadow linear 100ms;
  -ms-transition: box-shadow linear 100ms;
  transition: box-shadow linear 100ms;
}
print-button .sync-wrapper .sync-button img,
sync-button .sync-wrapper .sync-button img {
  width: 80%;
  height: 80%;
}
print-button .sync-wrapper .sync-button:hover,
sync-button .sync-wrapper .sync-button:hover {
  box-shadow: 0 7px 20px -10px black;
}
print-button .sync-wrapper .external-url-link,
sync-button .sync-wrapper .external-url-link {
  display: block;
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  z-index: 1;
}
print-button.small .sync-button,
sync-button.small .sync-button {
  width: 75px;
  height: 75px;
  font-size: 38px;
  padding: 0;
  line-height: 32px;
}
print-button.small .sync-message-wrapper,
sync-button.small .sync-message-wrapper {
  top: 28%;
}
print-button.small .button-label-wrapper,
sync-button.small .button-label-wrapper {
  display: none;
}
print-button .sync-message-wrapper,
sync-button .sync-message-wrapper {
  position: absolute;
  top: 34%;
  height: 0;
}
print-button .sync-message-wrapper .sync-message,
sync-button .sync-message-wrapper .sync-message {
  position: absolute;
  right: 0;
  top: 0px;
  background: white;
  color: #000;
  padding: 7px 15px;
  margin-right: 12px;
  border-radius: 5px;
  z-index: 1;
  box-shadow: 0 5px 12px -7px black;
}
print-button .sync-message-wrapper .sync-message a,
sync-button .sync-message-wrapper .sync-message a {
  color: #2bade3;
  font-weight: bold;
  text-decoration: underline;
}
print-button .sync-message-wrapper .sync-message span,
sync-button .sync-message-wrapper .sync-message span {
  white-space: nowrap;
}
print-button .sync-message-wrapper .sync-message:after,
sync-button .sync-message-wrapper .sync-message:after {
  position: absolute;
  top: -20px;
  right: -20px;
  bottom: -20px;
  left: -20px;
  content: "";
}
print-button .button-label-wrapper,
sync-button .button-label-wrapper {
  height: 0;
  position: absolute;
  bottom: 0;
  left: 0;
  right: 0;
  color: #2bade3;
  white-space: nowrap;
}
print-button .button-label-wrapper .button-label,
sync-button .button-label-wrapper .button-label {
  margin: 13px auto;
  text-align: center;
}
@media (max-width: 767px) {
  print-button .button-label-wrapper .button-label,
  sync-button .button-label-wrapper .button-label {
    font-size: 12px;
    margin-top: 5px;
  }
}
print-button .premium .sync-button,
sync-button .premium .sync-button {
  background-color: #eeb60b;
}
print-button .premium .button-label-wrapper,
sync-button .premium .button-label-wrapper {
  color: #b98b00;
}
print-button .error .sync-button,
sync-button .error .sync-button {
  background-color: white;
  color: #f31805;
  border: 1px solid #f31805;
}
print-button .premium-success .sync-button,
sync-button .premium-success .sync-button {
  background-color: white;
  color: #eeb60b;
  border: 1px solid #eeb60b;
}
print-button .normal-success .sync-button,
sync-button .normal-success .sync-button {
  background-color: white;
  color: #2bade3;
  border: 1px solid #2bade3;
}
print-button .prompting-login .sync-button,
sync-button .prompting-login .sync-button {
  background-color: #f2f2f9;
  border: 2px dashed #2bade3;
}
print-button .labs .sync-message-wrapper,
sync-button .labs .sync-message-wrapper {
  top: 7%;
}
print-button .labs .sync-button,
sync-button .labs .sync-button {
  background-color: gray;
}
print-button .labs .button-label-wrapper,
sync-button .labs .button-label-wrapper {
  color: gray;
}
print-button .unavailable .sync-button,
sync-button .unavailable .sync-button {
  background-color: gray;
}
print-button .unavailable .button-label-wrapper,
sync-button .unavailable .button-label-wrapper {
  color: gray;
}
print-button[type=text],
sync-button[type=text] {
  position: relative;
}
print-button[type=text] .sync-button,
sync-button[type=text] .sync-button {
  color: #2bade3;
  background: white;
  line-height: normal;
}
print-button[type=text] .sync-button .icon-pushtowatch:before,
sync-button[type=text] .sync-button .icon-pushtowatch:before {
  color: #2bade3 !important;
  content: "Sync";
}
print-button[type=text] .sync-button .spinner-white > div,
sync-button[type=text] .sync-button .spinner-white > div {
  background: #2bade3 !important;
}
print-button[type=text] .sync-button .button-spinner,
sync-button[type=text] .sync-button .button-spinner {
  width: 32px;
}
print-button[type=text] .sync-button .button-spinner > div,
sync-button[type=text] .sync-button .button-spinner > div {
  width: 3px;
}
print-button[type=text] .normal-success .sync-button,
sync-button[type=text] .normal-success .sync-button {
  border: none;
}
print-button[type=text] .sync-message-wrapper,
sync-button[type=text] .sync-message-wrapper {
  top: -12%;
  right: 0;
  left: 0;
  display: -webkit-flex;
  display: -moz-flex;
  display: -ms-flex;
  display: flex;
  -webkit-flex-direction: column;
  -moz-flex-direction: column;
  -ms-flex-direction: column;
  flex-direction: column;
  -webkit-justify-content: flex-end;
  -moz-justify-content: flex-end;
  -ms-justify-content: flex-end;
  justify-content: flex-end;
  -webkit-align-items: center;
  -moz-align-items: center;
  -ms-align-items: center;
  align-items: center;
}
print-button[type=text] .sync-message-wrapper .sync-message,
sync-button[type=text] .sync-message-wrapper .sync-message {
  position: relative;
  margin-right: 0;
}
print-button[type=text] .button-label-wrapper,
sync-button[type=text] .button-label-wrapper {
  display: none;
}
print-button[type=text] .premium .sync-button,
sync-button[type=text] .premium .sync-button {
  border: 1px solid #eeb60b;
}
print-button[type=text] .premium .sync-button .icon-pushtowatch:before,
sync-button[type=text] .premium .sync-button .icon-pushtowatch:before {
  color: #eeb60b !important;
}

.facer-editor .labs .sync-message-wrapper {
  top: -7%;
}

.lights-off .sync-wrapper .sync-button {
  box-shadow: 0 5px 12px -7px white;
}

debug-info {
  position: fixed;
  top: 0;
  left: 0;
  z-index: 10;
  background: black;
  color: white;
  border: 1px solid white;
  padding: 5px;
  pointer-events: none;
}
debug-info pre {
  padding: none;
  background-color: transparent;
  border: 0;
  color: white;
}
debug-info.small,
debug-info.small pre,
debug-info.small debug-info,
debug-info.small tr {
  font-size: 9px !important;
}
debug-info.nested {
  position: absolute;
}
debug-info .key {
  color: gray;
  font-weight: bold;
  text-align: left;
}
debug-info .value {
  padding-left: 15px;
  text-align: right;
}

.watchface-stats .stat-wrapper {
  position: relative;
  width: 50%;
  margin: auto;
  min-height: 400px;
  min-width: 675px;
  background: #fff;
  z-index: 1;
  padding: 23px;
  box-sizing: content-box;
  border-radius: 3px;
  box-shadow: 0 5px 50px -13px black;
}
.watchface-stats .stat-wrapper .stat-header h2 {
  margin: 0;
  color: #000;
  display: -webkit-flex;
  display: -moz-flex;
  display: -ms-flex;
  display: flex;
  -webkit-align-items: center;
  -moz-align-items: center;
  -ms-align-items: center;
  align-items: center;
}
.watchface-stats .stat-wrapper .stat-header h2 .stat-image {
  display: inline-block;
  width: 100px;
  height: 100px;
  padding: 3px;
  margin-right: 10px;
  border-radius: 50%;
  border: 1px solid gray;
}
.watchface-stats .stat-wrapper .stat-header h2 .stat-image img {
  width: 100%;
  height: 100%;
  border-radius: 50%;
}
.watchface-stats .stat-wrapper .stat-header h2 .stat-label .stat-label-secondary {
  margin-left: 0 !important;
  font-weight: normal;
}
.watchface-stats .stat-wrapper .highlight-stats .highlight-stat {
  text-align: center;
}
.watchface-stats .stat-wrapper .highlight-stats .highlight-stat .highlight-stat-value {
  color: black;
  font-size: 200%;
}
.watchface-stats .stat-wrapper .options {
  height: 30px;
  left: 0;
  text-align: center;
}
.watchface-stats .stat-wrapper .options .option {
  border: none;
  color: white;
  border-radius: 15px;
  margin-right: 5px;
  padding: 4px 15px;
  outline: none;
}
.watchface-stats .stat-wrapper .options .option.selected {
  background: white !important;
}
.watchface-stats .stat-wrapper .options .option.not-selected {
  color: white !important;
}
.watchface-stats .stat-wrapper chart {
  display: block;
}

/**
 * @deprecated This file is deprecated as of 2021-10-24 and will be removed in a future update.
 * Please use '4_elements/button.scss' for all button-related styles.
 * 
 * TODO: Remove this file once all references have been updated to use 4_elements/button.scss
 */
:root {
  --facer-default-font: "Roboto", Helvetica, Arial, sans-serif;
  --facer-text-size-small: 12px;
  --facer-text-size-normal: 14px;
}

.normal-text, .dashboard-watchface-list .dashboard-watchface-item .dashboard-watchface-item-extra-details .dashboard-watchface-item-stats .dashboard-watchface-item-stat i, .muted-text, .dashboard-watchface-list .dashboard-watchface-item .dashboard-watchface-item-extra-details .dashboard-watchface-item-platforms i, .dashboard-watchface-list .dashboard-watchface-item .dashboard-watchface-item-details .edit-date, .bold-text, .light-text, .dashboard-outer-wrapper .default-page .default-page-starting-points .default-page-starting-point p, .dark-text, .page-title, .auth-modal h1, .auth-page h1, .top-charts .top-charts-header .top-charts-header-title h1, .page-title-medium, .dashboard-page-header .dashboard-page-header-title, .dashboard-outer-wrapper .default-page .default-page-starting-points .default-page-starting-point .default-page-starting-point-title, .page-subtitle, .top-charts .top-charts-header .top-charts-header-title .top-charts-header-subtitle, .dashboard-page-header .dashboard-page-header-detail, .button-text, .caption-text, .notification-feed a .notification-feed-item-content .notification-feed-item-title + .notification-feed-item-message, .text-button, .small-text-button, .notification-feed a .notification-feed-item-content .notification-feed-item-comment-reply-wrapper, .large-button-text, .facer-share-modal .facer-modal-content .facer-modal-inspect-cta, .facer-share-modal .facer-modal-content .facer-modal-share-cta, .xlarge-button-text, .card-text-title, .dashboard-watchface-list .dashboard-watchface-item .dashboard-watchface-item-title-outer-wrapper .dashboard-watchface-item-title,
.dashboard-watchface-list .dashboard-watchface-item .dashboard-watchface-item-title-outer-wrapper .dashboard-watchface-item-title a,
.modal-text-title,
.facer-share-modal .facer-modal-content .facer-modal-title, .card-text-title-hovered, .dashboard-watchface-list .dashboard-watchface-item:hover .dashboard-watchface-item-title,
.dashboard-watchface-list .dashboard-watchface-item:hover .dashboard-watchface-item-title a, .stat-text-value, .dashboard-outer-wrapper .dashboard-watchface-stats .dashboard-watchface-stat .dashboard-watchface-stat-value, .detail-text, .dashboard-watchface-list .dashboard-watchface-item .dashboard-watchface-item-details, .small-detail-text, .dashboard-watchface-list .dashboard-watchface-item .dashboard-watchface-item-extra-details .dashboard-watchface-item-stats, .jumbo-text, .publish-form h1, .publish-form__header, .dashboard-outer-wrapper .default-page .default-page-title, .jumbo-text-detail, .dashboard-outer-wrapper .default-page .default-page-subtitle, .facer-button, .top-charts .btn, .dashboard-outer-wrapper .btn, .follow-button.follow-button-compact .btn, .follow-button .btn, .facer-button i:not(.glyphicon), .top-charts .btn i:not(.glyphicon), .dashboard-outer-wrapper .btn i:not(.glyphicon), .facer-button.btn-xl i, .top-charts .btn-xl.btn i, .dashboard-outer-wrapper .btn-xl.btn i, .facer-button.btn-lg i, .top-charts .btn-lg.btn i, .dashboard-outer-wrapper .btn-lg.btn i, .follow-button .btn i, .facer-button.btn-sm,
.facer-button.btn-sm i,
.top-charts .btn-sm.btn i,
.dashboard-outer-wrapper .btn-sm.btn i,
.follow-button.follow-button-compact .btn i, print-button[type=text] .sync-button .icon-pushtowatch:before,
sync-button[type=text] .sync-button .icon-pushtowatch:before {
  font-family: var(--facer-default-font);
  color: var(--facer-dark);
}

.muted-text, .dashboard-watchface-list .dashboard-watchface-item .dashboard-watchface-item-extra-details .dashboard-watchface-item-platforms i, .dashboard-watchface-list .dashboard-watchface-item .dashboard-watchface-item-details .edit-date {
  color: var(--facer-muted);
}

.bold-text {
  font-weight: 500;
}

.light-text, .dashboard-outer-wrapper .default-page .default-page-starting-points .default-page-starting-point p {
  color: var(--facer-light);
}

.dark-text {
  color: var(--facer-dark);
}

.page-title, .auth-modal h1, .auth-page h1, .top-charts .top-charts-header .top-charts-header-title h1 {
  font-weight: 500;
  font-size: 26px;
}

.page-title-medium, .dashboard-page-header .dashboard-page-header-title, .dashboard-outer-wrapper .default-page .default-page-starting-points .default-page-starting-point .default-page-starting-point-title {
  font-weight: 500;
  font-size: 22px;
}

.page-subtitle, .top-charts .top-charts-header .top-charts-header-title .top-charts-header-subtitle, .dashboard-page-header .dashboard-page-header-detail, .jumbo-text-detail, .dashboard-outer-wrapper .default-page .default-page-subtitle {
  font-weight: 400;
  font-size: 14px;
  color: var(--facer-light);
}

.button-text, .large-button-text, .facer-share-modal .facer-modal-content .facer-modal-inspect-cta, .facer-share-modal .facer-modal-content .facer-modal-share-cta, .xlarge-button-text, .facer-button, .top-charts .btn, .dashboard-outer-wrapper .btn, .follow-button.follow-button-compact .btn, .follow-button .btn, .facer-button i:not(.glyphicon), .top-charts .btn i:not(.glyphicon), .dashboard-outer-wrapper .btn i:not(.glyphicon), .follow-button.follow-button-compact .btn i:not(.glyphicon), .facer-button.btn-xl i, .top-charts .btn-xl.btn i, .dashboard-outer-wrapper .btn-xl.btn i, .follow-button.follow-button-compact .btn-xl.btn i, .facer-button.btn-lg i, .top-charts .btn-lg.btn i, .dashboard-outer-wrapper .btn-lg.btn i, .follow-button.follow-button-compact .btn-lg.btn i, .follow-button .btn i, print-button[type=text] .sync-button .icon-pushtowatch:before,
sync-button[type=text] .sync-button .icon-pushtowatch:before {
  font-weight: 500;
  font-size: 14px;
}

.caption-text, .notification-feed a .notification-feed-item-content .notification-feed-item-title + .notification-feed-item-message {
  font-weight: 400;
  font-size: 14px;
  font-style: italic;
}

.text-button, .small-text-button, .notification-feed a .notification-feed-item-content .notification-feed-item-comment-reply-wrapper, .facer-button.btn-sm, .top-charts .btn-sm.btn, .dashboard-outer-wrapper .btn-sm.btn, .follow-button .btn-sm.btn, .follow-button.follow-button-compact .btn,
.facer-button.btn-sm i,
.top-charts .btn-sm.btn i,
.dashboard-outer-wrapper .btn-sm.btn i,
.follow-button .btn-sm.btn i,
.follow-button.follow-button-compact .btn i {
  font-weight: 500;
  font-size: 14px;
  color: var(--facer-blue);
}
.text-button:hover, .small-text-button:hover, .notification-feed a .notification-feed-item-content .notification-feed-item-comment-reply-wrapper:hover, .facer-button.btn-sm:hover, .top-charts .btn-sm.btn:hover, .dashboard-outer-wrapper .btn-sm.btn:hover, .follow-button .btn-sm.btn:hover, .follow-button.follow-button-compact .btn:hover,
.facer-button.btn-sm i:hover,
.top-charts .btn-sm.btn i:hover,
.dashboard-outer-wrapper .btn-sm.btn i:hover,
.follow-button .btn-sm.btn i:hover,
.follow-button.follow-button-compact .btn i:hover {
  color: var(--facer-blue-highlight);
}

.small-text-button, .notification-feed a .notification-feed-item-content .notification-feed-item-comment-reply-wrapper, .facer-button.btn-sm, .top-charts .btn-sm.btn, .dashboard-outer-wrapper .btn-sm.btn, .follow-button .btn-sm.btn, .follow-button.follow-button-compact .btn,
.facer-button.btn-sm i,
.top-charts .btn-sm.btn i,
.dashboard-outer-wrapper .btn-sm.btn i,
.follow-button .btn-sm.btn i,
.follow-button.follow-button-compact .btn i {
  font-weight: 500;
  font-size: 11px;
}

.text-button-completed, .notification-feed a .notification-feed-item-content .notification-feed-item-comment-reply-wrapper .notification-feed-item-comment-replied {
  font-weight: 400;
  font-style: italic;
  color: var(--facer-light);
}

.large-button-text, .facer-share-modal .facer-modal-content .facer-modal-inspect-cta, .facer-share-modal .facer-modal-content .facer-modal-share-cta, .facer-button.btn-lg i, .top-charts .btn-lg.btn i, .dashboard-outer-wrapper .btn-lg.btn i, .follow-button.follow-button-compact .btn-lg.btn i, .follow-button .btn i {
  font-weight: 500;
  font-size: 18px;
}

.xlarge-button-text, .facer-button.btn-xl i, .top-charts .btn-xl.btn i, .dashboard-outer-wrapper .btn-xl.btn i, .follow-button .btn-xl.btn i {
  font-weight: 500;
  font-size: 26px;
}

.card-text-title, .dashboard-watchface-list .dashboard-watchface-item .dashboard-watchface-item-title-outer-wrapper .dashboard-watchface-item-title,
.dashboard-watchface-list .dashboard-watchface-item .dashboard-watchface-item-title-outer-wrapper .dashboard-watchface-item-title a, .card-text-title-hovered, .dashboard-watchface-list .dashboard-watchface-item:hover .dashboard-watchface-item-title,
.dashboard-watchface-list .dashboard-watchface-item:hover .dashboard-watchface-item-title a, .stat-text-value, .dashboard-outer-wrapper .dashboard-watchface-stats .dashboard-watchface-stat .dashboard-watchface-stat-value,
.modal-text-title,
.facer-share-modal .facer-modal-content .facer-modal-title {
  font-weight: 500;
  font-size: 20px;
}

.card-text-title-hovered, .dashboard-watchface-list .dashboard-watchface-item:hover .dashboard-watchface-item-title,
.dashboard-watchface-list .dashboard-watchface-item:hover .dashboard-watchface-item-title a {
  color: var(--facer-blue);
}

.stat-text-value, .dashboard-outer-wrapper .dashboard-watchface-stats .dashboard-watchface-stat .dashboard-watchface-stat-value {
  font-weight: bold;
  color: var(--facer-blue);
}

.detail-text, .dashboard-watchface-list .dashboard-watchface-item .dashboard-watchface-item-details {
  font-size: 12px;
}

.small-detail-text, .dashboard-watchface-list .dashboard-watchface-item .dashboard-watchface-item-extra-details .dashboard-watchface-item-stats {
  font-size: 11px;
}

.jumbo-text, .publish-form h1, .publish-form__header, .dashboard-outer-wrapper .default-page .default-page-title {
  font-weight: 500;
  font-size: 30px;
}

.text-link, .premium-page .premium-page-footer ul li a {
  font-weight: bold;
  color: var(--facer-blue) !important;
}
.text-link:hover, .premium-page .premium-page-footer ul li a:hover {
  color: var(--facer-blue-highlight) !important;
}
.text-link.disabled, .premium-page .premium-page-footer ul li a.disabled {
  color: #999 !important;
  cursor: not-allowed;
}
.text-link i, .premium-page .premium-page-footer ul li a i {
  vertical-align: middle;
  font-size: 130%;
}
.text-link.text-link-orange, .premium-page .premium-page-footer ul li a.text-link-orange {
  color: orange !important;
}
.text-link.text-link-orange:hover, .premium-page .premium-page-footer ul li a.text-link-orange:hover {
  color: #ffaf1d !important;
}

/**
 * @deprecated This file is deprecated as of 2021-10-24 and will be removed in a future update.
 * Please use '1_settings/colors.scss' for all color-related styles.
 * 
 * TODO: Remove this file once all references have been updated to use global/colors.scss
 */
.blue-text {
  color: #2bade3;
}

.premium-text {
  color: #eeb60b !important;
}

.red-text {
  color: #f31805 !important;
}

.media-button, .watchface-media .watchface-media-item .watchface-media-buttons .watchface-media-button, [banner-video] .video-wrapper .controls-wrapper .controls .video-button {
  color: white;
  display: inline-block;
  width: 48px;
  text-align: center;
  height: 48px !important;
  border-radius: 50%;
  font-size: 24px;
  line-height: 40px;
  background-color: rgba(0, 0, 0, 0.75);
  margin: auto;
  display: -webkit-flex;
  display: -moz-flex;
  display: -ms-flex;
  display: flex;
  -webkit-flex-direction: column;
  -moz-flex-direction: column;
  -ms-flex-direction: column;
  flex-direction: column;
  -webkit-justify-content: center;
  -moz-justify-content: center;
  -ms-justify-content: center;
  justify-content: center;
}
.media-button i, .watchface-media .watchface-media-item .watchface-media-buttons .watchface-media-button i, [banner-video] .video-wrapper .controls-wrapper .controls .video-button i {
  vertical-align: middle;
  display: block;
  line-height: 0;
}
.media-button i.icon-play, .watchface-media .watchface-media-item .watchface-media-buttons .watchface-media-button i.icon-play, [banner-video] .video-wrapper .controls-wrapper .controls .video-button i.icon-play {
  line-height: 0;
  margin-left: 5px;
}

.btn.btn-default.btn-secondary {
  border: 1px solid #bbb;
}

.btn.btn-primary-v2 {
  border: 2px solid #2bade3;
  color: #2bade3;
  background-color: white;
}

.facer-button, .top-charts .btn, .dashboard-outer-wrapper .btn, .follow-button.follow-button-compact .btn, .follow-button .btn {
  display: -webkit-flex;
  display: -moz-flex;
  display: -ms-flex;
  display: flex;
  -webkit-justify-content: center;
  -moz-justify-content: center;
  -ms-justify-content: center;
  justify-content: center;
  -webkit-align-items: center;
  -moz-align-items: center;
  -ms-align-items: center;
  align-items: center;
  gap: 10px;
  min-height: 32px;
  height: auto;
  line-height: normal;
  padding: 0 20px;
  border-radius: 16px;
}
.facer-button i:not(.glyphicon), .top-charts .btn i:not(.glyphicon), .dashboard-outer-wrapper .btn i:not(.glyphicon), .follow-button .btn i:not(.glyphicon) {
  height: auto;
  margin: auto;
  line-height: 0;
}
.facer-button.btn-xl, .top-charts .btn-xl.btn, .dashboard-outer-wrapper .btn-xl.btn, .follow-button .btn-xl.btn {
  height: 55px !important;
  padding: 0 20px;
  border-radius: 27.5px;
  vertical-align: middle;
  font-size: 16px;
  font-weight: 500;
}
.facer-button.btn-lg, .top-charts .btn-lg.btn, .dashboard-outer-wrapper .btn-lg.btn, .follow-button.follow-button-compact .btn-lg.btn, .follow-button .btn {
  height: 40px !important;
  padding: 0 20px;
  border-radius: 20px;
  vertical-align: middle;
}
.facer-button.btn-sm, .top-charts .btn-sm.btn, .dashboard-outer-wrapper .btn-sm.btn, .follow-button .btn-sm.btn, .follow-button.follow-button-compact .btn {
  height: 35px !important;
  padding: 0 20px;
  border-radius: 17.5px;
  vertical-align: middle;
}
.facer-button.btn-primary, .top-charts .btn-primary.btn, .dashboard-outer-wrapper .btn-primary.btn, .follow-button .btn-primary.btn {
  color: white !important;
}
.facer-button.btn-primary i, .top-charts .btn-primary.btn i, .dashboard-outer-wrapper .btn-primary.btn i, .follow-button .btn-primary.btn i {
  color: white !important;
}
.facer-button.btn-primary:hover, .top-charts .btn-primary.btn:hover, .dashboard-outer-wrapper .btn-primary.btn:hover, .follow-button .btn-primary.btn:hover {
  box-shadow: 0 4px 6px 0 rgba(43, 173, 227, 0.2);
  background-color: #41b5e6;
  border: none;
}
.facer-button.btn-primary:active, .top-charts .btn-primary.btn:active, .dashboard-outer-wrapper .btn-primary.btn:active, .follow-button .btn-primary.btn:active {
  border-color: #41b5e6;
}
.facer-button.btn-primary[disabled=disabled], .top-charts .btn-primary[disabled=disabled].btn, .dashboard-outer-wrapper .btn-primary[disabled=disabled].btn, .follow-button .btn-primary[disabled=disabled].btn {
  background: #ededed;
  color: #b8b8b8 !important;
}
.facer-button.btn-rounded, .top-charts .btn-rounded.btn, .dashboard-outer-wrapper .btn-rounded.btn, .follow-button .btn-rounded.btn {
  border-radius: 110px;
  padding: 15px 40px;
  font-size: 16px;
}
.facer-button.btn-default, .top-charts .btn-default.btn, .dashboard-outer-wrapper .btn-default.btn, .follow-button .btn-default.btn {
  background: #e6e6e6;
  border-color: #e6e6e6;
}
.facer-button.btn-default:hover, .top-charts .btn-default.btn:hover, .dashboard-outer-wrapper .btn-default.btn:hover, .follow-button .btn-default.btn:hover {
  background-color: #d0d0d0;
}
.facer-button.btn-default:active, .top-charts .btn-default.btn:active, .dashboard-outer-wrapper .btn-default.btn:active, .follow-button .btn-default.btn:active {
  border-color: #d0d0d0;
}
.facer-button.navbar-btn, .top-charts .navbar-btn.btn, .dashboard-outer-wrapper .navbar-btn.btn, .follow-button .navbar-btn.btn {
  background: transparent;
  font-size: 14px;
  display: inline;
}
.facer-button.navbar-btn i, .top-charts .navbar-btn.btn i, .dashboard-outer-wrapper .navbar-btn.btn i, .follow-button .navbar-btn.btn i {
  font-size: 20px;
}
.facer-button.input-btn, .top-charts .input-btn.btn, .dashboard-outer-wrapper .input-btn.btn, .follow-button .input-btn.btn {
  position: absolute;
  top: 4px;
  right: 4px;
  height: 26px !important;
  width: 26px;
  padding: 0;
  color: white;
}
.facer-button.dropdown-toggle, .top-charts .dropdown-toggle.btn, .dashboard-outer-wrapper .dropdown-toggle.btn, .follow-button .dropdown-toggle.btn {
  font-weight: 400;
  padding: 0 15px 0 15px;
}
.facer-button.dropdown-toggle:focus, .top-charts .dropdown-toggle.btn:focus, .dashboard-outer-wrapper .dropdown-toggle.btn:focus, .follow-button .dropdown-toggle.btn:focus {
  box-shadow: none;
  border-color: transparent;
}
.facer-button.dropdown-toggle:hover, .top-charts .dropdown-toggle.btn:hover, .dashboard-outer-wrapper .dropdown-toggle.btn:hover, .follow-button .dropdown-toggle.btn:hover, .facer-button.dropdown-toggle:active, .top-charts .dropdown-toggle.btn:active, .dashboard-outer-wrapper .dropdown-toggle.btn:active, .follow-button .dropdown-toggle.btn:active, .facer-button.dropdown-toggle:focus, .top-charts .dropdown-toggle.btn:focus, .dashboard-outer-wrapper .dropdown-toggle.btn:focus, .follow-button .dropdown-toggle.btn:focus {
  background-color: var(--facer-dark-2);
}
.facer-button .facer-button-tag, .top-charts .btn .facer-button-tag, .dashboard-outer-wrapper .btn .facer-button-tag, .follow-button .btn .facer-button-tag {
  display: -webkit-flex;
  display: -moz-flex;
  display: -ms-flex;
  display: flex;
  -webkit-flex-direction: column;
  -moz-flex-direction: column;
  -ms-flex-direction: column;
  flex-direction: column;
  -webkit-justify-content: center;
  -moz-justify-content: center;
  -ms-justify-content: center;
  justify-content: center;
  font-size: 70%;
  font-weight: 500;
  background: rgba(255, 255, 255, 0.2);
  border-radius: 11px;
  height: 22px;
  padding: 1px 10px 0;
  vertical-align: middle;
}

[banner-video] .video-wrapper {
  margin: auto;
  position: relative;
  height: 100%;
  width: 100%;
}
[banner-video] .video-wrapper video {
  margin: auto;
  height: 100%;
  display: block;
  -webkit-transition: opacity linear 250ms;
  -moz-transition: opacity linear 250ms;
  -ms-transition: opacity linear 250ms;
  transition: opacity linear 250ms;
}
[banner-video] .video-wrapper .controls-wrapper {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
}
[banner-video] .video-wrapper .controls-wrapper .controls {
  display: -webkit-flex;
  display: -moz-flex;
  display: -ms-flex;
  display: flex;
  -webkit-flex-direction: column;
  -moz-flex-direction: column;
  -ms-flex-direction: column;
  flex-direction: column;
  gap: 5px;
  position: absolute;
  text-align: center;
  left: 10px;
  bottom: 10px;
}
[banner-video] .video-wrapper .controls-wrapper.centered-controls {
  display: -webkit-flex;
  display: -moz-flex;
  display: -ms-flex;
  display: flex;
  -webkit-flex-direction: column;
  -moz-flex-direction: column;
  -ms-flex-direction: column;
  flex-direction: column;
  -webkit-justify-content: center;
  -moz-justify-content: center;
  -ms-justify-content: center;
  justify-content: center;
}
[banner-video] .video-wrapper .controls-wrapper.centered-controls .controls {
  position: relative;
  bottom: auto;
  left: auto;
}

.facer-media-viewer {
  padding: 0 !important;
}
.facer-media-viewer #carousel {
  box-shadow: none;
  background-color: transparent;
  height: 80%;
}
.facer-media-viewer #carousel slick,
.facer-media-viewer #carousel .slick-track,
.facer-media-viewer #carousel .slick-list,
.facer-media-viewer #carousel .carousel-image,
.facer-media-viewer #carousel .collection-video {
  height: 100%;
}
.facer-media-viewer #carousel .slick-arrow {
  background: transparent !important;
}
.facer-media-viewer #carousel .slick-track {
  display: -webkit-flex;
  display: -moz-flex;
  display: -ms-flex;
  display: flex;
}
.facer-media-viewer #carousel .slick-track .slick-slide {
  display: -webkit-flex;
  display: -moz-flex;
  display: -ms-flex;
  display: flex;
  height: auto;
  max-height: 100%;
  -webkit-align-items: center;
  -moz-align-items: center;
  -ms-align-items: center;
  align-items: center;
  -webkit-justify-content: center;
  -moz-justify-content: center;
  -ms-justify-content: center;
  justify-content: center;
  margin: 0 20px;
  outline: none;
}
.facer-media-viewer #carousel .slick-track .slick-slide.slick-current img {
  display: block !important;
}
.facer-media-viewer #carousel .slick-track .slick-slide .carousel-image {
  width: 100%;
}
.facer-media-viewer #carousel .slick-track .slick-slide img {
  box-shadow: 0 5px 50px -13px black;
  max-height: 100%;
  max-width: 100%;
  background: #000;
}
.facer-media-viewer #carousel .slick-track .slick-slide [banner-video] {
  height: auto;
}
.facer-media-viewer #carousel .slick-track .slick-slide [banner-video] video {
  width: 100% !important;
  height: auto !important;
}

/**
 * @deprecated This file is deprecated as of 2021-10-24 and will be removed in a future update.
 * Please use '4_elements/button.scss' for all button-related styles.
 * 
 * TODO: Remove this file once all references have been updated to use 4_elements/button.scss
 */
:root {
  --facer-default-font: "Roboto", Helvetica, Arial, sans-serif;
  --facer-text-size-small: 12px;
  --facer-text-size-normal: 14px;
}

.normal-text, .dashboard-watchface-list .dashboard-watchface-item .dashboard-watchface-item-extra-details .dashboard-watchface-item-stats .dashboard-watchface-item-stat i, .muted-text, .dashboard-watchface-list .dashboard-watchface-item .dashboard-watchface-item-extra-details .dashboard-watchface-item-platforms i, .dashboard-watchface-list .dashboard-watchface-item .dashboard-watchface-item-details .edit-date, .bold-text, .light-text, .dashboard-outer-wrapper .default-page .default-page-starting-points .default-page-starting-point p, .dark-text, .page-title, .auth-modal h1, .auth-page h1, .top-charts .top-charts-header .top-charts-header-title h1, .page-title-medium, .dashboard-page-header .dashboard-page-header-title, .dashboard-outer-wrapper .default-page .default-page-starting-points .default-page-starting-point .default-page-starting-point-title, .page-subtitle, .top-charts .top-charts-header .top-charts-header-title .top-charts-header-subtitle, .dashboard-page-header .dashboard-page-header-detail, .button-text, .caption-text, .notification-feed a .notification-feed-item-content .notification-feed-item-title + .notification-feed-item-message, .text-button, .small-text-button, .notification-feed a .notification-feed-item-content .notification-feed-item-comment-reply-wrapper, .large-button-text, .facer-share-modal .facer-modal-content .facer-modal-inspect-cta, .facer-share-modal .facer-modal-content .facer-modal-share-cta, .xlarge-button-text, .card-text-title, .dashboard-watchface-list .dashboard-watchface-item .dashboard-watchface-item-title-outer-wrapper .dashboard-watchface-item-title,
.dashboard-watchface-list .dashboard-watchface-item .dashboard-watchface-item-title-outer-wrapper .dashboard-watchface-item-title a,
.modal-text-title,
.facer-share-modal .facer-modal-content .facer-modal-title, .card-text-title-hovered, .dashboard-watchface-list .dashboard-watchface-item:hover .dashboard-watchface-item-title,
.dashboard-watchface-list .dashboard-watchface-item:hover .dashboard-watchface-item-title a, .stat-text-value, .dashboard-outer-wrapper .dashboard-watchface-stats .dashboard-watchface-stat .dashboard-watchface-stat-value, .detail-text, .dashboard-watchface-list .dashboard-watchface-item .dashboard-watchface-item-details, .small-detail-text, .dashboard-watchface-list .dashboard-watchface-item .dashboard-watchface-item-extra-details .dashboard-watchface-item-stats, .jumbo-text, .publish-form h1, .publish-form__header, .dashboard-outer-wrapper .default-page .default-page-title, .jumbo-text-detail, .dashboard-outer-wrapper .default-page .default-page-subtitle, .facer-button, .top-charts .btn, .dashboard-outer-wrapper .btn, .follow-button.follow-button-compact .btn, .follow-button .btn, .facer-button i:not(.glyphicon), .top-charts .btn i:not(.glyphicon), .dashboard-outer-wrapper .btn i:not(.glyphicon), .facer-button.btn-xl i, .top-charts .btn-xl.btn i, .dashboard-outer-wrapper .btn-xl.btn i, .facer-button.btn-lg i, .top-charts .btn-lg.btn i, .dashboard-outer-wrapper .btn-lg.btn i, .follow-button .btn i, .facer-button.btn-sm,
.facer-button.btn-sm i,
.top-charts .btn-sm.btn i,
.dashboard-outer-wrapper .btn-sm.btn i,
.follow-button.follow-button-compact .btn i, print-button[type=text] .sync-button .icon-pushtowatch:before,
sync-button[type=text] .sync-button .icon-pushtowatch:before {
  font-family: var(--facer-default-font);
  color: var(--facer-dark);
}

.muted-text, .dashboard-watchface-list .dashboard-watchface-item .dashboard-watchface-item-extra-details .dashboard-watchface-item-platforms i, .dashboard-watchface-list .dashboard-watchface-item .dashboard-watchface-item-details .edit-date {
  color: var(--facer-muted);
}

.bold-text {
  font-weight: 500;
}

.light-text, .dashboard-outer-wrapper .default-page .default-page-starting-points .default-page-starting-point p {
  color: var(--facer-light);
}

.dark-text {
  color: var(--facer-dark);
}

.page-title, .auth-modal h1, .auth-page h1, .top-charts .top-charts-header .top-charts-header-title h1 {
  font-weight: 500;
  font-size: 26px;
}

.page-title-medium, .dashboard-page-header .dashboard-page-header-title, .dashboard-outer-wrapper .default-page .default-page-starting-points .default-page-starting-point .default-page-starting-point-title {
  font-weight: 500;
  font-size: 22px;
}

.page-subtitle, .top-charts .top-charts-header .top-charts-header-title .top-charts-header-subtitle, .dashboard-page-header .dashboard-page-header-detail, .jumbo-text-detail, .dashboard-outer-wrapper .default-page .default-page-subtitle {
  font-weight: 400;
  font-size: 14px;
  color: var(--facer-light);
}

.button-text, .large-button-text, .facer-share-modal .facer-modal-content .facer-modal-inspect-cta, .facer-share-modal .facer-modal-content .facer-modal-share-cta, .xlarge-button-text, .facer-button, .top-charts .btn, .dashboard-outer-wrapper .btn, .follow-button.follow-button-compact .btn, .follow-button .btn, .facer-button i:not(.glyphicon), .top-charts .btn i:not(.glyphicon), .dashboard-outer-wrapper .btn i:not(.glyphicon), .follow-button.follow-button-compact .btn i:not(.glyphicon), .facer-button.btn-xl i, .top-charts .btn-xl.btn i, .dashboard-outer-wrapper .btn-xl.btn i, .follow-button.follow-button-compact .btn-xl.btn i, .facer-button.btn-lg i, .top-charts .btn-lg.btn i, .dashboard-outer-wrapper .btn-lg.btn i, .follow-button.follow-button-compact .btn-lg.btn i, .follow-button .btn i, print-button[type=text] .sync-button .icon-pushtowatch:before,
sync-button[type=text] .sync-button .icon-pushtowatch:before {
  font-weight: 500;
  font-size: 14px;
}

.caption-text, .notification-feed a .notification-feed-item-content .notification-feed-item-title + .notification-feed-item-message {
  font-weight: 400;
  font-size: 14px;
  font-style: italic;
}

.text-button, .small-text-button, .notification-feed a .notification-feed-item-content .notification-feed-item-comment-reply-wrapper, .facer-button.btn-sm, .top-charts .btn-sm.btn, .dashboard-outer-wrapper .btn-sm.btn, .follow-button .btn-sm.btn, .follow-button.follow-button-compact .btn,
.facer-button.btn-sm i,
.top-charts .btn-sm.btn i,
.dashboard-outer-wrapper .btn-sm.btn i,
.follow-button .btn-sm.btn i,
.follow-button.follow-button-compact .btn i {
  font-weight: 500;
  font-size: 14px;
  color: var(--facer-blue);
}
.text-button:hover, .small-text-button:hover, .notification-feed a .notification-feed-item-content .notification-feed-item-comment-reply-wrapper:hover, .facer-button.btn-sm:hover, .top-charts .btn-sm.btn:hover, .dashboard-outer-wrapper .btn-sm.btn:hover, .follow-button .btn-sm.btn:hover, .follow-button.follow-button-compact .btn:hover,
.facer-button.btn-sm i:hover,
.top-charts .btn-sm.btn i:hover,
.dashboard-outer-wrapper .btn-sm.btn i:hover,
.follow-button .btn-sm.btn i:hover,
.follow-button.follow-button-compact .btn i:hover {
  color: var(--facer-blue-highlight);
}

.small-text-button, .notification-feed a .notification-feed-item-content .notification-feed-item-comment-reply-wrapper, .facer-button.btn-sm, .top-charts .btn-sm.btn, .dashboard-outer-wrapper .btn-sm.btn, .follow-button .btn-sm.btn, .follow-button.follow-button-compact .btn,
.facer-button.btn-sm i,
.top-charts .btn-sm.btn i,
.dashboard-outer-wrapper .btn-sm.btn i,
.follow-button .btn-sm.btn i,
.follow-button.follow-button-compact .btn i {
  font-weight: 500;
  font-size: 11px;
}

.text-button-completed, .notification-feed a .notification-feed-item-content .notification-feed-item-comment-reply-wrapper .notification-feed-item-comment-replied {
  font-weight: 400;
  font-style: italic;
  color: var(--facer-light);
}

.large-button-text, .facer-share-modal .facer-modal-content .facer-modal-inspect-cta, .facer-share-modal .facer-modal-content .facer-modal-share-cta, .facer-button.btn-lg i, .top-charts .btn-lg.btn i, .dashboard-outer-wrapper .btn-lg.btn i, .follow-button.follow-button-compact .btn-lg.btn i, .follow-button .btn i {
  font-weight: 500;
  font-size: 18px;
}

.xlarge-button-text, .facer-button.btn-xl i, .top-charts .btn-xl.btn i, .dashboard-outer-wrapper .btn-xl.btn i, .follow-button .btn-xl.btn i {
  font-weight: 500;
  font-size: 26px;
}

.card-text-title, .dashboard-watchface-list .dashboard-watchface-item .dashboard-watchface-item-title-outer-wrapper .dashboard-watchface-item-title,
.dashboard-watchface-list .dashboard-watchface-item .dashboard-watchface-item-title-outer-wrapper .dashboard-watchface-item-title a, .card-text-title-hovered, .dashboard-watchface-list .dashboard-watchface-item:hover .dashboard-watchface-item-title,
.dashboard-watchface-list .dashboard-watchface-item:hover .dashboard-watchface-item-title a, .stat-text-value, .dashboard-outer-wrapper .dashboard-watchface-stats .dashboard-watchface-stat .dashboard-watchface-stat-value,
.modal-text-title,
.facer-share-modal .facer-modal-content .facer-modal-title {
  font-weight: 500;
  font-size: 20px;
}

.card-text-title-hovered, .dashboard-watchface-list .dashboard-watchface-item:hover .dashboard-watchface-item-title,
.dashboard-watchface-list .dashboard-watchface-item:hover .dashboard-watchface-item-title a {
  color: var(--facer-blue);
}

.stat-text-value, .dashboard-outer-wrapper .dashboard-watchface-stats .dashboard-watchface-stat .dashboard-watchface-stat-value {
  font-weight: bold;
  color: var(--facer-blue);
}

.detail-text, .dashboard-watchface-list .dashboard-watchface-item .dashboard-watchface-item-details {
  font-size: 12px;
}

.small-detail-text, .dashboard-watchface-list .dashboard-watchface-item .dashboard-watchface-item-extra-details .dashboard-watchface-item-stats {
  font-size: 11px;
}

.jumbo-text, .publish-form h1, .publish-form__header, .dashboard-outer-wrapper .default-page .default-page-title {
  font-weight: 500;
  font-size: 30px;
}

.text-link, .premium-page .premium-page-footer ul li a {
  font-weight: bold;
  color: var(--facer-blue) !important;
}
.text-link:hover, .premium-page .premium-page-footer ul li a:hover {
  color: var(--facer-blue-highlight) !important;
}
.text-link.disabled, .premium-page .premium-page-footer ul li a.disabled {
  color: #999 !important;
  cursor: not-allowed;
}
.text-link i, .premium-page .premium-page-footer ul li a i {
  vertical-align: middle;
  font-size: 130%;
}
.text-link.text-link-orange, .premium-page .premium-page-footer ul li a.text-link-orange {
  color: orange !important;
}
.text-link.text-link-orange:hover, .premium-page .premium-page-footer ul li a.text-link-orange:hover {
  color: #ffaf1d !important;
}

/**
 * @deprecated This file is deprecated as of 2021-10-24 and will be removed in a future update.
 * Please use '1_settings/colors.scss' for all color-related styles.
 * 
 * TODO: Remove this file once all references have been updated to use global/colors.scss
 */
.blue-text {
  color: #2bade3;
}

.premium-text {
  color: #eeb60b !important;
}

.red-text {
  color: #f31805 !important;
}

.media-button, .watchface-media .watchface-media-item .watchface-media-buttons .watchface-media-button, [banner-video] .video-wrapper .controls-wrapper .controls .video-button {
  color: white;
  display: inline-block;
  width: 48px;
  text-align: center;
  height: 48px !important;
  border-radius: 50%;
  font-size: 24px;
  line-height: 40px;
  background-color: rgba(0, 0, 0, 0.75);
  margin: auto;
  display: -webkit-flex;
  display: -moz-flex;
  display: -ms-flex;
  display: flex;
  -webkit-flex-direction: column;
  -moz-flex-direction: column;
  -ms-flex-direction: column;
  flex-direction: column;
  -webkit-justify-content: center;
  -moz-justify-content: center;
  -ms-justify-content: center;
  justify-content: center;
}
.media-button i, .watchface-media .watchface-media-item .watchface-media-buttons .watchface-media-button i, [banner-video] .video-wrapper .controls-wrapper .controls .video-button i {
  vertical-align: middle;
  display: block;
  line-height: 0;
}
.media-button i.icon-play, .watchface-media .watchface-media-item .watchface-media-buttons .watchface-media-button i.icon-play, [banner-video] .video-wrapper .controls-wrapper .controls .video-button i.icon-play {
  line-height: 0;
  margin-left: 5px;
}

.btn.btn-default.btn-secondary {
  border: 1px solid #bbb;
}

.btn.btn-primary-v2 {
  border: 2px solid #2bade3;
  color: #2bade3;
  background-color: white;
}

.facer-button, .top-charts .btn, .dashboard-outer-wrapper .btn, .follow-button.follow-button-compact .btn, .follow-button .btn {
  display: -webkit-flex;
  display: -moz-flex;
  display: -ms-flex;
  display: flex;
  -webkit-justify-content: center;
  -moz-justify-content: center;
  -ms-justify-content: center;
  justify-content: center;
  -webkit-align-items: center;
  -moz-align-items: center;
  -ms-align-items: center;
  align-items: center;
  gap: 10px;
  min-height: 32px;
  height: auto;
  line-height: normal;
  padding: 0 20px;
  border-radius: 16px;
}
.facer-button i:not(.glyphicon), .top-charts .btn i:not(.glyphicon), .dashboard-outer-wrapper .btn i:not(.glyphicon), .follow-button .btn i:not(.glyphicon) {
  height: auto;
  margin: auto;
  line-height: 0;
}
.facer-button.btn-xl, .top-charts .btn-xl.btn, .dashboard-outer-wrapper .btn-xl.btn, .follow-button .btn-xl.btn {
  height: 55px !important;
  padding: 0 20px;
  border-radius: 27.5px;
  vertical-align: middle;
  font-size: 16px;
  font-weight: 500;
}
.facer-button.btn-lg, .top-charts .btn-lg.btn, .dashboard-outer-wrapper .btn-lg.btn, .follow-button.follow-button-compact .btn-lg.btn, .follow-button .btn {
  height: 40px !important;
  padding: 0 20px;
  border-radius: 20px;
  vertical-align: middle;
}
.facer-button.btn-sm, .top-charts .btn-sm.btn, .dashboard-outer-wrapper .btn-sm.btn, .follow-button .btn-sm.btn, .follow-button.follow-button-compact .btn {
  height: 35px !important;
  padding: 0 20px;
  border-radius: 17.5px;
  vertical-align: middle;
}
.facer-button.btn-primary, .top-charts .btn-primary.btn, .dashboard-outer-wrapper .btn-primary.btn, .follow-button .btn-primary.btn {
  color: white !important;
}
.facer-button.btn-primary i, .top-charts .btn-primary.btn i, .dashboard-outer-wrapper .btn-primary.btn i, .follow-button .btn-primary.btn i {
  color: white !important;
}
.facer-button.btn-primary:hover, .top-charts .btn-primary.btn:hover, .dashboard-outer-wrapper .btn-primary.btn:hover, .follow-button .btn-primary.btn:hover {
  box-shadow: 0 4px 6px 0 rgba(43, 173, 227, 0.2);
  background-color: #41b5e6;
  border: none;
}
.facer-button.btn-primary:active, .top-charts .btn-primary.btn:active, .dashboard-outer-wrapper .btn-primary.btn:active, .follow-button .btn-primary.btn:active {
  border-color: #41b5e6;
}
.facer-button.btn-primary[disabled=disabled], .top-charts .btn-primary[disabled=disabled].btn, .dashboard-outer-wrapper .btn-primary[disabled=disabled].btn, .follow-button .btn-primary[disabled=disabled].btn {
  background: #ededed;
  color: #b8b8b8 !important;
}
.facer-button.btn-rounded, .top-charts .btn-rounded.btn, .dashboard-outer-wrapper .btn-rounded.btn, .follow-button .btn-rounded.btn {
  border-radius: 110px;
  padding: 15px 40px;
  font-size: 16px;
}
.facer-button.btn-default, .top-charts .btn-default.btn, .dashboard-outer-wrapper .btn-default.btn, .follow-button .btn-default.btn {
  background: #e6e6e6;
  border-color: #e6e6e6;
}
.facer-button.btn-default:hover, .top-charts .btn-default.btn:hover, .dashboard-outer-wrapper .btn-default.btn:hover, .follow-button .btn-default.btn:hover {
  background-color: #d0d0d0;
}
.facer-button.btn-default:active, .top-charts .btn-default.btn:active, .dashboard-outer-wrapper .btn-default.btn:active, .follow-button .btn-default.btn:active {
  border-color: #d0d0d0;
}
.facer-button.navbar-btn, .top-charts .navbar-btn.btn, .dashboard-outer-wrapper .navbar-btn.btn, .follow-button .navbar-btn.btn {
  background: transparent;
  font-size: 14px;
  display: inline;
}
.facer-button.navbar-btn i, .top-charts .navbar-btn.btn i, .dashboard-outer-wrapper .navbar-btn.btn i, .follow-button .navbar-btn.btn i {
  font-size: 20px;
}
.facer-button.input-btn, .top-charts .input-btn.btn, .dashboard-outer-wrapper .input-btn.btn, .follow-button .input-btn.btn {
  position: absolute;
  top: 4px;
  right: 4px;
  height: 26px !important;
  width: 26px;
  padding: 0;
  color: white;
}
.facer-button.dropdown-toggle, .top-charts .dropdown-toggle.btn, .dashboard-outer-wrapper .dropdown-toggle.btn, .follow-button .dropdown-toggle.btn {
  font-weight: 400;
  padding: 0 15px 0 15px;
}
.facer-button.dropdown-toggle:focus, .top-charts .dropdown-toggle.btn:focus, .dashboard-outer-wrapper .dropdown-toggle.btn:focus, .follow-button .dropdown-toggle.btn:focus {
  box-shadow: none;
  border-color: transparent;
}
.facer-button.dropdown-toggle:hover, .top-charts .dropdown-toggle.btn:hover, .dashboard-outer-wrapper .dropdown-toggle.btn:hover, .follow-button .dropdown-toggle.btn:hover, .facer-button.dropdown-toggle:active, .top-charts .dropdown-toggle.btn:active, .dashboard-outer-wrapper .dropdown-toggle.btn:active, .follow-button .dropdown-toggle.btn:active, .facer-button.dropdown-toggle:focus, .top-charts .dropdown-toggle.btn:focus, .dashboard-outer-wrapper .dropdown-toggle.btn:focus, .follow-button .dropdown-toggle.btn:focus {
  background-color: var(--facer-dark-2);
}
.facer-button .facer-button-tag, .top-charts .btn .facer-button-tag, .dashboard-outer-wrapper .btn .facer-button-tag, .follow-button .btn .facer-button-tag {
  display: -webkit-flex;
  display: -moz-flex;
  display: -ms-flex;
  display: flex;
  -webkit-flex-direction: column;
  -moz-flex-direction: column;
  -ms-flex-direction: column;
  flex-direction: column;
  -webkit-justify-content: center;
  -moz-justify-content: center;
  -ms-justify-content: center;
  justify-content: center;
  font-size: 70%;
  font-weight: 500;
  background: rgba(255, 255, 255, 0.2);
  border-radius: 11px;
  height: 22px;
  padding: 1px 10px 0;
  vertical-align: middle;
}

.watchface-page .ad {
  margin-top: 1px;
  border-radius: 3px;
}
.watchface-page #watch {
  margin-bottom: 0 !important;
}
.watchface-page watchface,
.watchface-page .watchface-hover-wrapper,
.watchface-page .watch-sizing-wrapper {
  height: 100%;
  -webkit-flex: 1;
  -moz-flex: 1;
  -ms-flex: 1;
  flex: 1;
}
.watchface-page .watchface-wrapper .watch-sizing-wrapper {
  height: 325px;
}
@media screen and (max-width: 768px) {
  .watchface-page .sticky {
    position: relative;
    top: auto;
  }
}
.watchface-page print-button,
.watchface-page sync-button {
  bottom: 22% !important;
}
@media screen and (max-width: 768px) {
  .watchface-page print-button .sync-button,
  .watchface-page sync-button .sync-button {
    width: 75px;
    height: 75px;
    font-size: 38px;
    padding: 0;
    line-height: 32px;
  }
}

/**
 * @deprecated This file is deprecated as of 2021-10-24 and will be removed in a future update.
 * Please use '1_settings/colors.scss' for all color-related styles.
 * 
 * TODO: Remove this file once all references have been updated to use global/colors.scss
 */
.blue-text {
  color: #2bade3;
}

.premium-text {
  color: #eeb60b !important;
}

.red-text {
  color: #f31805 !important;
}

.user-badge {
  margin-left: 4px;
  vertical-align: middle;
}
.user-badge.icon-verified {
  color: #2bade3 !important;
}
.user-badge.icon-premium {
  color: #eeb60b !important;
}
.user-badge.avatar-badge {
  width: 13px;
  height: 12px;
  display: block;
  position: absolute;
  bottom: -2px;
  right: -3px;
}
.user-badge.avatar-badge a {
  border-radius: 50%;
  width: 13px;
  height: 12px;
  background: white;
  display: block;
  position: absolute;
  font-size: 19px;
  text-decoration: none !important;
}
.user-badge.avatar-badge a i {
  left: -6px;
  top: -2px;
  font-size: 19px !important;
  line-height: normal !important;
  position: absolute;
  vertical-align: baseline !important;
}

.beta-outline .user-badge.avatar-badge {
  bottom: -5px;
  right: -5px;
}

h2 user-badge {
  font-size: 86%;
}

:root {
  --facer-default-font: "Roboto", Helvetica, Arial, sans-serif;
  --facer-text-size-small: 12px;
  --facer-text-size-normal: 14px;
}

.normal-text, .dashboard-watchface-list .dashboard-watchface-item .dashboard-watchface-item-extra-details .dashboard-watchface-item-stats .dashboard-watchface-item-stat i, .muted-text, .dashboard-watchface-list .dashboard-watchface-item .dashboard-watchface-item-extra-details .dashboard-watchface-item-platforms i, .dashboard-watchface-list .dashboard-watchface-item .dashboard-watchface-item-details .edit-date, .bold-text, .light-text, .dashboard-outer-wrapper .default-page .default-page-starting-points .default-page-starting-point p, .dark-text, .page-title, .auth-modal h1, .auth-page h1, .top-charts .top-charts-header .top-charts-header-title h1, .page-title-medium, .dashboard-page-header .dashboard-page-header-title, .dashboard-outer-wrapper .default-page .default-page-starting-points .default-page-starting-point .default-page-starting-point-title, .page-subtitle, .top-charts .top-charts-header .top-charts-header-title .top-charts-header-subtitle, .dashboard-page-header .dashboard-page-header-detail, .button-text, .caption-text, .notification-feed a .notification-feed-item-content .notification-feed-item-title + .notification-feed-item-message, .text-button, .small-text-button, .notification-feed a .notification-feed-item-content .notification-feed-item-comment-reply-wrapper, .large-button-text, .facer-share-modal .facer-modal-content .facer-modal-inspect-cta, .facer-share-modal .facer-modal-content .facer-modal-share-cta, .xlarge-button-text, .card-text-title, .dashboard-watchface-list .dashboard-watchface-item .dashboard-watchface-item-title-outer-wrapper .dashboard-watchface-item-title,
.dashboard-watchface-list .dashboard-watchface-item .dashboard-watchface-item-title-outer-wrapper .dashboard-watchface-item-title a,
.modal-text-title,
.facer-share-modal .facer-modal-content .facer-modal-title, .card-text-title-hovered, .dashboard-watchface-list .dashboard-watchface-item:hover .dashboard-watchface-item-title,
.dashboard-watchface-list .dashboard-watchface-item:hover .dashboard-watchface-item-title a, .stat-text-value, .dashboard-outer-wrapper .dashboard-watchface-stats .dashboard-watchface-stat .dashboard-watchface-stat-value, .detail-text, .dashboard-watchface-list .dashboard-watchface-item .dashboard-watchface-item-details, .small-detail-text, .dashboard-watchface-list .dashboard-watchface-item .dashboard-watchface-item-extra-details .dashboard-watchface-item-stats, .jumbo-text, .publish-form h1, .publish-form__header, .dashboard-outer-wrapper .default-page .default-page-title, .jumbo-text-detail, .dashboard-outer-wrapper .default-page .default-page-subtitle, .facer-button, .top-charts .btn, .dashboard-outer-wrapper .btn, .follow-button.follow-button-compact .btn, .follow-button .btn, .facer-button i:not(.glyphicon), .top-charts .btn i:not(.glyphicon), .dashboard-outer-wrapper .btn i:not(.glyphicon), .facer-button.btn-xl i, .top-charts .btn-xl.btn i, .dashboard-outer-wrapper .btn-xl.btn i, .facer-button.btn-lg i, .top-charts .btn-lg.btn i, .dashboard-outer-wrapper .btn-lg.btn i, .follow-button .btn i, .facer-button.btn-sm,
.facer-button.btn-sm i,
.top-charts .btn-sm.btn i,
.dashboard-outer-wrapper .btn-sm.btn i,
.follow-button.follow-button-compact .btn i, print-button[type=text] .sync-button .icon-pushtowatch:before,
sync-button[type=text] .sync-button .icon-pushtowatch:before {
  font-family: var(--facer-default-font);
  color: var(--facer-dark);
}

.muted-text, .dashboard-watchface-list .dashboard-watchface-item .dashboard-watchface-item-extra-details .dashboard-watchface-item-platforms i, .dashboard-watchface-list .dashboard-watchface-item .dashboard-watchface-item-details .edit-date {
  color: var(--facer-muted);
}

.bold-text {
  font-weight: 500;
}

.light-text, .dashboard-outer-wrapper .default-page .default-page-starting-points .default-page-starting-point p {
  color: var(--facer-light);
}

.dark-text {
  color: var(--facer-dark);
}

.page-title, .auth-modal h1, .auth-page h1, .top-charts .top-charts-header .top-charts-header-title h1 {
  font-weight: 500;
  font-size: 26px;
}

.page-title-medium, .dashboard-page-header .dashboard-page-header-title, .dashboard-outer-wrapper .default-page .default-page-starting-points .default-page-starting-point .default-page-starting-point-title {
  font-weight: 500;
  font-size: 22px;
}

.page-subtitle, .top-charts .top-charts-header .top-charts-header-title .top-charts-header-subtitle, .dashboard-page-header .dashboard-page-header-detail, .jumbo-text-detail, .dashboard-outer-wrapper .default-page .default-page-subtitle {
  font-weight: 400;
  font-size: 14px;
  color: var(--facer-light);
}

.button-text, .large-button-text, .facer-share-modal .facer-modal-content .facer-modal-inspect-cta, .facer-share-modal .facer-modal-content .facer-modal-share-cta, .xlarge-button-text, .facer-button, .top-charts .btn, .dashboard-outer-wrapper .btn, .follow-button.follow-button-compact .btn, .follow-button .btn, .facer-button i:not(.glyphicon), .top-charts .btn i:not(.glyphicon), .dashboard-outer-wrapper .btn i:not(.glyphicon), .follow-button.follow-button-compact .btn i:not(.glyphicon), .facer-button.btn-xl i, .top-charts .btn-xl.btn i, .dashboard-outer-wrapper .btn-xl.btn i, .follow-button.follow-button-compact .btn-xl.btn i, .facer-button.btn-lg i, .top-charts .btn-lg.btn i, .dashboard-outer-wrapper .btn-lg.btn i, .follow-button.follow-button-compact .btn-lg.btn i, .follow-button .btn i, print-button[type=text] .sync-button .icon-pushtowatch:before,
sync-button[type=text] .sync-button .icon-pushtowatch:before {
  font-weight: 500;
  font-size: 14px;
}

.caption-text, .notification-feed a .notification-feed-item-content .notification-feed-item-title + .notification-feed-item-message {
  font-weight: 400;
  font-size: 14px;
  font-style: italic;
}

.text-button, .small-text-button, .notification-feed a .notification-feed-item-content .notification-feed-item-comment-reply-wrapper, .facer-button.btn-sm, .top-charts .btn-sm.btn, .dashboard-outer-wrapper .btn-sm.btn, .follow-button .btn-sm.btn, .follow-button.follow-button-compact .btn,
.facer-button.btn-sm i,
.top-charts .btn-sm.btn i,
.dashboard-outer-wrapper .btn-sm.btn i,
.follow-button .btn-sm.btn i,
.follow-button.follow-button-compact .btn i {
  font-weight: 500;
  font-size: 14px;
  color: var(--facer-blue);
}
.text-button:hover, .small-text-button:hover, .notification-feed a .notification-feed-item-content .notification-feed-item-comment-reply-wrapper:hover, .facer-button.btn-sm:hover, .top-charts .btn-sm.btn:hover, .dashboard-outer-wrapper .btn-sm.btn:hover, .follow-button .btn-sm.btn:hover, .follow-button.follow-button-compact .btn:hover,
.facer-button.btn-sm i:hover,
.top-charts .btn-sm.btn i:hover,
.dashboard-outer-wrapper .btn-sm.btn i:hover,
.follow-button .btn-sm.btn i:hover,
.follow-button.follow-button-compact .btn i:hover {
  color: var(--facer-blue-highlight);
}

.small-text-button, .notification-feed a .notification-feed-item-content .notification-feed-item-comment-reply-wrapper, .facer-button.btn-sm, .top-charts .btn-sm.btn, .dashboard-outer-wrapper .btn-sm.btn, .follow-button .btn-sm.btn, .follow-button.follow-button-compact .btn,
.facer-button.btn-sm i,
.top-charts .btn-sm.btn i,
.dashboard-outer-wrapper .btn-sm.btn i,
.follow-button .btn-sm.btn i,
.follow-button.follow-button-compact .btn i {
  font-weight: 500;
  font-size: 11px;
}

.text-button-completed, .notification-feed a .notification-feed-item-content .notification-feed-item-comment-reply-wrapper .notification-feed-item-comment-replied {
  font-weight: 400;
  font-style: italic;
  color: var(--facer-light);
}

.large-button-text, .facer-share-modal .facer-modal-content .facer-modal-inspect-cta, .facer-share-modal .facer-modal-content .facer-modal-share-cta, .facer-button.btn-lg i, .top-charts .btn-lg.btn i, .dashboard-outer-wrapper .btn-lg.btn i, .follow-button.follow-button-compact .btn-lg.btn i, .follow-button .btn i {
  font-weight: 500;
  font-size: 18px;
}

.xlarge-button-text, .facer-button.btn-xl i, .top-charts .btn-xl.btn i, .dashboard-outer-wrapper .btn-xl.btn i, .follow-button .btn-xl.btn i {
  font-weight: 500;
  font-size: 26px;
}

.card-text-title, .dashboard-watchface-list .dashboard-watchface-item .dashboard-watchface-item-title-outer-wrapper .dashboard-watchface-item-title,
.dashboard-watchface-list .dashboard-watchface-item .dashboard-watchface-item-title-outer-wrapper .dashboard-watchface-item-title a, .card-text-title-hovered, .dashboard-watchface-list .dashboard-watchface-item:hover .dashboard-watchface-item-title,
.dashboard-watchface-list .dashboard-watchface-item:hover .dashboard-watchface-item-title a, .stat-text-value, .dashboard-outer-wrapper .dashboard-watchface-stats .dashboard-watchface-stat .dashboard-watchface-stat-value,
.modal-text-title,
.facer-share-modal .facer-modal-content .facer-modal-title {
  font-weight: 500;
  font-size: 20px;
}

.card-text-title-hovered, .dashboard-watchface-list .dashboard-watchface-item:hover .dashboard-watchface-item-title,
.dashboard-watchface-list .dashboard-watchface-item:hover .dashboard-watchface-item-title a {
  color: var(--facer-blue);
}

.stat-text-value, .dashboard-outer-wrapper .dashboard-watchface-stats .dashboard-watchface-stat .dashboard-watchface-stat-value {
  font-weight: bold;
  color: var(--facer-blue);
}

.detail-text, .dashboard-watchface-list .dashboard-watchface-item .dashboard-watchface-item-details {
  font-size: 12px;
}

.small-detail-text, .dashboard-watchface-list .dashboard-watchface-item .dashboard-watchface-item-extra-details .dashboard-watchface-item-stats {
  font-size: 11px;
}

.jumbo-text, .publish-form h1, .publish-form__header, .dashboard-outer-wrapper .default-page .default-page-title {
  font-weight: 500;
  font-size: 30px;
}

.text-link, .premium-page .premium-page-footer ul li a {
  font-weight: bold;
  color: var(--facer-blue) !important;
}
.text-link:hover, .premium-page .premium-page-footer ul li a:hover {
  color: var(--facer-blue-highlight) !important;
}
.text-link.disabled, .premium-page .premium-page-footer ul li a.disabled {
  color: #999 !important;
  cursor: not-allowed;
}
.text-link i, .premium-page .premium-page-footer ul li a i {
  vertical-align: middle;
  font-size: 130%;
}
.text-link.text-link-orange, .premium-page .premium-page-footer ul li a.text-link-orange {
  color: orange !important;
}
.text-link.text-link-orange:hover, .premium-page .premium-page-footer ul li a.text-link-orange:hover {
  color: #ffaf1d !important;
}

/**
 * @deprecated This file is deprecated as of 2021-10-24 and will be removed in a future update.
 * Please use '4_elements/button.scss' for all button-related styles.
 * 
 * TODO: Remove this file once all references have been updated to use 4_elements/button.scss
 */
:root {
  --facer-default-font: "Roboto", Helvetica, Arial, sans-serif;
  --facer-text-size-small: 12px;
  --facer-text-size-normal: 14px;
}

.normal-text, .dashboard-watchface-list .dashboard-watchface-item .dashboard-watchface-item-extra-details .dashboard-watchface-item-stats .dashboard-watchface-item-stat i, .muted-text, .dashboard-watchface-list .dashboard-watchface-item .dashboard-watchface-item-extra-details .dashboard-watchface-item-platforms i, .dashboard-watchface-list .dashboard-watchface-item .dashboard-watchface-item-details .edit-date, .bold-text, .light-text, .dashboard-outer-wrapper .default-page .default-page-starting-points .default-page-starting-point p, .dark-text, .page-title, .auth-modal h1, .auth-page h1, .top-charts .top-charts-header .top-charts-header-title h1, .page-title-medium, .dashboard-page-header .dashboard-page-header-title, .dashboard-outer-wrapper .default-page .default-page-starting-points .default-page-starting-point .default-page-starting-point-title, .page-subtitle, .top-charts .top-charts-header .top-charts-header-title .top-charts-header-subtitle, .dashboard-page-header .dashboard-page-header-detail, .button-text, .caption-text, .notification-feed a .notification-feed-item-content .notification-feed-item-title + .notification-feed-item-message, .text-button, .small-text-button, .notification-feed a .notification-feed-item-content .notification-feed-item-comment-reply-wrapper, .large-button-text, .facer-share-modal .facer-modal-content .facer-modal-inspect-cta, .facer-share-modal .facer-modal-content .facer-modal-share-cta, .xlarge-button-text, .card-text-title, .dashboard-watchface-list .dashboard-watchface-item .dashboard-watchface-item-title-outer-wrapper .dashboard-watchface-item-title,
.dashboard-watchface-list .dashboard-watchface-item .dashboard-watchface-item-title-outer-wrapper .dashboard-watchface-item-title a,
.modal-text-title,
.facer-share-modal .facer-modal-content .facer-modal-title, .card-text-title-hovered, .dashboard-watchface-list .dashboard-watchface-item:hover .dashboard-watchface-item-title,
.dashboard-watchface-list .dashboard-watchface-item:hover .dashboard-watchface-item-title a, .stat-text-value, .dashboard-outer-wrapper .dashboard-watchface-stats .dashboard-watchface-stat .dashboard-watchface-stat-value, .detail-text, .dashboard-watchface-list .dashboard-watchface-item .dashboard-watchface-item-details, .small-detail-text, .dashboard-watchface-list .dashboard-watchface-item .dashboard-watchface-item-extra-details .dashboard-watchface-item-stats, .jumbo-text, .publish-form h1, .publish-form__header, .dashboard-outer-wrapper .default-page .default-page-title, .jumbo-text-detail, .dashboard-outer-wrapper .default-page .default-page-subtitle, .facer-button, .top-charts .btn, .dashboard-outer-wrapper .btn, .follow-button.follow-button-compact .btn, .follow-button .btn, .facer-button i:not(.glyphicon), .top-charts .btn i:not(.glyphicon), .dashboard-outer-wrapper .btn i:not(.glyphicon), .facer-button.btn-xl i, .top-charts .btn-xl.btn i, .dashboard-outer-wrapper .btn-xl.btn i, .facer-button.btn-lg i, .top-charts .btn-lg.btn i, .dashboard-outer-wrapper .btn-lg.btn i, .follow-button .btn i, .facer-button.btn-sm,
.facer-button.btn-sm i,
.top-charts .btn-sm.btn i,
.dashboard-outer-wrapper .btn-sm.btn i,
.follow-button.follow-button-compact .btn i, print-button[type=text] .sync-button .icon-pushtowatch:before,
sync-button[type=text] .sync-button .icon-pushtowatch:before {
  font-family: var(--facer-default-font);
  color: var(--facer-dark);
}

.muted-text, .dashboard-watchface-list .dashboard-watchface-item .dashboard-watchface-item-extra-details .dashboard-watchface-item-platforms i, .dashboard-watchface-list .dashboard-watchface-item .dashboard-watchface-item-details .edit-date {
  color: var(--facer-muted);
}

.bold-text {
  font-weight: 500;
}

.light-text, .dashboard-outer-wrapper .default-page .default-page-starting-points .default-page-starting-point p {
  color: var(--facer-light);
}

.dark-text {
  color: var(--facer-dark);
}

.page-title, .auth-modal h1, .auth-page h1, .top-charts .top-charts-header .top-charts-header-title h1 {
  font-weight: 500;
  font-size: 26px;
}

.page-title-medium, .dashboard-page-header .dashboard-page-header-title, .dashboard-outer-wrapper .default-page .default-page-starting-points .default-page-starting-point .default-page-starting-point-title {
  font-weight: 500;
  font-size: 22px;
}

.page-subtitle, .top-charts .top-charts-header .top-charts-header-title .top-charts-header-subtitle, .dashboard-page-header .dashboard-page-header-detail, .jumbo-text-detail, .dashboard-outer-wrapper .default-page .default-page-subtitle {
  font-weight: 400;
  font-size: 14px;
  color: var(--facer-light);
}

.button-text, .large-button-text, .facer-share-modal .facer-modal-content .facer-modal-inspect-cta, .facer-share-modal .facer-modal-content .facer-modal-share-cta, .xlarge-button-text, .facer-button, .top-charts .btn, .dashboard-outer-wrapper .btn, .follow-button.follow-button-compact .btn, .follow-button .btn, .facer-button i:not(.glyphicon), .top-charts .btn i:not(.glyphicon), .dashboard-outer-wrapper .btn i:not(.glyphicon), .follow-button.follow-button-compact .btn i:not(.glyphicon), .facer-button.btn-xl i, .top-charts .btn-xl.btn i, .dashboard-outer-wrapper .btn-xl.btn i, .follow-button.follow-button-compact .btn-xl.btn i, .facer-button.btn-lg i, .top-charts .btn-lg.btn i, .dashboard-outer-wrapper .btn-lg.btn i, .follow-button.follow-button-compact .btn-lg.btn i, .follow-button .btn i, print-button[type=text] .sync-button .icon-pushtowatch:before,
sync-button[type=text] .sync-button .icon-pushtowatch:before {
  font-weight: 500;
  font-size: 14px;
}

.caption-text, .notification-feed a .notification-feed-item-content .notification-feed-item-title + .notification-feed-item-message {
  font-weight: 400;
  font-size: 14px;
  font-style: italic;
}

.text-button, .small-text-button, .notification-feed a .notification-feed-item-content .notification-feed-item-comment-reply-wrapper, .facer-button.btn-sm, .top-charts .btn-sm.btn, .dashboard-outer-wrapper .btn-sm.btn, .follow-button .btn-sm.btn, .follow-button.follow-button-compact .btn,
.facer-button.btn-sm i,
.top-charts .btn-sm.btn i,
.dashboard-outer-wrapper .btn-sm.btn i,
.follow-button .btn-sm.btn i,
.follow-button.follow-button-compact .btn i {
  font-weight: 500;
  font-size: 14px;
  color: var(--facer-blue);
}
.text-button:hover, .small-text-button:hover, .notification-feed a .notification-feed-item-content .notification-feed-item-comment-reply-wrapper:hover, .facer-button.btn-sm:hover, .top-charts .btn-sm.btn:hover, .dashboard-outer-wrapper .btn-sm.btn:hover, .follow-button .btn-sm.btn:hover, .follow-button.follow-button-compact .btn:hover,
.facer-button.btn-sm i:hover,
.top-charts .btn-sm.btn i:hover,
.dashboard-outer-wrapper .btn-sm.btn i:hover,
.follow-button .btn-sm.btn i:hover,
.follow-button.follow-button-compact .btn i:hover {
  color: var(--facer-blue-highlight);
}

.small-text-button, .notification-feed a .notification-feed-item-content .notification-feed-item-comment-reply-wrapper, .facer-button.btn-sm, .top-charts .btn-sm.btn, .dashboard-outer-wrapper .btn-sm.btn, .follow-button .btn-sm.btn, .follow-button.follow-button-compact .btn,
.facer-button.btn-sm i,
.top-charts .btn-sm.btn i,
.dashboard-outer-wrapper .btn-sm.btn i,
.follow-button .btn-sm.btn i,
.follow-button.follow-button-compact .btn i {
  font-weight: 500;
  font-size: 11px;
}

.text-button-completed, .notification-feed a .notification-feed-item-content .notification-feed-item-comment-reply-wrapper .notification-feed-item-comment-replied {
  font-weight: 400;
  font-style: italic;
  color: var(--facer-light);
}

.large-button-text, .facer-share-modal .facer-modal-content .facer-modal-inspect-cta, .facer-share-modal .facer-modal-content .facer-modal-share-cta, .facer-button.btn-lg i, .top-charts .btn-lg.btn i, .dashboard-outer-wrapper .btn-lg.btn i, .follow-button.follow-button-compact .btn-lg.btn i, .follow-button .btn i {
  font-weight: 500;
  font-size: 18px;
}

.xlarge-button-text, .facer-button.btn-xl i, .top-charts .btn-xl.btn i, .dashboard-outer-wrapper .btn-xl.btn i, .follow-button .btn-xl.btn i {
  font-weight: 500;
  font-size: 26px;
}

.card-text-title, .dashboard-watchface-list .dashboard-watchface-item .dashboard-watchface-item-title-outer-wrapper .dashboard-watchface-item-title,
.dashboard-watchface-list .dashboard-watchface-item .dashboard-watchface-item-title-outer-wrapper .dashboard-watchface-item-title a, .card-text-title-hovered, .dashboard-watchface-list .dashboard-watchface-item:hover .dashboard-watchface-item-title,
.dashboard-watchface-list .dashboard-watchface-item:hover .dashboard-watchface-item-title a, .stat-text-value, .dashboard-outer-wrapper .dashboard-watchface-stats .dashboard-watchface-stat .dashboard-watchface-stat-value,
.modal-text-title,
.facer-share-modal .facer-modal-content .facer-modal-title {
  font-weight: 500;
  font-size: 20px;
}

.card-text-title-hovered, .dashboard-watchface-list .dashboard-watchface-item:hover .dashboard-watchface-item-title,
.dashboard-watchface-list .dashboard-watchface-item:hover .dashboard-watchface-item-title a {
  color: var(--facer-blue);
}

.stat-text-value, .dashboard-outer-wrapper .dashboard-watchface-stats .dashboard-watchface-stat .dashboard-watchface-stat-value {
  font-weight: bold;
  color: var(--facer-blue);
}

.detail-text, .dashboard-watchface-list .dashboard-watchface-item .dashboard-watchface-item-details {
  font-size: 12px;
}

.small-detail-text, .dashboard-watchface-list .dashboard-watchface-item .dashboard-watchface-item-extra-details .dashboard-watchface-item-stats {
  font-size: 11px;
}

.jumbo-text, .publish-form h1, .publish-form__header, .dashboard-outer-wrapper .default-page .default-page-title {
  font-weight: 500;
  font-size: 30px;
}

.text-link, .premium-page .premium-page-footer ul li a {
  font-weight: bold;
  color: var(--facer-blue) !important;
}
.text-link:hover, .premium-page .premium-page-footer ul li a:hover {
  color: var(--facer-blue-highlight) !important;
}
.text-link.disabled, .premium-page .premium-page-footer ul li a.disabled {
  color: #999 !important;
  cursor: not-allowed;
}
.text-link i, .premium-page .premium-page-footer ul li a i {
  vertical-align: middle;
  font-size: 130%;
}
.text-link.text-link-orange, .premium-page .premium-page-footer ul li a.text-link-orange {
  color: orange !important;
}
.text-link.text-link-orange:hover, .premium-page .premium-page-footer ul li a.text-link-orange:hover {
  color: #ffaf1d !important;
}

/**
 * @deprecated This file is deprecated as of 2021-10-24 and will be removed in a future update.
 * Please use '1_settings/colors.scss' for all color-related styles.
 * 
 * TODO: Remove this file once all references have been updated to use global/colors.scss
 */
.blue-text {
  color: #2bade3;
}

.premium-text {
  color: #eeb60b !important;
}

.red-text {
  color: #f31805 !important;
}

.media-button, .watchface-media .watchface-media-item .watchface-media-buttons .watchface-media-button, [banner-video] .video-wrapper .controls-wrapper .controls .video-button {
  color: white;
  display: inline-block;
  width: 48px;
  text-align: center;
  height: 48px !important;
  border-radius: 50%;
  font-size: 24px;
  line-height: 40px;
  background-color: rgba(0, 0, 0, 0.75);
  margin: auto;
  display: -webkit-flex;
  display: -moz-flex;
  display: -ms-flex;
  display: flex;
  -webkit-flex-direction: column;
  -moz-flex-direction: column;
  -ms-flex-direction: column;
  flex-direction: column;
  -webkit-justify-content: center;
  -moz-justify-content: center;
  -ms-justify-content: center;
  justify-content: center;
}
.media-button i, .watchface-media .watchface-media-item .watchface-media-buttons .watchface-media-button i, [banner-video] .video-wrapper .controls-wrapper .controls .video-button i {
  vertical-align: middle;
  display: block;
  line-height: 0;
}
.media-button i.icon-play, .watchface-media .watchface-media-item .watchface-media-buttons .watchface-media-button i.icon-play, [banner-video] .video-wrapper .controls-wrapper .controls .video-button i.icon-play {
  line-height: 0;
  margin-left: 5px;
}

.btn.btn-default.btn-secondary {
  border: 1px solid #bbb;
}

.btn.btn-primary-v2 {
  border: 2px solid #2bade3;
  color: #2bade3;
  background-color: white;
}

.facer-button, .top-charts .btn, .dashboard-outer-wrapper .btn, .follow-button.follow-button-compact .btn, .follow-button .btn {
  display: -webkit-flex;
  display: -moz-flex;
  display: -ms-flex;
  display: flex;
  -webkit-justify-content: center;
  -moz-justify-content: center;
  -ms-justify-content: center;
  justify-content: center;
  -webkit-align-items: center;
  -moz-align-items: center;
  -ms-align-items: center;
  align-items: center;
  gap: 10px;
  min-height: 32px;
  height: auto;
  line-height: normal;
  padding: 0 20px;
  border-radius: 16px;
}
.facer-button i:not(.glyphicon), .top-charts .btn i:not(.glyphicon), .dashboard-outer-wrapper .btn i:not(.glyphicon), .follow-button .btn i:not(.glyphicon) {
  height: auto;
  margin: auto;
  line-height: 0;
}
.facer-button.btn-xl, .top-charts .btn-xl.btn, .dashboard-outer-wrapper .btn-xl.btn, .follow-button .btn-xl.btn {
  height: 55px !important;
  padding: 0 20px;
  border-radius: 27.5px;
  vertical-align: middle;
  font-size: 16px;
  font-weight: 500;
}
.facer-button.btn-lg, .top-charts .btn-lg.btn, .dashboard-outer-wrapper .btn-lg.btn, .follow-button.follow-button-compact .btn-lg.btn, .follow-button .btn {
  height: 40px !important;
  padding: 0 20px;
  border-radius: 20px;
  vertical-align: middle;
}
.facer-button.btn-sm, .top-charts .btn-sm.btn, .dashboard-outer-wrapper .btn-sm.btn, .follow-button .btn-sm.btn, .follow-button.follow-button-compact .btn {
  height: 35px !important;
  padding: 0 20px;
  border-radius: 17.5px;
  vertical-align: middle;
}
.facer-button.btn-primary, .top-charts .btn-primary.btn, .dashboard-outer-wrapper .btn-primary.btn, .follow-button .btn-primary.btn {
  color: white !important;
}
.facer-button.btn-primary i, .top-charts .btn-primary.btn i, .dashboard-outer-wrapper .btn-primary.btn i, .follow-button .btn-primary.btn i {
  color: white !important;
}
.facer-button.btn-primary:hover, .top-charts .btn-primary.btn:hover, .dashboard-outer-wrapper .btn-primary.btn:hover, .follow-button .btn-primary.btn:hover {
  box-shadow: 0 4px 6px 0 rgba(43, 173, 227, 0.2);
  background-color: #41b5e6;
  border: none;
}
.facer-button.btn-primary:active, .top-charts .btn-primary.btn:active, .dashboard-outer-wrapper .btn-primary.btn:active, .follow-button .btn-primary.btn:active {
  border-color: #41b5e6;
}
.facer-button.btn-primary[disabled=disabled], .top-charts .btn-primary[disabled=disabled].btn, .dashboard-outer-wrapper .btn-primary[disabled=disabled].btn, .follow-button .btn-primary[disabled=disabled].btn {
  background: #ededed;
  color: #b8b8b8 !important;
}
.facer-button.btn-rounded, .top-charts .btn-rounded.btn, .dashboard-outer-wrapper .btn-rounded.btn, .follow-button .btn-rounded.btn {
  border-radius: 110px;
  padding: 15px 40px;
  font-size: 16px;
}
.facer-button.btn-default, .top-charts .btn-default.btn, .dashboard-outer-wrapper .btn-default.btn, .follow-button .btn-default.btn {
  background: #e6e6e6;
  border-color: #e6e6e6;
}
.facer-button.btn-default:hover, .top-charts .btn-default.btn:hover, .dashboard-outer-wrapper .btn-default.btn:hover, .follow-button .btn-default.btn:hover {
  background-color: #d0d0d0;
}
.facer-button.btn-default:active, .top-charts .btn-default.btn:active, .dashboard-outer-wrapper .btn-default.btn:active, .follow-button .btn-default.btn:active {
  border-color: #d0d0d0;
}
.facer-button.navbar-btn, .top-charts .navbar-btn.btn, .dashboard-outer-wrapper .navbar-btn.btn, .follow-button .navbar-btn.btn {
  background: transparent;
  font-size: 14px;
  display: inline;
}
.facer-button.navbar-btn i, .top-charts .navbar-btn.btn i, .dashboard-outer-wrapper .navbar-btn.btn i, .follow-button .navbar-btn.btn i {
  font-size: 20px;
}
.facer-button.input-btn, .top-charts .input-btn.btn, .dashboard-outer-wrapper .input-btn.btn, .follow-button .input-btn.btn {
  position: absolute;
  top: 4px;
  right: 4px;
  height: 26px !important;
  width: 26px;
  padding: 0;
  color: white;
}
.facer-button.dropdown-toggle, .top-charts .dropdown-toggle.btn, .dashboard-outer-wrapper .dropdown-toggle.btn, .follow-button .dropdown-toggle.btn {
  font-weight: 400;
  padding: 0 15px 0 15px;
}
.facer-button.dropdown-toggle:focus, .top-charts .dropdown-toggle.btn:focus, .dashboard-outer-wrapper .dropdown-toggle.btn:focus, .follow-button .dropdown-toggle.btn:focus {
  box-shadow: none;
  border-color: transparent;
}
.facer-button.dropdown-toggle:hover, .top-charts .dropdown-toggle.btn:hover, .dashboard-outer-wrapper .dropdown-toggle.btn:hover, .follow-button .dropdown-toggle.btn:hover, .facer-button.dropdown-toggle:active, .top-charts .dropdown-toggle.btn:active, .dashboard-outer-wrapper .dropdown-toggle.btn:active, .follow-button .dropdown-toggle.btn:active, .facer-button.dropdown-toggle:focus, .top-charts .dropdown-toggle.btn:focus, .dashboard-outer-wrapper .dropdown-toggle.btn:focus, .follow-button .dropdown-toggle.btn:focus {
  background-color: var(--facer-dark-2);
}
.facer-button .facer-button-tag, .top-charts .btn .facer-button-tag, .dashboard-outer-wrapper .btn .facer-button-tag, .follow-button .btn .facer-button-tag {
  display: -webkit-flex;
  display: -moz-flex;
  display: -ms-flex;
  display: flex;
  -webkit-flex-direction: column;
  -moz-flex-direction: column;
  -ms-flex-direction: column;
  flex-direction: column;
  -webkit-justify-content: center;
  -moz-justify-content: center;
  -ms-justify-content: center;
  justify-content: center;
  font-size: 70%;
  font-weight: 500;
  background: rgba(255, 255, 255, 0.2);
  border-radius: 11px;
  height: 22px;
  padding: 1px 10px 0;
  vertical-align: middle;
}

/**
 * @deprecated This file is deprecated as of 2021-10-24 and will be removed in a future update.
 * Please use '1_settings/colors.scss' for all color-related styles.
 * 
 * TODO: Remove this file once all references have been updated to use global/colors.scss
 */
.blue-text {
  color: #2bade3;
}

.premium-text {
  color: #eeb60b !important;
}

.red-text {
  color: #f31805 !important;
}

.follow-button.follow-button-inline-block {
  display: inline-block;
  min-width: 120px;
}
.follow-button .btn-default {
  border: 1px solid #bbb;
}
.follow-button spinner,
.follow-button spinner svg {
  height: 25px;
  width: 25px;
}
.follow-button i {
  margin: 0 !important;
}
.follow-button.follow-button-compact .btn {
  background: white !important;
  border: 1px var(--facer-blue) solid !important;
}
.follow-button.follow-button-compact .btn i {
  font-size: 24px !important;
}
.follow-button.follow-button-compact .btn span {
  display: none;
}
.follow-button.follow-button-compact:not(.is-following) .btn.btn-primary i {
  color: var(--facer-blue) !important;
}
.follow-button.follow-button-compact.is-following .btn {
  background: white !important;
  border: 1px var(--facer-light) solid !important;
}
.follow-button.follow-button-compact.is-following .btn i {
  color: var(--facer-light) !important;
}
.follow-button.follow-button-compact:not(.is-following) spinner rect:not(:first-child),
.follow-button.follow-button-compact:not(.is-following) spinner svg rect:not(:first-child) {
  fill: var(--facer-blue);
}
@media (max-width: 767px) {
  .follow-button spinner,
  .follow-button spinner svg {
    height: 20px;
    width: 20px;
  }
  .follow-button.follow-button-compact a.btn {
    height: 25px !important;
    padding: 0 15px;
  }
  .follow-button.follow-button-compact a.btn i {
    font-size: 16px !important;
  }
}

watchface {
  position: relative;
  height: 100%;
}

.icon-badge {
  vertical-align: middle;
}

watchface[type=list] .sync-button {
  bottom: 26% !important;
  right: 2% !important;
  font-size: 27px !important;
  line-height: 22px !important;
  width: 60px !important;
  height: 60px !important;
}
watchface[type=list] .watch-sizing-wrapper {
  margin-right: 20px;
}
watchface[type=list] .title-label {
  text-transform: uppercase;
  font-size: 10px;
  line-height: 10px;
  font-weight: bold;
}

.watchface-embed .sync-message-wrapper,
watchface[type=list] .sync-message-wrapper {
  top: 0px;
  right: -10px;
}
.watchface-embed .sync-message-wrapper .sync-message,
watchface[type=list] .sync-message-wrapper .sync-message {
  bottom: 10px;
  top: auto;
}
.watchface-embed sync-button .button-label-wrapper,
watchface[type=list] sync-button .button-label-wrapper {
  display: none;
}

.watchface-embed {
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
}
.watchface-embed,
.watchface-embed watchface,
.watchface-embed .watchface-hover-wrapper,
.watchface-embed .watch-sizing-wrapper {
  height: 100% !important;
}
.watchface-embed watchface {
  margin: 3%;
}
.watchface-embed .watchface-options {
  display: none;
}

.watchface-embed,
watchface {
  /*position: absolute;
  top: 0;
  right: 0;
  left: 0;
  bottom: 0;
  width: 100%;
  height: 100%;*/
  overflow: hidden;
  display: -webkit-flex;
  display: -moz-flex;
  display: -ms-flex;
  display: flex;
  -webkit-flex-direction: column;
  -moz-flex-direction: column;
  -ms-flex-direction: column;
  flex-direction: column;
  -webkit-justify-content: center;
  -moz-justify-content: center;
  -ms-justify-content: center;
  justify-content: center;
  /*.sync-it-button {
  	position: absolute;
   bottom: 24%;
   right: 10%;
  	display: block;
  	border-radius: 50%;
  	color: white;
  	background: #2BADE3;
  	width: 100px;
   height: 100px;
   font-size: 46px;
   padding: 0;
  	line-height: 35px;
      box-shadow: 0 5px 21px -7px black;
      @include transition(all linear 100ms); 

      &:hover {
      	box-shadow: 0 7px 32px -10px black;
      }
  }*/
}
.watchface-embed .loading-curtain,
watchface .loading-curtain {
  position: absolute;
  background-color: transparent;
  top: 0;
  right: 0;
  left: 0;
  bottom: 0;
  z-index: 100;
  display: -webkit-flex;
  display: -moz-flex;
  display: -ms-flex;
  display: flex;
  -webkit-flex-direction: column;
  -moz-flex-direction: column;
  -ms-flex-direction: column;
  flex-direction: column;
  -webkit-justify-content: center;
  -moz-justify-content: center;
  -ms-justify-content: center;
  justify-content: center;
  padding-bottom: 7%;
  padding-right: 25px;
  padding-left: 25px;
}
.watchface-embed .watch-sizing-wrapper,
watchface .watch-sizing-wrapper {
  display: -webkit-flex;
  display: -moz-flex;
  display: -ms-flex;
  display: flex;
  height: 400px;
}
.watchface-embed .watch-container,
watchface .watch-container {
  display: block;
  margin: auto !important;
  width: 54%;
  height: 45%;
  cursor: pointer;
}
.watchface-embed .watch-container canvas,
watchface .watch-container canvas {
  cursor: inherit !important;
}
.watchface-embed .embed-byline,
watchface .embed-byline {
  display: none;
}
.watchface-embed .floating-btn-wrapper,
watchface .floating-btn-wrapper {
  position: absolute;
  bottom: 27% !important;
  right: 3% !important;
  display: block;
  z-index: 1;
}
@media (max-width: 767px) {
  .watchface-embed .floating-btn-wrapper,
  watchface .floating-btn-wrapper {
    bottom: 12% !important;
  }
}
.watchface-embed .embed-byline .vertical-toolbar,
.watchface-embed .embed-toolbar .vertical-toolbar,
watchface .embed-byline .vertical-toolbar,
watchface .embed-toolbar .vertical-toolbar {
  position: absolute;
  bottom: 23%;
  left: 13%;
  line-height: normal;
  text-align: center;
  top: 0;
  bottom: 0;
  left: 11%;
  display: -webkit-flex;
  display: -moz-flex;
  display: -ms-flex;
  display: flex;
  -webkit-flex-direction: column;
  -moz-flex-direction: column;
  -ms-flex-direction: column;
  flex-direction: column;
  -webkit-justify-content: center;
  -moz-justify-content: center;
  -ms-justify-content: center;
  justify-content: center;
  -webkit-transition: all linear 100ms;
  -moz-transition: all linear 100ms;
  -ms-transition: all linear 100ms;
  transition: all linear 100ms;
}
@media (max-width: 767px) {
  .watchface-embed .embed-byline .vertical-toolbar,
  .watchface-embed .embed-toolbar .vertical-toolbar,
  watchface .embed-byline .vertical-toolbar,
  watchface .embed-toolbar .vertical-toolbar {
    left: 5%;
  }
}
.watchface-embed .embed-byline .vertical-toolbar .btn-icon,
.watchface-embed .embed-toolbar .vertical-toolbar .btn-icon,
watchface .embed-byline .vertical-toolbar .btn-icon,
watchface .embed-toolbar .vertical-toolbar .btn-icon {
  margin-bottom: 12px;
}
.watchface-embed .embed-byline .byline,
.watchface-embed .embed-toolbar .byline,
watchface .embed-byline .byline,
watchface .embed-toolbar .byline {
  display: none;
}
.watchface-embed .btn-icon,
watchface .btn-icon {
  text-decoration: none !important;
  display: block;
  color: #939393;
  font-size: 23px;
  -webkit-transition: color linear 100ms;
  -moz-transition: color linear 100ms;
  -ms-transition: color linear 100ms;
  transition: color linear 100ms;
}
.watchface-embed .btn-icon:hover,
watchface .btn-icon:hover {
  color: #333;
}
.watchface-embed .powered-by-facer,
watchface .powered-by-facer {
  display: none;
}
.watchface-embed .fullscreen-toolbar,
watchface .fullscreen-toolbar {
  display: none;
}
.watchface-embed .watchface-info,
watchface .watchface-info {
  display: none;
}
.watchface-embed .fullscreen-toolbar,
watchface .fullscreen-toolbar {
  display: block;
  position: absolute;
  top: 29px;
  right: 36px;
}
.watchface-embed .fullscreen-toolbar .btn-icon,
watchface .fullscreen-toolbar .btn-icon {
  display: none;
  margin-left: 5px;
}
.watchface-embed .fullscreen-toolbar .enter-fullscreen,
watchface .fullscreen-toolbar .enter-fullscreen {
  display: inline-block;
}

watchface[type=hero] sync-button {
  right: 6% !important;
}
watchface[type=hero] .fullscreen-toolbar {
  top: 21%;
  right: 12%;
}

watchface[type=list] sync-button {
  right: 3% !important;
}

watchface[type=list] .vertical-toolbar {
  left: 2%;
  font-size: 18px;
}

watchface[type=list] .watchface-info {
  display: block;
}

.watchface-info {
  margin: 0 1%;
  position: relative;
}
.watchface-info a {
  display: block;
}
.watchface-info .watchmaker-series-label {
  text-align: center;
  color: #333;
  margin-bottom: 14px;
}
.watchface-info .watchmaker-series-label .watchmaker-series-icon {
  display: inline-block;
  margin-right: 3px;
  width: 35px;
  height: 35px;
  border-radius: 50%;
  background: #333;
  line-height: 35px;
  vertical-align: middle;
  color: #e5d14d;
  font-size: 141%;
}
.watchface-info .watchmaker-series-label .watchmaker-series-icon i {
  vertical-align: middle;
}
.watchface-info .watchmaker-series-label .watchmaker-series-text {
  height: 26px;
  display: inline-block;
  vertical-align: middle;
}
.watchface-info .watchface-author-avatar {
  width: 50px;
  height: 50px;
  margin-right: 9px;
  margin-left: 9px;
  float: left;
  border: 1px solid #aaa;
  border-radius: 50%;
  padding: 2px;
  background-position: center center;
  background-size: cover;
}
.watchface-info .watchface-author-text .watchface-author-title {
  font-size: 125%;
  font-weight: bold;
}
.watchface-info .watchface-author-text .watchface-author-title,
.watchface-info .watchface-author-text .watchface-author-byline {
  text-overflow: ellipsis;
  white-space: nowrap;
  overflow: hidden;
}
.watchface-info .watchface-display-model {
  display: none;
}

.watchface-fullscreen .watchface-author-avatar {
  width: 70px;
  height: 70px;
}
.watchface-fullscreen .watchface-display-model {
  display: block;
}

.disable-curtain .loading-curtain {
  display: none;
}

.watchface-embed {
  background: #fff;
  border-radius: 19px;
  border: 1px solid #c4c4c4;
}
.watchface-embed .watch-sizing-wrapper {
  padding-bottom: 60px;
}
.watchface-embed .watch-container {
  margin-bottom: 30% auto;
  transform: none;
}
.watchface-embed sync-button {
  display: none;
}
.watchface-embed .vertical-toolbar {
  left: 8% !important;
}
.watchface-embed .powered-by-facer {
  display: block;
  position: absolute;
  top: 12px;
  left: 12px;
  color: #c5c5c5;
  font-size: 80%;
}
.watchface-embed .powered-by-facer img {
  float: none;
  width: 30px;
  height: 30px;
  padding: 0;
  margin: 0;
  margin-right: 3px;
}
.watchface-embed .embed-byline {
  display: block;
  position: absolute;
  bottom: 1%;
  right: 5%;
  left: 5%;
  border-top: 1px solid #e9e9e9;
  /*.vertical-toolbar {
      position: absolute;
   top: 15px;
   right: 17px;
   font-size: 21px;
  }*/
}
.watchface-embed .embed-byline sync-button {
  position: absolute;
  display: block;
  top: -30px !important;
  right: 0px !important;
}
.watchface-embed .embed-byline sync-button .sync-button {
  width: 60px !important;
  height: 60px !important;
  font-size: 29px !important;
  line-height: 22px !important;
  box-shadow: 0 5px 21px -7px black !important;
}
.watchface-embed .embed-byline .byline {
  text-align: left;
  padding-bottom: 4px;
  color: #888;
  font-size: 85%;
  display: block;
}
.watchface-embed .embed-byline .byline .title {
  font-size: 140%;
  font-weight: bold;
  display: block;
  text-overflow: ellipsis;
  white-space: nowrap;
  overflow: hidden;
  margin: 4px 60px 0px 0;
}
.watchface-embed .embed-byline .byline .author {
  vertical-align: middle;
  font-size: 12px;
}
.watchface-embed .embed-byline .byline img {
  border-radius: 50%;
  border: 0px solid #888;
  width: 25px;
  height: 25px;
  margin: 0px 6px 0 0px;
}

.watchface-fullscreen {
  display: block;
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
}
.watchface-fullscreen,
.watchface-fullscreen watchface,
.watchface-fullscreen .watchface-hover-wrapper,
.watchface-fullscreen .watch-sizing-wrapper {
  height: 100% !important;
}
.watchface-fullscreen watchface {
  padding-top: 100px;
  padding-bottom: 140px;
  height: auto;
}
.watchface-fullscreen watchface .loading-curtain {
  position: fixed;
}
.watchface-fullscreen watchface .vertical-toolbar {
  padding-top: 100px;
  padding-bottom: 140px;
  left: 54px;
}
.watchface-fullscreen watchface .floating-btn-wrapper {
  bottom: 36px !important;
  right: 38px !important;
}
.watchface-fullscreen watchface .sync-label {
  right: 32px;
  bottom: 10px;
  font-size: 18px;
}
.watchface-fullscreen watchface .watchface-info {
  display: block;
  margin: 0;
  position: absolute;
  bottom: 40px;
  left: 47px;
  width: 50%;
}
.watchface-fullscreen watchface .powered-by-facer {
  display: block;
  position: fixed;
  top: 24px;
  left: 33px;
  -webkit-transition: opacity ease-out 2s;
  -moz-transition: opacity ease-out 2s;
  -ms-transition: opacity ease-out 2s;
  transition: opacity ease-out 2s;
}
.watchface-fullscreen watchface .powered-by-facer img {
  width: 60px;
}
.watchface-fullscreen watchface .powered-by-facer .powered-by-facer-text {
  display: none;
}
.watchface-fullscreen watchface .logo-side-text {
  position: absolute;
  top: 9px;
  left: 70px;
  white-space: nowrap;
}
.watchface-fullscreen watchface .fullscreen-toolbar {
  position: fixed;
}
.watchface-fullscreen watchface .fullscreen-toolbar .enter-fullscreen {
  display: none;
}
.watchface-fullscreen watchface .fullscreen-toolbar .toggle-lights,
.watchface-fullscreen watchface .fullscreen-toolbar .exit-fullscreen {
  display: inline-block;
}

.watchface-fullscreen,
.watchface-coupon-outer-wrapper {
  -webkit-transition: background ease-out 2s;
  -moz-transition: background ease-out 2s;
  -ms-transition: background ease-out 2s;
  transition: background ease-out 2s;
}
.watchface-fullscreen.lights-off,
.watchface-coupon-outer-wrapper.lights-off {
  background: #000;
}
.watchface-fullscreen.lights-off .loading-curtain,
.watchface-coupon-outer-wrapper.lights-off .loading-curtain {
  background: #000;
  color: #eee;
}
.watchface-fullscreen.lights-off .loading-curtain loader .rect,
.watchface-coupon-outer-wrapper.lights-off .loading-curtain loader .rect {
  background-color: white;
}
.watchface-fullscreen.lights-off .powered-by-facer,
.watchface-coupon-outer-wrapper.lights-off .powered-by-facer {
  opacity: 0.75;
}

@media screen and (max-width: 768px) {
  .watchface-wrapper {
    padding-left: 0 !important;
    padding-right: 15px !important;
    margin-bottom: 15px;
  }
}
@media (max-width: 767px) {
  .top-watchface-list .watch-sizing-wrapper {
    height: 200px;
  }
}

.no-skin-watchface {
  margin-bottom: 10px;
  border-radius: 20%;
  height: 100%;
  display: -webkit-flex;
  display: -moz-flex;
  display: -ms-flex;
  display: flex;
  -webkit-flex-direction: column;
  -moz-flex-direction: column;
  -ms-flex-direction: column;
  flex-direction: column;
}
.no-skin-watchface .canvas-container,
.no-skin-watchface canvas {
  width: 100% !important;
  height: 100% !important;
}
.no-skin-watchface .no-skin-watch-preview-wrapper {
  position: relative;
  overflow: hidden;
  box-shadow: 0 4px 4px -4px black;
  margin-bottom: 12%;
}
.no-skin-watchface .no-skin-watch-preview-wrapper img {
  display: block;
}
.no-skin-watchface .no-skin-watch-preview-wrapper.ios-no-skin-watch-preview {
  background-color: black;
  padding: 5%;
  border: #777 4px solid;
}
.no-skin-watchface .no-skin-watch-preview-wrapper a {
  top: 0;
  bottom: 0;
  left: 0;
  background-size: cover;
  background-position: center center;
  right: 0;
  background-color: #ccc;
  box-shadow: 0 4px 4px -4px black;
}
.no-skin-watchface .no-skin-watch-preview-wrapper a img {
  width: 100%;
  height: auto;
}
.no-skin-watchface .no-skin-watch-preview-wrapper .watch-preview-image {
  width: 100%;
  height: auto;
  border-radius: 20%;
  box-shadow: 0 4px 4px -4px;
}
.no-skin-watchface .embed-toolbar {
  display: -webkit-flex;
  display: -moz-flex;
  display: -ms-flex;
  display: flex;
  -webkit-flex: 1;
  -moz-flex: 1;
  -ms-flex: 1;
  flex: 1;
  -webkit-flex-direction: column;
  -moz-flex-direction: column;
  -ms-flex-direction: column;
  flex-direction: column;
  -webkit-justify-content: flex-end;
  -moz-justify-content: flex-end;
  -ms-justify-content: flex-end;
  justify-content: flex-end;
}

/*.fullscreen-toolbar,
.vertical-toolbar {
	display: none !important;
}

.watchface-hover-wrapper:hover {
	.fullscreen-toolbar, 
	.vertical-toolbar {
		display: flex !important;
	}
}

@include phone {
	.watchface-hover-wrapper {
		.fullscreen-toolbar, 
		.embed-toolbar .vertical-toolbar {
			display: none !important;
		}
	}
}*/
admin-collection {
  display: block;
}
admin-collection .disabled {
  opacity: 0.3 !important;
  pointer-events: none;
  cursor: not-allowed !important;
}
admin-collection li.info {
  background: rgba(40, 173, 228, 0.26);
}

.admin-container .inline-row-tools {
  white-space: nowrap;
}
.admin-container .inline-row-tools .inline-row-tool {
  display: inline-block;
  vertical-align: top;
  padding: 0px 4%;
}
.admin-container .inline-row-tools .vertical-arrow-toggle .upside-down {
  transform: rotate(180deg);
}
.admin-container .inline-row-tools input.square {
  width: 26px;
}

/**
 * @deprecated This file is deprecated as of 2021-10-24 and will be removed in a future update.
 * Please use '1_settings/colors.scss' for all color-related styles.
 * 
 * TODO: Remove this file once all references have been updated to use global/colors.scss
 */
.blue-text {
  color: #2bade3;
}

.premium-text {
  color: #eeb60b !important;
}

.red-text {
  color: #f31805 !important;
}

/**
 * @deprecated This file is deprecated as of 2021-10-24 and will be removed in a future update.
 * Please use '4_elements/button.scss' for all button-related styles.
 * 
 * TODO: Remove this file once all references have been updated to use 4_elements/button.scss
 */
:root {
  --facer-default-font: "Roboto", Helvetica, Arial, sans-serif;
  --facer-text-size-small: 12px;
  --facer-text-size-normal: 14px;
}

.normal-text, .dashboard-watchface-list .dashboard-watchface-item .dashboard-watchface-item-extra-details .dashboard-watchface-item-stats .dashboard-watchface-item-stat i, .muted-text, .dashboard-watchface-list .dashboard-watchface-item .dashboard-watchface-item-extra-details .dashboard-watchface-item-platforms i, .dashboard-watchface-list .dashboard-watchface-item .dashboard-watchface-item-details .edit-date, .bold-text, .light-text, .dashboard-outer-wrapper .default-page .default-page-starting-points .default-page-starting-point p, .dark-text, .page-title, .auth-modal h1, .auth-page h1, .top-charts .top-charts-header .top-charts-header-title h1, .page-title-medium, .dashboard-page-header .dashboard-page-header-title, .dashboard-outer-wrapper .default-page .default-page-starting-points .default-page-starting-point .default-page-starting-point-title, .page-subtitle, .top-charts .top-charts-header .top-charts-header-title .top-charts-header-subtitle, .dashboard-page-header .dashboard-page-header-detail, .button-text, .caption-text, .notification-feed a .notification-feed-item-content .notification-feed-item-title + .notification-feed-item-message, .text-button, .small-text-button, .notification-feed a .notification-feed-item-content .notification-feed-item-comment-reply-wrapper, .large-button-text, .facer-share-modal .facer-modal-content .facer-modal-inspect-cta, .facer-share-modal .facer-modal-content .facer-modal-share-cta, .xlarge-button-text, .card-text-title, .dashboard-watchface-list .dashboard-watchface-item .dashboard-watchface-item-title-outer-wrapper .dashboard-watchface-item-title,
.dashboard-watchface-list .dashboard-watchface-item .dashboard-watchface-item-title-outer-wrapper .dashboard-watchface-item-title a,
.modal-text-title,
.facer-share-modal .facer-modal-content .facer-modal-title, .card-text-title-hovered, .dashboard-watchface-list .dashboard-watchface-item:hover .dashboard-watchface-item-title,
.dashboard-watchface-list .dashboard-watchface-item:hover .dashboard-watchface-item-title a, .stat-text-value, .dashboard-outer-wrapper .dashboard-watchface-stats .dashboard-watchface-stat .dashboard-watchface-stat-value, .detail-text, .dashboard-watchface-list .dashboard-watchface-item .dashboard-watchface-item-details, .small-detail-text, .dashboard-watchface-list .dashboard-watchface-item .dashboard-watchface-item-extra-details .dashboard-watchface-item-stats, .jumbo-text, .publish-form h1, .publish-form__header, .dashboard-outer-wrapper .default-page .default-page-title, .jumbo-text-detail, .dashboard-outer-wrapper .default-page .default-page-subtitle, .facer-button, .top-charts .btn, .dashboard-outer-wrapper .btn, .facer-button i:not(.glyphicon), .top-charts .btn i:not(.glyphicon), .dashboard-outer-wrapper .btn i:not(.glyphicon), .facer-button.btn-xl i, .top-charts .btn-xl.btn i, .dashboard-outer-wrapper .btn-xl.btn i, .facer-button.btn-lg i, .top-charts .btn-lg.btn i, .dashboard-outer-wrapper .btn-lg.btn i, .facer-button.btn-sm,
.facer-button.btn-sm i,
.top-charts .btn-sm.btn i,
.dashboard-outer-wrapper .btn-sm.btn i, print-button[type=text] .sync-button .icon-pushtowatch:before,
sync-button[type=text] .sync-button .icon-pushtowatch:before, .follow-button .btn, .follow-button .btn i, .follow-button.follow-button-compact .btn,
.follow-button.follow-button-compact .btn i {
  font-family: var(--facer-default-font);
  color: var(--facer-dark);
}

.muted-text, .dashboard-watchface-list .dashboard-watchface-item .dashboard-watchface-item-extra-details .dashboard-watchface-item-platforms i, .dashboard-watchface-list .dashboard-watchface-item .dashboard-watchface-item-details .edit-date {
  color: var(--facer-muted);
}

.bold-text {
  font-weight: 500;
}

.light-text, .dashboard-outer-wrapper .default-page .default-page-starting-points .default-page-starting-point p {
  color: var(--facer-light);
}

.dark-text {
  color: var(--facer-dark);
}

.page-title, .auth-modal h1, .auth-page h1, .top-charts .top-charts-header .top-charts-header-title h1 {
  font-weight: 500;
  font-size: 26px;
}

.page-title-medium, .dashboard-page-header .dashboard-page-header-title, .dashboard-outer-wrapper .default-page .default-page-starting-points .default-page-starting-point .default-page-starting-point-title {
  font-weight: 500;
  font-size: 22px;
}

.page-subtitle, .top-charts .top-charts-header .top-charts-header-title .top-charts-header-subtitle, .dashboard-page-header .dashboard-page-header-detail, .jumbo-text-detail, .dashboard-outer-wrapper .default-page .default-page-subtitle {
  font-weight: 400;
  font-size: 14px;
  color: var(--facer-light);
}

.button-text, .large-button-text, .facer-share-modal .facer-modal-content .facer-modal-inspect-cta, .facer-share-modal .facer-modal-content .facer-modal-share-cta, .xlarge-button-text, .facer-button, .top-charts .btn, .dashboard-outer-wrapper .btn, .facer-button i:not(.glyphicon), .top-charts .btn i:not(.glyphicon), .dashboard-outer-wrapper .btn i:not(.glyphicon), .facer-button.btn-xl i, .top-charts .btn-xl.btn i, .dashboard-outer-wrapper .btn-xl.btn i, .facer-button.btn-lg i, .top-charts .btn-lg.btn i, .dashboard-outer-wrapper .btn-lg.btn i, print-button[type=text] .sync-button .icon-pushtowatch:before,
sync-button[type=text] .sync-button .icon-pushtowatch:before, .follow-button .btn, .follow-button .btn i, .follow-button.follow-button-compact .btn, .follow-button.follow-button-compact .btn i {
  font-weight: 500;
  font-size: 14px;
}

.caption-text, .notification-feed a .notification-feed-item-content .notification-feed-item-title + .notification-feed-item-message {
  font-weight: 400;
  font-size: 14px;
  font-style: italic;
}

.text-button, .small-text-button, .notification-feed a .notification-feed-item-content .notification-feed-item-comment-reply-wrapper, .facer-button.btn-sm, .top-charts .btn-sm.btn, .dashboard-outer-wrapper .btn-sm.btn,
.facer-button.btn-sm i,
.top-charts .btn-sm.btn i,
.dashboard-outer-wrapper .btn-sm.btn i, .follow-button .btn-sm.btn,
.follow-button .btn-sm.btn i, .follow-button.follow-button-compact .btn,
.follow-button.follow-button-compact .btn i {
  font-weight: 500;
  font-size: 14px;
  color: var(--facer-blue);
}
.text-button:hover, .small-text-button:hover, .notification-feed a .notification-feed-item-content .notification-feed-item-comment-reply-wrapper:hover, .facer-button.btn-sm:hover, .top-charts .btn-sm.btn:hover, .dashboard-outer-wrapper .btn-sm.btn:hover,
.facer-button.btn-sm i:hover,
.top-charts .btn-sm.btn i:hover,
.dashboard-outer-wrapper .btn-sm.btn i:hover, .follow-button .btn-sm.btn:hover,
.follow-button .btn-sm.btn i:hover, .follow-button.follow-button-compact .btn:hover,
.follow-button.follow-button-compact .btn i:hover {
  color: var(--facer-blue-highlight);
}

.small-text-button, .notification-feed a .notification-feed-item-content .notification-feed-item-comment-reply-wrapper, .facer-button.btn-sm, .top-charts .btn-sm.btn, .dashboard-outer-wrapper .btn-sm.btn,
.facer-button.btn-sm i,
.top-charts .btn-sm.btn i,
.dashboard-outer-wrapper .btn-sm.btn i, .follow-button .btn-sm.btn,
.follow-button .btn-sm.btn i, .follow-button.follow-button-compact .btn,
.follow-button.follow-button-compact .btn i {
  font-weight: 500;
  font-size: 11px;
}

.text-button-completed, .notification-feed a .notification-feed-item-content .notification-feed-item-comment-reply-wrapper .notification-feed-item-comment-replied {
  font-weight: 400;
  font-style: italic;
  color: var(--facer-light);
}

.large-button-text, .facer-share-modal .facer-modal-content .facer-modal-inspect-cta, .facer-share-modal .facer-modal-content .facer-modal-share-cta, .facer-button.btn-lg i, .top-charts .btn-lg.btn i, .dashboard-outer-wrapper .btn-lg.btn i, .follow-button .btn i, .follow-button.follow-button-compact .btn i {
  font-weight: 500;
  font-size: 18px;
}

.xlarge-button-text, .facer-button.btn-xl i, .top-charts .btn-xl.btn i, .dashboard-outer-wrapper .btn-xl.btn i, .follow-button .btn-xl.btn i {
  font-weight: 500;
  font-size: 26px;
}

.card-text-title, .dashboard-watchface-list .dashboard-watchface-item .dashboard-watchface-item-title-outer-wrapper .dashboard-watchface-item-title,
.dashboard-watchface-list .dashboard-watchface-item .dashboard-watchface-item-title-outer-wrapper .dashboard-watchface-item-title a, .card-text-title-hovered, .dashboard-watchface-list .dashboard-watchface-item:hover .dashboard-watchface-item-title,
.dashboard-watchface-list .dashboard-watchface-item:hover .dashboard-watchface-item-title a, .stat-text-value, .dashboard-outer-wrapper .dashboard-watchface-stats .dashboard-watchface-stat .dashboard-watchface-stat-value,
.modal-text-title,
.facer-share-modal .facer-modal-content .facer-modal-title {
  font-weight: 500;
  font-size: 20px;
}

.card-text-title-hovered, .dashboard-watchface-list .dashboard-watchface-item:hover .dashboard-watchface-item-title,
.dashboard-watchface-list .dashboard-watchface-item:hover .dashboard-watchface-item-title a {
  color: var(--facer-blue);
}

.stat-text-value, .dashboard-outer-wrapper .dashboard-watchface-stats .dashboard-watchface-stat .dashboard-watchface-stat-value {
  font-weight: bold;
  color: var(--facer-blue);
}

.detail-text, .dashboard-watchface-list .dashboard-watchface-item .dashboard-watchface-item-details {
  font-size: 12px;
}

.small-detail-text, .dashboard-watchface-list .dashboard-watchface-item .dashboard-watchface-item-extra-details .dashboard-watchface-item-stats {
  font-size: 11px;
}

.jumbo-text, .publish-form h1, .publish-form__header, .dashboard-outer-wrapper .default-page .default-page-title {
  font-weight: 500;
  font-size: 30px;
}

.text-link, .premium-page .premium-page-footer ul li a {
  font-weight: bold;
  color: var(--facer-blue) !important;
}
.text-link:hover, .premium-page .premium-page-footer ul li a:hover {
  color: var(--facer-blue-highlight) !important;
}
.text-link.disabled, .premium-page .premium-page-footer ul li a.disabled {
  color: #999 !important;
  cursor: not-allowed;
}
.text-link i, .premium-page .premium-page-footer ul li a i {
  vertical-align: middle;
  font-size: 130%;
}
.text-link.text-link-orange, .premium-page .premium-page-footer ul li a.text-link-orange {
  color: orange !important;
}
.text-link.text-link-orange:hover, .premium-page .premium-page-footer ul li a.text-link-orange:hover {
  color: #ffaf1d !important;
}

/**
 * @deprecated This file is deprecated as of 2021-10-24 and will be removed in a future update.
 * Please use '1_settings/colors.scss' for all color-related styles.
 * 
 * TODO: Remove this file once all references have been updated to use global/colors.scss
 */
.blue-text {
  color: #2bade3;
}

.premium-text {
  color: #eeb60b !important;
}

.red-text {
  color: #f31805 !important;
}

.media-button, .watchface-media .watchface-media-item .watchface-media-buttons .watchface-media-button, [banner-video] .video-wrapper .controls-wrapper .controls .video-button {
  color: white;
  display: inline-block;
  width: 48px;
  text-align: center;
  height: 48px !important;
  border-radius: 50%;
  font-size: 24px;
  line-height: 40px;
  background-color: rgba(0, 0, 0, 0.75);
  margin: auto;
  display: -webkit-flex;
  display: -moz-flex;
  display: -ms-flex;
  display: flex;
  -webkit-flex-direction: column;
  -moz-flex-direction: column;
  -ms-flex-direction: column;
  flex-direction: column;
  -webkit-justify-content: center;
  -moz-justify-content: center;
  -ms-justify-content: center;
  justify-content: center;
}
.media-button i, .watchface-media .watchface-media-item .watchface-media-buttons .watchface-media-button i, [banner-video] .video-wrapper .controls-wrapper .controls .video-button i {
  vertical-align: middle;
  display: block;
  line-height: 0;
}
.media-button i.icon-play, .watchface-media .watchface-media-item .watchface-media-buttons .watchface-media-button i.icon-play, [banner-video] .video-wrapper .controls-wrapper .controls .video-button i.icon-play {
  line-height: 0;
  margin-left: 5px;
}

.btn.btn-default.btn-secondary {
  border: 1px solid #bbb;
}

.btn.btn-primary-v2 {
  border: 2px solid #2bade3;
  color: #2bade3;
  background-color: white;
}

.facer-button, .top-charts .btn, .dashboard-outer-wrapper .btn, .follow-button .btn, .follow-button.follow-button-compact .btn {
  display: -webkit-flex;
  display: -moz-flex;
  display: -ms-flex;
  display: flex;
  -webkit-justify-content: center;
  -moz-justify-content: center;
  -ms-justify-content: center;
  justify-content: center;
  -webkit-align-items: center;
  -moz-align-items: center;
  -ms-align-items: center;
  align-items: center;
  gap: 10px;
  min-height: 32px;
  height: auto;
  line-height: normal;
  padding: 0 20px;
  border-radius: 16px;
}
.facer-button i:not(.glyphicon), .top-charts .btn i:not(.glyphicon), .dashboard-outer-wrapper .btn i:not(.glyphicon), .follow-button .btn i:not(.glyphicon) {
  height: auto;
  margin: auto;
  line-height: 0;
}
.facer-button.btn-xl, .top-charts .btn-xl.btn, .dashboard-outer-wrapper .btn-xl.btn, .follow-button .btn-xl.btn {
  height: 55px !important;
  padding: 0 20px;
  border-radius: 27.5px;
  vertical-align: middle;
  font-size: 16px;
  font-weight: 500;
}
.facer-button.btn-lg, .top-charts .btn-lg.btn, .dashboard-outer-wrapper .btn-lg.btn, .follow-button .btn, .follow-button.follow-button-compact .btn {
  height: 40px !important;
  padding: 0 20px;
  border-radius: 20px;
  vertical-align: middle;
}
.facer-button.btn-sm, .top-charts .btn-sm.btn, .dashboard-outer-wrapper .btn-sm.btn, .follow-button .btn-sm.btn, .follow-button.follow-button-compact .btn {
  height: 35px !important;
  padding: 0 20px;
  border-radius: 17.5px;
  vertical-align: middle;
}
.facer-button.btn-primary, .top-charts .btn-primary.btn, .dashboard-outer-wrapper .btn-primary.btn, .follow-button .btn-primary.btn {
  color: white !important;
}
.facer-button.btn-primary i, .top-charts .btn-primary.btn i, .dashboard-outer-wrapper .btn-primary.btn i, .follow-button .btn-primary.btn i {
  color: white !important;
}
.facer-button.btn-primary:hover, .top-charts .btn-primary.btn:hover, .dashboard-outer-wrapper .btn-primary.btn:hover, .follow-button .btn-primary.btn:hover {
  box-shadow: 0 4px 6px 0 rgba(43, 173, 227, 0.2);
  background-color: #41b5e6;
  border: none;
}
.facer-button.btn-primary:active, .top-charts .btn-primary.btn:active, .dashboard-outer-wrapper .btn-primary.btn:active, .follow-button .btn-primary.btn:active {
  border-color: #41b5e6;
}
.facer-button.btn-primary[disabled=disabled], .top-charts .btn-primary[disabled=disabled].btn, .dashboard-outer-wrapper .btn-primary[disabled=disabled].btn, .follow-button .btn-primary[disabled=disabled].btn {
  background: #ededed;
  color: #b8b8b8 !important;
}
.facer-button.btn-rounded, .top-charts .btn-rounded.btn, .dashboard-outer-wrapper .btn-rounded.btn, .follow-button .btn-rounded.btn {
  border-radius: 110px;
  padding: 15px 40px;
  font-size: 16px;
}
.facer-button.btn-default, .top-charts .btn-default.btn, .dashboard-outer-wrapper .btn-default.btn, .follow-button .btn-default.btn {
  background: #e6e6e6;
  border-color: #e6e6e6;
}
.facer-button.btn-default:hover, .top-charts .btn-default.btn:hover, .dashboard-outer-wrapper .btn-default.btn:hover, .follow-button .btn-default.btn:hover {
  background-color: #d0d0d0;
}
.facer-button.btn-default:active, .top-charts .btn-default.btn:active, .dashboard-outer-wrapper .btn-default.btn:active, .follow-button .btn-default.btn:active {
  border-color: #d0d0d0;
}
.facer-button.navbar-btn, .top-charts .navbar-btn.btn, .dashboard-outer-wrapper .navbar-btn.btn, .follow-button .navbar-btn.btn {
  background: transparent;
  font-size: 14px;
  display: inline;
}
.facer-button.navbar-btn i, .top-charts .navbar-btn.btn i, .dashboard-outer-wrapper .navbar-btn.btn i, .follow-button .navbar-btn.btn i {
  font-size: 20px;
}
.facer-button.input-btn, .top-charts .input-btn.btn, .dashboard-outer-wrapper .input-btn.btn, .follow-button .input-btn.btn {
  position: absolute;
  top: 4px;
  right: 4px;
  height: 26px !important;
  width: 26px;
  padding: 0;
  color: white;
}
.facer-button.dropdown-toggle, .top-charts .dropdown-toggle.btn, .dashboard-outer-wrapper .dropdown-toggle.btn, .follow-button .dropdown-toggle.btn {
  font-weight: 400;
  padding: 0 15px 0 15px;
}
.facer-button.dropdown-toggle:focus, .top-charts .dropdown-toggle.btn:focus, .dashboard-outer-wrapper .dropdown-toggle.btn:focus, .follow-button .dropdown-toggle.btn:focus {
  box-shadow: none;
  border-color: transparent;
}
.facer-button.dropdown-toggle:hover, .top-charts .dropdown-toggle.btn:hover, .dashboard-outer-wrapper .dropdown-toggle.btn:hover, .follow-button .dropdown-toggle.btn:hover, .facer-button.dropdown-toggle:active, .top-charts .dropdown-toggle.btn:active, .dashboard-outer-wrapper .dropdown-toggle.btn:active, .follow-button .dropdown-toggle.btn:active, .facer-button.dropdown-toggle:focus, .top-charts .dropdown-toggle.btn:focus, .dashboard-outer-wrapper .dropdown-toggle.btn:focus, .follow-button .dropdown-toggle.btn:focus {
  background-color: var(--facer-dark-2);
}
.facer-button .facer-button-tag, .top-charts .btn .facer-button-tag, .dashboard-outer-wrapper .btn .facer-button-tag, .follow-button .btn .facer-button-tag {
  display: -webkit-flex;
  display: -moz-flex;
  display: -ms-flex;
  display: flex;
  -webkit-flex-direction: column;
  -moz-flex-direction: column;
  -ms-flex-direction: column;
  flex-direction: column;
  -webkit-justify-content: center;
  -moz-justify-content: center;
  -ms-justify-content: center;
  justify-content: center;
  font-size: 70%;
  font-weight: 500;
  background: rgba(255, 255, 255, 0.2);
  border-radius: 11px;
  height: 22px;
  padding: 1px 10px 0;
  vertical-align: middle;
}

html,
body,
body > div[ui-view] {
  min-height: 100vh;
  font-family: "Lato", sans-serif;
  color: #5f5f5f;
}

body {
  /*padding-top: env(safe-area-inset-top, 0);
  padding-right: env(safe-area-inset-right, 0);
  padding-bottom: env(safe-area-inset-bottom, 0);
  padding-left: env(safe-area-inset-left, 0);*/
}

h1,
h2 {
  color: #444;
}

h1, h2 {
  font-family: "Univers-Condensed";
}

h2.main {
  border-bottom: 4px solid #eee;
  font-size: 18px;
}

h4.non-header-font {
  font-size: 18px;
  font-weight: bold;
  letter-spacing: 0.3px;
}

a,
a:hover {
  text-decoration: none;
  color: #5f5f5f;
}

#main-nav {
  margin-bottom: 0;
}
#main-nav.android-banner {
  top: 78px;
}

.nav li a {
  font-family: "Roboto", sans-serif;
  font-weight: 400;
}
.nav li.nav-link > a {
  padding-top: 23px;
  padding-bottom: 17px;
}
.nav li.nav-link > a i {
  font-size: 16px;
}
@media screen and (max-width: 1120px) {
  .nav li.nav-link > a {
    padding-top: 23px !important;
    padding-bottom: 17px !important;
  }
}

.nav-link-image > a {
  padding-top: 0px !important;
  padding-bottom: 0px !important;
}
.nav-link-image > a span {
  display: -webkit-flex;
  display: -moz-flex;
  display: -ms-flex;
  display: flex;
  -webkit-flex-direction: column;
  -moz-flex-direction: column;
  -ms-flex-direction: column;
  flex-direction: column;
  -webkit-justify-content: center;
  -moz-justify-content: center;
  -ms-justify-content: center;
  justify-content: center;
}
@media screen and (min-width: 1121px) {
  .nav-link-image > a span {
    height: 60px;
  }
}
.nav-link-image > a span img {
  width: 22px;
  height: 22px;
  opacity: 70%;
}

.nav li form {
  padding-left: 0;
  padding-right: 0;
}
.nav li form,
.nav .navbar-btn {
  margin-top: 13px;
  margin-bottom: 13px;
}

h1.sub-header {
  margin-top: 5px;
}

.dropdown-menu > ul > .active > a {
  color: #555;
}

#searchOptions {
  border-radius: 0;
}

.navbar-default {
  box-shadow: 0 1px 10px -5px black;
}

.navbar-default .navbar-nav > li > a:not(.btn) {
  color: #555;
}
.navbar-default .navbar-nav > li > a:not(.btn):hover {
  color: #555;
}
@media screen and (max-width: 1120px) {
  .navbar-default .navbar-nav > li > a:not(.btn).dropdown-toggle {
    padding: 20px 10px;
  }
}
@media screen and (max-width: 767px) {
  .navbar-default .navbar-nav > li > a:not(.btn).dropdown-toggle {
    padding: 10px 0;
  }
}

#user-nav-item .dropdown-toggle {
  padding-top: 17px;
  padding-bottom: 23px;
}

.facer-editor #user-nav-item .dropdown-toggle {
  padding: initial;
}
.facer-editor #user-nav-item .dropdown-toggle:hover {
  background-color: transparent;
}

@media screen and (max-width: 768px) {
  #user-nav-item {
    padding-right: 15px;
    padding-left: 15px;
  }
}
@media screen and (max-width: 850px) {
  .navbar-form {
    width: 116px;
  }
  .navbar-form input[type=text] {
    padding-left: 7px;
    padding-right: 7px;
  }
}
@media screen and (min-width: 850px) and (max-width: 1000px) {
  .navbar-form {
    width: 175px;
  }
}
@media screen and (max-width: 767px) {
  .nav li form.navbar-form {
    width: 100%;
    margin-right: 0;
    margin-left: 0;
    padding-left: 15px;
    padding-right: 15px;
  }
}
.upgrade-button-wrapper {
  width: auto !important;
}

@media screen and (max-width: 950px) {
  #deviceSelection {
    display: none;
  }
  .upgrade-button-wrapper {
    padding-left: 10px !important;
  }
}
.navbar-toggle {
  padding-top: 14px;
  padding-bottom: 14px;
}

.navbar-btn a:not(.btn) {
  color: white;
}
.navbar-btn a:not(.btn):hover {
  color: white;
}

@media (min-width: 768px) {
  .nav.navbar-right:last-child {
    margin-right: 0;
  }
  #main-nav .nav-link:hover {
    background-color: #e1e1e1;
  }
  #main-nav .nav-link.active a:not(.btn),
  #main-nav .nav-link.active:hover a:not(.btn) {
    background-color: #fff !important;
    color: #555;
  }
  #main-nav .nav-link.active:after,
  #main-nav .nav-link.active:hover:after {
    content: "";
    position: absolute;
    bottom: -1px;
    left: 0;
    right: 0;
    background: #2bade3;
    height: 5px;
  }
  #main-nav .store-link a {
    padding: 3px 8px;
  }
  #main-nav .store-link img {
    width: 150px;
  }
  #main-nav .dropdown-menu-icon {
    font-size: 18px;
    vertical-align: middle;
    margin-right: 6px;
  }
}
@media (max-width: 767px) {
  #main-nav .nav li.nav-link a {
    padding-top: 10px;
    padding-bottom: 10px;
    padding-left: 15px;
  }
  #main-nav.nav.navbar-right #submitFace {
    padding: 0 13px;
  }
  #main-nav.nav.navbar-right #submitFace .btn {
    width: 100%;
  }
  #subheader {
    font-size: 16px;
  }
}
@media (max-width: 1199px) {
  .container {
    width: 100%;
    padding-right: 15px;
    padding-left: 15px;
    margin: 0;
  }
}
.divider-vertical {
  height: 60px;
  margin: 0 9px;
  border-left: 1px solid #f2f2f2;
  border-right: 1px solid #fff;
}

.divider-horizontal {
  height: 1px;
  width: 100%;
  display: block;
  /* for use on default inline elements like span */
  margin: 9px 0;
  overflow: hidden;
  background-color: #e5e5e5;
}

#wrap {
  position: relative;
  min-height: 100vh;
}
#wrap.ios-client {
  margin-right: env(safe-area-inset-right, 0);
  margin-bottom: env(safe-area-inset-bottom, 0);
  margin-left: env(safe-area-inset-left, 0);
}

#wrap,
#notifications {
  margin-top: 61px;
}
#wrap.android-banner,
#notifications.android-banner {
  margin-top: 139px;
}
#wrap.android-banner #notifications,
#notifications.android-banner #notifications {
  margin-top: 139px;
}
#wrap.ios-client,
#notifications.ios-client {
  margin-top: env(safe-area-inset-top, 61px);
}
#wrap.ios-client #notifications,
#notifications.ios-client #notifications {
  margin-top: env(safe-area-inset-top, 61px);
}

#main {
  padding-bottom: 20px;
  padding-top: 20px;
}

.center {
  float: none;
  margin-left: auto;
  margin-right: auto;
}

.starter-template {
  padding: 40px 15px;
  text-align: center;
}

.navbar-brand {
  margin-left: 0 !important;
}
.navbar-brand img {
  height: 28px;
}

.artist {
  display: inline-block;
  width: 40px;
  height: 40px;
  border-radius: 50%;
  vertical-align: middle;
  background-size: cover;
  -webkit-flex: 0 0 40px;
  -moz-flex: 0 0 40px;
  -ms-flex: 0 0 40px;
  flex: 0 0 40px;
}

.upload-clock {
  width: 300px;
}

@media screen and (max-width: 480px) {
  .youtube_player {
    width: 100%;
  }
}
#carousel {
  position: relative;
  text-align: center;
  background-color: #f0f0f0;
  overflow: hidden;
  z-index: 1;
}
#carousel .carousel-wrapper {
  position: relative;
  height: 100%;
  overflow: visible;
  max-width: 820px;
  margin: 0 auto;
  /*&:before {
      display: block;
      content: "";
      width: 100%;
      padding-top: (375 / 900) * 100%;
  }*/
}
#carousel .carousel-wrapper .slick-slider {
  margin-bottom: 0;
}
#carousel .carousel-wrapper .slick-slider .slick-list {
  overflow: visible;
}
@media screen and (min-width: 768px) {
  #carousel .carousel-wrapper .slick-slider .slick-list .slick-slide {
    padding: 0 3px;
  }
}
#carousel .carousel-wrapper .slick-slider img {
  width: 100%;
}
#carousel .carousel-wrapper ul {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  overflow: visible;
}
#carousel .carousel-wrapper ul li {
  padding: 0 3px;
}
#carousel .carousel-wrapper ul li img {
  height: auto;
  width: 100%;
}
#carousel #leftArrow,
#carousel #rightArrow {
  position: absolute;
  top: 0;
  bottom: 0;
  width: 150px;
  opacity: 0.75;
  cursor: pointer;
}
#carousel #leftArrow img,
#carousel #rightArrow img {
  position: absolute;
  top: 50%;
  margin-top: -30.5px;
}
#carousel #leftArrow:hover,
#carousel #rightArrow:hover {
  opacity: 1;
}
@media screen and (max-width: 767px) {
  #carousel #leftArrow,
  #carousel #rightArrow {
    display: none !important;
  }
}
#carousel #leftArrow {
  left: 0;
  /* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#000000+0,7db9e8+100&0.5+0,0.01+100 */
  background: -moz-linear-gradient(left, rgba(0, 0, 0, 0.5) 0%, rgba(125, 185, 232, 0.01) 100%); /* FF3.6-15 */
  background: -webkit-linear-gradient(left, rgba(0, 0, 0, 0.5) 0%, rgba(125, 185, 232, 0.01) 100%); /* Chrome10-25,Safari5.1-6 */
  background: linear-gradient(to right, rgba(0, 0, 0, 0.5) 0%, rgba(125, 185, 232, 0.01) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr="#80000000", endColorstr="#037db9e8",GradientType=1 ); /* IE6-9 */
}
#carousel #leftArrow img {
  left: 20px;
}
#carousel #rightArrow {
  right: 0;
  /* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#7db9e8+0,000000+100&0.05+0,0.5+100 */
  background: -moz-linear-gradient(left, rgba(125, 185, 232, 0.05) 0%, rgba(0, 0, 0, 0.5) 100%); /* FF3.6-15 */
  background: -webkit-linear-gradient(left, rgba(125, 185, 232, 0.05) 0%, rgba(0, 0, 0, 0.5) 100%); /* Chrome10-25,Safari5.1-6 */
  background: linear-gradient(to right, rgba(125, 185, 232, 0.05) 0%, rgba(0, 0, 0, 0.5) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr="#0d7db9e8", endColorstr="#80000000",GradientType=1 ); /* IE6-9 */
}
#carousel #rightArrow img {
  right: 20px;
}

@media screen and (max-width: 767px) {
  #collectionDeviceNotification {
    padding: 0 30px;
  }
  #collectionDeviceNotification h3 {
    font-size: 16px;
  }
}

.sticky {
  position: sticky;
  position: -webkit-sticky;
  position: -moz-sticky;
  position: -ms-sticky;
  position: -o-sticky;
  top: 60px;
}

.watchface-thumb-title {
  text-align: center;
  font-family: "Univers-condensed";
  color: #999;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}

.watchface-thumb-features {
  white-space: nowrap;
  list-style-type: none;
  padding: 0;
  text-align: center;
}
.watchface-thumb-features li {
  display: inline;
}
.watchface-thumb-features li i {
  font-size: 16px;
  margin: 0 0.1em;
  opacity: 0.5;
}
@media screen and (max-width: 767px) {
  .watchface-thumb-features li i {
    font-size: 10px;
  }
}

/* GRID */
#watch_thumb [id^=watchface],
#watch_thumb.moto360 [id^=watchface] {
  width: 164px;
  height: 164px;
  margin-top: -21px;
  margin-left: -8px;
  border-radius: 50%;
}

canvas#watchface.lower-canvas,
canvas.upper-canvas {
  top: 0 !important;
  left: 0 !important;
}

#watchface.dimmed {
  display: none;
}

#dim_button {
  position: absolute;
  bottom: 0;
  left: 0;
  width: 150px;
}

#features {
  margin-top: 0;
}

.created-with {
  position: absolute;
  bottom: 15px;
  right: 15px;
  margin-top: 2em;
  font-weight: bold;
  opacity: 0.1;
  filter: alpha(opacity=10);
  /* For IE8 and earlier */
}

.created-with:hover {
  opacity: 0.3;
  filter: alpha(opacity=30);
  /* For IE8 and earlier */
}

#shareGif {
  position: absolute;
  top: 30px;
  line-height: normal;
  right: 5px;
}

[gif-maker] {
  position: relative;
  opacity: 0;
  z-index: -1000;
}

.gif-maker-wrapper .gif-maker {
  position: absolute;
  margin-top: 15px;
  width: 650px;
  height: 650px;
  overflow: hidden;
  pointer-events: none;
}
.gif-maker-wrapper .gif-maker .watch-container {
  margin: 0px auto 0px;
  width: 300px;
  height: 300px;
  display: inline-block;
  vertical-align: middle;
}
.gif-maker-wrapper .gif-maker .gif-frame-container {
  position: absolute;
  top: 0 !important;
  left: 0 !important;
  width: 100%;
  display: inline-block;
  vertical-align: middle;
  z-index: 1000;
}
.gif-maker-wrapper .gif-maker .gif-frame-container .gif-frame {
  position: absolute;
  width: 100%;
  left: 0;
}
.gif-maker-wrapper .gif-maker .gif-maker-canvas {
  position: relative;
  z-index: 1;
  background-size: 600px 600px;
  background-position: center;
}
.gif-maker-wrapper .gif-maker #watch {
  position: absolute;
  right: 0;
  left: 0;
  top: 15px;
  line-height: 600px;
  text-align: center;
}
.gif-maker-wrapper .gif-maker .gif-maker-background {
  position: absolute;
  top: -15px;
  right: -15px;
  bottom: -15px;
  left: -15px;
  z-index: 0;
  background-color: #000;
}
.gif-maker-wrapper .gif-maker .gif-maker-background img {
  width: 100%;
  height: 100%;
}
.gif-maker-wrapper .gif-maker .gif-maker-watermark {
  position: absolute;
  color: #fff;
  bottom: 28px;
  left: 0;
  right: 0;
  text-align: center;
  opacity: 1;
  letter-spacing: 5px;
  text-transform: uppercase;
  font-size: 14px;
  font-family: univers-condensed;
}
.gif-maker-wrapper .gif-maker .gif-maker-watermark img {
  width: 28px;
  height: auto;
  margin: -5px 6px 0 3px;
}
.gif-maker-wrapper .gif-maker .gif-maker-watermark.google-io-mode {
  opacity: 1;
}
.gif-maker-wrapper .gif-maker .gif-maker-watermark.google-io-mode div {
  display: inline-block;
}
.gif-maker-wrapper .gif-maker .gif-maker-watermark.google-io-mode div img {
  width: auto;
}
.gif-maker-wrapper .gif-maker .gif-maker-watermark.google-io-mode #facerGifLogo {
  width: 31%;
}
.gif-maker-wrapper .gif-maker .gif-maker-watermark.google-io-mode #facerGifLogo img {
  height: 26px;
}
.gif-maker-wrapper .gif-maker .gif-maker-watermark.google-io-mode #ioGifLogo {
  width: 35%;
}
.gif-maker-wrapper .gif-maker .gif-maker-watermark.google-io-mode #ioGifLogo img {
  height: 26px;
}
.gif-maker-wrapper .gif-maker .gif-maker-watermark.google-io-mode #androidwearGifLogo {
  width: 31%;
}
.gif-maker-wrapper .gif-maker .gif-maker-watermark.google-io-mode #androidwearGifLogo img {
  height: 20px;
}

.ios-client #main {
  padding-bottom: 0;
}

canvas[id^=watchface] {
  background-image: url("/img/facer_preview.png");
  background-position: center;
  background-size: 250px;
}

.watchface-byline {
  display: -webkit-flex;
  display: -moz-flex;
  display: -ms-flex;
  display: flex;
  -webkit-justify-content: flex-start;
  -moz-justify-content: flex-start;
  -ms-justify-content: flex-start;
  justify-content: flex-start;
  -webkit-align-items: center;
  -moz-align-items: center;
  -ms-align-items: center;
  align-items: center;
  gap: 10px;
  font-size: 20px;
  font-weight: bold;
  margin-top: 15px;
  margin-bottom: -4px;
}
.watchface-byline .watchface-byline-info {
  display: -webkit-flex;
  display: -moz-flex;
  display: -ms-flex;
  display: flex;
  -webkit-align-items: center;
  -moz-align-items: center;
  -ms-align-items: center;
  align-items: center;
  white-space: nowrap;
  min-width: 1px;
}
.watchface-byline .watchface-artist {
  min-width: 1px;
  color: #2bade3;
  margin-left: 6px;
}
.watchface-byline .artist {
  box-shadow: 0 1px 10px -5px black;
}
@media (max-width: 767px) {
  .watchface-byline {
    margin-top: 10px;
    margin-bottom: 10px;
    font-size: 16px;
  }
  .watchface-byline .watchface-artist {
    margin-top: 3px;
  }
  .watchface-byline .artist {
    width: 30px;
    height: 30px;
    -webkit-flex: 0 0 30px;
    -moz-flex: 0 0 30px;
    -ms-flex: 0 0 30px;
    flex: 0 0 30px;
  }
}

#watchface-desc {
  margin-top: 1em;
  font-family: "Lato";
  font-weight: normal;
  font-size: 18px;
  padding: 0 3px;
}
@media (max-width: 767px) {
  #watchface-desc {
    font-size: 16px;
  }
}

.watchface-desc-container {
  position: relative;
  overflow: hidden;
  transition: max-height 0.3s ease;
}
.watchface-desc-container.is-truncated::after {
  content: "";
  position: absolute;
  bottom: 0;
  left: 0;
  width: 100%;
  height: 20px;
  background: linear-gradient(to bottom, rgba(255, 255, 255, 0), rgb(255, 255, 255));
}

.watchface-desc-text {
  display: block;
  word-wrap: break-word;
  white-space: pre-wrap;
  transition: max-height 0.3s ease;
}

.watchface-desc-toggle {
  background: none;
  border: none;
  padding: 0;
  font: inherit;
  cursor: pointer;
  outline: inherit;
  color: #2bade3;
  font-size: 14px;
  text-decoration: underline;
}

.feature-icon {
  width: 28px;
  height: 28px;
  font-size: 26px;
  margin-right: 1em;
}

#watch-switcher {
  position: absolute;
  bottom: 0;
  left: 5px;
}

.scrollable ul {
  max-height: 250px;
  overflow: auto;
}
@media (max-width: 767px) {
  .scrollable ul {
    max-height: 150px;
  }
}
.scrollable.nav-link ul {
  max-height: 300px;
}

.dropdown-block {
  right: 0;
}

/* 2nd-Level Dropdown CSS START */
.dropdown-submenu {
  position: relative;
}

.dropdown-submenu > .dropdown-menu {
  top: 0;
  left: 100%;
  width: fit-content;
  margin-top: -6px;
  margin-left: -1px;
  -webkit-border-radius: 0 6px 6px 6px;
  -moz-border-radius: 0 6px 6px 6px;
  border-radius: 0 6px 6px 6px;
}

.dropdown-submenu:hover > .dropdown-menu {
  display: block;
}

.dropdown-submenu > a:after {
  display: block;
  content: " ";
  float: right;
  width: 0;
  height: 0;
  border-color: transparent;
  border-style: solid;
  border-width: 5px 0 5px 5px;
  border-left-color: #000000;
  margin-top: 5px;
  margin-right: -10px;
}

.dropdown-submenu:hover > a:after {
  border-left-color: #000000;
}

.dropdown-submenu.pull-left {
  float: none;
}

.dropdown-submenu.pull-left > .dropdown-menu {
  left: -100%;
  margin-left: 10px;
  -webkit-border-radius: 6px 0 6px 6px;
  -moz-border-radius: 6px 0 6px 6px;
  border-radius: 6px 0 6px 6px;
}

/* 2nd-Level Dropdown CSS END */
#underTheHoodLink {
  position: absolute;
  bottom: 0;
  left: 0;
  right: 0;
  line-height: 0;
  text-align: center;
}

#acknowledge {
  margin-top: 2em;
}

#file-upload {
  margin-top: 2em;
}

.user-thumb {
  width: 100%;
}

.navbar {
  background-color: #ffffff;
}

/*.stat-icon-image {
    background: #999;
    height: 40px;
    width: 40px;
    padding: 8px;
    border-radius: 50%;
    display: inline-block;

    img {
        height: 100%;
    }
}

.stat-icon-label {
    margin: 7px;
    color: #888;
    font-size: 16px;
    font-weight: 700;
    vertical-align: middle;
}*/
#option-buttons {
  position: absolute;
  bottom: 0px;
  right: 5px;
  outline: none;
  z-index: 1;
}

#ambient-toggle {
  display: none;
}

.facer-header {
  width: 200px;
  display: block;
  margin: auto;
  padding: 1em;
}

.submit-error {
  color: #a94442;
  padding: 1em;
}

.watchface-page {
  margin-bottom: 30px;
}

@media (max-width: 767px) {
  .watchface-page {
    margin-bottom: 30px;
  }
  .watchface-page .section-name {
    padding-left: 3px;
    font-size: 14px !important;
    color: #bbb;
    line-height: 20px;
    text-transform: uppercase;
  }
  .watchface-page .section-name .watchface-artist {
    font-size: 16px !important;
    color: #555;
    display: block;
    text-transform: none;
  }
  .watchface-page .section-list {
    margin-left: 5px;
    margin-right: 5px;
  }
  .watchface-page .section-list .watchfaces-wrapper {
    padding: 0 20px;
    margin: 0 -5px;
  }
  .watchface-page .section-list .watchfaces-wrapper .watchface-wrapper {
    margin-bottom: 0;
  }
  .watchface-details {
    border-radius: 0;
    padding-right: 20px !important;
    padding-left: 20px !important;
  }
  .watchface-details hr {
    margin-top: 8px;
    margin-bottom: 12px;
    border: 0;
    border-top: 2px solid #eee;
  }
  .watchface-details .watchface-media {
    margin-top: 10px;
  }
  .watchface-details #features {
    white-space: nowrap;
    overflow: auto;
    padding: 0 20px;
    margin: 20px -20px 0;
    -webkit-overflow-scrolling: touch;
  }
  .watchface-details #features::-webkit-scrollbar {
    display: none;
  }
  .watchface-details #features #feature-list {
    margin: 0;
  }
  .watchface-details #features .feature-list-box-wrapper {
    width: 15%;
  }
  .watchface-details .watchface-tags {
    white-space: nowrap;
    overflow: auto;
    padding: 0 20px;
    margin: 0 -20px;
    -webkit-overflow-scrolling: touch;
  }
  .watchface-details .watchface-tags::-webkit-scrollbar {
    display: none;
  }
  #watch {
    margin-bottom: 40px;
  }
  #watch-switcher {
    bottom: -14px;
  }
  #option-buttons {
    bottom: -28px;
  }
  #speed-button {
    bottom: -28px;
  }
}
.fade-load {
  -webkit-animation: loader 1s linear infinite;
  -moz-animation: loader 1s linear infinite;
  -ms-animation: loader 1s linear infinite;
  animation: loader 1s linear infinite;
}

@keyframes loader {
  0% {
    opacity: 1;
  }
  50% {
    opacity: 0.25;
  }
  100% {
    opacity: 1;
  }
}
@-moz-keyframes loader {
  0% {
    opacity: 1;
  }
  50% {
    opacity: 0.25;
  }
  100% {
    opacity: 1;
  }
}
@-webkit-keyframes loader {
  0% {
    opacity: 1;
  }
  50% {
    opacity: 0.25;
  }
  100% {
    opacity: 1;
  }
}
@-ms-keyframes loader {
  0% {
    opacity: 1;
  }
  50% {
    opacity: 0.25;
  }
  100% {
    opacity: 1;
  }
}
/* --- Heart --- */
.ll-heart {
  color: #ff1a3a;
  -webkit-animation: heart-beat 1s linear infinite;
  -moz-animation: heart-beat 1s linear infinite;
  -ms-animation: heart-beat 1s linear infinite;
  animation: heart-beat 1s linear infinite;
}

@keyframes heart-beat {
  0% {
    -webkit-transform: scale(1.1);
    -moz-transform: scale(1.1);
    -o-transform: scale(1.1);
    -ms-transform: scale(1.1);
    transform: scale(1.1);
  }
  50% {
    -webkit-transform: scale(0.8);
    -moz-transform: scale(0.8);
    -o-transform: scale(0.8);
    -ms-transform: scale(0.8);
    transform: scale(0.8);
  }
  100% {
    -webkit-transform: scale(1);
    -moz-transform: scale(1);
    -o-transform: scale(1);
    -ms-transform: scale(1);
    transform: scale(1);
  }
}
@-moz-keyframes heart-beat {
  0% {
    -moz-transform: scale(1.1);
    transform: scale(1.1);
  }
  50% {
    -moz-transform: scale(0.8);
    transform: scale(0.8);
  }
  100% {
    -moz-transform: scale(1);
    transform: scale(1);
  }
}
@-webkit-keyframes heart-beat {
  0% {
    -webkit-transform: scale(1.1);
    transform: scale(1.1);
  }
  50% {
    -webkit-transform: scale(0.8);
    transform: scale(0.8);
  }
  100% {
    -webkit-transform: scale(1);
    transform: scale(1);
  }
}
@-ms-keyframes heart-beat {
  0% {
    -ms-transform: scale(1.1);
    transform: scale(1.1);
  }
  50% {
    -ms-transform: scale(0.8);
    transform: scale(0.8);
  }
  100% {
    -ms-transform: scale(1);
    transform: scale(1);
  }
}
/*-- Spinner --*/
.spinner {
  margin: 100px auto;
  width: 50px;
  height: 30px;
  text-align: center;
  font-size: 10px;
  display: block;
  clear: left;
}

.spinner > div {
  background-color: #333;
  height: 100%;
  width: 6px;
  margin: 1.5px;
  display: inline-block;
  -webkit-animation: stretchdelay 1.2s infinite ease-in-out;
  animation: stretchdelay 1.2s infinite ease-in-out;
  vertical-align: top;
}

.button-spinner {
  margin: 0 auto;
  width: 50px;
  height: 30px;
}
.button-spinner > div {
  width: 5px;
  border-radius: 5px;
}

.spinner-white > div {
  background-color: #fff;
}

.spinner .rect2 {
  -webkit-animation-delay: -1.1s;
  animation-delay: -1.1s;
}

.spinner .rect3 {
  -webkit-animation-delay: -1s;
  animation-delay: -1s;
}

.spinner .rect4 {
  -webkit-animation-delay: -0.9s;
  animation-delay: -0.9s;
}

.spinner .rect5 {
  -webkit-animation-delay: -0.8s;
  animation-delay: -0.8s;
}

#watchfaceSpinner.spinner {
  margin-bottom: 550px;
}

@-webkit-keyframes stretchdelay {
  0%, 40%, 100% {
    -webkit-transform: scaleY(0.4);
  }
  20% {
    -webkit-transform: scaleY(1);
  }
}
@keyframes stretchdelay {
  0%, 40%, 100% {
    transform: scaleY(0.4);
    -webkit-transform: scaleY(0.4);
  }
  20% {
    transform: scaleY(1);
    -webkit-transform: scaleY(1);
  }
}
/* --- other --- */
.user-thumb-edit {
  width: 200px;
  height: 200px;
  display: block;
  margin: auto;
  padding: 1em;
  text-align: center;
}

.fourohfour {
  font-size: 20em;
}
@media screen and (max-width: 480px) {
  .fourohfour {
    font-size: 10em;
  }
}

.logged-user-img {
  width: 28px;
  height: 28px;
  vertical-align: middle;
  background-size: cover;
  position: relative;
  float: left;
  margin-right: 5px;
  margin-top: -1px;
  border-radius: 50%;
  border: 1px solid #ddd;
}

.brand-user-img {
  width: 36px;
  height: 36px;
  background-size: cover;
  position: relative;
  float: left;
  margin-right: 8px;
  border-radius: 50%;
  border-style: solid;
  border-color: #e5e5e5;
}

.brand-name-label {
  margin: 8px;
  float: right;
}

.box-container {
  background-color: #ffffff;
  /* Safari 3-4, iOS 1-3.2, Android 1.6- */
  -webkit-border-radius: 6px;
  /* Firefox 1-3.6 */
  -moz-border-radius: 6px;
  /* Opera 10.5, IE 9, Safari 5, Chrome, Firefox 4, iOS 4, Android 2.1+ */
  border-radius: 0;
  padding: 0;
}

.watchface-details {
  min-height: 600px;
  position: relative;
  padding-bottom: 30px;
  padding-left: 30px;
  padding-right: 30px;
  padding-top: 20px;
}
@media (max-width: 767px) {
  .watchface-details {
    padding-bottom: 0;
    min-height: 0;
    padding-top: 0;
  }
}

@media screen and (max-width: 480px) {
  .watchface-details {
    min-height: 0px;
  }
}
.user-details {
  padding-top: 20px;
  padding-bottom: 10px;
  padding-left: 15px;
  padding-right: 15px;
}

.watchface_submit_preview {
  pading: 1em;
  width: 400px;
}

@media screen and (max-width: 480px) {
  .watchface_submit_preview {
    pading: 1em;
    width: 100%;
  }
}
.creator-cta {
  margin-bottom: 10px;
}

.sections {
  margin-bottom: 10px;
}

.section-list {
  margin-top: 10px;
}
.section-list .section-header {
  position: relative;
  color: #2b2b2b;
  padding-top: 10px;
  padding-bottom: 0em;
  background: #fff !important;
}
.section-list .section-header h2 {
  font-weight: bold;
  margin: 0;
  padding: 0px 0px 5px;
}
@media (max-width: 767px) {
  .section-list .section-header h2 {
    font-size: 22px;
    padding-bottom: 5px;
    padding-right: 50px;
  }
}
.section-list .section-description {
  color: #777;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}
@media (max-width: 767px) {
  .section-list .section-description {
    font-size: 14px;
  }
}
.section-list .watchfaces-wrapper {
  white-space: nowrap;
  overflow: hidden;
}
@media (max-width: 991px) {
  .section-list .watchfaces-wrapper {
    padding: 8px;
  }
}
@media (max-width: 767px) {
  .section-list .watchfaces-wrapper {
    overflow: auto;
    -webkit-overflow-scrolling: touch;
    margin-bottom: 0;
    padding-bottom: 0;
  }
  .section-list .watchfaces-wrapper::-webkit-scrollbar {
    display: none;
  }
}
.section-list .watchfaces-wrapper .watchface-wrapper {
  float: none !important;
  display: inline-block;
}
.section-list .watchfaces-wrapper .watchface-wrapper .watch-sizing-wrapper {
  height: 375px;
}
@media (max-width: 767px) {
  .section-list .watchfaces-wrapper .watchface-wrapper .watch-sizing-wrapper {
    height: 250px;
  }
}
.section-list .watchfaces-wrapper .watchface-wrapper .watch-container {
  width: 183px;
  height: 183px;
}
.section-list .watchfaces-wrapper .watchface-wrapper .watchface-author-title {
  font-size: 16px !important;
}
@media (max-width: 767px) {
  .section-list .watchfaces-wrapper .watchface-wrapper .watchface-author-byline {
    font-size: 12px;
  }
}
.section-list .watchfaces-wrapper .watchface-wrapper .watchface-author-title {
  font-size: 16px !important;
}
@media (max-width: 767px) {
  .section-list .watchfaces-wrapper .watchface-wrapper {
    width: 31.746031746%;
    margin-bottom: 0;
  }
  .section-list .watchfaces-wrapper .watchface-wrapper .ios-no-skin-watch-preview {
    border-width: 3px;
  }
}

.watchface-image-list .watchface-image {
  height: 340px;
}
.watchface-image-list .watchface-image .watchface-title {
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.watchface-image-list .watchface-image img {
  max-width: 100%;
}

.admin-watchface-wrapper {
  height: 415px;
}

.watchface-wrapper {
  padding: 0;
}
.watchface-wrapper .watch-container {
  width: 183px;
  height: 183px;
}

.see-more {
  position: absolute;
  top: 10px;
  right: 0px;
  border-radius: 2px;
}

.btn-cta {
  background-color: #6dbd45;
  border: 1px solid #508b33;
  border-radius: 2px;
  font-weight: normal;
}
.btn-cta.btn-cta-blue {
  background-color: #2bade3;
  border: 1px solid #28839e;
  color: white;
}
.btn-cta a {
  color: white;
  padding: 5px 13px;
  display: inline-block;
}
.btn-cta:hover {
  background-color: #7ccd53;
}
.btn-cta.btn-cta-blue:hover {
  background-color: #38b4ec;
}
.btn-cta:focus {
  color: white !important;
}

.btn-premium {
  border-color: #efb700 !important;
  border-width: 1px !important;
  border-style: solid !important;
  background: transparent !important;
  color: #cc9d04 !important;
}

#upgradeButton {
  margin-right: 5px;
}

.text-link, .premium-page .premium-page-footer ul li a {
  font-weight: bold;
  color: #2bade3 !important;
}
.text-link:hover, .premium-page .premium-page-footer ul li a:hover {
  color: #38b4ec !important;
}
.text-link.disabled, .premium-page .premium-page-footer ul li a.disabled {
  color: #999 !important;
  cursor: not-allowed;
}
.text-link i, .premium-page .premium-page-footer ul li a i {
  vertical-align: middle;
  font-size: 130%;
}
.text-link.text-link-orange, .premium-page .premium-page-footer ul li a.text-link-orange {
  color: orange !important;
}
.text-link.text-link-orange:hover, .premium-page .premium-page-footer ul li a.text-link-orange:hover {
  color: #ffaf1d !important;
}

.text-gray {
  color: #999 !important;
}

.more-watchfaces {
  margin-top: 1em;
}
.more-watchfaces h2 {
  border-bottom: 1px solid #ddd;
}

.banner {
  width: 100%;
  margin-bottom: 2em;
}

.labels {
  top: 1em;
  right: 1em;
}
.labels .status {
  margin-bottom: 5px;
  font-size: 14px;
}
.labels .draft {
  background: #31d1ff;
}
.labels .unpublished {
  background: #fff;
  color: #999;
}

#featuredFlag {
  position: absolute;
  width: 122px;
  height: 112px;
  top: 0;
  right: 10px;
  background-image: url("/img/banner-flag.png");
}
#featuredFlag div {
  text-align: center;
  line-height: 1;
  margin-top: 45px;
  color: white;
  text-indent: 1px;
  font-family: univers-condensed;
  font-size: 12px;
}
@media screen and (max-width: 767px) {
  #featuredFlag {
    width: 95px;
    height: 87px;
    right: -21px;
    background-size: 95px;
  }
  #featuredFlag div {
    margin-top: 38px;
    font-size: 10px;
  }
}

#feature-list {
  margin: 0px -5px 0px;
}
#feature-list .feature-list-box-wrapper {
  position: relative;
  display: inline-block;
  width: 16.6666666667%;
  padding-bottom: 14%;
}
#feature-list .feature-list-box-wrapper:hover {
  background: #dcdcdc;
  border-radius: 6px;
}
@media screen and (max-width: 480px) {
  #feature-list .feature-list-box-wrapper {
    width: 20%;
    padding-bottom: 11%;
  }
}
#feature-list .feature-list-box-wrapper .feature-list-box {
  position: absolute;
  top: 5px;
  left: 5px;
  right: 5px;
  bottom: 5px;
  padding: 6px;
  text-align: center;
  border-radius: 4px;
  display: -webkit-flex;
  display: -moz-flex;
  display: -ms-flex;
  display: flex;
  -webkit-flex-direction: column;
  -moz-flex-direction: column;
  -ms-flex-direction: column;
  flex-direction: column;
  -webkit-justify-content: center;
  -moz-justify-content: center;
  -ms-justify-content: center;
  justify-content: center;
}
#feature-list .feature-list-box-wrapper .feature-list-box .feature-icon {
  margin: 0 auto 7%;
  color: #444;
}
#feature-list .feature-list-box-wrapper .feature-list-box .feature-name {
  font-size: 12px;
}
@media (min-width: 768px) and (max-width: 968px) {
  #feature-list .feature-list-box-wrapper .feature-list-box .feature-icon {
    width: 25px;
    height: 25px;
    font-size: 24px;
    margin-bottom: 10%;
  }
  #feature-list .feature-list-box-wrapper .feature-list-box .feature-name {
    font-size: 13px;
  }
}
@media (max-width: 768px) {
  #feature-list .feature-list-box-wrapper .feature-list-box .feature-name {
    font-size: 11px;
  }
}
@media screen and (max-width: 480px) {
  #feature-list .feature-list-box-wrapper .feature-list-box .feature-icon {
    width: 30px;
    height: 30px;
    font-size: 30px;
    margin-bottom: 7%;
  }
  #feature-list .feature-list-box-wrapper .feature-list-box .feature-name {
    font-size: 11px;
  }
}

.watchface-meta-info {
  position: absolute;
  left: 18px;
  bottom: 53px;
  font-size: 10px;
}
.watchface-meta-info .watchface-meta-label {
  display: block;
  margin-top: 2px;
  line-height: normal;
  color: #fff;
  background: #999;
  padding: 3px;
  border-radius: 5px;
}
.watchface-meta-info .watchface-meta-label .do-not-approve {
  font-weight: bold;
  font-size: 7px;
}

.submit {
  font-weight: bold;
  font-size: 20px;
}

#download_badge {
  padding-top: 5px;
  padding-bottom: 0px;
  padding-left: 0;
  padding-right: 0;
}

hr.small-margin {
  margin-top: 10px;
  margin-bottom: 10px;
}

hr.main {
  border-bottom: 4px solid #eee;
}

#watchface-name {
  margin-bottom: 0;
  margin-top: 20px;
  font-size: 44px;
  letter-spacing: -1px;
}
#watchface-name .icon-badge {
  vertical-align: middle;
  font-size: 75%;
}
@media (max-width: 767px) {
  #watchface-name {
    font-size: 26px;
    font-weight: bold;
    padding: 0 2px;
    margin-top: 4px;
    line-height: 40px;
  }
}

.device-compatibility {
  font-size: 16px;
  color: #939393;
  margin-top: 4px;
}

.watchface-name-border {
  margin-top: 0;
}

.watchface-tags .main {
  background: #2bade3;
  color: white;
}
.watchface-tags span {
  display: inline-block;
  background: #ccc;
  color: #5f5f5f;
  font-size: 16px;
  margin: 0 3px 8px;
  padding: 2px 10px;
  border-radius: 20px;
}
.watchface-tags span:hover {
  opacity: 0.5;
}

.product-type {
  font-size: 14px;
  margin: 0;
  color: #ddd;
  text-transform: uppercase;
}

#upload-cta {
  text-align: center;
  font-size: 16px;
  font-weight: bold;
  padding: 2em;
}

.gray-header {
  text-align: center;
  font-size: 20px;
  font-weight: bold;
  opacity: 0.5;
  margin-bottom: 1em;
}

.facer-premium-cta,
.creator-cta {
  position: relative;
  font-family: "Lato", sans-serif;
  font-weight: 400;
  text-align: center;
  font-size: 20px;
  background-color: #2bade3;
  padding: 0;
  line-height: 68px;
  overflow: hidden;
}
.facer-premium-cta a,
.creator-cta a {
  display: block;
}
.facer-premium-cta #premiumBg,
.creator-cta #premiumBg {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
}
.facer-premium-cta #premiumBg .zigzag-bg,
.creator-cta #premiumBg .zigzag-bg {
  position: absolute;
  top: 30px;
  right: 0;
  opacity: 0.3;
}
.facer-premium-cta #premiumBg .dots-stripes-bg,
.creator-cta #premiumBg .dots-stripes-bg {
  position: absolute;
  top: 0;
  left: 0;
}
@media (max-width: 767px) {
  .facer-premium-cta #premiumBg .dots-stripes-bg,
  .creator-cta #premiumBg .dots-stripes-bg {
    top: -7px;
    opacity: 0.5;
  }
}
.facer-premium-cta a:focus,
.facer-premium-cta a:hover,
.facer-premium-cta a:active,
.creator-cta a:focus,
.creator-cta a:hover,
.creator-cta a:active {
  text-decoration: none;
}
.facer-premium-cta i,
.creator-cta i {
  vertical-align: middle;
  display: inline-block;
  padding-top: 5px;
  padding-left: 3px;
}
@media screen and (max-width: 767px) {
  .facer-premium-cta,
  .creator-cta {
    font-size: 16px;
  }
}
.facer-premium-cta a,
.creator-cta a {
  color: #fff;
}
.facer-premium-cta .container,
.creator-cta .container {
  position: relative;
  z-index: 1;
}
.facer-premium-cta #bannerGrid,
.creator-cta #bannerGrid {
  position: absolute;
  top: 0;
  bottom: 0;
  left: 50%;
  width: 0;
  overflow: visible;
}
.facer-premium-cta #bannerGrid img,
.creator-cta #bannerGrid img {
  position: absolute;
  top: 0;
  left: -935.5px;
  height: 100%;
  z-index: 0;
}

.facer-premium-cta {
  background-color: #1d263d;
  background: rgb(46, 72, 88);
  background: -moz-linear-gradient(left, rgb(46, 72, 88) 0%, rgb(32, 97, 135) 100%);
  background: -webkit-gradient(left top, right top, color-stop(0%, rgb(46, 72, 88)), color-stop(100%, rgb(32, 97, 135)));
  background: -webkit-linear-gradient(left, rgb(46, 72, 88) 0%, rgb(32, 97, 135) 100%);
  background: -o-linear-gradient(left, rgb(46, 72, 88) 0%, rgb(32, 97, 135) 100%);
  background: -ms-linear-gradient(left, rgb(46, 72, 88) 0%, rgb(32, 97, 135) 100%);
  background: linear-gradient(to right, rgb(46, 72, 88) 0%, rgb(32, 97, 135) 100%);
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr="#2e4858", endColorstr="#206187", GradientType=1 );
}
.facer-premium-cta .container {
  padding: 0;
  white-space: nowrap;
  display: -webkit-flex;
  display: -moz-flex;
  display: -ms-flex;
  display: flex;
  -webkit-align-items: center;
  -moz-align-items: center;
  -ms-align-items: center;
  align-items: center;
  -webkit-justify-content: center;
  -moz-justify-content: center;
  -ms-justify-content: center;
  justify-content: center;
}
@media (max-width: 767px) {
  .facer-premium-cta .container {
    text-align: left;
  }
}
.facer-premium-cta .container .icon-container {
  -webkit-flex: 0;
  -moz-flex: 0;
  -ms-flex: 0;
  flex: 0;
  padding: 0 5px;
}
@media (max-width: 767px) {
  .facer-premium-cta .container .icon-container {
    padding: 0 5px 0 4px;
  }
}
.facer-premium-cta .container .icon-container .main-icon {
  color: #eeb60b;
  font-size: 40px;
  line-height: 50px;
  text-shadow: #1d3240 0 7px 15px;
}
.facer-premium-cta .container .text-container {
  display: inline-block;
  -webkit-flex: 0;
  -moz-flex: 0;
  -ms-flex: 0;
  flex: 0;
}
@media (max-width: 767px) {
  .facer-premium-cta .container .text-container {
    -webkit-flex: 1;
    -moz-flex: 1;
    -ms-flex: 1;
    flex: 1;
  }
}
.facer-premium-cta .container .text-container .primary-text {
  line-height: normal;
  font-weight: bold;
  margin: 0 6px 0 2px;
}
@media (max-width: 767px) {
  .facer-premium-cta .container .text-container .primary-text {
    display: block;
  }
}
.facer-premium-cta .container .text-container .secondary-text {
  line-height: normal;
  color: #abbfcc;
  margin-right: 20px;
}
@media (max-width: 767px) {
  .facer-premium-cta .container .text-container .secondary-text {
    white-space: normal;
    margin-right: 2px;
    font-size: 12px;
    display: block;
  }
}
.facer-premium-cta .container .btn-container {
  -webkit-flex: 0;
  -moz-flex: 0;
  -ms-flex: 0;
  flex: 0;
}
@media (max-width: 767px) {
  .facer-premium-cta .container .btn-container {
    padding: 0 10px 0 5px;
  }
}
.facer-premium-cta .container .btn-container .btn {
  font-size: 18px;
  background: #2bade3;
  color: white;
  font-weight: bold;
  margin-bottom: 3px;
}
@media (max-width: 767px) {
  .facer-premium-cta .container .btn-container .btn {
    font-size: 14px;
  }
}

.store-filter {
  text-align: center;
  margin: 1em;
}

.store-section {
  font-size: 20px;
  padding-left: 20px;
  padding-right: 20px;
  margin-left: 20px;
  margin-right: 20px;
}
.store-section:hover, .store-section.active {
  background-color: #98cefc;
  color: white;
}

.section-list .gray-header {
  color: black;
}

@media (max-width: 767px) {
  .user-details {
    border-radius: 0;
    margin-bottom: 15px;
  }
}
/*-- download button --*/
.col-xs-2-4,
.col-sm-2-4,
.col-md-2-4,
.col-lg-2-4 {
  position: relative;
  min-height: 1px;
  padding-right: 10px;
  padding-left: 10px;
}

.col-xs-2-4 {
  float: left;
  width: 20%;
}

@media (min-width: 768px) {
  .col-sm-2-4 {
    float: left;
    width: 25%;
  }
}
@media (min-width: 992px) {
  .col-md-2-4 {
    float: left;
    width: 25%;
  }
  .col-md-2-4.watchface-wrapper {
    padding-left: 0;
  }
}
@media (min-width: 993px) and (max-width: 1199px) {
  .col-md-lg-3 {
    float: left;
    width: 25%;
  }
}
.option-link {
  opacity: 0.5;
}
.option-link:hover {
  opacity: 0.75;
}
.option-link.active {
  opacity: 1;
}
.option-link:active, .option-link:focus {
  text-decoration: none;
}

.btn-icon {
  font-size: 120%;
  color: #5f5f5f;
  padding: 0;
}

.btn-icon-blue {
  font-size: 160%;
  margin-right: 10px;
  color: #2bade3 !important;
  padding: 0;
}

.btn-primary {
  background-color: #2bade3;
  border-color: #28839e;
}

.google-plus-color {
  color: #dd4d40;
}

.facebook-color {
  color: #3b5999;
}

.twitter-color {
  color: #55acee;
}

.btn-round {
  background-color: #2bade3;
  border-radius: 999em;
  width: 80px;
  height: 80px;
  box-shadow: 0 2px 5px 0 rgba(0, 0, 0, 0.26);
  line-height: 1;
  font-size: 36px;
  position: relative;
  cursor: pointer;
  display: inline-block;
  text-align: center;
}
.btn-round .download-cta {
  font-size: 12px;
  font-family: univers-condensed;
  position: absolute;
  bottom: -25px;
  left: 0;
  right: 0;
  text-align: center;
  color: #2bade3;
}
.btn-round + .sync-button-text {
  display: inline-block;
  line-height: 86px;
  margin: 0 0 0 10px;
  vertical-align: top;
  color: #2bade3;
}
.btn-round img {
  position: absolute;
  left: 12px;
  top: 50%;
  height: 70%;
  width: 70%;
  text-align: center;
  margin-top: -29px;
  color: #fff;
}
.btn-round i {
  line-height: 90px;
  color: #fff;
}
.btn-round:hover {
  opacity: 0.9;
}
.btn-round:active {
  opacity: 0.5;
}

.fullscreen-watchface-name {
  position: absolute;
  bottom: 10px;
  right: 20px;
}
.fullscreen-watchface-name h3 {
  color: #fff;
}

.btn-default:focus,
.btn-default.focus {
  color: #333;
  background-color: #fff;
  border-color: #ccc;
}

.btn-centered-icon {
  padding-bottom: 5px;
}
.btn-centered-icon i {
  vertical-align: middle;
}

.centered-icon {
  vertical-align: middle;
}

.green {
  background-color: #009688 !important;
}

.green-text {
  color: #009688;
}

.blue {
  background-color: #2bade3 !important;
}

.io-blue {
  background-color: rgb(45, 197, 218) !important;
}

.red-text {
  color: #ff3b3b;
}

.text-bold {
  font-weight: bolder !important;
}

.download {
  margin-right: 10px;
}

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

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

.no-margin {
  margin: 0;
}

.no-padding-top {
  padding-top: 0 !important;
}

.no-margin-bottom {
  margin-bottom: 0;
}

.faded {
  opacity: 0.25;
}

.fade {
  opacity: 1;
}

.fade.ng-hide-add.ng-hide-add-active,
.fade.ng-hide-remove.ng-hide-remove-active {
  display: block !important;
  transition: all linear 0.15s;
}

.fade-in-out.ng-enter,
.fade-in-out.ng-leave {
  transition: 0.5s linear all;
}

.fade-in-out.ng-enter {
  opacity: 0;
}

.fade-in-out.ng-leave,
.fade-in-out.ng-enter.ng-enter-active {
  opacity: 1;
}

.fade-in-out.ng-leave.ng-leave-active {
  opacity: 0;
}

.faded-out {
  transition: none;
}

.faded-out,
.fade.ng-hide {
  opacity: 0;
}

.opacity-fade {
  -webkit-transition: opacity linear 0.15s;
  -moz-transition: opacity linear 0.15s;
  -ms-transition: opacity linear 0.15s;
  transition: opacity linear 0.15s;
  opacity: 0;
}

.opacity-hide {
  opacity: 0;
}

.opacity-show,
.opacity-fade-show {
  opacity: 1;
}

.hidden {
  display: none;
}

tiny {
  font-size: 70%;
}

.scroll {
  overflow: auto;
}

.centered-dropdown {
  display: inline-block;
}

.dropdown-menu.dropdown-menu--underlined {
  padding: 0;
}
.dropdown-menu.dropdown-menu--underlined li {
  padding: 5px 0;
  border-bottom: 1px solid #ddd;
}
.dropdown-menu.dropdown-menu--underlined li:hover {
  background-color: #f5f5f5;
}
.dropdown-menu.dropdown-menu--underlined li:last-child {
  border-bottom: none;
}
.dropdown-menu.dropdown-menu--underlined li.divider-horizontal {
  border-bottom: none;
}
.dropdown-menu.dropdown-menu--underlined li.dropdown-header {
  padding: 5px;
}
.dropdown-menu.dropdown-menu--underlined li.dropdown-header:hover {
  background-color: initial;
}
.dropdown-menu .list-content {
  display: inline-block;
  vertical-align: middle;
}
.dropdown-menu .list-image {
  margin-left: 10px;
  vertical-align: middle;
}

#browse-menu-ul li a {
  font-weight: 500;
  color: #2c2c2c;
}

.dropdown-menu-left {
  left: 0;
  right: auto;
}
.dropdown-menu-left .store-link {
  text-align: center;
}
.dropdown-menu-left .store-link img {
  max-width: 150px;
}

.ul-submenu {
  right: auto !important;
  min-width: max-content;
}

#brands-menu-header {
  font-weight: 700;
  color: #2c2c2c;
}
#brands-menu-header a {
  color: #2bade3 !important;
  font-size: 13px;
}

#brands-menu-header:hover {
  background-color: initial;
}

.li-submenu {
  padding: 8px 16px 4px;
  min-width: 268px;
}

.li-submenu:hover {
  background-color: #f5f5f5;
}

.li-submenu a {
  padding: initial !important;
  display: inline-block !important;
}

.browse-menu {
  padding: 10px 0px 10px 0px;
}

.browse-menu:hover {
  background-color: #f5f5f5;
}

[ui-sref] {
  cursor: pointer;
}

.hide-file-input input {
  position: absolute;
  top: -9999px;
  left: -9999px;
}

.handle {
  cursor: ns-resize;
}

.draggable-table ul {
  list-style-type: none;
}
.draggable-table table,
.draggable-table ul,
.draggable-table li {
  margin: 0;
  padding: 0;
}
.draggable-table .dndPlaceholder {
  height: 50px;
}

#referencePage a {
  text-decoration: underline;
}
#referencePage .text-muted {
  color: #999;
}
#referencePage .section {
  margin: 75px auto 100px;
}
#referencePage .section table {
  margin-top: 35px;
  margin-bottom: 35px;
}
#referencePage p {
  max-width: 700px;
  margin: 15px 0 15px;
}
#referencePage .example {
  font-family: monospace;
  background: #ddd;
  border-radius: 2px;
  border: 1px solid #ccc;
  padding: 0px 4px;
}
#referencePage .example.good {
  background: #e6f5e6 !important;
  color: #008000;
  border-color: #aee0ae !important;
}
#referencePage .example.bad {
  background: #ffeaea !important;
  color: #b30000;
  border-color: #f3d4d4 !important;
}
#referencePage div.example {
  font-size: 125%;
  border-radius: 5px;
  padding: 5px 15px;
  display: inline-block;
  position: relative;
  margin-right: auto;
  margin-left: auto;
}

.presentation-wrapper {
  position: fixed;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  background: black;
  z-index: 10000;
}
.presentation-wrapper header {
  display: none;
  margin: 20px;
  z-index: 10000;
  display: -webkit-flex;
  display: -moz-flex;
  display: -ms-flex;
  display: flex;
  -webkit-flex-direction: row;
  -moz-flex-direction: row;
  -ms-flex-direction: row;
  flex-direction: row;
}
.presentation-wrapper header #facerGifLogo {
  -webkit-flex: 1;
  -moz-flex: 1;
  -ms-flex: 1;
  flex: 1;
  text-align: left;
}
.presentation-wrapper header #facerGifLogo img {
  height: auto;
}
.presentation-wrapper header #ioGifLogo {
  -webkit-flex: 1;
  -moz-flex: 1;
  -ms-flex: 1;
  flex: 1;
  text-align: center;
}
.presentation-wrapper header #ioGifLogo img {
  height: 20px;
}
.presentation-wrapper header #androidwearGifLogo {
  -webkit-flex: 1;
  -moz-flex: 1;
  -ms-flex: 1;
  flex: 1;
  text-align: right;
}
.presentation-wrapper header #androidwearGifLogo img {
  height: 15px;
}
.presentation-wrapper .sync-button {
  border-color: #fff;
  color: #fff;
  background-color: transparent !important;
  position: absolute;
  bottom: 20px;
  left: 20px;
}
.presentation-wrapper .presentation-view,
.presentation-wrapper .loader-wrapper {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  display: flex;
  transition: opacity 1s;
}
.presentation-wrapper .presentation-view .canvas-container,
.presentation-wrapper .presentation-view .loader,
.presentation-wrapper .presentation-view canvas,
.presentation-wrapper .loader-wrapper .canvas-container,
.presentation-wrapper .loader-wrapper .loader,
.presentation-wrapper .loader-wrapper canvas {
  border-radius: 50%;
  margin: auto;
  width: 960px !important;
  height: 960px !important;
  background-size: 960px;
  text-align: center;
}
.presentation-wrapper .presentation-view .canvas-container canvas,
.presentation-wrapper .loader-wrapper .canvas-container canvas {
  background: transparent;
}
.presentation-wrapper .presentation-view .loader i,
.presentation-wrapper .loader-wrapper .loader i {
  display: inline-block;
  color: white;
  margin: 20px;
  font-size: 30px;
  padding: 15px;
  height: 60px;
  line-height: 30px;
  border-radius: 50%;
  background: rgba(0, 0, 0, 0.25);
  -webkit-animation: loader 1s linear infinite;
  -moz-animation: loader 1s linear infinite;
  -ms-animation: loader 1s linear infinite;
  animation: loader 1s linear infinite;
}
.presentation-wrapper.fullscreen-watchface .google-io-display-header {
  display: -webkit-flex;
  display: -moz-flex;
  display: -ms-flex;
  display: flex;
}
.presentation-wrapper.fullscreen-watchface .canvas-container,
.presentation-wrapper.fullscreen-watchface .loader,
.presentation-wrapper.fullscreen-watchface canvas {
  width: 640px !important;
  height: 640px !important;
  background-size: 640px;
}

.very-small {
  font-size: 75%;
}

/*.button-icon {
    padding-bottom: 6px;
    line-height: 0;
    i {
        font-size: 23px;
        display: inline-block;
        height: 20px;
    }
}*/
.smartbanner {
  left: 0;
  top: 0;
  width: 100%;
  height: 78px;
  font-family: "Helvetica Neue", helvetica, arial, sans-serif;
  background: #ddd;
  overflow: hidden;
  border-bottom: 1px solid #ccc;
  z-index: 10000;
  position: fixed;
  -webkit-font-smoothing: antialiased;
  -webkit-text-size-adjust: none;
}

.smartbanner-container {
  margin: 0 auto;
}

.smartbanner-close {
  position: absolute;
  left: 7px;
  top: 7px;
  display: block;
  font-family: "ArialRoundedMTBold", Arial;
  font-size: 15px;
  text-align: center;
  text-decoration: none;
  border-radius: 14px;
  -webkit-font-smoothing: subpixel-antialiased;
  border: 0;
  width: 17px;
  height: 17px;
  line-height: 17px;
  color: #b1b1b3;
  background: #efefef;
}

.smartbanner-close:active,
.smartbanner-close:hover {
  color: #333;
}

.smartbanner-icon {
  position: absolute;
  left: 30px;
  top: 10px;
  display: block;
  width: 57px;
  height: 57px;
  background-color: transparent;
  background-size: cover;
  background-image: url("/img/favicons/android-icon-192x192.png");
}

.smartbanner-info {
  position: absolute;
  left: 98px;
  top: 15px;
  width: 44%;
  font-size: 12px;
  line-height: 1.2em;
  font-weight: bold;
  color: #999;
}

.smartbanner-title {
  font-size: 15px;
  line-height: 17px;
  color: #000;
  font-weight: bold;
}

.smartbanner-button {
  position: absolute;
  right: 20px;
  top: 24px;
  border-bottom: 3px solid #689f38;
  padding: 0 10px;
  min-width: 12%;
  height: 28px;
  font-size: 16px;
  line-height: 28px;
  text-align: center;
  font-weight: bold;
  color: #fff !important;
  background-color: #689f38;
  text-decoration: none;
  border-radius: 5px;
}

.smartbanner-button:hover {
  background-color: #c1d739;
  border-bottom: 3px solid #8c9c29;
}

.smartbanner-button-text {
  text-align: center;
  display: block;
  padding: 0 5px;
}

.abtw {
  font-family: medium-content-serif-font, Georgia, Cambria, "Times New Roman", Times, serif;
  font-size: 21px;
}

.abtw .entry-box {
  background-color: #ffffff;
  border: 1px solid #aaaaaa;
  padding: 1em;
  font-size: 18px;
}

.abtw p {
  margin: 0 0 10px;
  color: #3e3e3e;
  padding-bottom: 1.5em;
}

.abtw h2,
.abtw .h2 {
  font-size: 30px;
}

#fonts {
  position: absolute;
  top: -9999px;
  left: -9999px;
  visibility: hidden;
  z-index: 20;
}

.no-scroll {
  overflow: hidden;
}

.abtw {
  font-family: medium-content-serif-font, Georgia, Cambria, "Times New Roman", Times, serif;
  font-size: 21px;
}

.abtw .entry-box {
  background-color: #ffffff;
  border: 1px solid #aaaaaa;
  padding: 1em;
  font-size: 18px;
}

.abtw p {
  margin: 0 0 10px;
  color: #3e3e3e;
  padding-bottom: 1.5em;
}

.abtw h2,
.abtw .h2 {
  font-size: 30px;
}

.grecaptcha-badge {
  visibility: hidden;
}

.user-list-panel {
  width: 370px;
  height: 252px;
  border-radius: 15px;
  overflow: hidden;
  font-family: Roboto, sans-serif;
  margin-bottom: 30px;
  margin-left: auto;
  margin-right: auto;
  box-shadow: 0 4px 10px 0 rgba(0, 0, 0, 0.15);
}

.user-list-panel:hover .user-list-follow-button {
  visibility: visible;
}

.user-list-banner {
  width: 369px;
  height: 140px;
  background-size: cover;
  background-position: center center;
}

.user-list-empty-banner {
  background-image: url("/img/default_cover.png") !important;
  background-size: auto;
}

.user-list-icon {
  width: 80px;
  height: 80px;
  border: solid 2px #d5d5d5;
  background-size: cover;
  border-radius: 50%;
  margin: 16px;
  float: left;
}

.user-list-name {
  font-size: 20px;
  font-weight: bold;
  color: #2c2c2c;
  margin-top: 21px;
  margin-bottom: 5px;
  white-space: nowrap;
}

.user-list-info {
  float: left;
  width: 53px;
}

.user-list-follow-button {
  visibility: hidden;
  float: right;
  margin-right: 12px;
}

.user-list-info-label {
  font-size: 11px;
  font-weight: 500;
  color: #808080;
}

.user-list-info-data {
  font-size: 18px;
  font-weight: bold;
  color: #2c2c2c;
}

.user-list-title {
  font-family: Roboto, sans-serif;
  font-size: 26px;
  font-weight: bold;
  color: #2c2c2c;
  margin-top: 30px;
  margin-bottom: 8px;
}

.user-list-subtitle {
  font-family: Roboto, sans-serif;
  font-size: 14px;
  color: #6c6c6c;
  margin-bottom: 40px;
}

.user-list-avatar {
  width: 120px;
  height: 120px;
  margin: 30px 13px;
  float: left;
  border: 2px solid #d5d5d5;
  border-radius: 50%;
  background-position: center center;
  background-size: cover;
}

.user-list-container {
  overflow-x: scroll;
  overflow-y: hidden;
  white-space: nowrap;
}

.user-list-container::-webkit-scrollbar {
  width: 0;
  height: 0;
}

.user-list-item {
  display: inline-block;
}

[ios-upload],
.ios-photo-upload {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  z-index: 1;
}

.promo-image-upload {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  z-index: 100;
}

:root {
  --btn-font-size: 16px;
  --btn-x-spacing: 0 20px;
}

.f-btn-primary {
  background-color: var(--facer-blue);
  color: var(--white);
  transition: var(--transition-primary);
  text-decoration: none;
}
.f-btn-primary:hover, .f-btn-primary:active, .f-btn-primary:focus {
  text-decoration: none;
  color: var(--white);
  background-color: var(--facer-blue-highlight);
  box-shadow: 0px 6px 8px rgba(0, 0, 0, 0.1);
}

.f-btn-ghost, .f-btn-ghost-primary {
  font-family: "Roboto", sans-serif;
  font-weight: 500;
  color: var(--facer-dark);
  display: inline-flex;
  justify-content: center;
  align-items: center;
  transition: var(--transition-primary);
  background-color: var(--bg-light-grey);
  border: 0;
  font-weight: 400;
  background-color: transparent;
  border: 0;
}
.f-btn-ghost:hover, .f-btn-ghost-primary:hover, .f-btn-ghost:active, .f-btn-ghost-primary:active, .f-btn-ghost:focus, .f-btn-ghost-primary:focus {
  background-color: var(--bg-grey);
  box-shadow: 0px 6px 8px rgba(0, 0, 0, 0.1);
}
.f-btn-ghost.is-active, .is-active.f-btn-ghost-primary {
  color: var(--facer-blue);
}
.f-btn-ghost.disabled, .disabled.f-btn-ghost-primary, .f-btn-ghost[disabled], [disabled].f-btn-ghost-primary {
  background-color: var(--facer-dark-1);
  color: var(--facer-dark-3);
}
.f-btn-ghost.disabled:hover, .disabled.f-btn-ghost-primary:hover, .f-btn-ghost[disabled]:hover, [disabled].f-btn-ghost-primary:hover {
  background-color: var(--facer-dark-1);
  box-shadow: none;
}
.f-btn-ghost:hover, .f-btn-ghost-primary:hover {
  background-color: transparent;
  box-shadow: none;
}

.f-btn-ghost-primary {
  color: var(--facer-blue);
  font-weight: 700;
}

.f-btn-rounded {
  border-radius: 140px;
}

.f-btn-rounded-primary, .f-btn-rounded-primary-xl {
  font-family: "Roboto", sans-serif;
  font-weight: 500;
  color: var(--facer-dark);
  display: inline-flex;
  justify-content: center;
  align-items: center;
  transition: var(--transition-primary);
  background-color: var(--bg-light-grey);
  border: 0;
  border-radius: 140px;
  height: 40px;
  padding: var(--btn-x-spacing);
  font-size: 14px;
  background-color: var(--facer-blue);
  color: var(--white);
  transition: var(--transition-primary);
  text-decoration: none;
}
.f-btn-rounded-primary:hover, .f-btn-rounded-primary-xl:hover, .f-btn-rounded-primary:active, .f-btn-rounded-primary-xl:active, .f-btn-rounded-primary:focus, .f-btn-rounded-primary-xl:focus {
  background-color: var(--bg-grey);
  box-shadow: 0px 6px 8px rgba(0, 0, 0, 0.1);
}
.f-btn-rounded-primary.is-active, .is-active.f-btn-rounded-primary-xl {
  color: var(--facer-blue);
}
.f-btn-rounded-primary.disabled, .disabled.f-btn-rounded-primary-xl, .f-btn-rounded-primary[disabled], [disabled].f-btn-rounded-primary-xl {
  background-color: var(--facer-dark-1);
  color: var(--facer-dark-3);
}
.f-btn-rounded-primary.disabled:hover, .disabled.f-btn-rounded-primary-xl:hover, .f-btn-rounded-primary[disabled]:hover, [disabled].f-btn-rounded-primary-xl:hover {
  background-color: var(--facer-dark-1);
  box-shadow: none;
}
.f-btn-rounded-primary:hover, .f-btn-rounded-primary-xl:hover, .f-btn-rounded-primary:active, .f-btn-rounded-primary-xl:active, .f-btn-rounded-primary:focus, .f-btn-rounded-primary-xl:focus {
  text-decoration: none;
  color: var(--white);
  background-color: var(--facer-blue-highlight);
  box-shadow: 0px 6px 8px rgba(0, 0, 0, 0.1);
}
.f-btn-rounded-primary-xl {
  height: 52px;
  padding: var(--btn-x-spacing);
  font-size: 16px;
}

.f-btn-rounded-default {
  font-family: "Roboto", sans-serif;
  font-weight: 500;
  color: var(--facer-dark);
  display: inline-flex;
  justify-content: center;
  align-items: center;
  transition: var(--transition-primary);
  background-color: var(--bg-light-grey);
  border: 0;
  border-radius: 140px;
  height: 40px;
  padding: var(--btn-x-spacing);
  font-size: 14px;
}
.f-btn-rounded-default:hover, .f-btn-rounded-default:active, .f-btn-rounded-default:focus {
  background-color: var(--bg-grey);
  box-shadow: 0px 6px 8px rgba(0, 0, 0, 0.1);
}
.f-btn-rounded-default.is-active {
  color: var(--facer-blue);
}
.f-btn-rounded-default.disabled, .f-btn-rounded-default[disabled] {
  background-color: var(--facer-dark-1);
  color: var(--facer-dark-3);
}
.f-btn-rounded-default.disabled:hover, .f-btn-rounded-default[disabled]:hover {
  background-color: var(--facer-dark-1);
  box-shadow: none;
}
.f-btn-rounded-default-sm {
  font-family: "Roboto", sans-serif;
  font-weight: 500;
  color: var(--facer-dark);
  display: inline-flex;
  justify-content: center;
  align-items: center;
  transition: var(--transition-primary);
  background-color: var(--bg-light-grey);
  border: 0;
  border-radius: 140px;
  height: 35px;
  padding: 0 20px;
}
.f-btn-rounded-default-sm:hover, .f-btn-rounded-default-sm:active, .f-btn-rounded-default-sm:focus {
  background-color: var(--bg-grey);
  box-shadow: 0px 6px 8px rgba(0, 0, 0, 0.1);
}
.f-btn-rounded-default-sm.is-active {
  color: var(--facer-blue);
}
.f-btn-rounded-default-sm.disabled, .f-btn-rounded-default-sm[disabled] {
  background-color: var(--facer-dark-1);
  color: var(--facer-dark-3);
}
.f-btn-rounded-default-sm.disabled:hover, .f-btn-rounded-default-sm[disabled]:hover {
  background-color: var(--facer-dark-1);
  box-shadow: none;
}

.f-btn-chip {
  font-family: "Roboto", sans-serif;
  display: inline-flex;
  justify-content: space-between;
  align-items: center;
  font-weight: 500;
  gap: 10px;
  border-radius: 140px;
  height: 35px;
  padding: 0 20px;
  font-family: "Roboto", sans-serif;
  font-weight: 500;
  color: var(--facer-dark-1);
  transition: var(--transition-primary);
  background-color: var(--bg-light-grey);
  border: 0;
}
.f-btn-chip:hover, .f-btn-chip:active, .f-btn-chip:focus {
  background-color: var(--facer-dark-2);
}
.f-btn-chip svg path {
  transition: var(--transition-default);
}
.f-btn-chip.is-active {
  color: var(--facer-blue);
}
.f-btn-chip.is-active svg path {
  fill: var(--facer-blue);
}

.f-btn-icon {
  font-family: "Roboto", sans-serif;
  display: inline-flex;
  justify-content: space-between;
  align-items: center;
  font-weight: 500;
  gap: 10px;
  border-radius: 140px;
  height: 40px;
  padding: var(--btn-x-spacing);
  font-size: 14px;
}
.f-btn-icon svg path {
  transition: var(--transition-default);
}
.f-btn-icon.is-active {
  color: var(--facer-blue);
}
.f-btn-icon.is-active svg path {
  fill: var(--facer-blue);
}

.is-dark {
  color: var(--facer-dark-9);
}
.is-dark svg path {
  fill: var(--facer-dark-9);
}

.is-sm {
  height: 35px;
  padding: 0 20px;
}

.is-center {
  justify-content: center;
}

.f-btn-xl {
  height: 52px;
  padding: var(--btn-x-spacing);
  font-size: 16px;
}

.f-btn-lg {
  height: 40px;
  padding: var(--btn-x-spacing);
  font-size: 14px;
}

.f-btn-xs {
  height: 24px;
}

.f-btn {
  font-family: "Roboto", sans-serif;
  font-weight: 500;
  color: var(--facer-dark);
  display: inline-flex;
  justify-content: center;
  align-items: center;
  transition: var(--transition-primary);
  background-color: var(--bg-light-grey);
  border: 0;
}
.f-btn:hover, .f-btn:active, .f-btn:focus {
  background-color: var(--bg-grey);
  box-shadow: 0px 6px 8px rgba(0, 0, 0, 0.1);
}
.f-btn.is-active {
  color: var(--facer-blue);
}
.f-btn.disabled, .f-btn[disabled] {
  background-color: var(--facer-dark-1);
  color: var(--facer-dark-3);
}
.f-btn.disabled:hover, .f-btn[disabled]:hover {
  background-color: var(--facer-dark-1);
  box-shadow: none;
}

.f-btn-block {
  display: block;
  width: 100%;
}

.f-btn-primary {
  background-color: var(--facer-blue);
  color: var(--white);
  transition: var(--transition-primary);
  text-decoration: none;
}
.f-btn-primary:hover, .f-btn-primary:active, .f-btn-primary:focus {
  text-decoration: none;
  color: var(--white);
  background-color: var(--facer-blue-highlight);
  box-shadow: 0px 6px 8px rgba(0, 0, 0, 0.1);
}

.f-btn-secondary {
  background-color: var(--bg-light-grey);
  color: var(--facer-dark);
  transition: var(--transition-primary);
  text-decoration: none;
}
.f-btn-secondary:hover, .f-btn-secondary:active, .f-btn-secondary:focus {
  text-decoration: none;
  box-shadow: 0px 6px 8px rgba(0, 0, 0, 0.1);
}

:root {
  --facer-default-font: "Roboto", Helvetica, Arial, sans-serif;
  --facer-text-size-small: 12px;
  --facer-text-size-normal: 14px;
}

.normal-text, .dashboard-watchface-list .dashboard-watchface-item .dashboard-watchface-item-extra-details .dashboard-watchface-item-stats .dashboard-watchface-item-stat i, .muted-text, .dashboard-watchface-list .dashboard-watchface-item .dashboard-watchface-item-extra-details .dashboard-watchface-item-platforms i, .dashboard-watchface-list .dashboard-watchface-item .dashboard-watchface-item-details .edit-date, .bold-text, .light-text, .dashboard-outer-wrapper .default-page .default-page-starting-points .default-page-starting-point p, .dark-text, .page-title, .auth-modal h1, .auth-page h1, .top-charts .top-charts-header .top-charts-header-title h1, .page-title-medium, .dashboard-page-header .dashboard-page-header-title, .dashboard-outer-wrapper .default-page .default-page-starting-points .default-page-starting-point .default-page-starting-point-title, .page-subtitle, .top-charts .top-charts-header .top-charts-header-title .top-charts-header-subtitle, .dashboard-page-header .dashboard-page-header-detail, .button-text, .caption-text, .notification-feed a .notification-feed-item-content .notification-feed-item-title + .notification-feed-item-message, .text-button, .small-text-button, .notification-feed a .notification-feed-item-content .notification-feed-item-comment-reply-wrapper, .large-button-text, .facer-share-modal .facer-modal-content .facer-modal-inspect-cta, .facer-share-modal .facer-modal-content .facer-modal-share-cta, .xlarge-button-text, .card-text-title, .dashboard-watchface-list .dashboard-watchface-item .dashboard-watchface-item-title-outer-wrapper .dashboard-watchface-item-title,
.dashboard-watchface-list .dashboard-watchface-item .dashboard-watchface-item-title-outer-wrapper .dashboard-watchface-item-title a,
.modal-text-title,
.facer-share-modal .facer-modal-content .facer-modal-title, .card-text-title-hovered, .dashboard-watchface-list .dashboard-watchface-item:hover .dashboard-watchface-item-title,
.dashboard-watchface-list .dashboard-watchface-item:hover .dashboard-watchface-item-title a, .stat-text-value, .dashboard-outer-wrapper .dashboard-watchface-stats .dashboard-watchface-stat .dashboard-watchface-stat-value, .detail-text, .dashboard-watchface-list .dashboard-watchface-item .dashboard-watchface-item-details, .small-detail-text, .dashboard-watchface-list .dashboard-watchface-item .dashboard-watchface-item-extra-details .dashboard-watchface-item-stats, .jumbo-text, .publish-form h1, .publish-form__header, .dashboard-outer-wrapper .default-page .default-page-title, .jumbo-text-detail, .dashboard-outer-wrapper .default-page .default-page-subtitle, .facer-button, .top-charts .btn, .dashboard-outer-wrapper .btn, .facer-button i:not(.glyphicon), .top-charts .btn i:not(.glyphicon), .dashboard-outer-wrapper .btn i:not(.glyphicon), .facer-button.btn-xl i, .top-charts .btn-xl.btn i, .dashboard-outer-wrapper .btn-xl.btn i, .facer-button.btn-lg i, .top-charts .btn-lg.btn i, .dashboard-outer-wrapper .btn-lg.btn i, .facer-button.btn-sm,
.facer-button.btn-sm i,
.top-charts .btn-sm.btn i,
.dashboard-outer-wrapper .btn-sm.btn i, print-button[type=text] .sync-button .icon-pushtowatch:before,
sync-button[type=text] .sync-button .icon-pushtowatch:before, .follow-button .btn, .follow-button .btn i, .follow-button.follow-button-compact .btn,
.follow-button.follow-button-compact .btn i {
  font-family: var(--facer-default-font);
  color: var(--facer-dark);
}

.muted-text, .dashboard-watchface-list .dashboard-watchface-item .dashboard-watchface-item-extra-details .dashboard-watchface-item-platforms i, .dashboard-watchface-list .dashboard-watchface-item .dashboard-watchface-item-details .edit-date {
  color: var(--facer-muted);
}

.bold-text {
  font-weight: 500;
}

.light-text, .dashboard-outer-wrapper .default-page .default-page-starting-points .default-page-starting-point p {
  color: var(--facer-light);
}

.dark-text {
  color: var(--facer-dark);
}

.page-title, .auth-modal h1, .auth-page h1, .top-charts .top-charts-header .top-charts-header-title h1 {
  font-weight: 500;
  font-size: 26px;
}

.page-title-medium, .dashboard-page-header .dashboard-page-header-title, .dashboard-outer-wrapper .default-page .default-page-starting-points .default-page-starting-point .default-page-starting-point-title {
  font-weight: 500;
  font-size: 22px;
}

.page-subtitle, .top-charts .top-charts-header .top-charts-header-title .top-charts-header-subtitle, .dashboard-page-header .dashboard-page-header-detail, .jumbo-text-detail, .dashboard-outer-wrapper .default-page .default-page-subtitle {
  font-weight: 400;
  font-size: 14px;
  color: var(--facer-light);
}

.button-text, .large-button-text, .facer-share-modal .facer-modal-content .facer-modal-inspect-cta, .facer-share-modal .facer-modal-content .facer-modal-share-cta, .xlarge-button-text, .facer-button, .top-charts .btn, .dashboard-outer-wrapper .btn, .facer-button i:not(.glyphicon), .top-charts .btn i:not(.glyphicon), .dashboard-outer-wrapper .btn i:not(.glyphicon), .facer-button.btn-xl i, .top-charts .btn-xl.btn i, .dashboard-outer-wrapper .btn-xl.btn i, .facer-button.btn-lg i, .top-charts .btn-lg.btn i, .dashboard-outer-wrapper .btn-lg.btn i, print-button[type=text] .sync-button .icon-pushtowatch:before,
sync-button[type=text] .sync-button .icon-pushtowatch:before, .follow-button .btn, .follow-button .btn i, .follow-button.follow-button-compact .btn, .follow-button.follow-button-compact .btn i {
  font-weight: 500;
  font-size: 14px;
}

.caption-text, .notification-feed a .notification-feed-item-content .notification-feed-item-title + .notification-feed-item-message {
  font-weight: 400;
  font-size: 14px;
  font-style: italic;
}

.text-button, .small-text-button, .notification-feed a .notification-feed-item-content .notification-feed-item-comment-reply-wrapper, .facer-button.btn-sm, .top-charts .btn-sm.btn, .dashboard-outer-wrapper .btn-sm.btn,
.facer-button.btn-sm i,
.top-charts .btn-sm.btn i,
.dashboard-outer-wrapper .btn-sm.btn i, .follow-button .btn-sm.btn,
.follow-button .btn-sm.btn i, .follow-button.follow-button-compact .btn,
.follow-button.follow-button-compact .btn i {
  font-weight: 500;
  font-size: 14px;
  color: var(--facer-blue);
}
.text-button:hover, .small-text-button:hover, .notification-feed a .notification-feed-item-content .notification-feed-item-comment-reply-wrapper:hover, .facer-button.btn-sm:hover, .top-charts .btn-sm.btn:hover, .dashboard-outer-wrapper .btn-sm.btn:hover,
.facer-button.btn-sm i:hover,
.top-charts .btn-sm.btn i:hover,
.dashboard-outer-wrapper .btn-sm.btn i:hover, .follow-button .btn-sm.btn:hover,
.follow-button .btn-sm.btn i:hover, .follow-button.follow-button-compact .btn:hover,
.follow-button.follow-button-compact .btn i:hover {
  color: var(--facer-blue-highlight);
}

.small-text-button, .notification-feed a .notification-feed-item-content .notification-feed-item-comment-reply-wrapper, .facer-button.btn-sm, .top-charts .btn-sm.btn, .dashboard-outer-wrapper .btn-sm.btn,
.facer-button.btn-sm i,
.top-charts .btn-sm.btn i,
.dashboard-outer-wrapper .btn-sm.btn i, .follow-button .btn-sm.btn,
.follow-button .btn-sm.btn i, .follow-button.follow-button-compact .btn,
.follow-button.follow-button-compact .btn i {
  font-weight: 500;
  font-size: 11px;
}

.text-button-completed, .notification-feed a .notification-feed-item-content .notification-feed-item-comment-reply-wrapper .notification-feed-item-comment-replied {
  font-weight: 400;
  font-style: italic;
  color: var(--facer-light);
}

.large-button-text, .facer-share-modal .facer-modal-content .facer-modal-inspect-cta, .facer-share-modal .facer-modal-content .facer-modal-share-cta, .facer-button.btn-lg i, .top-charts .btn-lg.btn i, .dashboard-outer-wrapper .btn-lg.btn i, .follow-button .btn i, .follow-button.follow-button-compact .btn i {
  font-weight: 500;
  font-size: 18px;
}

.xlarge-button-text, .facer-button.btn-xl i, .top-charts .btn-xl.btn i, .dashboard-outer-wrapper .btn-xl.btn i, .follow-button .btn-xl.btn i {
  font-weight: 500;
  font-size: 26px;
}

.card-text-title, .dashboard-watchface-list .dashboard-watchface-item .dashboard-watchface-item-title-outer-wrapper .dashboard-watchface-item-title,
.dashboard-watchface-list .dashboard-watchface-item .dashboard-watchface-item-title-outer-wrapper .dashboard-watchface-item-title a, .card-text-title-hovered, .dashboard-watchface-list .dashboard-watchface-item:hover .dashboard-watchface-item-title,
.dashboard-watchface-list .dashboard-watchface-item:hover .dashboard-watchface-item-title a, .stat-text-value, .dashboard-outer-wrapper .dashboard-watchface-stats .dashboard-watchface-stat .dashboard-watchface-stat-value,
.modal-text-title,
.facer-share-modal .facer-modal-content .facer-modal-title {
  font-weight: 500;
  font-size: 20px;
}

.card-text-title-hovered, .dashboard-watchface-list .dashboard-watchface-item:hover .dashboard-watchface-item-title,
.dashboard-watchface-list .dashboard-watchface-item:hover .dashboard-watchface-item-title a {
  color: var(--facer-blue);
}

.stat-text-value, .dashboard-outer-wrapper .dashboard-watchface-stats .dashboard-watchface-stat .dashboard-watchface-stat-value {
  font-weight: bold;
  color: var(--facer-blue);
}

.detail-text, .dashboard-watchface-list .dashboard-watchface-item .dashboard-watchface-item-details {
  font-size: 12px;
}

.small-detail-text, .dashboard-watchface-list .dashboard-watchface-item .dashboard-watchface-item-extra-details .dashboard-watchface-item-stats {
  font-size: 11px;
}

.jumbo-text, .publish-form h1, .publish-form__header, .dashboard-outer-wrapper .default-page .default-page-title {
  font-weight: 500;
  font-size: 30px;
}

.text-link, .premium-page .premium-page-footer ul li a {
  font-weight: bold;
  color: var(--facer-blue) !important;
}
.text-link:hover, .premium-page .premium-page-footer ul li a:hover {
  color: var(--facer-blue-highlight) !important;
}
.text-link.disabled, .premium-page .premium-page-footer ul li a.disabled {
  color: #999 !important;
  cursor: not-allowed;
}
.text-link i, .premium-page .premium-page-footer ul li a i {
  vertical-align: middle;
  font-size: 130%;
}
.text-link.text-link-orange, .premium-page .premium-page-footer ul li a.text-link-orange {
  color: orange !important;
}
.text-link.text-link-orange:hover, .premium-page .premium-page-footer ul li a.text-link-orange:hover {
  color: #ffaf1d !important;
}

facer-icon {
  height: 24px;
  width: 24px;
  justify-content: center;
  align-items: center;
  display: flex;
}

label.is-disabled {
  opacity: 0.5;
  cursor: not-allowed;
}

input[type=checkbox] {
  position: relative;
  appearance: none;
  width: 13.5px;
  height: 13.5px;
  flex: 0 0 13.5px;
  border: 1.5px solid var(--facer-dark-5);
  background-color: var(--white);
  border-radius: 2px;
  outline: none;
  cursor: pointer;
  margin-top: 0;
}
input[type=checkbox]:disabled {
  opacity: 0.5;
}
input[type=checkbox]:focus {
  outline: none;
}
input[type=checkbox]:checked {
  background-color: var(--facer-blue);
  border-color: var(--facer-blue);
}
input[type=checkbox]:checked::after {
  content: "";
  position: absolute;
  left: 4px;
  top: 0;
  width: 5px;
  height: 10px;
  border: solid white;
  border-width: 0 2px 2px 0;
  transform: rotate(45deg);
}

input[type=radio] {
  appearance: none;
  -webkit-appearance: none;
  width: 16px;
  height: 16px;
  border: 2px solid var(--facer-dark-5);
  border-radius: 50%;
  background-color: var(--white);
  margin: 0;
  position: relative;
  cursor: pointer;
  outline: none;
  transition: border-color 0.15s, box-shadow 0.15s;
}
input[type=radio]:focus, input[type=radio]:active {
  outline: none;
}
input[type=radio]:checked {
  border-color: var(--facer-blue);
}
input[type=radio]:checked::after {
  content: "";
  display: block;
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  width: 7px;
  height: 7px;
  border-radius: 50%;
  background: var(--facer-blue);
}
input[type=radio]:disabled {
  opacity: 0.5;
  cursor: not-allowed;
}

a {
  -webkit-touch-callout: none;
}

img {
  -webkit-touch-callout: none;
}

.watchface-template-button > .btn {
  white-space: pre-wrap;
}

.compat-menu-toggle {
  position: relative;
  height: 36px;
  width: 36px;
  display: flex;
  justify-content: center;
  align-items: center;
  border-radius: 8px;
  background-color: transparent;
}
.compat-menu-toggle.is-active, .compat-menu-toggle:hover {
  background-color: var(--facer-dark-1);
}

.compat-menu-badge {
  background-color: #ec2224;
  font-size: 12px;
  color: var(--white);
  height: 16px;
  width: 16px;
  border-radius: 50%;
  display: flex;
  align-items: center;
  justify-content: center;
  position: absolute;
  top: 0px;
  right: 0px;
}

.compat-menu {
  position: relative;
}
.compat-menu__menu {
  max-height: calc(100vh - 100px);
  position: absolute;
  top: 30px;
  right: 0;
  background-color: var(--white);
  padding: 15px 0;
  box-shadow: 0px 4px 4px rgba(0, 0, 0, 0.25);
  border-radius: 5px;
  width: 300px;
  z-index: 500;
  display: flex;
  flex-direction: column;
}
.compat-menu__menu-header {
  position: relative;
  padding: 0 15px;
  display: flex;
  align-items: center;
  justify-content: space-between;
  width: 100%;
  font-size: 12px;
  text-transform: uppercase;
  font-weight: 600;
  color: var(--facer-dark-9);
  padding: 15px;
}
.compat-menu__menu-header:after {
  content: "";
  position: absolute;
  bottom: -1px;
  left: 15px;
  right: 15px;
  height: 1px;
  background-color: var(--facer-dark-2);
}
.compat-menu__menu-body {
  padding: 16px 15px 0;
  overflow-y: auto;
}
.compat-menu__menu-body-item {
  padding: 0 0 8px;
}
.compat-menu__menu-body-header-tooltip facer-tooltip {
  position: relative;
  top: -5px;
}
.compat-menu__menu-body-header {
  display: flex;
  align-items: center;
  justify-content: space-between;
  font-size: 14px;
  margin-bottom: 5px;
}
.compat-menu__menu-body-header-label {
  display: flex;
  align-items: center;
  gap: 5px;
}
.compat-menu__menu-body-header-label svg path {
  fill: var(--facer-dark-9);
}

.compat-menu-issues {
  padding-left: 30px;
}
.compat-menu-issues:last-child {
  margin-bottom: 0;
}
.compat-menu-issues__item {
  margin-bottom: 3px;
  display: flex;
  justify-content: space-between;
}
.compat-menu-issues__item facer-tooltip {
  height: 24px;
}
.compat-menu-issues__item.is-disabled span:hover {
  color: var(--facer-dark-5);
  cursor: default;
}
.compat-menu-issues__item span {
  font-size: 12px;
  color: var(--facer-dark-5);
  padding-bottom: 5px;
  padding-right: 10px;
  border-radius: 5px;
}
.compat-menu-issues__item span:hover {
  color: var(--facer-blue);
  cursor: pointer;
}
.compat-menu-issues__more {
  font-weight: 700;
  cursor: pointer;
}
.compat-menu-issues__more span {
  color: var(--facer-blue);
}

.opr-statistics__title {
  font-size: 12px;
  font-weight: 500;
  color: var(--facer-dark-8);
}
.opr-statistics__footer, .opr-statistics__header {
  display: flex;
  justify-content: space-between;
  align-items: center;
}
.opr-statistics__footer span:last-child, .opr-statistics__header span:last-child {
  color: var(--facer-dark-8);
  font-size: 11px;
  font-weight: 400;
}
.opr-statistics__header {
  padding-top: 15px;
}
.opr-statistics__footer {
  padding-bottom: 15px;
}
.opr-statistics__score {
  display: flex;
  align-items: center;
  gap: 8px;
  padding: 20px 0;
}
.opr-statistics__score-icon {
  flex: 0 0 11px;
}
.opr-statistics__score-icon path {
  fill: var(--facer-dark-2);
}
.opr-statistics__bars {
  flex: 1;
  display: flex;
  align-items: center;
  gap: 5px;
}
.opr-statistics__bars-item {
  flex: 1;
  width: 49px;
  height: 6px;
  border-radius: 100px;
  background-color: var(--facer-dark-2);
}
.opr-statistics.is-minimal .opr-statistics__score-icon path {
  fill: var(--facer-green);
}
.opr-statistics.is-minimal .opr-statistics__bars-item:first-child {
  background-color: var(--facer-green);
}
.opr-statistics.is-low .opr-statistics__score-icon path {
  fill: var(--facer-blue);
}
.opr-statistics.is-low .opr-statistics__bars-item:nth-child(-n+2) {
  background-color: var(--facer-blue);
}
.opr-statistics.is-medium .opr-statistics__score-icon path {
  fill: var(--facer-gold);
}
.opr-statistics.is-medium .opr-statistics__bars-item:nth-child(-n+3) {
  background-color: var(--facer-gold);
}
.opr-statistics.is-high .opr-statistics__score-icon path {
  fill: var(--facer-red);
}
.opr-statistics.is-high .opr-statistics__bars-item {
  background-color: var(--facer-red);
}
.opr-statistics__info {
  font-size: 12px;
  line-height: 1.25;
  color: var(--facer-dark-6);
}
.opr-statistics__info a {
  color: var(--facer-blue);
  font-weight: 700;
}

.settings-list {
  min-width: 235px;
}
.settings-list.dropdown-menu {
  bottom: 60px;
  background: var(--dropdown-background);
  box-shadow: var(--dropdown-box-shadow);
  border-radius: var(--dropdown-border-radius);
}

.settings-list > li > div {
  margin: 10px 0;
  padding: 0 20px;
  white-space: nowrap;
  line-height: normal;
}

.settings-group {
  margin-bottom: 10px;
  padding-left: 5px;
}

.settings-group-label {
  line-height: 22px;
  font-size: 12px;
  color: var(--facer-dark-5);
  font-weight: 500;
}

.settings-option {
  line-height: 22px;
  font-size: 12px;
  color: var(--facer-dark-9);
  font-weight: 400;
  padding-left: 5px;
}
.settings-option label {
  display: flex;
  align-items: center;
  gap: 10px;
}
.settings-option input {
  margin: 0;
}

.facer-modal-wrapper {
  display: flex;
  flex-direction: column;
  justify-content: center;
  position: fixed;
  top: env(safe-area-inset-top, 0);
  right: env(safe-area-inset-right, 0);
  bottom: env(safe-area-inset-bottom, 0);
  left: env(safe-area-inset-left, 0);
  z-index: 10000;
}
.facer-modal-wrapper .facer-modal-content {
  position: relative;
  padding: 30px 20px;
  margin: auto;
  max-width: 650px;
  width: 400px;
  background-color: #fff;
  border-radius: 5px;
  border: 1px solid #aaa;
  box-shadow: 10px 10px 40px rgba(0, 0, 0, 0.35);
  text-align: center;
  z-index: 1;
}
@media (max-width: 767px) {
  .facer-modal-wrapper .facer-modal-content {
    width: 100%;
  }
  .facer-modal-wrapper .facer-modal-content .well {
    font-size: 11px;
  }
}
.facer-modal-wrapper .facer-modal-content.facer-modal-video {
  padding: 0;
  border: 0;
  width: auto;
  background-color: #fff;
  padding: 15px;
}
.facer-modal-wrapper .facer-modal-content .facer-modal-image {
  margin: 0 auto 30px;
  max-width: 350px;
  max-height: 350px;
}
.facer-modal-wrapper .facer-modal-content .facer-modal-image img {
  max-width: 350px;
  max-height: 350px;
}
.facer-modal-wrapper .facer-modal-content .facer-modal-share-cta {
  margin-bottom: 10px;
}
.facer-modal-wrapper .facer-modal-content .facer-modal-title,
.facer-modal-wrapper .facer-modal-content .facer-modal-body {
  max-height: 500px;
  overflow: auto;
  margin: 0 0 0;
}
.facer-modal-wrapper .facer-modal-content .facer-modal-title input[type=checkbox],
.facer-modal-wrapper .facer-modal-content .facer-modal-body input[type=checkbox] {
  margin: 0 5px;
}
.facer-modal-wrapper .facer-modal-content .facer-modal-body ul {
  padding-left: 20px;
}
.facer-modal-wrapper .facer-modal-content .facer-modal-title.no-margin-bottom {
  margin-bottom: 0;
}
.facer-modal-wrapper .facer-modal-content .facer-modal-input {
  margin: 10px 0;
}
.facer-modal-wrapper .facer-modal-content .facer-modal-input textarea {
  padding: 5px 8px;
  width: 100%;
  height: 100px;
  resize: none;
  margin: 10px 0;
  border-radius: 4px;
  border-color: #ddd;
}
.facer-modal-wrapper .facer-modal-content .facer-modal-input textarea:focus {
  outline: none;
  border-color: #999;
}
.facer-modal-wrapper .facer-modal-content .facer-modal-input select {
  width: 100%;
  margin: 10px 0;
}
.facer-modal-wrapper .facer-modal-content .facer-modal-form button {
  min-width: 150px;
  margin: 0 5px;
}
.facer-modal-wrapper .facer-modal-content .facer-modal-loader {
  margin-top: 30px;
}
.facer-modal-wrapper .facer-modal-content .facer-modal-loader spinner svg {
  height: 50px;
}
.facer-modal-wrapper .facer-image-modal-content {
  padding: 20px 20px 30px;
}
.facer-modal-wrapper .facer-modal-backdrop {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  background-color: rgba(0, 0, 0, 0.8);
}
.facer-modal-wrapper .facer-modal-backdrop .facer-modal-close {
  position: absolute;
  top: 15px;
  right: 15px;
  color: white;
}
.facer-modal-wrapper.ng-enter {
  opacity: 0;
}
.facer-modal-wrapper.ng-enter.ng-enter-active {
  opacity: 1;
}
.facer-modal-wrapper.ng-leave {
  opacity: 1;
}
.facer-modal-wrapper.ng-leave.ng-leave-active {
  opacity: 0;
}
.facer-modal-wrapper .app-badge {
  padding: 7px 7px 0;
}
.facer-modal-wrapper.facer-modal-wide .facer-modal-content {
  width: 800px;
}
@media (min-width: calc(var(--phone-width) - 1px)) {
  .facer-modal-wrapper .facer-modal-form button {
    margin: 0 !important;
    margin-bottom: 10px !important;
  }
  .facer-modal-wrapper .facer-modal-form button.btn-link {
    margin-bottom: 0 !important;
    opacity: 0.5;
  }
}
.facer-modal-wrapper .facer-modal-content-clear {
  background: transparent !important;
  border: none !important;
  box-shadow: none !important;
}
.facer-modal-wrapper .facer-modal-content-clear,
.facer-modal-wrapper .facer-modal-content-clear h2,
.facer-modal-wrapper .facer-modal-content-clear h3 {
  color: white;
}
.facer-modal-wrapper .facer-modal-content-clear.facer-onboarding-modal {
  padding-bottom: 100px !important;
}
.facer-modal-wrapper .facer-modal-content-clear.facer-onboarding-modal .facer-header {
  width: 40%;
}
.facer-modal-wrapper .facer-modal-content-clear.facer-onboarding-modal h4 {
  margin-bottom: 40px;
  opacity: 75%;
}
.facer-modal-wrapper .facer-modal-content-clear.facer-onboarding-modal .facer-onboarding-modal-device-option {
  font-size: 26px;
  font-weight: bold;
}
.facer-modal-wrapper .facer-modal-content-clear.facer-onboarding-modal .facer-onboarding-modal-device-option:hover {
  opacity: 70%;
}
.facer-modal-wrapper .facer-modal-content-clear.facer-onboarding-modal hr {
  opacity: 50%;
  width: 10%;
}
@media (max-width: 767px) {
  .facer-modal-wrapper .facer-modal-content-clear.facer-onboarding-modal .facer-header {
    width: 30%;
  }
}
.facer-modal-wrapper select.form-control,
.facer-modal-wrapper textarea.form-control {
  margin-top: 0 !important;
}
.facer-modal-wrapper .scrollable-modal-input {
  max-height: 300px;
  overflow: auto;
}

.img-upload-zone {
  border: 1px dashed var(--grid-border-color);
  border-radius: 4px;
  padding: 40px 20px;
  text-align: center;
  cursor: pointer;
  transition: all 0.3s ease;
  display: flex;
  flex-direction: column;
  justify-content: center;
  min-height: 140px;
  height: 100%;
}
.img-upload-zone.is-loading {
  border-color: var(--facer-blue);
  height: 100%;
  width: 100%;
  position: absolute;
  top: 0;
  left: 0;
  z-index: 100;
  background-color: white;
}
.img-upload-zone.is-loading .spinner > div {
  background-color: var(--facer-blue);
}
.img-upload-zone.is-dragged-over {
  border-color: var(--facer-blue);
  background-color: rgba(0, 0, 0, 0.1);
}
.img-upload-zone.is-dragged-over .img-upload-zone__drop-text {
  display: block;
}
.img-upload-zone.is-dragged-over .img-upload-zone__upload-text {
  display: none;
}
.img-upload-zone .file-input {
  display: none;
}
.img-upload-zone__wrapper {
  position: relative;
  height: 180px;
  margin-bottom: 13px;
}
.img-upload-zone__preview {
  width: 100%;
  height: auto;
  border: 1px dashed var(--grid-border-color);
  border-radius: 4px;
  max-width: fit-content;
  margin: 0 auto;
  position: relative;
}
.img-upload-zone__preview svg {
  position: absolute;
  top: 5px;
  right: 5px;
  cursor: pointer;
}
.img-upload-zone__preview img {
  width: 100%;
  height: 100%;
  object-fit: contain;
  max-height: 177px;
}
.img-upload-zone__upload-text, .img-upload-zone__drop-text {
  pointer-events: none;
}
.img-upload-zone__text-wrapper {
  pointer-events: none;
}
.img-upload-zone__drag-text {
  font-size: 14px;
  color: var(--facer-dark-9);
  margin-bottom: 3px;
}
.img-upload-zone__drag-text span {
  color: var(--facer-blue);
}
.img-upload-zone__drop-text {
  font-size: 14px;
  color: var(--facer-blue);
  font-weight: bold;
  display: none;
}
.img-upload-zone__file-type-text {
  font-size: 12px;
  color: var(--facer-dark-5);
}
.img-upload-zone__url-input {
  margin-bottom: 18px;
}
.img-upload-zone__url-input .input-group-btn .btn {
  margin-left: 0;
}
.img-upload-zone__url-input .btn {
  padding: 0 6px;
  height: 34px;
  border-left: 0;
  border-radius: 4px;
}
.img-upload-zone__url-input .btn svg {
  position: relative;
  top: 2px;
}
.img-upload-zone__checkbox input {
  height: 17px;
  width: 17px;
  margin-right: 8px;
  margin-top: 0;
  border-radius: 4px;
}
.img-upload-zone__checkbox .form-check {
  display: flex;
  align-items: center;
}
.img-upload-zone__checkbox label {
  margin-bottom: 0;
  font-size: 14px;
  color: var(--facer-dark-9);
}

.f-modal-wrapper {
  display: flex;
  flex-direction: column;
  justify-content: center;
  position: fixed;
  top: env(safe-area-inset-top, 0);
  right: env(safe-area-inset-right, 0);
  bottom: env(safe-area-inset-bottom, 0);
  left: env(safe-area-inset-left, 0);
  z-index: 10000;
}
.f-modal-wrapper.ng-enter {
  opacity: 0;
}
.f-modal-wrapper.ng-enter.ng-enter-active {
  opacity: 1;
}
.f-modal-wrapper.ng-leave {
  opacity: 1;
}
.f-modal-wrapper.ng-leave.ng-leave-active {
  opacity: 0;
}

.f-modal-scroll-wrapper {
  padding: 30px;
  max-height: 100%;
  overflow: auto;
}

.f-modal-content {
  position: relative;
  margin: auto;
  max-width: 650px;
  max-width: 420px;
  width: 100%;
  background-color: #fff;
  border-radius: 5px;
  border: 1px solid #aaa;
  box-shadow: var(--modal-box-shadow);
  z-index: 1;
}

.f-modal-header {
  position: relative;
  border-bottom: var(--grid-border-style);
  padding: 25px;
}

.f-modal-title {
  font-size: 20px;
}

.f-modal-title,
.f-modal-body {
  max-height: 500px;
  overflow: auto;
  color: var(--facer-dark);
}

.f-modal-body {
  padding: 20px 25px 35px;
}

.f-modal-backdrop {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  background-color: var(--modal-backdrop-color);
}
.f-modal-backdrop .f-modal-close {
  position: absolute;
  top: 15px;
  right: 15px;
  color: var(--white);
}

.f-btn-wrapper {
  margin-top: 20px;
  gap: 10px;
  display: flex;
  justify-content: flex-end;
}
.f-btn-wrapper button {
  min-width: 120px;
}

.footer {
  background-color: var(--bg-light-grey);
  padding: 30px 15px 50px;
  width: 100%;
}
@media screen and (min-width: 768px) {
  .footer {
    padding: 50px 15px 30px;
  }
}
.footer__inner {
  max-width: 1140px;
  margin: 0 auto;
  width: 100%;
}
@media screen and (min-width: 600px) {
  .footer__top {
    display: flex;
    flex-direction: column;
    align-items: center;
  }
}
@media screen and (min-width: 768px) {
  .footer__top {
    flex-direction: row;
    justify-content: space-between;
    align-items: flex-start;
  }
}
.footer__top-inner {
  display: flex;
  flex-direction: row;
  justify-content: space-between;
  align-items: center;
  margin-bottom: 40px;
  width: 100%;
}
@media screen and (min-width: 768px) {
  .footer__top-inner {
    flex: 0 0 220px;
    align-items: flex-start;
    flex-direction: column;
    margin-bottom: 0;
  }
}
.footer__bottom {
  margin-top: 30px;
}
@media screen and (min-width: 768px) {
  .footer__bottom {
    margin-top: 50px;
  }
}
.footer__logo-image {
  max-height: 28px;
  margin-right: 10px;
}
@media screen and (min-width: 768px) {
  .footer__logo-image {
    max-height: 33px;
    margin-right: 0;
    margin-bottom: 18px;
  }
}
.footer__socials {
  padding: 0;
  margin: 0;
  list-style: none;
}
.footer__socials li {
  display: inline-block;
  margin-right: 10px;
}
.footer__socials a {
  display: flex;
  align-items: center;
  justify-content: center;
  background: rgba(255, 255, 255, 0.75);
  height: 40px;
  width: 40px;
  border-radius: 50%;
}
.footer__bottom {
  text-align: center;
  font-size: 13px;
  line-height: 21px;
  color: var(--text-dark-grey);
}
.footer__bottom a {
  text-decoration: underline;
}
.footer__menus {
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  gap: 20px;
  max-width: 750px;
  width: 100%;
}
@media screen and (min-width: 600px) {
  .footer__menus {
    grid-template-columns: repeat(4, 1fr);
  }
}
@media screen and (min-width: 1040px) {
  .footer__menus {
    flex: 1 0 750px;
  }
}
.footer__menu strong {
  line-height: 45px;
  font-size: 18px;
}
.footer__menu ul {
  list-style: none;
  padding: 0;
  margin: 0;
}
.footer__menu a {
  color: var(--facer-blue);
  font-weight: 600;
  font-size: 14px;
  line-height: 35px;
}

.f-dropdown {
  background: var(--dropdown-background);
  box-shadow: var(--dropdown-box-shadow);
  border-radius: var(--dropdown-border-radius);
  padding: 10px;
  flex-direction: column;
  border: 0;
}
.f-dropdown .beta-pill {
  margin-left: 5px;
}
.open .f-dropdown {
  display: flex;
}
.f-dropdown > li.active a {
  color: var(--facer-blue);
  background-color: transparent;
}
.f-dropdown > li.active a:hover {
  background-color: transparent;
  color: var(--facer-blue);
}
.f-dropdown > li > a {
  position: relative;
  padding: 0;
  font-size: 14px;
  line-height: 25px;
  font-weight: 500;
  color: var(--facer-dark-9);
  transition: color var(--default-transition);
  padding: 5px;
}
.f-dropdown > li > a.ng-click-active {
  color: var(--facer-blue);
}
.f-dropdown > li > a:hover {
  background: none;
}
.f-dropdown > li > a:hover:after {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: var(--facer-dark-1);
  z-index: -1;
  border-radius: 5px;
}

facer-tooltip {
  display: inline-block;
}
facer-tooltip .tooltip-inner {
  min-width: 200px;
  z-index: 1000;
  padding: 8px;
  text-align: left;
}

.f-tooltip:hover {
  cursor: pointer;
}
.f-tooltip__note {
  color: var(--facer-dark-5);
}

.dashboard-watchface-item-platforms .tooltip-inner {
  white-space: nowrap;
}

.alert {
  padding: 20px 12px;
  border: none;
  font-family: var(--facer-default-font);
}

facer-pill-beta {
  display: inline-flex;
  align-items: center;
}

facer-pill {
  display: inline-block;
}

.facer-pill {
  display: inline-block;
  font-size: 10px;
  font-weight: 400;
  padding: 3px 10px;
  border-radius: 30px;
  font-family: var(--facer-font-family-primary);
  line-height: 1;
}
.facer-pill--info {
  background-color: var(--facer-blue-2);
  color: var(--facer-blue);
}

:root {
  --facer-default-font: "Roboto", Helvetica, Arial, sans-serif;
  --facer-text-size-small: 12px;
  --facer-text-size-normal: 14px;
}

.normal-text, .dashboard-watchface-list .dashboard-watchface-item .dashboard-watchface-item-extra-details .dashboard-watchface-item-stats .dashboard-watchface-item-stat i, .muted-text, .dashboard-watchface-list .dashboard-watchface-item .dashboard-watchface-item-extra-details .dashboard-watchface-item-platforms i, .dashboard-watchface-list .dashboard-watchface-item .dashboard-watchface-item-details .edit-date, .bold-text, .light-text, .dashboard-outer-wrapper .default-page .default-page-starting-points .default-page-starting-point p, .dark-text, .page-title, .auth-modal h1, .auth-page h1, .top-charts .top-charts-header .top-charts-header-title h1, .page-title-medium, .dashboard-page-header .dashboard-page-header-title, .dashboard-outer-wrapper .default-page .default-page-starting-points .default-page-starting-point .default-page-starting-point-title, .page-subtitle, .top-charts .top-charts-header .top-charts-header-title .top-charts-header-subtitle, .dashboard-page-header .dashboard-page-header-detail, .button-text, .caption-text, .notification-feed a .notification-feed-item-content .notification-feed-item-title + .notification-feed-item-message, .text-button, .small-text-button, .notification-feed a .notification-feed-item-content .notification-feed-item-comment-reply-wrapper, .large-button-text, .facer-share-modal .facer-modal-content .facer-modal-inspect-cta, .facer-share-modal .facer-modal-content .facer-modal-share-cta, .xlarge-button-text, .card-text-title, .dashboard-watchface-list .dashboard-watchface-item .dashboard-watchface-item-title-outer-wrapper .dashboard-watchface-item-title,
.dashboard-watchface-list .dashboard-watchface-item .dashboard-watchface-item-title-outer-wrapper .dashboard-watchface-item-title a,
.modal-text-title,
.facer-share-modal .facer-modal-content .facer-modal-title, .card-text-title-hovered, .dashboard-watchface-list .dashboard-watchface-item:hover .dashboard-watchface-item-title,
.dashboard-watchface-list .dashboard-watchface-item:hover .dashboard-watchface-item-title a, .stat-text-value, .dashboard-outer-wrapper .dashboard-watchface-stats .dashboard-watchface-stat .dashboard-watchface-stat-value, .detail-text, .dashboard-watchface-list .dashboard-watchface-item .dashboard-watchface-item-details, .small-detail-text, .dashboard-watchface-list .dashboard-watchface-item .dashboard-watchface-item-extra-details .dashboard-watchface-item-stats, .jumbo-text, .publish-form h1, .publish-form__header, .dashboard-outer-wrapper .default-page .default-page-title, .jumbo-text-detail, .dashboard-outer-wrapper .default-page .default-page-subtitle, .facer-button, .top-charts .btn, .dashboard-outer-wrapper .btn, .facer-button i:not(.glyphicon), .top-charts .btn i:not(.glyphicon), .dashboard-outer-wrapper .btn i:not(.glyphicon), .facer-button.btn-xl i, .top-charts .btn-xl.btn i, .dashboard-outer-wrapper .btn-xl.btn i, .facer-button.btn-lg i, .top-charts .btn-lg.btn i, .dashboard-outer-wrapper .btn-lg.btn i, .facer-button.btn-sm,
.facer-button.btn-sm i,
.top-charts .btn-sm.btn i,
.dashboard-outer-wrapper .btn-sm.btn i, print-button[type=text] .sync-button .icon-pushtowatch:before,
sync-button[type=text] .sync-button .icon-pushtowatch:before, .follow-button .btn, .follow-button .btn i, .follow-button.follow-button-compact .btn,
.follow-button.follow-button-compact .btn i {
  font-family: var(--facer-default-font);
  color: var(--facer-dark);
}

.muted-text, .dashboard-watchface-list .dashboard-watchface-item .dashboard-watchface-item-extra-details .dashboard-watchface-item-platforms i, .dashboard-watchface-list .dashboard-watchface-item .dashboard-watchface-item-details .edit-date {
  color: var(--facer-muted);
}

.bold-text {
  font-weight: 500;
}

.light-text, .dashboard-outer-wrapper .default-page .default-page-starting-points .default-page-starting-point p {
  color: var(--facer-light);
}

.dark-text {
  color: var(--facer-dark);
}

.page-title, .auth-modal h1, .auth-page h1, .top-charts .top-charts-header .top-charts-header-title h1 {
  font-weight: 500;
  font-size: 26px;
}

.page-title-medium, .dashboard-page-header .dashboard-page-header-title, .dashboard-outer-wrapper .default-page .default-page-starting-points .default-page-starting-point .default-page-starting-point-title {
  font-weight: 500;
  font-size: 22px;
}

.page-subtitle, .top-charts .top-charts-header .top-charts-header-title .top-charts-header-subtitle, .dashboard-page-header .dashboard-page-header-detail, .jumbo-text-detail, .dashboard-outer-wrapper .default-page .default-page-subtitle {
  font-weight: 400;
  font-size: 14px;
  color: var(--facer-light);
}

.button-text, .large-button-text, .facer-share-modal .facer-modal-content .facer-modal-inspect-cta, .facer-share-modal .facer-modal-content .facer-modal-share-cta, .xlarge-button-text, .facer-button, .top-charts .btn, .dashboard-outer-wrapper .btn, .facer-button i:not(.glyphicon), .top-charts .btn i:not(.glyphicon), .dashboard-outer-wrapper .btn i:not(.glyphicon), .facer-button.btn-xl i, .top-charts .btn-xl.btn i, .dashboard-outer-wrapper .btn-xl.btn i, .facer-button.btn-lg i, .top-charts .btn-lg.btn i, .dashboard-outer-wrapper .btn-lg.btn i, print-button[type=text] .sync-button .icon-pushtowatch:before,
sync-button[type=text] .sync-button .icon-pushtowatch:before, .follow-button .btn, .follow-button .btn i, .follow-button.follow-button-compact .btn, .follow-button.follow-button-compact .btn i {
  font-weight: 500;
  font-size: 14px;
}

.caption-text, .notification-feed a .notification-feed-item-content .notification-feed-item-title + .notification-feed-item-message {
  font-weight: 400;
  font-size: 14px;
  font-style: italic;
}

.text-button, .small-text-button, .notification-feed a .notification-feed-item-content .notification-feed-item-comment-reply-wrapper, .facer-button.btn-sm, .top-charts .btn-sm.btn, .dashboard-outer-wrapper .btn-sm.btn,
.facer-button.btn-sm i,
.top-charts .btn-sm.btn i,
.dashboard-outer-wrapper .btn-sm.btn i, .follow-button .btn-sm.btn,
.follow-button .btn-sm.btn i, .follow-button.follow-button-compact .btn,
.follow-button.follow-button-compact .btn i {
  font-weight: 500;
  font-size: 14px;
  color: var(--facer-blue);
}
.text-button:hover, .small-text-button:hover, .notification-feed a .notification-feed-item-content .notification-feed-item-comment-reply-wrapper:hover, .facer-button.btn-sm:hover, .top-charts .btn-sm.btn:hover, .dashboard-outer-wrapper .btn-sm.btn:hover,
.facer-button.btn-sm i:hover,
.top-charts .btn-sm.btn i:hover,
.dashboard-outer-wrapper .btn-sm.btn i:hover, .follow-button .btn-sm.btn:hover,
.follow-button .btn-sm.btn i:hover, .follow-button.follow-button-compact .btn:hover,
.follow-button.follow-button-compact .btn i:hover {
  color: var(--facer-blue-highlight);
}

.small-text-button, .notification-feed a .notification-feed-item-content .notification-feed-item-comment-reply-wrapper, .facer-button.btn-sm, .top-charts .btn-sm.btn, .dashboard-outer-wrapper .btn-sm.btn,
.facer-button.btn-sm i,
.top-charts .btn-sm.btn i,
.dashboard-outer-wrapper .btn-sm.btn i, .follow-button .btn-sm.btn,
.follow-button .btn-sm.btn i, .follow-button.follow-button-compact .btn,
.follow-button.follow-button-compact .btn i {
  font-weight: 500;
  font-size: 11px;
}

.text-button-completed, .notification-feed a .notification-feed-item-content .notification-feed-item-comment-reply-wrapper .notification-feed-item-comment-replied {
  font-weight: 400;
  font-style: italic;
  color: var(--facer-light);
}

.large-button-text, .facer-share-modal .facer-modal-content .facer-modal-inspect-cta, .facer-share-modal .facer-modal-content .facer-modal-share-cta, .facer-button.btn-lg i, .top-charts .btn-lg.btn i, .dashboard-outer-wrapper .btn-lg.btn i, .follow-button .btn i, .follow-button.follow-button-compact .btn i {
  font-weight: 500;
  font-size: 18px;
}

.xlarge-button-text, .facer-button.btn-xl i, .top-charts .btn-xl.btn i, .dashboard-outer-wrapper .btn-xl.btn i, .follow-button .btn-xl.btn i {
  font-weight: 500;
  font-size: 26px;
}

.card-text-title, .dashboard-watchface-list .dashboard-watchface-item .dashboard-watchface-item-title-outer-wrapper .dashboard-watchface-item-title,
.dashboard-watchface-list .dashboard-watchface-item .dashboard-watchface-item-title-outer-wrapper .dashboard-watchface-item-title a, .card-text-title-hovered, .dashboard-watchface-list .dashboard-watchface-item:hover .dashboard-watchface-item-title,
.dashboard-watchface-list .dashboard-watchface-item:hover .dashboard-watchface-item-title a, .stat-text-value, .dashboard-outer-wrapper .dashboard-watchface-stats .dashboard-watchface-stat .dashboard-watchface-stat-value,
.modal-text-title,
.facer-share-modal .facer-modal-content .facer-modal-title {
  font-weight: 500;
  font-size: 20px;
}

.card-text-title-hovered, .dashboard-watchface-list .dashboard-watchface-item:hover .dashboard-watchface-item-title,
.dashboard-watchface-list .dashboard-watchface-item:hover .dashboard-watchface-item-title a {
  color: var(--facer-blue);
}

.stat-text-value, .dashboard-outer-wrapper .dashboard-watchface-stats .dashboard-watchface-stat .dashboard-watchface-stat-value {
  font-weight: bold;
  color: var(--facer-blue);
}

.detail-text, .dashboard-watchface-list .dashboard-watchface-item .dashboard-watchface-item-details {
  font-size: 12px;
}

.small-detail-text, .dashboard-watchface-list .dashboard-watchface-item .dashboard-watchface-item-extra-details .dashboard-watchface-item-stats {
  font-size: 11px;
}

.jumbo-text, .publish-form h1, .publish-form__header, .dashboard-outer-wrapper .default-page .default-page-title {
  font-weight: 500;
  font-size: 30px;
}

.text-link, .premium-page .premium-page-footer ul li a {
  font-weight: bold;
  color: var(--facer-blue) !important;
}
.text-link:hover, .premium-page .premium-page-footer ul li a:hover {
  color: var(--facer-blue-highlight) !important;
}
.text-link.disabled, .premium-page .premium-page-footer ul li a.disabled {
  color: #999 !important;
  cursor: not-allowed;
}
.text-link i, .premium-page .premium-page-footer ul li a i {
  vertical-align: middle;
  font-size: 130%;
}
.text-link.text-link-orange, .premium-page .premium-page-footer ul li a.text-link-orange {
  color: orange !important;
}
.text-link.text-link-orange:hover, .premium-page .premium-page-footer ul li a.text-link-orange:hover {
  color: #ffaf1d !important;
}

.home-header {
  background-size: cover;
  background-position: center;
  padding-top: 38px;
}
@media (min-width: 768px) {
  .home-header {
    padding-top: 63px;
  }
}
.home-header__title {
  text-align: center;
  margin: 0 auto 30px;
  max-width: 1190px;
}
@media (min-width: 768px) {
  .home-header__title {
    margin: 0 auto 40px;
  }
}
.home-header__content {
  max-width: 1920px;
  margin: 0 auto 38px;
  padding: 0 15px;
}
@media (min-width: 768px) {
  .home-header__content {
    margin-bottom: 80px;
  }
}
.home-header__cta {
  display: flex;
  align-items: center;
  justify-content: center;
  flex-direction: column;
  gap: 12px;
}
@media (min-width: 768px) {
  .home-header__cta {
    gap: 10px;
    flex-direction: row;
  }
}
.home-header__cta-button {
  width: 266px;
  height: 58px;
  background: #000;
  border-radius: 130px;
  display: inline-flex;
  align-items: center;
  justify-content: center;
}
@media (min-width: 768px) {
  .home-header__cta-button {
    width: 218px;
  }
}
.home-header__cta-button.apple img {
  max-width: 138px;
}
.home-header__cta-button.google img {
  max-width: 133px;
}

.home-carousel {
  width: 100%;
  margin-bottom: 50px;
}
@media (min-width: 768px) {
  .home-carousel {
    margin-bottom: 100px;
  }
}
@media (min-width: 1280px) {
  .home-carousel {
    margin-bottom: 120px;
  }
}
.home-carousel__inner, .home-carousel__list {
  display: flex;
  flex-direction: row;
}
.home-carousel__list {
  list-style-type: none;
  margin: 0;
  padding: 0;
}
.home-carousel__list img {
  filter: drop-shadow(0px 4px 20px rgba(0, 0, 0, 0.15));
  object-fit: cover;
  margin: 0 7.5px;
  transition: transform 0.3s ease-in-out;
}
@media (min-width: 768px) {
  .home-carousel__list img {
    margin: 0 10px;
  }
}
.home-carousel__list li:nth-child(odd) img {
  height: 171px;
  width: 141px;
  border-radius: 38px;
}
@media (min-width: 768px) {
  .home-carousel__list li:nth-child(odd) img {
    height: 226px;
    width: 186px;
    border-radius: 45px;
  }
}
.home-carousel__list li:nth-child(even) img {
  height: 138px;
  width: 138px;
  border-radius: 37px;
}
@media (min-width: 768px) {
  .home-carousel__list li:nth-child(even) img {
    height: 182px;
    width: 182px;
    border-radius: 44px;
  }
}
.home-carousel__list li a:hover img {
  transform: scale(1.05);
}
.home-carousel__list--top {
  align-items: flex-end;
  margin-bottom: 15px;
}
@media (min-width: 768px) {
  .home-carousel__list--top {
    margin-bottom: 20px;
  }
}
.home-carousel__list--bottom {
  align-items: start;
}

.home-brands {
  text-align: center;
  max-width: 1190px;
  margin: 0 auto 60px;
  padding: 0 15px;
}
@media (min-width: 768px) {
  .home-brands {
    padding: 0 24px;
    margin-bottom: 100px;
  }
}
@media (min-width: 1280px) {
  .home-brands {
    margin-bottom: 120px;
  }
}
.home-brands__title {
  text-align: center;
  margin-bottom: 15px;
}
.home-brands__list {
  display: flex;
  flex-direction: row;
  align-items: center;
  flex-wrap: wrap;
  justify-content: center;
  row-gap: 20px;
  list-style: none;
  padding: 0;
  margin: 0 0 40px;
}
.home-brands__list a:hover img {
  transform: scale(1.05);
}
.home-brands__list img {
  max-height: 40px;
  transition: transform 0.3s ease-in-out;
}
@media (min-width: 768px) {
  .home-brands__list img {
    max-height: 50px;
  }
}
@media (min-width: 1280px) {
  .home-brands__list img {
    max-height: 60px;
  }
}
.home-brands__content {
  margin-bottom: 40px;
}
.home-brands__content p {
  color: var(--text-grey);
  font-size: 18px;
  line-height: 21px;
}
.home-brands__cta {
  display: inline-block;
  margin: 0 auto;
}

.home-community-card {
  padding: 0 15px;
  margin-bottom: 60px;
}
@media (min-width: 768px) {
  .home-community-card {
    padding: 0 20px;
    margin-bottom: 100px;
  }
}
@media (min-width: 1280px) {
  .home-community-card {
    margin-bottom: 120px;
  }
}
.home-community-card__title {
  margin-bottom: 10px;
}
.home-community-card__title span {
  display: block;
  font-size: 46px;
  margin-bottom: 8px;
}
@media (min-width: 768px) {
  .home-community-card__title span {
    font-size: 50px;
  }
}
.home-community-card__container {
  background-color: var(--bg-grey);
  overflow: hidden;
  max-width: 984px;
  min-height: 469px;
  width: 100%;
  margin: 0 auto;
  border-radius: 60px;
}
@media (min-width: 768px) {
  .home-community-card__container {
    display: grid;
    grid-template-columns: 1fr 1fr;
  }
}
@media (min-width: 1280px) {
  .home-community-card__container {
    max-width: 1137px;
  }
}
.home-community-card__image {
  display: block;
  background-size: cover;
  background-position: center;
  background-repeat: no-repeat;
  height: 340px;
}
@media (min-width: 768px) {
  .home-community-card__image {
    height: 100%;
  }
}
.home-community-card__content {
  text-align: center;
  padding: 22px 20px 60px;
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
}
@media (min-width: 768px) {
  .home-community-card__content {
    text-align: left;
    padding: 0 35px 0 20px;
  }
}
.home-community-card__content p {
  line-height: 160.2%;
  margin-bottom: 20px;
}
.home-community-card__content p,
.home-community-card__content a {
  font-size: 18px;
}
.home-community-card__cta {
  color: var(--facer-blue);
  display: inline-flex;
  align-items: center;
  gap: 15px;
}

.home-creator {
  margin-bottom: 60px;
  padding: 0 15px;
  text-align: center;
}
@media (min-width: 768px) {
  .home-creator {
    padding: 0 20px;
    margin-bottom: 100px;
  }
}
@media (min-width: 1280px) {
  .home-creator {
    margin-bottom: 120px;
  }
}
.home-creator__logo {
  margin-bottom: 30px;
}
.home-creator__logo img {
  width: 100%;
  max-width: 307px;
}
@media (min-width: 768px) {
  .home-creator__logo {
    margin-bottom: 50px;
  }
  .home-creator__logo img {
    max-width: 387px;
  }
}
.home-creator__images {
  display: flex;
  flex-direction: row;
  align-items: center;
  justify-content: center;
  margin-bottom: 30px;
}
@media (min-width: 768px) {
  .home-creator__images {
    margin-bottom: 60px;
  }
}
.home-creator__image {
  flex: 1;
  width: 100%;
  height: auto;
  object-fit: contain;
}
.home-creator__image--left {
  right: -35px;
}
@media (min-width: 1024px) {
  .home-creator__image--left {
    right: -52px;
  }
}
@media (min-width: 1280px) {
  .home-creator__image--left {
    right: -47px;
  }
}
.home-creator__image--right {
  left: -35px;
}
@media (min-width: 1024px) {
  .home-creator__image--right {
    left: -52px;
  }
}
@media (min-width: 1280px) {
  .home-creator__image--right {
    left: -47px;
  }
}
.home-creator__image--left, .home-creator__image--right {
  position: relative;
  bottom: 20px;
  max-width: 20%;
}
@media (min-width: 1024px) {
  .home-creator__image--left, .home-creator__image--right {
    bottom: 13px;
    max-width: 202px;
  }
}
@media (min-width: 1280px) {
  .home-creator__image--left, .home-creator__image--right {
    max-width: 273px;
  }
}
.home-creator__image--center {
  max-width: 100%;
}
@media (min-width: 768px) {
  .home-creator__image--center {
    max-width: 60%;
  }
}
@media (min-width: 1024px) {
  .home-creator__image--center {
    max-width: 670px;
  }
}
.home-creator__content {
  margin-bottom: 30px;
}
.home-creator__content p {
  font-size: 18px;
  line-height: 45px;
  color: var(--text-grey);
}
.home-creator__cta {
  display: inline-block;
  margin: 0 auto;
}

.home-platforms {
  padding: 0 15px;
  margin: 0 auto 50px;
  max-width: 1140px;
}
@media (min-width: 768px) {
  .home-platforms {
    padding: 0 20px;
    margin: 0 auto 100px;
  }
}
.home-platforms__title {
  text-align: center;
  margin-bottom: 30px;
}
@media (min-width: 768px) {
  .home-platforms__title {
    margin-bottom: 50px;
  }
}
.home-platforms__list {
  list-style: none;
  padding: 0;
  margin: 0 0 30px;
  display: grid;
  grid-template-columns: 1fr;
  gap: 20px;
}
@media (min-width: 768px) {
  .home-platforms__list {
    margin-bottom: 50px;
    grid-template-columns: 1fr 1fr;
  }
}
@media (min-width: 1024px) {
  .home-platforms__list {
    grid-template-columns: 1fr 1fr 1fr 1fr;
  }
}
.home-platforms__item {
  background-color: var(--bg-grey);
  border-radius: 40px;
  padding: 20px 20px 20px 0;
  display: flex;
  flex-direction: row;
  align-items: center;
  gap: 10px;
}
.home-platforms__item img {
  max-width: 150px;
}
@media (min-width: 768px) {
  .home-platforms__item {
    padding: 0 0 40px 0;
    border-radius: 50px;
    flex-direction: column;
  }
  .home-platforms__item img {
    max-width: 100%;
  }
}
@media (min-width: 1024px) {
  .home-platforms__item img {
    max-width: auto;
    height: 380px;
    object-fit: cover;
  }
}
.home-platforms__item-text {
  font-size: 20px;
  font-weight: 600;
  line-height: 45px;
}
.home-platforms__small-text {
  text-align: center;
  font-size: 13px;
  font-weight: 400;
  line-height: 21px;
  color: var(--text-grey);
}
.home-platforms__small-text a {
  text-decoration: underline;
}

.home {
  overflow-x: hidden;
}

.home-title {
  font-family: "Roboto", sans-serif;
  font-size: 30px;
  line-height: 36px;
  font-weight: 500;
  color: var(--facer-dark);
}
@media (min-width: 768px) {
  .home-title {
    font-size: 36px;
    line-height: 50px;
  }
}
@media (min-width: 1280px) {
  .home-title {
    font-size: 48px;
  }
}

.watchface-import {
  position: relative;
  height: 100%;
  min-height: calc(100vh - 70px);
  max-width: 1300px;
  margin: 0 auto;
}
.watchface-import__wrapper {
  background-color: var(--facer-light-grey);
}
.watchface-import__wrapper .publish-view {
  height: calc(100vh - 70px);
}
.watchface-import__reset {
  text-align: center;
  padding-top: 50px;
}
.watchface-import__reset button {
  font-size: 14px;
  font-weight: 600;
  color: var(--facer-blue);
}
.watchface-import__reset-description {
  max-width: 500px;
  font-size: 12px;
  font-weight: 500;
  color: var(--black);
  opacity: 0.5;
  text-align: center;
  margin: 0 auto 20px;
}
.watchface-import__loader {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  z-index: 1000;
}
.watchface-import__loader spinner svg {
  height: 100px;
  width: 100px;
}
.watchface-import__upload {
  height: 100%;
  display: flex;
  flex-direction: column;
  border: 1px dashed var(--facer-dark-2);
  border-radius: 10px;
  height: 300px;
  width: 373px;
}
.watchface-import__upload-add {
  position: relative;
  text-align: center;
  height: 100%;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  cursor: pointer;
}
.watchface-import__upload-add input {
  z-index: 1;
  background-size: cover;
  opacity: 0;
  width: 100%;
  height: 100%;
  position: absolute;
  top: 0;
  left: 0;
}
.watchface-import__upload-add input:hover {
  cursor: pointer;
}
.watchface-import__upload-add-text {
  font-size: 14px;
  font-weight: 400;
  color: var(--facer-dark-9);
}
.watchface-import__upload-add-text span {
  color: var(--facer-blue);
  cursor: pointer;
  font-weight: 600;
}
.watchface-import__upload-add-text-file-type {
  font-size: 12px;
  font-weight: 400;
  color: var(--facer-dark-5);
}
.watchface-import__upload-media {
  flex: 1;
  height: 100%;
}
.watchface-import__upload-item {
  width: 100%;
  height: 100%;
  flex: 0;
}
.watchface-import__upload-loader i, .watchface-import__upload-loader span {
  opacity: 0;
}

.watchface-import-preview {
  text-align: center;
}
.watchface-import-preview__wrapper {
  display: flex;
  justify-content: center;
}

.editor-navbar-divider {
  height: 30px;
  width: 1px;
  background-color: var(--facer-dark-1);
  margin: 0 10px;
}

.editor-navbar-btn {
  transition: var(--transition-default);
}
.editor-navbar-btn[aria-expanded=true] svg path {
  fill: var(--facer-blue);
}

.editor-dropdown__list {
  padding: 10px;
  border: 0;
  top: 49px;
  box-shadow: none;
  box-shadow: var(--dropdown-box-shadow);
  border-top-left-radius: 0;
  border-top-right-radius: 0;
  border-bottom-left-radius: 10px;
  border-bottom-right-radius: 10px;
  background-color: var(--white);
  min-width: 175px;
}
.editor-dropdown__item {
  display: block;
  margin-bottom: 10px;
  position: relative;
  border-radius: 5px;
}
.editor-dropdown__item:last-child {
  margin-bottom: 0;
}
.editor-dropdown__item:hover {
  cursor: pointer;
  background-color: var(--facer-dark-1);
}
.editor-dropdown__item.has-divider {
  margin-top: 20px;
}
.editor-dropdown__item.has-divider:after {
  content: "";
  position: absolute;
  top: -10px;
  left: 0;
  width: 100%;
  height: 1px;
  background-color: var(--facer-dark-2);
}
.editor-dropdown__item-content {
  display: flex;
  align-items: center;
  gap: 5px;
  padding: 5px;
}
.editor-dropdown__item-content span {
  font-size: 14px;
  font-weight: 500;
}

#wrap.route-facer-looks-detail,
#wrap.route-facer-looks {
  min-height: auto;
}

.looks-not-found__container {
  max-width: 1086px;
  margin: 0 auto;
  padding: 70px 10px;
  text-align: center;
}
@media screen and (min-width: 1080px) {
  .looks-not-found__container {
    display: flex;
    align-items: center;
    flex-direction: row;
    text-align: left;
    gap: 55px;
    padding-top: 85px;
    padding-bottom: 85px;
  }
}
.looks-not-found__img-device {
  width: 100%;
  max-width: 280px;
  margin-bottom: 40px;
}
@media screen and (min-width: 768px) {
  .looks-not-found__img-device {
    max-width: 397px;
  }
}
@media screen and (min-width: 1080px) {
  .looks-not-found__img-device {
    margin-bottom: 0;
  }
}
@media screen and (min-width: 1080px) {
  .looks-not-found__content {
    max-width: 500px;
  }
}
.looks-not-found__content h1 {
  font-weight: 500;
  font-size: 30px;
  line-height: 35px;
  color: var(--facer-dark);
  margin-bottom: 15px;
}
@media screen and (min-width: 1080px) {
  .looks-not-found__content h1 {
    font-size: 36px;
    line-height: 45px;
    margin-bottom: 0;
  }
}
.looks-not-found__content p {
  font-weight: 400;
  font-size: 18px;
  line-height: 21px;
  color: var(--facer-dark-7);
}
@media screen and (min-width: 1080px) {
  .looks-not-found__content p {
    line-height: 45px;
    margin-bottom: 10px;
  }
}
.looks-not-found__links {
  padding-top: 40px;
  display: flex;
  flex-direction: column;
  gap: 12px;
}
@media screen and (min-width: 1080px) {
  .looks-not-found__links {
    flex-direction: row;
    padding-top: 0;
  }
}
.looks-not-found__links img {
  max-height: 59px;
}
@media screen and (min-width: 1080px) {
  .looks-not-found__links img {
    max-height: 44px;
  }
}

:root {
  --facer-default-font: "Roboto", Helvetica, Arial, sans-serif;
  --facer-text-size-small: 12px;
  --facer-text-size-normal: 14px;
}

.normal-text, .dashboard-watchface-list .dashboard-watchface-item .dashboard-watchface-item-extra-details .dashboard-watchface-item-stats .dashboard-watchface-item-stat i, .muted-text, .dashboard-watchface-list .dashboard-watchface-item .dashboard-watchface-item-extra-details .dashboard-watchface-item-platforms i, .dashboard-watchface-list .dashboard-watchface-item .dashboard-watchface-item-details .edit-date, .bold-text, .light-text, .dashboard-outer-wrapper .default-page .default-page-starting-points .default-page-starting-point p, .dark-text, .page-title, .auth-modal h1, .auth-page h1, .top-charts .top-charts-header .top-charts-header-title h1, .page-title-medium, .dashboard-page-header .dashboard-page-header-title, .dashboard-outer-wrapper .default-page .default-page-starting-points .default-page-starting-point .default-page-starting-point-title, .page-subtitle, .top-charts .top-charts-header .top-charts-header-title .top-charts-header-subtitle, .dashboard-page-header .dashboard-page-header-detail, .button-text, .caption-text, .notification-feed a .notification-feed-item-content .notification-feed-item-title + .notification-feed-item-message, .text-button, .small-text-button, .notification-feed a .notification-feed-item-content .notification-feed-item-comment-reply-wrapper, .large-button-text, .facer-share-modal .facer-modal-content .facer-modal-inspect-cta, .facer-share-modal .facer-modal-content .facer-modal-share-cta, .xlarge-button-text, .card-text-title, .dashboard-watchface-list .dashboard-watchface-item .dashboard-watchface-item-title-outer-wrapper .dashboard-watchface-item-title,
.dashboard-watchface-list .dashboard-watchface-item .dashboard-watchface-item-title-outer-wrapper .dashboard-watchface-item-title a,
.modal-text-title,
.facer-share-modal .facer-modal-content .facer-modal-title, .card-text-title-hovered, .dashboard-watchface-list .dashboard-watchface-item:hover .dashboard-watchface-item-title,
.dashboard-watchface-list .dashboard-watchface-item:hover .dashboard-watchface-item-title a, .stat-text-value, .dashboard-outer-wrapper .dashboard-watchface-stats .dashboard-watchface-stat .dashboard-watchface-stat-value, .detail-text, .dashboard-watchface-list .dashboard-watchface-item .dashboard-watchface-item-details, .small-detail-text, .dashboard-watchface-list .dashboard-watchface-item .dashboard-watchface-item-extra-details .dashboard-watchface-item-stats, .jumbo-text, .publish-form h1, .publish-form__header, .dashboard-outer-wrapper .default-page .default-page-title, .jumbo-text-detail, .dashboard-outer-wrapper .default-page .default-page-subtitle, .facer-button, .top-charts .btn, .dashboard-outer-wrapper .btn, .facer-button i:not(.glyphicon), .top-charts .btn i:not(.glyphicon), .dashboard-outer-wrapper .btn i:not(.glyphicon), .facer-button.btn-xl i, .top-charts .btn-xl.btn i, .dashboard-outer-wrapper .btn-xl.btn i, .facer-button.btn-lg i, .top-charts .btn-lg.btn i, .dashboard-outer-wrapper .btn-lg.btn i, .facer-button.btn-sm,
.facer-button.btn-sm i,
.top-charts .btn-sm.btn i,
.dashboard-outer-wrapper .btn-sm.btn i, print-button[type=text] .sync-button .icon-pushtowatch:before,
sync-button[type=text] .sync-button .icon-pushtowatch:before, .follow-button .btn, .follow-button .btn i, .follow-button.follow-button-compact .btn,
.follow-button.follow-button-compact .btn i {
  font-family: var(--facer-default-font);
  color: var(--facer-dark);
}

.muted-text, .dashboard-watchface-list .dashboard-watchface-item .dashboard-watchface-item-extra-details .dashboard-watchface-item-platforms i, .dashboard-watchface-list .dashboard-watchface-item .dashboard-watchface-item-details .edit-date {
  color: var(--facer-muted);
}

.bold-text {
  font-weight: 500;
}

.light-text, .dashboard-outer-wrapper .default-page .default-page-starting-points .default-page-starting-point p {
  color: var(--facer-light);
}

.dark-text {
  color: var(--facer-dark);
}

.page-title, .auth-modal h1, .auth-page h1, .top-charts .top-charts-header .top-charts-header-title h1 {
  font-weight: 500;
  font-size: 26px;
}

.page-title-medium, .dashboard-page-header .dashboard-page-header-title, .dashboard-outer-wrapper .default-page .default-page-starting-points .default-page-starting-point .default-page-starting-point-title {
  font-weight: 500;
  font-size: 22px;
}

.page-subtitle, .top-charts .top-charts-header .top-charts-header-title .top-charts-header-subtitle, .dashboard-page-header .dashboard-page-header-detail, .jumbo-text-detail, .dashboard-outer-wrapper .default-page .default-page-subtitle {
  font-weight: 400;
  font-size: 14px;
  color: var(--facer-light);
}

.button-text, .large-button-text, .facer-share-modal .facer-modal-content .facer-modal-inspect-cta, .facer-share-modal .facer-modal-content .facer-modal-share-cta, .xlarge-button-text, .facer-button, .top-charts .btn, .dashboard-outer-wrapper .btn, .facer-button i:not(.glyphicon), .top-charts .btn i:not(.glyphicon), .dashboard-outer-wrapper .btn i:not(.glyphicon), .facer-button.btn-xl i, .top-charts .btn-xl.btn i, .dashboard-outer-wrapper .btn-xl.btn i, .facer-button.btn-lg i, .top-charts .btn-lg.btn i, .dashboard-outer-wrapper .btn-lg.btn i, print-button[type=text] .sync-button .icon-pushtowatch:before,
sync-button[type=text] .sync-button .icon-pushtowatch:before, .follow-button .btn, .follow-button .btn i, .follow-button.follow-button-compact .btn, .follow-button.follow-button-compact .btn i {
  font-weight: 500;
  font-size: 14px;
}

.caption-text, .notification-feed a .notification-feed-item-content .notification-feed-item-title + .notification-feed-item-message {
  font-weight: 400;
  font-size: 14px;
  font-style: italic;
}

.text-button, .small-text-button, .notification-feed a .notification-feed-item-content .notification-feed-item-comment-reply-wrapper, .facer-button.btn-sm, .top-charts .btn-sm.btn, .dashboard-outer-wrapper .btn-sm.btn,
.facer-button.btn-sm i,
.top-charts .btn-sm.btn i,
.dashboard-outer-wrapper .btn-sm.btn i, .follow-button .btn-sm.btn,
.follow-button .btn-sm.btn i, .follow-button.follow-button-compact .btn,
.follow-button.follow-button-compact .btn i {
  font-weight: 500;
  font-size: 14px;
  color: var(--facer-blue);
}
.text-button:hover, .small-text-button:hover, .notification-feed a .notification-feed-item-content .notification-feed-item-comment-reply-wrapper:hover, .facer-button.btn-sm:hover, .top-charts .btn-sm.btn:hover, .dashboard-outer-wrapper .btn-sm.btn:hover,
.facer-button.btn-sm i:hover,
.top-charts .btn-sm.btn i:hover,
.dashboard-outer-wrapper .btn-sm.btn i:hover, .follow-button .btn-sm.btn:hover,
.follow-button .btn-sm.btn i:hover, .follow-button.follow-button-compact .btn:hover,
.follow-button.follow-button-compact .btn i:hover {
  color: var(--facer-blue-highlight);
}

.small-text-button, .notification-feed a .notification-feed-item-content .notification-feed-item-comment-reply-wrapper, .facer-button.btn-sm, .top-charts .btn-sm.btn, .dashboard-outer-wrapper .btn-sm.btn,
.facer-button.btn-sm i,
.top-charts .btn-sm.btn i,
.dashboard-outer-wrapper .btn-sm.btn i, .follow-button .btn-sm.btn,
.follow-button .btn-sm.btn i, .follow-button.follow-button-compact .btn,
.follow-button.follow-button-compact .btn i {
  font-weight: 500;
  font-size: 11px;
}

.text-button-completed, .notification-feed a .notification-feed-item-content .notification-feed-item-comment-reply-wrapper .notification-feed-item-comment-replied {
  font-weight: 400;
  font-style: italic;
  color: var(--facer-light);
}

.large-button-text, .facer-share-modal .facer-modal-content .facer-modal-inspect-cta, .facer-share-modal .facer-modal-content .facer-modal-share-cta, .facer-button.btn-lg i, .top-charts .btn-lg.btn i, .dashboard-outer-wrapper .btn-lg.btn i, .follow-button .btn i, .follow-button.follow-button-compact .btn i {
  font-weight: 500;
  font-size: 18px;
}

.xlarge-button-text, .facer-button.btn-xl i, .top-charts .btn-xl.btn i, .dashboard-outer-wrapper .btn-xl.btn i, .follow-button .btn-xl.btn i {
  font-weight: 500;
  font-size: 26px;
}

.card-text-title, .dashboard-watchface-list .dashboard-watchface-item .dashboard-watchface-item-title-outer-wrapper .dashboard-watchface-item-title,
.dashboard-watchface-list .dashboard-watchface-item .dashboard-watchface-item-title-outer-wrapper .dashboard-watchface-item-title a, .card-text-title-hovered, .dashboard-watchface-list .dashboard-watchface-item:hover .dashboard-watchface-item-title,
.dashboard-watchface-list .dashboard-watchface-item:hover .dashboard-watchface-item-title a, .stat-text-value, .dashboard-outer-wrapper .dashboard-watchface-stats .dashboard-watchface-stat .dashboard-watchface-stat-value,
.modal-text-title,
.facer-share-modal .facer-modal-content .facer-modal-title {
  font-weight: 500;
  font-size: 20px;
}

.card-text-title-hovered, .dashboard-watchface-list .dashboard-watchface-item:hover .dashboard-watchface-item-title,
.dashboard-watchface-list .dashboard-watchface-item:hover .dashboard-watchface-item-title a {
  color: var(--facer-blue);
}

.stat-text-value, .dashboard-outer-wrapper .dashboard-watchface-stats .dashboard-watchface-stat .dashboard-watchface-stat-value {
  font-weight: bold;
  color: var(--facer-blue);
}

.detail-text, .dashboard-watchface-list .dashboard-watchface-item .dashboard-watchface-item-details {
  font-size: 12px;
}

.small-detail-text, .dashboard-watchface-list .dashboard-watchface-item .dashboard-watchface-item-extra-details .dashboard-watchface-item-stats {
  font-size: 11px;
}

.jumbo-text, .publish-form h1, .publish-form__header, .dashboard-outer-wrapper .default-page .default-page-title {
  font-weight: 500;
  font-size: 30px;
}

.text-link, .premium-page .premium-page-footer ul li a {
  font-weight: bold;
  color: var(--facer-blue) !important;
}
.text-link:hover, .premium-page .premium-page-footer ul li a:hover {
  color: var(--facer-blue-highlight) !important;
}
.text-link.disabled, .premium-page .premium-page-footer ul li a.disabled {
  color: #999 !important;
  cursor: not-allowed;
}
.text-link i, .premium-page .premium-page-footer ul li a i {
  vertical-align: middle;
  font-size: 130%;
}
.text-link.text-link-orange, .premium-page .premium-page-footer ul li a.text-link-orange {
  color: orange !important;
}
.text-link.text-link-orange:hover, .premium-page .premium-page-footer ul li a.text-link-orange:hover {
  color: #ffaf1d !important;
}

/**
 * @deprecated This file is deprecated as of 2021-10-24 and will be removed in a future update.
 * Please use '4_elements/button.scss' for all button-related styles.
 * 
 * TODO: Remove this file once all references have been updated to use 4_elements/button.scss
 */
:root {
  --facer-default-font: "Roboto", Helvetica, Arial, sans-serif;
  --facer-text-size-small: 12px;
  --facer-text-size-normal: 14px;
}

.normal-text, .dashboard-watchface-list .dashboard-watchface-item .dashboard-watchface-item-extra-details .dashboard-watchface-item-stats .dashboard-watchface-item-stat i, .muted-text, .dashboard-watchface-list .dashboard-watchface-item .dashboard-watchface-item-extra-details .dashboard-watchface-item-platforms i, .dashboard-watchface-list .dashboard-watchface-item .dashboard-watchface-item-details .edit-date, .bold-text, .light-text, .dashboard-outer-wrapper .default-page .default-page-starting-points .default-page-starting-point p, .dark-text, .page-title, .auth-modal h1, .auth-page h1, .top-charts .top-charts-header .top-charts-header-title h1, .page-title-medium, .dashboard-page-header .dashboard-page-header-title, .dashboard-outer-wrapper .default-page .default-page-starting-points .default-page-starting-point .default-page-starting-point-title, .page-subtitle, .top-charts .top-charts-header .top-charts-header-title .top-charts-header-subtitle, .dashboard-page-header .dashboard-page-header-detail, .button-text, .caption-text, .notification-feed a .notification-feed-item-content .notification-feed-item-title + .notification-feed-item-message, .text-button, .small-text-button, .notification-feed a .notification-feed-item-content .notification-feed-item-comment-reply-wrapper, .large-button-text, .facer-share-modal .facer-modal-content .facer-modal-inspect-cta, .facer-share-modal .facer-modal-content .facer-modal-share-cta, .xlarge-button-text, .card-text-title, .dashboard-watchface-list .dashboard-watchface-item .dashboard-watchface-item-title-outer-wrapper .dashboard-watchface-item-title,
.dashboard-watchface-list .dashboard-watchface-item .dashboard-watchface-item-title-outer-wrapper .dashboard-watchface-item-title a,
.modal-text-title,
.facer-share-modal .facer-modal-content .facer-modal-title, .card-text-title-hovered, .dashboard-watchface-list .dashboard-watchface-item:hover .dashboard-watchface-item-title,
.dashboard-watchface-list .dashboard-watchface-item:hover .dashboard-watchface-item-title a, .stat-text-value, .dashboard-outer-wrapper .dashboard-watchface-stats .dashboard-watchface-stat .dashboard-watchface-stat-value, .detail-text, .dashboard-watchface-list .dashboard-watchface-item .dashboard-watchface-item-details, .small-detail-text, .dashboard-watchface-list .dashboard-watchface-item .dashboard-watchface-item-extra-details .dashboard-watchface-item-stats, .jumbo-text, .publish-form h1, .publish-form__header, .dashboard-outer-wrapper .default-page .default-page-title, .jumbo-text-detail, .dashboard-outer-wrapper .default-page .default-page-subtitle, .facer-button, .top-charts .btn, .dashboard-outer-wrapper .btn, .facer-button i:not(.glyphicon), .top-charts .btn i:not(.glyphicon), .dashboard-outer-wrapper .btn i:not(.glyphicon), .facer-button.btn-xl i, .top-charts .btn-xl.btn i, .dashboard-outer-wrapper .btn-xl.btn i, .facer-button.btn-lg i, .top-charts .btn-lg.btn i, .dashboard-outer-wrapper .btn-lg.btn i, .facer-button.btn-sm,
.facer-button.btn-sm i,
.top-charts .btn-sm.btn i,
.dashboard-outer-wrapper .btn-sm.btn i, print-button[type=text] .sync-button .icon-pushtowatch:before,
sync-button[type=text] .sync-button .icon-pushtowatch:before, .follow-button .btn, .follow-button .btn i, .follow-button.follow-button-compact .btn,
.follow-button.follow-button-compact .btn i {
  font-family: var(--facer-default-font);
  color: var(--facer-dark);
}

.muted-text, .dashboard-watchface-list .dashboard-watchface-item .dashboard-watchface-item-extra-details .dashboard-watchface-item-platforms i, .dashboard-watchface-list .dashboard-watchface-item .dashboard-watchface-item-details .edit-date {
  color: var(--facer-muted);
}

.bold-text {
  font-weight: 500;
}

.light-text, .dashboard-outer-wrapper .default-page .default-page-starting-points .default-page-starting-point p {
  color: var(--facer-light);
}

.dark-text {
  color: var(--facer-dark);
}

.page-title, .auth-modal h1, .auth-page h1, .top-charts .top-charts-header .top-charts-header-title h1 {
  font-weight: 500;
  font-size: 26px;
}

.page-title-medium, .dashboard-page-header .dashboard-page-header-title, .dashboard-outer-wrapper .default-page .default-page-starting-points .default-page-starting-point .default-page-starting-point-title {
  font-weight: 500;
  font-size: 22px;
}

.page-subtitle, .top-charts .top-charts-header .top-charts-header-title .top-charts-header-subtitle, .dashboard-page-header .dashboard-page-header-detail, .jumbo-text-detail, .dashboard-outer-wrapper .default-page .default-page-subtitle {
  font-weight: 400;
  font-size: 14px;
  color: var(--facer-light);
}

.button-text, .large-button-text, .facer-share-modal .facer-modal-content .facer-modal-inspect-cta, .facer-share-modal .facer-modal-content .facer-modal-share-cta, .xlarge-button-text, .facer-button, .top-charts .btn, .dashboard-outer-wrapper .btn, .facer-button i:not(.glyphicon), .top-charts .btn i:not(.glyphicon), .dashboard-outer-wrapper .btn i:not(.glyphicon), .facer-button.btn-xl i, .top-charts .btn-xl.btn i, .dashboard-outer-wrapper .btn-xl.btn i, .facer-button.btn-lg i, .top-charts .btn-lg.btn i, .dashboard-outer-wrapper .btn-lg.btn i, print-button[type=text] .sync-button .icon-pushtowatch:before,
sync-button[type=text] .sync-button .icon-pushtowatch:before, .follow-button .btn, .follow-button .btn i, .follow-button.follow-button-compact .btn, .follow-button.follow-button-compact .btn i {
  font-weight: 500;
  font-size: 14px;
}

.caption-text, .notification-feed a .notification-feed-item-content .notification-feed-item-title + .notification-feed-item-message {
  font-weight: 400;
  font-size: 14px;
  font-style: italic;
}

.text-button, .small-text-button, .notification-feed a .notification-feed-item-content .notification-feed-item-comment-reply-wrapper, .facer-button.btn-sm, .top-charts .btn-sm.btn, .dashboard-outer-wrapper .btn-sm.btn,
.facer-button.btn-sm i,
.top-charts .btn-sm.btn i,
.dashboard-outer-wrapper .btn-sm.btn i, .follow-button .btn-sm.btn,
.follow-button .btn-sm.btn i, .follow-button.follow-button-compact .btn,
.follow-button.follow-button-compact .btn i {
  font-weight: 500;
  font-size: 14px;
  color: var(--facer-blue);
}
.text-button:hover, .small-text-button:hover, .notification-feed a .notification-feed-item-content .notification-feed-item-comment-reply-wrapper:hover, .facer-button.btn-sm:hover, .top-charts .btn-sm.btn:hover, .dashboard-outer-wrapper .btn-sm.btn:hover,
.facer-button.btn-sm i:hover,
.top-charts .btn-sm.btn i:hover,
.dashboard-outer-wrapper .btn-sm.btn i:hover, .follow-button .btn-sm.btn:hover,
.follow-button .btn-sm.btn i:hover, .follow-button.follow-button-compact .btn:hover,
.follow-button.follow-button-compact .btn i:hover {
  color: var(--facer-blue-highlight);
}

.small-text-button, .notification-feed a .notification-feed-item-content .notification-feed-item-comment-reply-wrapper, .facer-button.btn-sm, .top-charts .btn-sm.btn, .dashboard-outer-wrapper .btn-sm.btn,
.facer-button.btn-sm i,
.top-charts .btn-sm.btn i,
.dashboard-outer-wrapper .btn-sm.btn i, .follow-button .btn-sm.btn,
.follow-button .btn-sm.btn i, .follow-button.follow-button-compact .btn,
.follow-button.follow-button-compact .btn i {
  font-weight: 500;
  font-size: 11px;
}

.text-button-completed, .notification-feed a .notification-feed-item-content .notification-feed-item-comment-reply-wrapper .notification-feed-item-comment-replied {
  font-weight: 400;
  font-style: italic;
  color: var(--facer-light);
}

.large-button-text, .facer-share-modal .facer-modal-content .facer-modal-inspect-cta, .facer-share-modal .facer-modal-content .facer-modal-share-cta, .facer-button.btn-lg i, .top-charts .btn-lg.btn i, .dashboard-outer-wrapper .btn-lg.btn i, .follow-button .btn i, .follow-button.follow-button-compact .btn i {
  font-weight: 500;
  font-size: 18px;
}

.xlarge-button-text, .facer-button.btn-xl i, .top-charts .btn-xl.btn i, .dashboard-outer-wrapper .btn-xl.btn i, .follow-button .btn-xl.btn i {
  font-weight: 500;
  font-size: 26px;
}

.card-text-title, .dashboard-watchface-list .dashboard-watchface-item .dashboard-watchface-item-title-outer-wrapper .dashboard-watchface-item-title,
.dashboard-watchface-list .dashboard-watchface-item .dashboard-watchface-item-title-outer-wrapper .dashboard-watchface-item-title a, .card-text-title-hovered, .dashboard-watchface-list .dashboard-watchface-item:hover .dashboard-watchface-item-title,
.dashboard-watchface-list .dashboard-watchface-item:hover .dashboard-watchface-item-title a, .stat-text-value, .dashboard-outer-wrapper .dashboard-watchface-stats .dashboard-watchface-stat .dashboard-watchface-stat-value,
.modal-text-title,
.facer-share-modal .facer-modal-content .facer-modal-title {
  font-weight: 500;
  font-size: 20px;
}

.card-text-title-hovered, .dashboard-watchface-list .dashboard-watchface-item:hover .dashboard-watchface-item-title,
.dashboard-watchface-list .dashboard-watchface-item:hover .dashboard-watchface-item-title a {
  color: var(--facer-blue);
}

.stat-text-value, .dashboard-outer-wrapper .dashboard-watchface-stats .dashboard-watchface-stat .dashboard-watchface-stat-value {
  font-weight: bold;
  color: var(--facer-blue);
}

.detail-text, .dashboard-watchface-list .dashboard-watchface-item .dashboard-watchface-item-details {
  font-size: 12px;
}

.small-detail-text, .dashboard-watchface-list .dashboard-watchface-item .dashboard-watchface-item-extra-details .dashboard-watchface-item-stats {
  font-size: 11px;
}

.jumbo-text, .publish-form h1, .publish-form__header, .dashboard-outer-wrapper .default-page .default-page-title {
  font-weight: 500;
  font-size: 30px;
}

.text-link, .premium-page .premium-page-footer ul li a {
  font-weight: bold;
  color: var(--facer-blue) !important;
}
.text-link:hover, .premium-page .premium-page-footer ul li a:hover {
  color: var(--facer-blue-highlight) !important;
}
.text-link.disabled, .premium-page .premium-page-footer ul li a.disabled {
  color: #999 !important;
  cursor: not-allowed;
}
.text-link i, .premium-page .premium-page-footer ul li a i {
  vertical-align: middle;
  font-size: 130%;
}
.text-link.text-link-orange, .premium-page .premium-page-footer ul li a.text-link-orange {
  color: orange !important;
}
.text-link.text-link-orange:hover, .premium-page .premium-page-footer ul li a.text-link-orange:hover {
  color: #ffaf1d !important;
}

/**
 * @deprecated This file is deprecated as of 2021-10-24 and will be removed in a future update.
 * Please use '1_settings/colors.scss' for all color-related styles.
 * 
 * TODO: Remove this file once all references have been updated to use global/colors.scss
 */
.blue-text {
  color: #2bade3;
}

.premium-text {
  color: #eeb60b !important;
}

.red-text {
  color: #f31805 !important;
}

.media-button, .watchface-media .watchface-media-item .watchface-media-buttons .watchface-media-button, [banner-video] .video-wrapper .controls-wrapper .controls .video-button {
  color: white;
  display: inline-block;
  width: 48px;
  text-align: center;
  height: 48px !important;
  border-radius: 50%;
  font-size: 24px;
  line-height: 40px;
  background-color: rgba(0, 0, 0, 0.75);
  margin: auto;
  display: -webkit-flex;
  display: -moz-flex;
  display: -ms-flex;
  display: flex;
  -webkit-flex-direction: column;
  -moz-flex-direction: column;
  -ms-flex-direction: column;
  flex-direction: column;
  -webkit-justify-content: center;
  -moz-justify-content: center;
  -ms-justify-content: center;
  justify-content: center;
}
.media-button i, .watchface-media .watchface-media-item .watchface-media-buttons .watchface-media-button i, [banner-video] .video-wrapper .controls-wrapper .controls .video-button i {
  vertical-align: middle;
  display: block;
  line-height: 0;
}
.media-button i.icon-play, .watchface-media .watchface-media-item .watchface-media-buttons .watchface-media-button i.icon-play, [banner-video] .video-wrapper .controls-wrapper .controls .video-button i.icon-play {
  line-height: 0;
  margin-left: 5px;
}

.btn.btn-default.btn-secondary {
  border: 1px solid #bbb;
}

.btn.btn-primary-v2 {
  border: 2px solid #2bade3;
  color: #2bade3;
  background-color: white;
}

.facer-button, .top-charts .btn, .dashboard-outer-wrapper .btn, .follow-button .btn, .follow-button.follow-button-compact .btn {
  display: -webkit-flex;
  display: -moz-flex;
  display: -ms-flex;
  display: flex;
  -webkit-justify-content: center;
  -moz-justify-content: center;
  -ms-justify-content: center;
  justify-content: center;
  -webkit-align-items: center;
  -moz-align-items: center;
  -ms-align-items: center;
  align-items: center;
  gap: 10px;
  min-height: 32px;
  height: auto;
  line-height: normal;
  padding: 0 20px;
  border-radius: 16px;
}
.facer-button i:not(.glyphicon), .top-charts .btn i:not(.glyphicon), .dashboard-outer-wrapper .btn i:not(.glyphicon), .follow-button .btn i:not(.glyphicon) {
  height: auto;
  margin: auto;
  line-height: 0;
}
.facer-button.btn-xl, .top-charts .btn-xl.btn, .dashboard-outer-wrapper .btn-xl.btn, .follow-button .btn-xl.btn {
  height: 55px !important;
  padding: 0 20px;
  border-radius: 27.5px;
  vertical-align: middle;
  font-size: 16px;
  font-weight: 500;
}
.facer-button.btn-lg, .top-charts .btn-lg.btn, .dashboard-outer-wrapper .btn-lg.btn, .follow-button .btn, .follow-button.follow-button-compact .btn {
  height: 40px !important;
  padding: 0 20px;
  border-radius: 20px;
  vertical-align: middle;
}
.facer-button.btn-sm, .top-charts .btn-sm.btn, .dashboard-outer-wrapper .btn-sm.btn, .follow-button .btn-sm.btn, .follow-button.follow-button-compact .btn {
  height: 35px !important;
  padding: 0 20px;
  border-radius: 17.5px;
  vertical-align: middle;
}
.facer-button.btn-primary, .top-charts .btn-primary.btn, .dashboard-outer-wrapper .btn-primary.btn, .follow-button .btn-primary.btn {
  color: white !important;
}
.facer-button.btn-primary i, .top-charts .btn-primary.btn i, .dashboard-outer-wrapper .btn-primary.btn i, .follow-button .btn-primary.btn i {
  color: white !important;
}
.facer-button.btn-primary:hover, .top-charts .btn-primary.btn:hover, .dashboard-outer-wrapper .btn-primary.btn:hover, .follow-button .btn-primary.btn:hover {
  box-shadow: 0 4px 6px 0 rgba(43, 173, 227, 0.2);
  background-color: #41b5e6;
  border: none;
}
.facer-button.btn-primary:active, .top-charts .btn-primary.btn:active, .dashboard-outer-wrapper .btn-primary.btn:active, .follow-button .btn-primary.btn:active {
  border-color: #41b5e6;
}
.facer-button.btn-primary[disabled=disabled], .top-charts .btn-primary[disabled=disabled].btn, .dashboard-outer-wrapper .btn-primary[disabled=disabled].btn, .follow-button .btn-primary[disabled=disabled].btn {
  background: #ededed;
  color: #b8b8b8 !important;
}
.facer-button.btn-rounded, .top-charts .btn-rounded.btn, .dashboard-outer-wrapper .btn-rounded.btn, .follow-button .btn-rounded.btn {
  border-radius: 110px;
  padding: 15px 40px;
  font-size: 16px;
}
.facer-button.btn-default, .top-charts .btn-default.btn, .dashboard-outer-wrapper .btn-default.btn, .follow-button .btn-default.btn {
  background: #e6e6e6;
  border-color: #e6e6e6;
}
.facer-button.btn-default:hover, .top-charts .btn-default.btn:hover, .dashboard-outer-wrapper .btn-default.btn:hover, .follow-button .btn-default.btn:hover {
  background-color: #d0d0d0;
}
.facer-button.btn-default:active, .top-charts .btn-default.btn:active, .dashboard-outer-wrapper .btn-default.btn:active, .follow-button .btn-default.btn:active {
  border-color: #d0d0d0;
}
.facer-button.navbar-btn, .top-charts .navbar-btn.btn, .dashboard-outer-wrapper .navbar-btn.btn, .follow-button .navbar-btn.btn {
  background: transparent;
  font-size: 14px;
  display: inline;
}
.facer-button.navbar-btn i, .top-charts .navbar-btn.btn i, .dashboard-outer-wrapper .navbar-btn.btn i, .follow-button .navbar-btn.btn i {
  font-size: 20px;
}
.facer-button.input-btn, .top-charts .input-btn.btn, .dashboard-outer-wrapper .input-btn.btn, .follow-button .input-btn.btn {
  position: absolute;
  top: 4px;
  right: 4px;
  height: 26px !important;
  width: 26px;
  padding: 0;
  color: white;
}
.facer-button.dropdown-toggle, .top-charts .dropdown-toggle.btn, .dashboard-outer-wrapper .dropdown-toggle.btn, .follow-button .dropdown-toggle.btn {
  font-weight: 400;
  padding: 0 15px 0 15px;
}
.facer-button.dropdown-toggle:focus, .top-charts .dropdown-toggle.btn:focus, .dashboard-outer-wrapper .dropdown-toggle.btn:focus, .follow-button .dropdown-toggle.btn:focus {
  box-shadow: none;
  border-color: transparent;
}
.facer-button.dropdown-toggle:hover, .top-charts .dropdown-toggle.btn:hover, .dashboard-outer-wrapper .dropdown-toggle.btn:hover, .follow-button .dropdown-toggle.btn:hover, .facer-button.dropdown-toggle:active, .top-charts .dropdown-toggle.btn:active, .dashboard-outer-wrapper .dropdown-toggle.btn:active, .follow-button .dropdown-toggle.btn:active, .facer-button.dropdown-toggle:focus, .top-charts .dropdown-toggle.btn:focus, .dashboard-outer-wrapper .dropdown-toggle.btn:focus, .follow-button .dropdown-toggle.btn:focus {
  background-color: var(--facer-dark-2);
}
.facer-button .facer-button-tag, .top-charts .btn .facer-button-tag, .dashboard-outer-wrapper .btn .facer-button-tag, .follow-button .btn .facer-button-tag {
  display: -webkit-flex;
  display: -moz-flex;
  display: -ms-flex;
  display: flex;
  -webkit-flex-direction: column;
  -moz-flex-direction: column;
  -ms-flex-direction: column;
  flex-direction: column;
  -webkit-justify-content: center;
  -moz-justify-content: center;
  -ms-justify-content: center;
  justify-content: center;
  font-size: 70%;
  font-weight: 500;
  background: rgba(255, 255, 255, 0.2);
  border-radius: 11px;
  height: 22px;
  padding: 1px 10px 0;
  vertical-align: middle;
}

:root {
  --watchface-item-preview-height: 150px;
  --watchface-item-width: 260px;
  --side-padding: 20px;
  --icon-size: 20px;
  --bg-color: #fcfcfc;
}

.dashboard-outer-wrapper {
  background: var(--bg-color);
  min-width: 100%;
  min-height: 100%;
  display: grid;
  grid-template-columns: 276px 1fr;
  overflow: auto;
}
.dashboard-outer-wrapper.is-loading {
  display: flex;
  justify-content: center;
}
.dashboard-outer-wrapper #community .dashboard-page-header {
  border: none;
}
.dashboard-outer-wrapper #community .inspect-list-loader {
  margin: 30px auto;
}
.dashboard-outer-wrapper .dashboard-watchface-list-filters {
  display: flex;
  flex: 1;
  justify-content: flex-end;
  align-items: center;
}
.dashboard-outer-wrapper .dashboard-watchface-list-filters .form-group {
  margin-bottom: 0;
}
.dashboard-outer-wrapper .dashboard-watchface-list-filters .dashboard-watchface-list-filter {
  margin-left: 15px;
}
.dashboard-outer-wrapper .show-more-wrapper {
  display: flex;
  justify-content: center;
  margin: 30px;
}
.dashboard-outer-wrapper .dashboard-watchface-stats {
  display: flex;
  border-right: var(--grid-border-style);
}
.dashboard-outer-wrapper .dashboard-watchface-stats .dashboard-watchface-stat {
  margin-right: 20px;
}
.dashboard-outer-wrapper .top-charts {
  padding-top: 0 !important;
}
.dashboard-outer-wrapper .top-charts .container {
  width: 100%;
  padding: 0;
}
.dashboard-outer-wrapper .default-page {
  display: flex;
  flex-direction: column;
  align-items: center;
  flex: 1;
}
.dashboard-outer-wrapper .default-page .default-page-row {
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  flex: 0;
}
.dashboard-outer-wrapper .default-page .default-page-image img {
  width: 300px;
  height: auto;
}
.dashboard-outer-wrapper .default-page .default-page-subtitle {
  margin-bottom: 20px;
}
.dashboard-outer-wrapper .default-page .default-page-starting-points {
  flex-direction: row;
  flex: 0;
  margin-top: 20px;
}
.dashboard-outer-wrapper .default-page .default-page-starting-points .default-page-starting-point {
  padding: 0 30px;
  text-align: center;
  flex: 0 0 330px;
}
.dashboard-outer-wrapper .default-page .default-page-starting-points .default-page-starting-point:not(:last-child) {
  border-right: var(--grid-border-style);
}
.dashboard-outer-wrapper .default-page .default-page-starting-points .default-page-starting-point .default-page-starting-point-title i {
  margin-right: 10px;
}
.dashboard-outer-wrapper .default-page .default-page-starting-points .default-page-starting-point p {
  margin: 10px 0 20px;
}
.dashboard-outer-wrapper .default-page .default-page-starting-points .default-page-starting-point .btn-wrapper {
  display: inline-block;
}

.dashboard-inner-wrapper {
  padding: 0 var(--side-padding);
  display: flex;
  flex-direction: column;
}
.route-facer-editor-insights .dashboard-inner-wrapper {
  padding-right: 0;
}
.route-facer-editor-creatorPro .dashboard-inner-wrapper {
  padding: 0;
}

.dashboard-page-header {
  display: flex;
  justify-content: space-between;
  align-items: center;
  margin-bottom: 20px;
  padding-bottom: 20px;
  border-bottom: var(--grid-border-style);
}
.dashboard-body {
  padding-top: 20px;
}
.route-facer-editor-creatorPro .dashboard-body {
  padding-top: 0;
}

.dashboard-body,
.dashboard-page {
  display: flex;
  flex-direction: column;
  flex: 1;
}

.dashboard-page-body {
  padding-bottom: 100px;
  display: flex;
  flex-direction: column;
  flex: 1;
}

.dashboard-watchface-list {
  display: grid;
  grid-template-columns: repeat(auto-fill, 260px);
  justify-content: space-between;
  row-gap: 10px;
  column-gap: 10px;
}
@media screen and (min-width: 1130px) {
  .dashboard-watchface-list {
    column-gap: 20px;
  }
}
.dashboard-watchface-list .dashboard-watchface-item {
  position: relative;
  padding: 20px 20px 17px;
  border-radius: 12px;
  width: 260px;
}
.dashboard-watchface-list .dashboard-watchface-item:hover {
  box-shadow: 0 4px 10px 0 rgba(0, 0, 0, 0.1);
}
.dashboard-watchface-list .dashboard-watchface-item:hover .dashboard-watchface-item-actions {
  opacity: 1;
  pointer-events: all;
}
.dashboard-watchface-list .dashboard-watchface-item__imported-tag {
  padding: 0 5px;
  background-color: var(--facer-dark-1);
  color: var(--facer-dark-5);
  border-radius: 4px;
  font-size: 9px;
  font-weight: 500;
  text-transform: uppercase;
  max-height: 13px;
}
.dashboard-watchface-list .dashboard-watchface-item .dashboard-watchface-item-draft-badge {
  position: absolute;
  top: -6px;
  right: -6px;
  width: 26px;
  height: 26px;
  border-radius: 50%;
  background: #9d9d9d;
  color: white;
  padding-top: 3px;
  z-index: 10;
  text-align: center;
  border: 2px solid #f9f9f9;
}
.dashboard-watchface-list .dashboard-watchface-item .dashboard-watchface-item-draft-badge.circular-image {
  top: 11px;
  right: 11px;
}
.dashboard-watchface-list .dashboard-watchface-item .dashboard-watchface-item-image {
  text-align: center;
}
.dashboard-watchface-list .dashboard-watchface-item .dashboard-watchface-item-image a {
  position: relative;
  display: inline-block;
}
.dashboard-watchface-list .dashboard-watchface-item .dashboard-watchface-item-image img {
  height: var(--watchface-item-preview-height);
  width: auto;
  margin: 0 0 20px;
  border: solid 3px #d0d0d0;
  border-radius: 20px;
}
.dashboard-watchface-list .dashboard-watchface-item .dashboard-watchface-item-image img.circular-image {
  border-radius: calc(var(--watchface-item-preview-height) / 2);
}
.dashboard-watchface-list .dashboard-watchface-item .watch-container {
  width: 170px;
  height: 170px;
  margin: 70px auto 100px;
}
.dashboard-watchface-list .dashboard-watchface-item .dashboard-watchface-item-title-outer-wrapper {
  display: flex;
}
.dashboard-watchface-list .dashboard-watchface-item .dashboard-watchface-item-title-outer-wrapper .dashboard-watchface-item-title-inner-wrapper {
  flex: 1 1;
  min-width: 1px;
}
.dashboard-watchface-list .dashboard-watchface-item .dashboard-watchface-item-title-outer-wrapper .dashboard-watchface-item-title {
  margin-bottom: 3px;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}
.dashboard-watchface-list .dashboard-watchface-item .dashboard-watchface-item-title-outer-wrapper .dashboard-watchface-item-title .badge-string {
  align-items: center;
}
.dashboard-watchface-list .dashboard-watchface-item .dashboard-watchface-item-title-outer-wrapper .dashboard-watchface-item-title,
.dashboard-watchface-list .dashboard-watchface-item .dashboard-watchface-item-title-outer-wrapper .dashboard-watchface-item-title a {
  text-decoration: none;
}
.dashboard-watchface-list .dashboard-watchface-item .dashboard-watchface-item-title-outer-wrapper .dashboard-watchface-item-author-avatar a {
  display: block;
  width: 50px;
  height: 50px;
  border-radius: 50%;
  margin-right: 5px;
  background-position: center;
  background-size: cover;
}
.dashboard-watchface-list .dashboard-watchface-item .dashboard-watchface-item-title-outer-wrapper .dashboard-watchface-item-author-avatar {
  margin-bottom: 5px;
}
.dashboard-watchface-list .dashboard-watchface-item .dashboard-watchface-item-details {
  display: flex;
  vertical-align: middle;
  padding: 3px 0;
}
.dashboard-watchface-list .dashboard-watchface-item .dashboard-watchface-item-details .premium-flag {
  color: var(--facer-gold);
  font-size: 16px;
}
.dashboard-watchface-list .dashboard-watchface-item .dashboard-watchface-item-details .edit-date {
  text-overflow: ellipsis;
  overflow: hidden;
}
.dashboard-watchface-list .dashboard-watchface-item .dashboard-watchface-item-details span {
  margin-right: 5px;
  white-space: nowrap;
}
.dashboard-watchface-list .dashboard-watchface-item .dashboard-watchface-item-extra-details {
  display: flex;
  padding: 6px 0 12px;
}
.dashboard-watchface-list .dashboard-watchface-item .dashboard-watchface-item-extra-details .dashboard-watchface-item-stats {
  flex: 1;
  border-right: var(--grid-border-style);
}
.dashboard-watchface-list .dashboard-watchface-item .dashboard-watchface-item-extra-details .dashboard-watchface-item-stats .dashboard-watchface-item-stat {
  margin-right: 8px;
  font-weight: 600;
}
.dashboard-watchface-list .dashboard-watchface-item .dashboard-watchface-item-extra-details .dashboard-watchface-item-stats .dashboard-watchface-item-stat i {
  font-size: var(--icon-size);
  vertical-align: middle;
}
.dashboard-watchface-list .dashboard-watchface-item .dashboard-watchface-item-extra-details .dashboard-watchface-item-platforms {
  flex: 1;
  display: flex;
  justify-content: flex-end;
}
.dashboard-watchface-list .dashboard-watchface-item .dashboard-watchface-item-extra-details .dashboard-watchface-item-platforms i {
  font-size: var(--icon-size);
  margin-left: 8px;
}
.dashboard-watchface-list .dashboard-watchface-item .dashboard-watchface-item-actions {
  display: flex;
  align-items: center;
  opacity: 0;
  pointer-events: none;
  border-top: var(--grid-border-style);
  padding: 12px 0 0;
}
.dashboard-watchface-list .dashboard-watchface-item .dashboard-watchface-item-actions .more-actions-button {
  margin-left: auto;
}
.dashboard-watchface-list .dashboard-watchface-item .dashboard-watchface-item-actions sync-button {
  margin-left: 10px;
}
.dashboard-watchface-list .dashboard-watchface-item .dashboard-watchface-item-actions sync-button .sync-button {
  height: 34px;
  width: auto;
  border-radius: 17px;
  padding: 0 10px;
  font-size: 14px;
  box-shadow: none;
}

#dashboard-new-design watchface.wearos-tizen-watchface .no-skin-watch-preview-wrapper {
  border-radius: 100% !important;
  border: #777 4px solid;
}
#dashboard-new-design .no-skin-watchface {
  align-items: center;
  margin-bottom: 0;
}
#dashboard-new-design .no-skin-watchface .no-skin-watch-preview-wrapper.ios-no-skin-watch-preview {
  width: 121px;
  height: 147px;
  padding: 5px;
  margin-bottom: 20px;
}
#dashboard-new-design .no-skin-watch-container.galaxywatch4black {
  max-width: 147px;
}
#dashboard-new-design .dashboard-watchface-list-filters {
  gap: 10px;
}

.dashboard-watchface-item:hover .watchface-teaser-title {
  color: var(--facer-blue);
}

.watchface-teaser-header {
  display: flex;
  flex-direction: row;
  align-items: center;
  justify-content: space-between;
  margin-bottom: 8px;
}

.watchface-teaser-title {
  font-size: 20px;
  line-height: 1.175;
  font-weight: 500;
  color: var(--facer-black);
  transition: all 300ms ease;
}

.watchface-teaser-description {
  font-size: 12px;
  line-height: 1.175;
  font-weight: 500;
  color: var(--facer-dark-5);
}

.watchface-teaser-platforms {
  display: flex;
  flex-direction: row;
  align-items: center;
}

.dashboard-sidepanel {
  width: 100%;
  position: relative;
}
.dashboard-sidepanel__inner .f-btn-icon {
  display: flex;
}
.dashboard-sidepanel__wrapper {
  position: sticky;
  top: 16px;
  height: calc(100vh - 110px);
  display: flex;
  justify-content: space-between;
  flex-direction: column;
  overflow: auto;
  overflow-x: hidden;
  padding: 16px 20px;
}
.dashboard-sidepanel__wrapper:after {
  content: "";
  position: absolute;
  top: 0;
  right: 0;
  width: 1px;
  height: 100%;
  background-color: var(--facer-dark-2);
}
.dashboard-sidepanel__footer {
  font-size: 12px;
  color: var(--facer-dark-5);
}
.dashboard-sidepanel__menu {
  padding-top: 20px;
}
.dashboard-sidepanel__menu-group {
  margin-bottom: 10px;
}
.dashboard-sidepanel__menu-group ul {
  list-style: none;
  padding: 0;
  margin: 0;
}

.dashboard-menu-group__header {
  color: var(--facer-dark-5);
  font-size: 12px;
  font-weight: 400;
  line-height: 1.16;
  margin-bottom: 10px;
}

.dashboard-menu-item {
  position: relative;
}
.dashboard-menu-item__link {
  display: flex;
  flex-direction: row;
  align-items: center;
  font-size: 14px;
  font-weight: 500;
  width: 100%;
  line-height: 44px;
  color: var(--facer-dark-9);
  cursor: pointer;
  text-decoration: none;
}
.dashboard-menu-item__link:focus, .dashboard-menu-item__link:active, .dashboard-menu-item__link:hover {
  outline: none;
  text-decoration: none;
  color: var(--facer-dark-9);
}
.dashboard-menu-item.is-new-tab {
  justify-content: space-between;
}
.dashboard-menu-item__label {
  width: 100%;
}
.dashboard-menu-item__label,
.dashboard-menu-item facer-icon {
  position: relative;
  z-index: 1;
}
.dashboard-menu-item__link-content {
  display: flex;
  flex-direction: row;
  align-items: center;
  flex: 1;
}
.dashboard-menu-item facer-icon {
  margin-right: 5px;
}
.dashboard-menu-item:after {
  position: absolute;
  content: "";
  left: -10px;
  top: 0;
  bottom: 0;
  width: calc(100% + 10px);
  height: 100%;
  transition: var(--default-transition);
  border-radius: 8px;
  opacity: 0;
  z-index: 0;
}
.dashboard-menu-item.active:after {
  opacity: 1;
  background-color: var(--facer-blue-2);
}
.dashboard-menu-item:hover:after {
  opacity: 1;
  background-color: var(--facer-dark-1);
}

.dashboard-create-button {
  justify-content: space-between;
  width: 100%;
  height: auto;
  border: 0;
  padding: 0;
  overflow: hidden;
}
.dashboard-create-button__wrapper {
  width: 100%;
  position: relative;
}
.dashboard-create-button__dropdown {
  position: absolute;
  top: 100%;
  right: 0;
  width: 135px;
  display: none;
  background-color: var(--dropdown-background);
  box-shadow: var(--dropdown-box-shadow);
  border-radius: var(--dropdown-border-radius);
  pointer-events: none;
  padding: 5px;
  font-size: 14px;
  font-weight: 500;
}
.dashboard-create-button__dropdown.is-open {
  display: block;
  pointer-events: auto;
}
.dashboard-create-button__dropdown-item span {
  position: relative;
  z-index: 2;
}
.dashboard-create-button__dropdown-item a {
  position: relative;
  display: block;
  padding: 5px;
}
.dashboard-create-button__dropdown-item a:hover {
  background-color: var(--facer-dark-1);
}
.dashboard-create-button a, .dashboard-create-button span {
  padding: 7px 0;
}
.dashboard-create-button a {
  display: flex;
  gap: 5px;
  align-items: center;
  justify-content: center;
  flex: 1;
  line-height: 25px;
  font-size: 14px;
  font-weight: bold;
  color: var(--white);
}
.dashboard-create-button span {
  border-left: 1px solid var(--white);
  flex: 0 0 37px;
  display: flex;
  justify-content: center;
  padding-right: 5px;
}
.dashboard-create-button span.is-active {
  background-color: var(--facer-blue-9);
}
.dashboard-create-button svg path {
  fill: var(--white);
}

.partner-program {
  font-family: inherit;
  padding-bottom: 80px;
  padding-top: 70px;
}
.partner-program__wrapper {
  max-width: 1200px;
  margin: 0 auto;
}
.partner-program__referral-code {
  font-size: 14px;
  color: var(--facer-dark-5);
}
.partner-program .partner-program__title {
  font-size: 30px;
  font-family: inherit;
  line-height: 45px;
  font-weight: 400;
  color: var(--facer-dark);
}
.partner-program h3 {
  font-size: 22px;
  font-weight: bold;
  font-family: inherit;
  margin-bottom: 10px;
}

.partner-program-header {
  display: flex;
  flex-direction: row;
  gap: 50px;
  margin-bottom: 50px;
}
.partner-program-header button {
  min-width: 230px;
}
.partner-program-header__button {
  display: flex;
  flex-direction: row;
  gap: 16px;
  align-items: center;
}
.partner-program-header__content {
  max-width: 630px;
}
.partner-program-header__content > img {
  max-height: 55px;
  margin-bottom: 38px;
}
.partner-program-header__content > p {
  font-weight: 400;
  line-height: 45px;
  font-size: 18px;
  margin-bottom: 25px;
}
.partner-program-header__visual {
  position: relative;
  top: -30px;
  max-width: 470px;
}

.partner-program-benefits,
.partner-program-faq {
  background-color: #f4f4f4;
  padding: 50px 35px 35px;
  margin-bottom: 60px;
  border-radius: 40px;
  text-align: center;
}
.partner-program-benefits a,
.partner-program-faq a {
  text-decoration: underline;
}
.partner-program-benefits .partner-program__title,
.partner-program-faq .partner-program__title {
  font-weight: bold;
}
.partner-program-benefits .partner-program-benefits__list,
.partner-program-benefits .partner-program-faq__list,
.partner-program-faq .partner-program-benefits__list,
.partner-program-faq .partner-program-faq__list {
  padding: 20px 30px 0;
  text-align: left;
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 30px;
  font-size: 16px;
  line-height: 26px;
}
.partner-program-benefits .partner-program-benefits__list ul,
.partner-program-benefits .partner-program-faq__list ul,
.partner-program-faq .partner-program-benefits__list ul,
.partner-program-faq .partner-program-faq__list ul {
  padding-left: 25px;
}

.partner-program-faq {
  margin-bottom: 70px;
}
.partner-program-faq h3 {
  margin-bottom: 15px;
}
.partner-program-faq__list-item li {
  max-width: 440px;
}

.partner-program-steps {
  text-align: center;
  margin-bottom: 150px;
}
.partner-program-steps .partner-program__title {
  font-weight: bold;
  margin-bottom: 50px;
}
.partner-program-steps ul {
  display: flex;
  flex-direction: row;
  gap: 30px;
  padding: 0;
}
.partner-program-steps li {
  list-style: none;
}
.partner-program-steps p {
  color: var(--facer-dark-7);
  font-size: 16px;
}
.partner-program-steps__arrow {
  flex: 1;
  margin-top: 40px;
}
.partner-program-steps__item {
  max-width: 290px;
  flex: 0 0 290px;
}
.partner-program-steps__item img {
  margin-bottom: 40px;
}

.partner-program-apply {
  text-align: center;
  margin-bottom: 80px;
}
.partner-program-apply .partner-program__title {
  margin-bottom: 20px;
}
.partner-program-apply button {
  min-width: 230px;
  margin-bottom: 15px;
}

:root {
  --facer-default-font: "Roboto", Helvetica, Arial, sans-serif;
  --facer-text-size-small: 12px;
  --facer-text-size-normal: 14px;
}

.normal-text, .muted-text, .bold-text, .light-text, .dark-text, .page-title, .auth-modal h1, .auth-page h1, .top-charts .top-charts-header .top-charts-header-title h1, .page-title-medium, .page-subtitle, .top-charts .top-charts-header .top-charts-header-title .top-charts-header-subtitle, .button-text, .caption-text, .notification-feed a .notification-feed-item-content .notification-feed-item-title + .notification-feed-item-message, .text-button, .small-text-button, .notification-feed a .notification-feed-item-content .notification-feed-item-comment-reply-wrapper, .large-button-text, .facer-share-modal .facer-modal-content .facer-modal-inspect-cta, .facer-share-modal .facer-modal-content .facer-modal-share-cta, .xlarge-button-text, .card-text-title,
.modal-text-title,
.facer-share-modal .facer-modal-content .facer-modal-title, .card-text-title-hovered, .stat-text-value, .detail-text, .small-detail-text, .jumbo-text, .publish-form h1, .publish-form__header, .jumbo-text-detail, .facer-button, .top-charts .btn, .facer-button i:not(.glyphicon), .top-charts .btn i:not(.glyphicon), .facer-button.btn-xl i, .top-charts .btn-xl.btn i, .facer-button.btn-lg i, .top-charts .btn-lg.btn i, .facer-button.btn-sm,
.facer-button.btn-sm i,
.top-charts .btn-sm.btn i, print-button[type=text] .sync-button .icon-pushtowatch:before,
sync-button[type=text] .sync-button .icon-pushtowatch:before, .follow-button .btn, .follow-button .btn i, .follow-button.follow-button-compact .btn,
.follow-button.follow-button-compact .btn i, .dashboard-outer-wrapper .btn, .dashboard-outer-wrapper .btn i:not(.glyphicon), .dashboard-outer-wrapper .btn-xl.btn i, .dashboard-outer-wrapper .btn-lg.btn i,
.dashboard-outer-wrapper .btn-sm.btn i, .dashboard-outer-wrapper .dashboard-watchface-stats .dashboard-watchface-stat .dashboard-watchface-stat-value, .dashboard-outer-wrapper .default-page .default-page-title, .dashboard-outer-wrapper .default-page .default-page-subtitle, .dashboard-outer-wrapper .default-page .default-page-starting-points .default-page-starting-point .default-page-starting-point-title, .dashboard-outer-wrapper .default-page .default-page-starting-points .default-page-starting-point p, .dashboard-page-header .dashboard-page-header-title, .dashboard-page-header .dashboard-page-header-detail, .dashboard-watchface-list .dashboard-watchface-item:hover .dashboard-watchface-item-title,
.dashboard-watchface-list .dashboard-watchface-item:hover .dashboard-watchface-item-title a, .dashboard-watchface-list .dashboard-watchface-item .dashboard-watchface-item-title-outer-wrapper .dashboard-watchface-item-title,
.dashboard-watchface-list .dashboard-watchface-item .dashboard-watchface-item-title-outer-wrapper .dashboard-watchface-item-title a, .dashboard-watchface-list .dashboard-watchface-item .dashboard-watchface-item-details, .dashboard-watchface-list .dashboard-watchface-item .dashboard-watchface-item-details .edit-date, .dashboard-watchface-list .dashboard-watchface-item .dashboard-watchface-item-extra-details .dashboard-watchface-item-stats, .dashboard-watchface-list .dashboard-watchface-item .dashboard-watchface-item-extra-details .dashboard-watchface-item-stats .dashboard-watchface-item-stat i, .dashboard-watchface-list .dashboard-watchface-item .dashboard-watchface-item-extra-details .dashboard-watchface-item-platforms i {
  font-family: var(--facer-default-font);
  color: var(--facer-dark);
}

.muted-text, .dashboard-watchface-list .dashboard-watchface-item .dashboard-watchface-item-details .edit-date, .dashboard-watchface-list .dashboard-watchface-item .dashboard-watchface-item-extra-details .dashboard-watchface-item-platforms i {
  color: var(--facer-muted);
}

.bold-text {
  font-weight: 500;
}

.light-text, .dashboard-outer-wrapper .default-page .default-page-starting-points .default-page-starting-point p {
  color: var(--facer-light);
}

.dark-text {
  color: var(--facer-dark);
}

.page-title, .auth-modal h1, .auth-page h1, .top-charts .top-charts-header .top-charts-header-title h1 {
  font-weight: 500;
  font-size: 26px;
}

.page-title-medium, .dashboard-outer-wrapper .default-page .default-page-starting-points .default-page-starting-point .default-page-starting-point-title, .dashboard-page-header .dashboard-page-header-title {
  font-weight: 500;
  font-size: 22px;
}

.page-subtitle, .top-charts .top-charts-header .top-charts-header-title .top-charts-header-subtitle, .jumbo-text-detail, .dashboard-outer-wrapper .default-page .default-page-subtitle, .dashboard-page-header .dashboard-page-header-detail {
  font-weight: 400;
  font-size: 14px;
  color: var(--facer-light);
}

.button-text, .large-button-text, .facer-share-modal .facer-modal-content .facer-modal-inspect-cta, .facer-share-modal .facer-modal-content .facer-modal-share-cta, .xlarge-button-text, .facer-button, .top-charts .btn, .facer-button i:not(.glyphicon), .top-charts .btn i:not(.glyphicon), .facer-button.btn-xl i, .top-charts .btn-xl.btn i, .facer-button.btn-lg i, .top-charts .btn-lg.btn i, print-button[type=text] .sync-button .icon-pushtowatch:before,
sync-button[type=text] .sync-button .icon-pushtowatch:before, .follow-button .btn, .follow-button .btn i, .follow-button.follow-button-compact .btn, .follow-button.follow-button-compact .btn i, .dashboard-outer-wrapper .btn, .dashboard-outer-wrapper .btn i:not(.glyphicon), .dashboard-outer-wrapper .btn-xl.btn i, .dashboard-outer-wrapper .btn-lg.btn i {
  font-weight: 500;
  font-size: 14px;
}

.caption-text, .notification-feed a .notification-feed-item-content .notification-feed-item-title + .notification-feed-item-message {
  font-weight: 400;
  font-size: 14px;
  font-style: italic;
}

.text-button, .small-text-button, .notification-feed a .notification-feed-item-content .notification-feed-item-comment-reply-wrapper, .facer-button.btn-sm, .top-charts .btn-sm.btn,
.facer-button.btn-sm i,
.top-charts .btn-sm.btn i, .follow-button .btn-sm.btn,
.follow-button .btn-sm.btn i, .follow-button.follow-button-compact .btn,
.follow-button.follow-button-compact .btn i, .dashboard-outer-wrapper .btn-sm.btn,
.dashboard-outer-wrapper .btn-sm.btn i {
  font-weight: 500;
  font-size: 14px;
  color: var(--facer-blue);
}
.text-button:hover, .small-text-button:hover, .notification-feed a .notification-feed-item-content .notification-feed-item-comment-reply-wrapper:hover, .facer-button.btn-sm:hover, .top-charts .btn-sm.btn:hover,
.facer-button.btn-sm i:hover,
.top-charts .btn-sm.btn i:hover, .follow-button .btn-sm.btn:hover,
.follow-button .btn-sm.btn i:hover, .follow-button.follow-button-compact .btn:hover,
.follow-button.follow-button-compact .btn i:hover, .dashboard-outer-wrapper .btn-sm.btn:hover,
.dashboard-outer-wrapper .btn-sm.btn i:hover {
  color: var(--facer-blue-highlight);
}

.small-text-button, .notification-feed a .notification-feed-item-content .notification-feed-item-comment-reply-wrapper, .facer-button.btn-sm, .top-charts .btn-sm.btn,
.facer-button.btn-sm i,
.top-charts .btn-sm.btn i, .follow-button .btn-sm.btn,
.follow-button .btn-sm.btn i, .follow-button.follow-button-compact .btn,
.follow-button.follow-button-compact .btn i, .dashboard-outer-wrapper .btn-sm.btn,
.dashboard-outer-wrapper .btn-sm.btn i {
  font-weight: 500;
  font-size: 11px;
}

.text-button-completed, .notification-feed a .notification-feed-item-content .notification-feed-item-comment-reply-wrapper .notification-feed-item-comment-replied {
  font-weight: 400;
  font-style: italic;
  color: var(--facer-light);
}

.large-button-text, .facer-share-modal .facer-modal-content .facer-modal-inspect-cta, .facer-share-modal .facer-modal-content .facer-modal-share-cta, .facer-button.btn-lg i, .top-charts .btn-lg.btn i, .follow-button .btn i, .follow-button.follow-button-compact .btn i, .dashboard-outer-wrapper .btn-lg.btn i {
  font-weight: 500;
  font-size: 18px;
}

.xlarge-button-text, .facer-button.btn-xl i, .top-charts .btn-xl.btn i, .follow-button .btn-xl.btn i, .dashboard-outer-wrapper .btn-xl.btn i {
  font-weight: 500;
  font-size: 26px;
}

.card-text-title, .card-text-title-hovered, .stat-text-value, .dashboard-outer-wrapper .dashboard-watchface-stats .dashboard-watchface-stat .dashboard-watchface-stat-value, .dashboard-watchface-list .dashboard-watchface-item:hover .dashboard-watchface-item-title,
.dashboard-watchface-list .dashboard-watchface-item:hover .dashboard-watchface-item-title a, .dashboard-watchface-list .dashboard-watchface-item .dashboard-watchface-item-title-outer-wrapper .dashboard-watchface-item-title,
.dashboard-watchface-list .dashboard-watchface-item .dashboard-watchface-item-title-outer-wrapper .dashboard-watchface-item-title a,
.modal-text-title,
.facer-share-modal .facer-modal-content .facer-modal-title {
  font-weight: 500;
  font-size: 20px;
}

.card-text-title-hovered, .dashboard-watchface-list .dashboard-watchface-item:hover .dashboard-watchface-item-title,
.dashboard-watchface-list .dashboard-watchface-item:hover .dashboard-watchface-item-title a {
  color: var(--facer-blue);
}

.stat-text-value, .dashboard-outer-wrapper .dashboard-watchface-stats .dashboard-watchface-stat .dashboard-watchface-stat-value {
  font-weight: bold;
  color: var(--facer-blue);
}

.detail-text, .dashboard-watchface-list .dashboard-watchface-item .dashboard-watchface-item-details {
  font-size: 12px;
}

.small-detail-text, .dashboard-watchface-list .dashboard-watchface-item .dashboard-watchface-item-extra-details .dashboard-watchface-item-stats {
  font-size: 11px;
}

.jumbo-text, .publish-form h1, .publish-form__header, .dashboard-outer-wrapper .default-page .default-page-title {
  font-weight: 500;
  font-size: 30px;
}

.text-link, .premium-page .premium-page-footer ul li a {
  font-weight: bold;
  color: var(--facer-blue) !important;
}
.text-link:hover, .premium-page .premium-page-footer ul li a:hover {
  color: var(--facer-blue-highlight) !important;
}
.text-link.disabled, .premium-page .premium-page-footer ul li a.disabled {
  color: #999 !important;
  cursor: not-allowed;
}
.text-link i, .premium-page .premium-page-footer ul li a i {
  vertical-align: middle;
  font-size: 130%;
}
.text-link.text-link-orange, .premium-page .premium-page-footer ul li a.text-link-orange {
  color: orange !important;
}
.text-link.text-link-orange:hover, .premium-page .premium-page-footer ul li a.text-link-orange:hover {
  color: #ffaf1d !important;
}

.publish-view {
  display: flex;
  justify-content: center;
  align-items: center;
  overflow: hidden;
  height: 100%;
  background-color: var(--facer-light-grey);
  max-width: 1300px;
  margin: 0 auto;
}
.publish-view__wrapper {
  background-color: var(--facer-light-grey);
  border-bottom: var(--grid-border-style);
  overflow: hidden;
  height: 100%;
}
.publish-view .watch-preview-wrapper {
  position: sticky;
  top: 20px;
  z-index: 1000;
  flex: 1 1 50%;
  display: flex;
  justify-content: center;
  flex-direction: column;
  align-items: center;
}
.publish-view .watch-preview-wrapper__inner {
  display: flex;
  justify-content: center;
}
.publish-view.is-success {
  flex-direction: column;
  justify-content: center;
  background-image: url(/img/submitted-bg.png);
  background-position: center center;
  background-size: cover;
  max-width: 100%;
}
.publish-view.is-success .watch-preview-wrapper {
  border-right: none;
  margin-top: 30px;
  gap: 40px;
  flex: 0;
}
@media screen and (max-height: 1000px) {
  .publish-view.is-success .watch-preview-wrapper .watch-preview {
    flex: 0 0 250px;
    width: 250px;
  }
  .publish-view.is-success .watch-preview-wrapper .watch-preview .watch-container {
    width: 175px;
    height: 175px;
    min-height: 175px;
    margin: 86px auto 82px;
  }
}

:root {
  --facer-default-font: "Roboto", Helvetica, Arial, sans-serif;
  --facer-text-size-small: 12px;
  --facer-text-size-normal: 14px;
}

.normal-text, .muted-text, .bold-text, .light-text, .dark-text, .page-title, .auth-modal h1, .auth-page h1, .top-charts .top-charts-header .top-charts-header-title h1, .page-title-medium, .page-subtitle, .top-charts .top-charts-header .top-charts-header-title .top-charts-header-subtitle, .button-text, .caption-text, .notification-feed a .notification-feed-item-content .notification-feed-item-title + .notification-feed-item-message, .text-button, .small-text-button, .notification-feed a .notification-feed-item-content .notification-feed-item-comment-reply-wrapper, .large-button-text, .facer-share-modal .facer-modal-content .facer-modal-inspect-cta, .facer-share-modal .facer-modal-content .facer-modal-share-cta, .xlarge-button-text, .card-text-title,
.modal-text-title,
.facer-share-modal .facer-modal-content .facer-modal-title, .card-text-title-hovered, .stat-text-value, .detail-text, .small-detail-text, .jumbo-text, .publish-form h1, .publish-form__header, .jumbo-text-detail, .facer-button, .top-charts .btn, .facer-button i:not(.glyphicon), .top-charts .btn i:not(.glyphicon), .facer-button.btn-xl i, .top-charts .btn-xl.btn i, .facer-button.btn-lg i, .top-charts .btn-lg.btn i, .facer-button.btn-sm,
.facer-button.btn-sm i,
.top-charts .btn-sm.btn i, print-button[type=text] .sync-button .icon-pushtowatch:before,
sync-button[type=text] .sync-button .icon-pushtowatch:before, .follow-button .btn, .follow-button .btn i, .follow-button.follow-button-compact .btn,
.follow-button.follow-button-compact .btn i, .dashboard-outer-wrapper .btn, .dashboard-outer-wrapper .btn i:not(.glyphicon), .dashboard-outer-wrapper .btn-xl.btn i, .dashboard-outer-wrapper .btn-lg.btn i,
.dashboard-outer-wrapper .btn-sm.btn i, .dashboard-outer-wrapper .dashboard-watchface-stats .dashboard-watchface-stat .dashboard-watchface-stat-value, .dashboard-outer-wrapper .default-page .default-page-title, .dashboard-outer-wrapper .default-page .default-page-subtitle, .dashboard-outer-wrapper .default-page .default-page-starting-points .default-page-starting-point .default-page-starting-point-title, .dashboard-outer-wrapper .default-page .default-page-starting-points .default-page-starting-point p, .dashboard-page-header .dashboard-page-header-title, .dashboard-page-header .dashboard-page-header-detail, .dashboard-watchface-list .dashboard-watchface-item:hover .dashboard-watchface-item-title,
.dashboard-watchface-list .dashboard-watchface-item:hover .dashboard-watchface-item-title a, .dashboard-watchface-list .dashboard-watchface-item .dashboard-watchface-item-title-outer-wrapper .dashboard-watchface-item-title,
.dashboard-watchface-list .dashboard-watchface-item .dashboard-watchface-item-title-outer-wrapper .dashboard-watchface-item-title a, .dashboard-watchface-list .dashboard-watchface-item .dashboard-watchface-item-details, .dashboard-watchface-list .dashboard-watchface-item .dashboard-watchface-item-details .edit-date, .dashboard-watchface-list .dashboard-watchface-item .dashboard-watchface-item-extra-details .dashboard-watchface-item-stats, .dashboard-watchface-list .dashboard-watchface-item .dashboard-watchface-item-extra-details .dashboard-watchface-item-stats .dashboard-watchface-item-stat i, .dashboard-watchface-list .dashboard-watchface-item .dashboard-watchface-item-extra-details .dashboard-watchface-item-platforms i {
  font-family: var(--facer-default-font);
  color: var(--facer-dark);
}

.muted-text, .dashboard-watchface-list .dashboard-watchface-item .dashboard-watchface-item-details .edit-date, .dashboard-watchface-list .dashboard-watchface-item .dashboard-watchface-item-extra-details .dashboard-watchface-item-platforms i {
  color: var(--facer-muted);
}

.bold-text {
  font-weight: 500;
}

.light-text, .dashboard-outer-wrapper .default-page .default-page-starting-points .default-page-starting-point p {
  color: var(--facer-light);
}

.dark-text {
  color: var(--facer-dark);
}

.page-title, .auth-modal h1, .auth-page h1, .top-charts .top-charts-header .top-charts-header-title h1 {
  font-weight: 500;
  font-size: 26px;
}

.page-title-medium, .dashboard-outer-wrapper .default-page .default-page-starting-points .default-page-starting-point .default-page-starting-point-title, .dashboard-page-header .dashboard-page-header-title {
  font-weight: 500;
  font-size: 22px;
}

.page-subtitle, .top-charts .top-charts-header .top-charts-header-title .top-charts-header-subtitle, .jumbo-text-detail, .dashboard-outer-wrapper .default-page .default-page-subtitle, .dashboard-page-header .dashboard-page-header-detail {
  font-weight: 400;
  font-size: 14px;
  color: var(--facer-light);
}

.button-text, .large-button-text, .facer-share-modal .facer-modal-content .facer-modal-inspect-cta, .facer-share-modal .facer-modal-content .facer-modal-share-cta, .xlarge-button-text, .facer-button, .top-charts .btn, .facer-button i:not(.glyphicon), .top-charts .btn i:not(.glyphicon), .facer-button.btn-xl i, .top-charts .btn-xl.btn i, .facer-button.btn-lg i, .top-charts .btn-lg.btn i, print-button[type=text] .sync-button .icon-pushtowatch:before,
sync-button[type=text] .sync-button .icon-pushtowatch:before, .follow-button .btn, .follow-button .btn i, .follow-button.follow-button-compact .btn, .follow-button.follow-button-compact .btn i, .dashboard-outer-wrapper .btn, .dashboard-outer-wrapper .btn i:not(.glyphicon), .dashboard-outer-wrapper .btn-xl.btn i, .dashboard-outer-wrapper .btn-lg.btn i {
  font-weight: 500;
  font-size: 14px;
}

.caption-text, .notification-feed a .notification-feed-item-content .notification-feed-item-title + .notification-feed-item-message {
  font-weight: 400;
  font-size: 14px;
  font-style: italic;
}

.text-button, .small-text-button, .notification-feed a .notification-feed-item-content .notification-feed-item-comment-reply-wrapper, .facer-button.btn-sm, .top-charts .btn-sm.btn,
.facer-button.btn-sm i,
.top-charts .btn-sm.btn i, .follow-button .btn-sm.btn,
.follow-button .btn-sm.btn i, .follow-button.follow-button-compact .btn,
.follow-button.follow-button-compact .btn i, .dashboard-outer-wrapper .btn-sm.btn,
.dashboard-outer-wrapper .btn-sm.btn i {
  font-weight: 500;
  font-size: 14px;
  color: var(--facer-blue);
}
.text-button:hover, .small-text-button:hover, .notification-feed a .notification-feed-item-content .notification-feed-item-comment-reply-wrapper:hover, .facer-button.btn-sm:hover, .top-charts .btn-sm.btn:hover,
.facer-button.btn-sm i:hover,
.top-charts .btn-sm.btn i:hover, .follow-button .btn-sm.btn:hover,
.follow-button .btn-sm.btn i:hover, .follow-button.follow-button-compact .btn:hover,
.follow-button.follow-button-compact .btn i:hover, .dashboard-outer-wrapper .btn-sm.btn:hover,
.dashboard-outer-wrapper .btn-sm.btn i:hover {
  color: var(--facer-blue-highlight);
}

.small-text-button, .notification-feed a .notification-feed-item-content .notification-feed-item-comment-reply-wrapper, .facer-button.btn-sm, .top-charts .btn-sm.btn,
.facer-button.btn-sm i,
.top-charts .btn-sm.btn i, .follow-button .btn-sm.btn,
.follow-button .btn-sm.btn i, .follow-button.follow-button-compact .btn,
.follow-button.follow-button-compact .btn i, .dashboard-outer-wrapper .btn-sm.btn,
.dashboard-outer-wrapper .btn-sm.btn i {
  font-weight: 500;
  font-size: 11px;
}

.text-button-completed, .notification-feed a .notification-feed-item-content .notification-feed-item-comment-reply-wrapper .notification-feed-item-comment-replied {
  font-weight: 400;
  font-style: italic;
  color: var(--facer-light);
}

.large-button-text, .facer-share-modal .facer-modal-content .facer-modal-inspect-cta, .facer-share-modal .facer-modal-content .facer-modal-share-cta, .facer-button.btn-lg i, .top-charts .btn-lg.btn i, .follow-button .btn i, .follow-button.follow-button-compact .btn i, .dashboard-outer-wrapper .btn-lg.btn i {
  font-weight: 500;
  font-size: 18px;
}

.xlarge-button-text, .facer-button.btn-xl i, .top-charts .btn-xl.btn i, .follow-button .btn-xl.btn i, .dashboard-outer-wrapper .btn-xl.btn i {
  font-weight: 500;
  font-size: 26px;
}

.card-text-title, .card-text-title-hovered, .stat-text-value, .dashboard-outer-wrapper .dashboard-watchface-stats .dashboard-watchface-stat .dashboard-watchface-stat-value, .dashboard-watchface-list .dashboard-watchface-item:hover .dashboard-watchface-item-title,
.dashboard-watchface-list .dashboard-watchface-item:hover .dashboard-watchface-item-title a, .dashboard-watchface-list .dashboard-watchface-item .dashboard-watchface-item-title-outer-wrapper .dashboard-watchface-item-title,
.dashboard-watchface-list .dashboard-watchface-item .dashboard-watchface-item-title-outer-wrapper .dashboard-watchface-item-title a,
.modal-text-title,
.facer-share-modal .facer-modal-content .facer-modal-title {
  font-weight: 500;
  font-size: 20px;
}

.card-text-title-hovered, .dashboard-watchface-list .dashboard-watchface-item:hover .dashboard-watchface-item-title,
.dashboard-watchface-list .dashboard-watchface-item:hover .dashboard-watchface-item-title a {
  color: var(--facer-blue);
}

.stat-text-value, .dashboard-outer-wrapper .dashboard-watchface-stats .dashboard-watchface-stat .dashboard-watchface-stat-value {
  font-weight: bold;
  color: var(--facer-blue);
}

.detail-text, .dashboard-watchface-list .dashboard-watchface-item .dashboard-watchface-item-details {
  font-size: 12px;
}

.small-detail-text, .dashboard-watchface-list .dashboard-watchface-item .dashboard-watchface-item-extra-details .dashboard-watchface-item-stats {
  font-size: 11px;
}

.jumbo-text, .publish-form h1, .publish-form__header, .dashboard-outer-wrapper .default-page .default-page-title {
  font-weight: 500;
  font-size: 30px;
}

.text-link, .premium-page .premium-page-footer ul li a {
  font-weight: bold;
  color: var(--facer-blue) !important;
}
.text-link:hover, .premium-page .premium-page-footer ul li a:hover {
  color: var(--facer-blue-highlight) !important;
}
.text-link.disabled, .premium-page .premium-page-footer ul li a.disabled {
  color: #999 !important;
  cursor: not-allowed;
}
.text-link i, .premium-page .premium-page-footer ul li a i {
  vertical-align: middle;
  font-size: 130%;
}
.text-link.text-link-orange, .premium-page .premium-page-footer ul li a.text-link-orange {
  color: orange !important;
}
.text-link.text-link-orange:hover, .premium-page .premium-page-footer ul li a.text-link-orange:hover {
  color: #ffaf1d !important;
}

.publish-form {
  display: flex;
  flex: 1 1 50%;
  flex-direction: column;
  text-align: left;
  padding: 30px;
  overflow: auto;
  max-height: 100%;
  max-width: 552px;
}
.publish-form.is-import-variant {
  height: 100%;
  justify-content: center;
}
.publish-form.messages {
  flex: unset;
}
.publish-form__inner {
  max-width: 400px;
  display: flex;
  flex-direction: column;
  justify-content: center;
  position: relative;
}
.is-import-variant .publish-form__inner {
  height: 100%;
}
.is-import-variant.messages .publish-form__inner {
  height: auto;
}
.publish-form__inner:after {
  content: "";
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  left: -30px;
  width: 1px;
  height: calc(100% - 180px);
  background-color: var(--grid-border-color);
}
.is-success .publish-form {
  text-align: center;
  flex: 0;
  padding: 30px 20px;
  overflow: initial;
  max-width: 100%;
}
.publish-form__form {
  position: relative;
}
.publish-form__checkbox {
  margin-bottom: 10px;
  margin-top: 0;
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 5px;
}
.publish-form__checkbox label {
  font-family: var(--facer-default-font);
  font-size: var(--facer-text-size-normal);
  font-weight: 400;
  color: var(--facer-dark-9);
  display: flex;
  align-items: center;
  gap: 5px;
}
.publish-form__checkbox label facer-icon svg path {
  fill: var(--facer-dark-9);
}
.publish-form__checkbox.is-disabled label {
  opacity: 0.3;
}
.publish-form__checkbox--terms {
  margin-bottom: 0;
  margin: 20px 0;
}
.publish-form__message {
  text-align: center;
}
.publish-form__message-content {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  gap: 12px;
}
.publish-form__message-content .publish-form__message-content h3,
.publish-form__message-content .publish-form__message-content h4 {
  line-height: 1;
  margin: 0;
}
.publish-form__message-content p,
.publish-form__message-content h3 {
  color: var(--facer-dark-5);
}
.publish-form__message-content p {
  font-size: 16px;
  line-height: 1.4375;
  margin: 0;
}
.publish-form__message-content h4 {
  color: var(--facer-dark-9);
  font-weight: 700;
  font-size: 30px;
}
.publish-form__message-content h3 {
  font-weight: 600;
  font-size: 20px;
}
.publish-form__image {
  margin-bottom: 20px;
}
.publish-form__preview-label {
  position: relative;
  top: -35px;
  font-size: var(--facer-text-size-normal);
  color: var(--facer-dark-5);
  font-weight: 500;
}
.publish-form__preview-label.is-ios {
  top: 0;
}
.publish-form__header {
  margin-bottom: 20px;
}
.publish-form__form-label {
  font-size: var(--facer-text-size-small);
  font-weight: 500 !important;
  color: var(--facer-dark-5);
  display: flex;
  align-items: center;
  gap: 5px;
  margin-bottom: 10px;
}
.publish-form__label {
  font-size: var(--facer-text-size-normal);
  font-weight: 500;
  color: var(--facer-dark-5);
  margin-bottom: 5px;
}
.publish-form__category-select button {
  text-align: left;
}
.publish-form__category-select .caret {
  position: absolute;
  right: 14px;
  top: 15px;
}
.publish-form .input-lg {
  border-radius: 4px;
  font-weight: bold;
}
.publish-form textarea {
  height: 75px;
}
.publish-form .watchface-options .form-group {
  margin-bottom: 0;
}

.watch-preview {
  width: 400px;
  flex: 0 0 400px;
}
.watch-preview .watch-container:not(.watch-skin-preview) {
  min-height: 250px;
}
@media screen and (max-width: 1200px) {
  .watch-preview {
    flex: 0 0 300px;
    width: 300px;
  }
}
.watch-preview .watchface-model {
  height: 400px;
}
.watch-preview .watchface-model .watchface-display-options {
  position: absolute;
  right: 0;
  bottom: 25px;
  left: 0;
  line-height: 0;
}

.is-ios-client .watch-preview .watch-container:not(.watch-skin-preview) {
  min-height: unset;
}

.publish-success__title {
  margin-bottom: 10px;
  color: var(--facer-dark-9);
  font-weight: 700;
}
.publish-success__description {
  font-size: var(--facer-text-size-normal);
  font-weight: 500;
  line-height: 1.64;
  color: var(--facer-dark-5);
}
.publish-success__conversions {
  display: flex;
  align-items: center;
  gap: 5px;
  background-color: var(--f-alert-error);
  padding: 10px;
  color: var(--facer-dark-6);
  border-radius: 10px;
  font-weight: 500;
  margin-top: 20px;
}
.publish-success__conversions a {
  color: var(--facer-blue);
}
.publish-success__conversions ul facer-icon path {
  fill: var(--facer-dark-6);
}
.publish-success__conversions li:last-child::after {
  content: ".";
}
.publish-success__description-content {
  display: flex;
  align-items: center;
  justify-content: center;
  margin-bottom: 10px;
}
.publish-success__actions {
  padding-top: 25px;
}
.publish-success__action {
  margin-bottom: 10px;
}
.publish-success__btn {
  margin: 0 auto;
}
.publish-success__platforms {
  display: inline-flex;
  gap: 5px;
  list-style: none;
  padding: 0;
  margin: 0 0 0 5px;
}
.publish-success__platforms li {
  display: inline-flex;
  align-items: center;
}

.watchface-model {
  height: 412px;
  position: sticky;
  top: 30px;
}
.watchface-model.is-inspectable {
  height: 520px;
  padding-bottom: 80px;
}
@media screen and (min-width: 768px) {
  .watchface-model {
    height: 750px;
  }
  .watchface-model.is-inspectable {
    height: 750px;
  }
}

.watchface-inspect {
  position: relative;
  z-index: 10;
  bottom: 30px;
  text-align: center;
}
.watchface-inspect .f-btn-xl {
  font-size: 14px;
}
.is-inspectable .watchface-inspect {
  bottom: 0;
}
@media screen and (min-width: 768px) {
  .watchface-inspect {
    bottom: 0;
  }
}

.watchface-licensing-model {
  margin-top: 16px;
  background-color: var(--facer-dark-1);
  padding: 16px;
  border-radius: 8px;
}
.watchface-licensing-model ul {
  margin-top: 16px;
}
.watchface-licensing-model__rev {
  margin-top: 8px;
}

.watchface-licensing-list {
  padding-left: 15px;
}
.watchface-licensing-list > li {
  padding-left: 15px;
}

.ad {
  position: relative;
  overflow: hidden;
}
.ad .content,
.ad .btn {
  color: #000;
  font-size: 15px;
}
.ad .content {
  margin: 0 auto;
  height: 70px;
  padding: 15px;
  position: relative;
  z-index: 1;
  text-align: center;
}
.ad .content .btn-container {
  margin-left: 10px;
}
.ad .content .btn-container .btn {
  color: #fff;
  font-size: 16px;
  border-radius: 25px;
  height: 32px;
  line-height: 32px;
  padding: 0 25px;
  box-shadow: 0 17px 85px 10px rgba(0, 0, 0, 0.44);
}
.ad .content .btn-container .btn .ad-caret {
  display: none;
}
.ad .content .btn-container .btn-subtitle {
  display: none;
  font-weight: bold;
  color: black;
  font-size: 14px;
  text-align: center;
  font-size: 11px;
  margin-top: 4px;
}
.ad .content .btn-container .simple-ad-shade {
  display: none;
}
.ad .content .icon {
  margin-right: 5px;
}
.ad .content .icon img {
  height: 40px;
}
.ad .content .icon,
.ad .content .btn-container {
  display: inline-block;
  vertical-align: baseline;
}
.ad .bg {
  background-size: cover;
  position: absolute;
  top: 0;
  right: 0;
  left: 0;
  bottom: 0;
}
.ad.simple-ad .icon,
.ad.simple-ad .btn-subtitle,
.ad.simple-ad .bg {
  display: none;
}
.ad.simple-ad .content {
  padding: 0;
  height: auto;
}
.ad.simple-ad .content .btn-container {
  display: block;
  margin: 0;
}
.ad.simple-ad .content .btn-container .btn {
  position: relative;
  z-index: 1;
  max-width: 900px;
  margin: auto;
  text-align: left;
  display: block;
  box-shadow: none;
  border-radius: 0;
  height: auto;
  line-height: 15px;
  padding: 10px 11px 12px 13px;
}
.ad.simple-ad .content .btn-container .btn .ad-caret {
  display: inline-block;
  float: right;
}
.ad.simple-ad .content .btn-container .simple-ad-shade {
  display: block;
  z-index: 0;
  height: 100%;
  position: absolute;
  background-color: #000;
  opacity: 0.5;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
}

.no-skin-watch-container.android_draft {
  border-radius: 18%;
}
.no-skin-watch-container.android_draft img {
  border-radius: 18%;
}

.watch-container {
  display: block;
  margin: 100px auto 120px;
  width: 250px;
  height: 250px;
}
.watch-container.android_draft {
  position: relative;
  overflow: visible;
}
.watch-container.android_draft .watch-shadow {
  position: absolute;
  position: absolute;
  bottom: -50%;
  right: -30%;
  left: -30%;
  height: 16%;
  background: radial-gradient(ellipse at center, #969696 10%, rgba(0, 0, 0, 0) 50%);
  z-index: 0;
}
@media (max-width: 767px) {
  .watch-container.android_draft .watch-shadow {
    right: 5%;
    left: 0%;
    opacity: 50%;
  }
}
.watch-container.android_draft .watch-background {
  position: absolute;
  top: -50%;
  left: -50%;
  width: 200% !important;
  height: 200% !important;
  background-size: 100%;
  background-position: center;
  background-image: url("../img/watches/centered/android_draft-realistic.png");
  background-repeat: no-repeat;
  z-index: 1;
  pointer-events: none;
}
.watch-container.android_draft .watch-background img {
  width: 100%;
  height: 100%;
}
.watch-container.android_draft .watch-inner-container {
  position: absolute !important;
  width: 88% !important;
  height: 88% !important;
  top: 6% !important;
  left: 6% !important;
  border-radius: 50% !important;
  overflow: hidden;
  z-index: 1;
}
.watch-container.android_draft .watch-inner-container .canvas-container,
.watch-container.android_draft .watch-inner-container canvas,
.watch-container.android_draft .watch-inner-container .watchface-image {
  position: absolute !important;
  width: 100% !important;
  height: 100% !important;
  top: 0 !important;
  left: 0 !important;
  border-radius: 50% !important;
}
.watch-container.android_draft .watch-inner-container .watchface-image {
  background-size: 100%;
  background-repeat: no-repeat;
}
.watch-container.android_draft.watch-skin-preview {
  background-size: 100%;
  background-position: center;
  background-image: url("../img/watches/centered/android_draft-realistic.png");
  background-repeat: no-repeat;
}

.no-skin-watch-container.ios_draft {
  border-radius: 18%;
}
.no-skin-watch-container.ios_draft img {
  border-radius: 18%;
}

.watch-container {
  display: block;
  margin: 100px auto 120px;
  width: 250px;
  height: 250px;
}
.watch-container.ios_draft {
  position: relative;
  overflow: visible;
}
.watch-container.ios_draft .watch-shadow {
  position: absolute;
  position: absolute;
  bottom: -50%;
  right: -30%;
  left: -30%;
  height: 16%;
  background: radial-gradient(ellipse at center, #969696 10%, rgba(0, 0, 0, 0) 50%);
  z-index: 0;
}
@media (max-width: 767px) {
  .watch-container.ios_draft .watch-shadow {
    right: 5%;
    left: 0%;
    opacity: 50%;
  }
}
.watch-container.ios_draft .watch-background {
  position: absolute;
  top: -50%;
  left: -50%;
  width: 200% !important;
  height: 200% !important;
  background-size: 100%;
  background-position: center;
  background-image: url("../img/watches/centered/ios_draft-realistic.png");
  background-repeat: no-repeat;
  z-index: 1;
  pointer-events: none;
}
.watch-container.ios_draft .watch-background img {
  width: 100%;
  height: 100%;
}
.watch-container.ios_draft .watch-inner-container {
  position: absolute !important;
  width: 65% !important;
  height: 81% !important;
  top: 9% !important;
  left: 15% !important;
  border-radius: 3% !important;
  overflow: hidden;
  z-index: 1;
}
.watch-container.ios_draft .watch-inner-container .canvas-container,
.watch-container.ios_draft .watch-inner-container canvas,
.watch-container.ios_draft .watch-inner-container .watchface-image {
  position: absolute !important;
  width: 100% !important;
  height: 100% !important;
  top: 0 !important;
  left: 0 !important;
  border-radius: 3% !important;
}
.watch-container.ios_draft .watch-inner-container .watchface-image {
  background-size: 100%;
  background-repeat: no-repeat;
}
.watch-container.ios_draft.watch-skin-preview {
  background-size: 100%;
  background-position: center;
  background-image: url("../img/watches/centered/ios_draft-realistic.png");
  background-repeat: no-repeat;
}

.no-skin-watch-container.moto360 {
  border-radius: 18%;
}
.no-skin-watch-container.moto360 img {
  border-radius: 18%;
}

.watch-container {
  display: block;
  margin: 100px auto 120px;
  width: 250px;
  height: 250px;
}
.watch-container.moto360 {
  position: relative;
  overflow: visible;
}
.watch-container.moto360 .watch-shadow {
  position: absolute;
  position: absolute;
  bottom: -50%;
  right: -30%;
  left: -30%;
  height: 16%;
  background: radial-gradient(ellipse at center, #969696 10%, rgba(0, 0, 0, 0) 50%);
  z-index: 0;
}
@media (max-width: 767px) {
  .watch-container.moto360 .watch-shadow {
    right: 5%;
    left: 0%;
    opacity: 50%;
  }
}
.watch-container.moto360 .watch-background {
  position: absolute;
  top: -50%;
  left: -50%;
  width: 200% !important;
  height: 200% !important;
  background-size: 100%;
  background-position: center;
  background-image: url("../img/watches/centered/moto360-realistic.png");
  background-repeat: no-repeat;
  z-index: 1;
  pointer-events: none;
}
.watch-container.moto360 .watch-background img {
  width: 100%;
  height: 100%;
}
.watch-container.moto360 .watch-inner-container {
  position: absolute !important;
  width: 101% !important;
  height: 101% !important;
  top: -6% !important;
  left: -2% !important;
  border-radius: 50% !important;
  overflow: hidden;
  z-index: 1;
}
.watch-container.moto360 .watch-inner-container .canvas-container,
.watch-container.moto360 .watch-inner-container canvas,
.watch-container.moto360 .watch-inner-container .watchface-image {
  position: absolute !important;
  width: 100% !important;
  height: 100% !important;
  top: 0 !important;
  left: 0 !important;
  border-radius: 50% !important;
}
.watch-container.moto360 .watch-inner-container .watchface-image {
  background-size: 100%;
  background-repeat: no-repeat;
}
.watch-container.moto360.watch-skin-preview {
  background-size: 100%;
  background-position: center;
  background-image: url("../img/watches/centered/moto360-realistic.png");
  background-repeat: no-repeat;
}

.no-skin-watch-container.zenwatch {
  border-radius: 18%;
}
.no-skin-watch-container.zenwatch img {
  border-radius: 18%;
}

.watch-container {
  display: block;
  margin: 100px auto 120px;
  width: 250px;
  height: 250px;
}
.watch-container.zenwatch {
  position: relative;
  overflow: visible;
}
.watch-container.zenwatch .watch-shadow {
  position: absolute;
  position: absolute;
  bottom: -50%;
  right: -30%;
  left: -30%;
  height: 16%;
  background: radial-gradient(ellipse at center, #969696 10%, rgba(0, 0, 0, 0) 50%);
  z-index: 0;
}
@media (max-width: 767px) {
  .watch-container.zenwatch .watch-shadow {
    right: 5%;
    left: 0%;
    opacity: 50%;
  }
}
.watch-container.zenwatch .watch-background {
  position: absolute;
  top: -50%;
  left: -50%;
  width: 200% !important;
  height: 200% !important;
  background-size: 100%;
  background-position: center;
  background-image: url("../img/watches/centered/zenwatch-realistic.png");
  background-repeat: no-repeat;
  z-index: 1;
  pointer-events: none;
}
.watch-container.zenwatch .watch-background img {
  width: 100%;
  height: 100%;
}
.watch-container.zenwatch .watch-inner-container {
  position: absolute !important;
  width: 79% !important;
  height: 79% !important;
  top: 4% !important;
  left: 11% !important;
  border-radius: 3% !important;
  overflow: hidden;
  z-index: 1;
}
.watch-container.zenwatch .watch-inner-container .canvas-container,
.watch-container.zenwatch .watch-inner-container canvas,
.watch-container.zenwatch .watch-inner-container .watchface-image {
  position: absolute !important;
  width: 100% !important;
  height: 100% !important;
  top: 0 !important;
  left: 0 !important;
  border-radius: 3% !important;
}
.watch-container.zenwatch .watch-inner-container .watchface-image {
  background-size: 100%;
  background-repeat: no-repeat;
}
.watch-container.zenwatch.watch-skin-preview {
  background-size: 100%;
  background-position: center;
  background-image: url("../img/watches/centered/zenwatch-realistic.png");
  background-repeat: no-repeat;
}

.no-skin-watch-container.gearlive {
  border-radius: 18%;
}
.no-skin-watch-container.gearlive img {
  border-radius: 18%;
}

.watch-container {
  display: block;
  margin: 100px auto 120px;
  width: 250px;
  height: 250px;
}
.watch-container.gearlive {
  position: relative;
  overflow: visible;
}
.watch-container.gearlive .watch-shadow {
  position: absolute;
  position: absolute;
  bottom: -50%;
  right: -30%;
  left: -30%;
  height: 16%;
  background: radial-gradient(ellipse at center, #969696 10%, rgba(0, 0, 0, 0) 50%);
  z-index: 0;
}
@media (max-width: 767px) {
  .watch-container.gearlive .watch-shadow {
    right: 5%;
    left: 0%;
    opacity: 50%;
  }
}
.watch-container.gearlive .watch-background {
  position: absolute;
  top: -50%;
  left: -50%;
  width: 200% !important;
  height: 200% !important;
  background-size: 100%;
  background-position: center;
  background-image: url("../img/watches/centered/gearlive-realistic.png");
  background-repeat: no-repeat;
  z-index: 1;
  pointer-events: none;
}
.watch-container.gearlive .watch-background img {
  width: 100%;
  height: 100%;
}
.watch-container.gearlive .watch-inner-container {
  position: absolute !important;
  width: 69.5% !important;
  height: 69.5% !important;
  top: 12% !important;
  left: 15% !important;
  border-radius: 1% !important;
  overflow: hidden;
  z-index: 1;
}
.watch-container.gearlive .watch-inner-container .canvas-container,
.watch-container.gearlive .watch-inner-container canvas,
.watch-container.gearlive .watch-inner-container .watchface-image {
  position: absolute !important;
  width: 100% !important;
  height: 100% !important;
  top: 0 !important;
  left: 0 !important;
  border-radius: 1% !important;
}
.watch-container.gearlive .watch-inner-container .watchface-image {
  background-size: 100%;
  background-repeat: no-repeat;
}
.watch-container.gearlive.watch-skin-preview {
  background-size: 100%;
  background-position: center;
  background-image: url("../img/watches/centered/gearlive-realistic.png");
  background-repeat: no-repeat;
}

.no-skin-watch-container.lggwatch {
  border-radius: 18%;
}
.no-skin-watch-container.lggwatch img {
  border-radius: 18%;
}

.watch-container {
  display: block;
  margin: 100px auto 120px;
  width: 250px;
  height: 250px;
}
.watch-container.lggwatch {
  position: relative;
  overflow: visible;
}
.watch-container.lggwatch .watch-shadow {
  position: absolute;
  position: absolute;
  bottom: -50%;
  right: -30%;
  left: -30%;
  height: 16%;
  background: radial-gradient(ellipse at center, #969696 10%, rgba(0, 0, 0, 0) 50%);
  z-index: 0;
}
@media (max-width: 767px) {
  .watch-container.lggwatch .watch-shadow {
    right: 5%;
    left: 0%;
    opacity: 50%;
  }
}
.watch-container.lggwatch .watch-background {
  position: absolute;
  top: -50%;
  left: -50%;
  width: 200% !important;
  height: 200% !important;
  background-size: 100%;
  background-position: center;
  background-image: url("../img/watches/centered/lggwatch-realistic.png");
  background-repeat: no-repeat;
  z-index: 1;
  pointer-events: none;
}
.watch-container.lggwatch .watch-background img {
  width: 100%;
  height: 100%;
}
.watch-container.lggwatch .watch-inner-container {
  position: absolute !important;
  width: 75% !important;
  height: 75% !important;
  top: 9.75% !important;
  left: 12.25% !important;
  border-radius: 1% !important;
  overflow: hidden;
  z-index: 1;
}
.watch-container.lggwatch .watch-inner-container .canvas-container,
.watch-container.lggwatch .watch-inner-container canvas,
.watch-container.lggwatch .watch-inner-container .watchface-image {
  position: absolute !important;
  width: 100% !important;
  height: 100% !important;
  top: 0 !important;
  left: 0 !important;
  border-radius: 1% !important;
}
.watch-container.lggwatch .watch-inner-container .watchface-image {
  background-size: 100%;
  background-repeat: no-repeat;
}
.watch-container.lggwatch.watch-skin-preview {
  background-size: 100%;
  background-position: center;
  background-image: url("../img/watches/centered/lggwatch-realistic.png");
  background-repeat: no-repeat;
}

.no-skin-watch-container.lggwatchr {
  border-radius: 18%;
}
.no-skin-watch-container.lggwatchr img {
  border-radius: 18%;
}

.watch-container {
  display: block;
  margin: 100px auto 120px;
  width: 250px;
  height: 250px;
}
.watch-container.lggwatchr {
  position: relative;
  overflow: visible;
}
.watch-container.lggwatchr .watch-shadow {
  position: absolute;
  position: absolute;
  bottom: -50%;
  right: -30%;
  left: -30%;
  height: 16%;
  background: radial-gradient(ellipse at center, #969696 10%, rgba(0, 0, 0, 0) 50%);
  z-index: 0;
}
@media (max-width: 767px) {
  .watch-container.lggwatchr .watch-shadow {
    right: 5%;
    left: 0%;
    opacity: 50%;
  }
}
.watch-container.lggwatchr .watch-background {
  position: absolute;
  top: -50%;
  left: -50%;
  width: 200% !important;
  height: 200% !important;
  background-size: 100%;
  background-position: center;
  background-image: url("../img/watches/centered/lggwatchr-realistic.png");
  background-repeat: no-repeat;
  z-index: 1;
  pointer-events: none;
}
.watch-container.lggwatchr .watch-background img {
  width: 100%;
  height: 100%;
}
.watch-container.lggwatchr .watch-inner-container {
  position: absolute !important;
  width: 84% !important;
  height: 84% !important;
  top: 6.5% !important;
  left: 5% !important;
  border-radius: 50% !important;
  overflow: hidden;
  z-index: 1;
}
.watch-container.lggwatchr .watch-inner-container .canvas-container,
.watch-container.lggwatchr .watch-inner-container canvas,
.watch-container.lggwatchr .watch-inner-container .watchface-image {
  position: absolute !important;
  width: 100% !important;
  height: 100% !important;
  top: 0 !important;
  left: 0 !important;
  border-radius: 50% !important;
}
.watch-container.lggwatchr .watch-inner-container .watchface-image {
  background-size: 100%;
  background-repeat: no-repeat;
}
.watch-container.lggwatchr.watch-skin-preview {
  background-size: 100%;
  background-position: center;
  background-image: url("../img/watches/centered/lggwatchr-realistic.png");
  background-repeat: no-repeat;
}

.no-skin-watch-container.smartwatch3 {
  border-radius: 18%;
}
.no-skin-watch-container.smartwatch3 img {
  border-radius: 18%;
}

.watch-container {
  display: block;
  margin: 100px auto 120px;
  width: 250px;
  height: 250px;
}
.watch-container.smartwatch3 {
  position: relative;
  overflow: visible;
}
.watch-container.smartwatch3 .watch-shadow {
  position: absolute;
  position: absolute;
  bottom: -50%;
  right: -30%;
  left: -30%;
  height: 16%;
  background: radial-gradient(ellipse at center, #969696 10%, rgba(0, 0, 0, 0) 50%);
  z-index: 0;
}
@media (max-width: 767px) {
  .watch-container.smartwatch3 .watch-shadow {
    right: 5%;
    left: 0%;
    opacity: 50%;
  }
}
.watch-container.smartwatch3 .watch-background {
  position: absolute;
  top: -50%;
  left: -50%;
  width: 200% !important;
  height: 200% !important;
  background-size: 100%;
  background-position: center;
  background-image: url("../img/watches/centered/smartwatch3-realistic.png");
  background-repeat: no-repeat;
  z-index: 1;
  pointer-events: none;
}
.watch-container.smartwatch3 .watch-background img {
  width: 100%;
  height: 100%;
}
.watch-container.smartwatch3 .watch-inner-container {
  position: absolute !important;
  width: 76% !important;
  height: 76% !important;
  top: 4.75% !important;
  left: 11.75% !important;
  border-radius: 1% !important;
  overflow: hidden;
  z-index: 1;
}
.watch-container.smartwatch3 .watch-inner-container .canvas-container,
.watch-container.smartwatch3 .watch-inner-container canvas,
.watch-container.smartwatch3 .watch-inner-container .watchface-image {
  position: absolute !important;
  width: 100% !important;
  height: 100% !important;
  top: 0 !important;
  left: 0 !important;
  border-radius: 1% !important;
}
.watch-container.smartwatch3 .watch-inner-container .watchface-image {
  background-size: 100%;
  background-repeat: no-repeat;
}
.watch-container.smartwatch3.watch-skin-preview {
  background-size: 100%;
  background-position: center;
  background-image: url("../img/watches/centered/smartwatch3-realistic.png");
  background-repeat: no-repeat;
}

.no-skin-watch-container.urbane {
  border-radius: 18%;
}
.no-skin-watch-container.urbane img {
  border-radius: 18%;
}

.watch-container {
  display: block;
  margin: 100px auto 120px;
  width: 250px;
  height: 250px;
}
.watch-container.urbane {
  position: relative;
  overflow: visible;
}
.watch-container.urbane .watch-shadow {
  position: absolute;
  position: absolute;
  bottom: -50%;
  right: -30%;
  left: -30%;
  height: 16%;
  background: radial-gradient(ellipse at center, #969696 10%, rgba(0, 0, 0, 0) 50%);
  z-index: 0;
}
@media (max-width: 767px) {
  .watch-container.urbane .watch-shadow {
    right: 5%;
    left: 0%;
    opacity: 50%;
  }
}
.watch-container.urbane .watch-background {
  position: absolute;
  top: -50%;
  left: -50%;
  width: 200% !important;
  height: 200% !important;
  background-size: 100%;
  background-position: center;
  background-image: url("../img/watches/centered/urbane-realistic.png");
  background-repeat: no-repeat;
  z-index: 1;
  pointer-events: none;
}
.watch-container.urbane .watch-background img {
  width: 100%;
  height: 100%;
}
.watch-container.urbane .watch-inner-container {
  position: absolute !important;
  width: 89% !important;
  height: 89% !important;
  top: -1% !important;
  left: 2.5% !important;
  border-radius: 50% !important;
  overflow: hidden;
  z-index: 1;
}
.watch-container.urbane .watch-inner-container .canvas-container,
.watch-container.urbane .watch-inner-container canvas,
.watch-container.urbane .watch-inner-container .watchface-image {
  position: absolute !important;
  width: 100% !important;
  height: 100% !important;
  top: 0 !important;
  left: 0 !important;
  border-radius: 50% !important;
}
.watch-container.urbane .watch-inner-container .watchface-image {
  background-size: 100%;
  background-repeat: no-repeat;
}
.watch-container.urbane.watch-skin-preview {
  background-size: 100%;
  background-position: center;
  background-image: url("../img/watches/centered/urbane-realistic.png");
  background-repeat: no-repeat;
}

.no-skin-watch-container.tagheuerconnectedwatch {
  border-radius: 18%;
}
.no-skin-watch-container.tagheuerconnectedwatch img {
  border-radius: 18%;
}

.watch-container {
  display: block;
  margin: 100px auto 120px;
  width: 250px;
  height: 250px;
}
.watch-container.tagheuerconnectedwatch {
  position: relative;
  overflow: visible;
}
.watch-container.tagheuerconnectedwatch .watch-shadow {
  position: absolute;
  position: absolute;
  bottom: -50%;
  right: -30%;
  left: -30%;
  height: 16%;
  background: radial-gradient(ellipse at center, #969696 10%, rgba(0, 0, 0, 0) 50%);
  z-index: 0;
}
@media (max-width: 767px) {
  .watch-container.tagheuerconnectedwatch .watch-shadow {
    right: 5%;
    left: 0%;
    opacity: 50%;
  }
}
.watch-container.tagheuerconnectedwatch .watch-background {
  position: absolute;
  top: -50%;
  left: -50%;
  width: 200% !important;
  height: 200% !important;
  background-size: 100%;
  background-position: center;
  background-image: url("../img/watches/centered/tagheuerconnectedwatch-realistic.png");
  background-repeat: no-repeat;
  z-index: 1;
  pointer-events: none;
}
.watch-container.tagheuerconnectedwatch .watch-background img {
  width: 100%;
  height: 100%;
}
.watch-container.tagheuerconnectedwatch .watch-inner-container {
  position: absolute !important;
  width: 91% !important;
  height: 91% !important;
  top: -2.5% !important;
  left: 1% !important;
  border-radius: 50% !important;
  overflow: hidden;
  z-index: 1;
}
.watch-container.tagheuerconnectedwatch .watch-inner-container .canvas-container,
.watch-container.tagheuerconnectedwatch .watch-inner-container canvas,
.watch-container.tagheuerconnectedwatch .watch-inner-container .watchface-image {
  position: absolute !important;
  width: 100% !important;
  height: 100% !important;
  top: 0 !important;
  left: 0 !important;
  border-radius: 50% !important;
}
.watch-container.tagheuerconnectedwatch .watch-inner-container .watchface-image {
  background-size: 100%;
  background-repeat: no-repeat;
}
.watch-container.tagheuerconnectedwatch.watch-skin-preview {
  background-size: 100%;
  background-position: center;
  background-image: url("../img/watches/centered/tagheuerconnectedwatch-realistic.png");
  background-repeat: no-repeat;
}

.no-skin-watch-container.zenwatch2 {
  border-radius: 18%;
}
.no-skin-watch-container.zenwatch2 img {
  border-radius: 18%;
}

.watch-container {
  display: block;
  margin: 100px auto 120px;
  width: 250px;
  height: 250px;
}
.watch-container.zenwatch2 {
  position: relative;
  overflow: visible;
}
.watch-container.zenwatch2 .watch-shadow {
  position: absolute;
  position: absolute;
  bottom: -50%;
  right: -30%;
  left: -30%;
  height: 16%;
  background: radial-gradient(ellipse at center, #969696 10%, rgba(0, 0, 0, 0) 50%);
  z-index: 0;
}
@media (max-width: 767px) {
  .watch-container.zenwatch2 .watch-shadow {
    right: 5%;
    left: 0%;
    opacity: 50%;
  }
}
.watch-container.zenwatch2 .watch-background {
  position: absolute;
  top: -50%;
  left: -50%;
  width: 200% !important;
  height: 200% !important;
  background-size: 100%;
  background-position: center;
  background-image: url("../img/watches/centered/zenwatch2-realistic.png");
  background-repeat: no-repeat;
  z-index: 1;
  pointer-events: none;
}
.watch-container.zenwatch2 .watch-background img {
  width: 100%;
  height: 100%;
}
.watch-container.zenwatch2 .watch-inner-container {
  position: absolute !important;
  width: 69% !important;
  height: 69% !important;
  top: 10.5% !important;
  left: 12.5% !important;
  border-radius: 1% !important;
  overflow: hidden;
  z-index: 1;
}
.watch-container.zenwatch2 .watch-inner-container .canvas-container,
.watch-container.zenwatch2 .watch-inner-container canvas,
.watch-container.zenwatch2 .watch-inner-container .watchface-image {
  position: absolute !important;
  width: 100% !important;
  height: 100% !important;
  top: 0 !important;
  left: 0 !important;
  border-radius: 1% !important;
}
.watch-container.zenwatch2 .watch-inner-container .watchface-image {
  background-size: 100%;
  background-repeat: no-repeat;
}
.watch-container.zenwatch2.watch-skin-preview {
  background-size: 100%;
  background-position: center;
  background-image: url("../img/watches/centered/zenwatch2-realistic.png");
  background-repeat: no-repeat;
}

.no-skin-watch-container.zenwatch3 {
  border-radius: 18%;
}
.no-skin-watch-container.zenwatch3 img {
  border-radius: 18%;
}

.watch-container {
  display: block;
  margin: 100px auto 120px;
  width: 250px;
  height: 250px;
}
.watch-container.zenwatch3 {
  position: relative;
  overflow: visible;
}
.watch-container.zenwatch3 .watch-shadow {
  position: absolute;
  position: absolute;
  bottom: -50%;
  right: -30%;
  left: -30%;
  height: 16%;
  background: radial-gradient(ellipse at center, #969696 10%, rgba(0, 0, 0, 0) 50%);
  z-index: 0;
}
@media (max-width: 767px) {
  .watch-container.zenwatch3 .watch-shadow {
    right: 5%;
    left: 0%;
    opacity: 50%;
  }
}
.watch-container.zenwatch3 .watch-background {
  position: absolute;
  top: -50%;
  left: -50%;
  width: 200% !important;
  height: 200% !important;
  background-size: 100%;
  background-position: center;
  background-image: url("../img/watches/centered/zenwatch3-realistic.png");
  background-repeat: no-repeat;
  z-index: 1;
  pointer-events: none;
}
.watch-container.zenwatch3 .watch-background img {
  width: 100%;
  height: 100%;
}
.watch-container.zenwatch3 .watch-inner-container {
  position: absolute !important;
  width: 81% !important;
  height: 81% !important;
  top: 9.7% !important;
  left: 9.7% !important;
  border-radius: 50% !important;
  overflow: hidden;
  z-index: 1;
}
.watch-container.zenwatch3 .watch-inner-container .canvas-container,
.watch-container.zenwatch3 .watch-inner-container canvas,
.watch-container.zenwatch3 .watch-inner-container .watchface-image {
  position: absolute !important;
  width: 100% !important;
  height: 100% !important;
  top: 0 !important;
  left: 0 !important;
  border-radius: 50% !important;
}
.watch-container.zenwatch3 .watch-inner-container .watchface-image {
  background-size: 100%;
  background-repeat: no-repeat;
}
.watch-container.zenwatch3.watch-skin-preview {
  background-size: 100%;
  background-position: center;
  background-image: url("../img/watches/centered/zenwatch3-realistic.png");
  background-repeat: no-repeat;
}

.no-skin-watch-container.moto3602 {
  border-radius: 18%;
}
.no-skin-watch-container.moto3602 img {
  border-radius: 18%;
}

.watch-container {
  display: block;
  margin: 100px auto 120px;
  width: 250px;
  height: 250px;
}
.watch-container.moto3602 {
  position: relative;
  overflow: visible;
}
.watch-container.moto3602 .watch-shadow {
  position: absolute;
  position: absolute;
  bottom: -50%;
  right: -30%;
  left: -30%;
  height: 16%;
  background: radial-gradient(ellipse at center, #969696 10%, rgba(0, 0, 0, 0) 50%);
  z-index: 0;
}
@media (max-width: 767px) {
  .watch-container.moto3602 .watch-shadow {
    right: 5%;
    left: 0%;
    opacity: 50%;
  }
}
.watch-container.moto3602 .watch-background {
  position: absolute;
  top: -50%;
  left: -50%;
  width: 200% !important;
  height: 200% !important;
  background-size: 100%;
  background-position: center;
  background-image: url("../img/watches/centered/moto3602-realistic.png");
  background-repeat: no-repeat;
  z-index: 1;
  pointer-events: none;
}
.watch-container.moto3602 .watch-background img {
  width: 100%;
  height: 100%;
}
.watch-container.moto3602 .watch-inner-container {
  position: absolute !important;
  width: 96% !important;
  height: 96% !important;
  top: -2.5% !important;
  left: 1% !important;
  border-radius: 50% !important;
  overflow: hidden;
  z-index: 1;
}
.watch-container.moto3602 .watch-inner-container .canvas-container,
.watch-container.moto3602 .watch-inner-container canvas,
.watch-container.moto3602 .watch-inner-container .watchface-image {
  position: absolute !important;
  width: 100% !important;
  height: 100% !important;
  top: 0 !important;
  left: 0 !important;
  border-radius: 50% !important;
}
.watch-container.moto3602 .watch-inner-container .watchface-image {
  background-size: 100%;
  background-repeat: no-repeat;
}
.watch-container.moto3602.watch-skin-preview {
  background-size: 100%;
  background-position: center;
  background-image: url("../img/watches/centered/moto3602-realistic.png");
  background-repeat: no-repeat;
}

.no-skin-watch-container.huaweismartwatch4 {
  border-radius: 18%;
}
.no-skin-watch-container.huaweismartwatch4 img {
  border-radius: 18%;
}

.watch-container {
  display: block;
  margin: 100px auto 120px;
  width: 250px;
  height: 250px;
}
.watch-container.huaweismartwatch4 {
  position: relative;
  overflow: visible;
}
.watch-container.huaweismartwatch4 .watch-shadow {
  position: absolute;
  position: absolute;
  bottom: -50%;
  right: -30%;
  left: -30%;
  height: 16%;
  background: radial-gradient(ellipse at center, #969696 10%, rgba(0, 0, 0, 0) 50%);
  z-index: 0;
}
@media (max-width: 767px) {
  .watch-container.huaweismartwatch4 .watch-shadow {
    right: 5%;
    left: 0%;
    opacity: 50%;
  }
}
.watch-container.huaweismartwatch4 .watch-background {
  position: absolute;
  top: -50%;
  left: -50%;
  width: 200% !important;
  height: 200% !important;
  background-size: 100%;
  background-position: center;
  background-image: url("../img/watches/centered/huaweismartwatch4-realistic.png");
  background-repeat: no-repeat;
  z-index: 1;
  pointer-events: none;
}
.watch-container.huaweismartwatch4 .watch-background img {
  width: 100%;
  height: 100%;
}
.watch-container.huaweismartwatch4 .watch-inner-container {
  position: absolute !important;
  width: 93% !important;
  height: 93% !important;
  top: -2% !important;
  left: 3.5% !important;
  border-radius: 50% !important;
  overflow: hidden;
  z-index: 1;
}
.watch-container.huaweismartwatch4 .watch-inner-container .canvas-container,
.watch-container.huaweismartwatch4 .watch-inner-container canvas,
.watch-container.huaweismartwatch4 .watch-inner-container .watchface-image {
  position: absolute !important;
  width: 100% !important;
  height: 100% !important;
  top: 0 !important;
  left: 0 !important;
  border-radius: 50% !important;
}
.watch-container.huaweismartwatch4 .watch-inner-container .watchface-image {
  background-size: 100%;
  background-repeat: no-repeat;
}
.watch-container.huaweismartwatch4.watch-skin-preview {
  background-size: 100%;
  background-position: center;
  background-image: url("../img/watches/centered/huaweismartwatch4-realistic.png");
  background-repeat: no-repeat;
}

.no-skin-watch-container.applewatch {
  border-radius: 17%/12.4%;
}
.no-skin-watch-container.applewatch img {
  border-radius: 18%/14.4%;
}

.watch-container {
  display: block;
  margin: 100px auto 120px;
  width: 250px;
  height: 250px;
}
.watch-container.applewatch {
  position: relative;
  overflow: visible;
}
.watch-container.applewatch .watch-shadow {
  position: absolute;
  position: absolute;
  bottom: -50%;
  right: -30%;
  left: -30%;
  height: 16%;
  background: radial-gradient(ellipse at center, #969696 10%, rgba(0, 0, 0, 0) 50%);
  z-index: 0;
}
@media (max-width: 767px) {
  .watch-container.applewatch .watch-shadow {
    right: 5%;
    left: 0%;
    opacity: 50%;
  }
}
.watch-container.applewatch .watch-background {
  position: absolute;
  top: -50%;
  left: -50%;
  width: 200% !important;
  height: 200% !important;
  background-size: 100%;
  background-position: center;
  background-image: url("../img/watches/centered/applewatch-realistic.png");
  background-repeat: no-repeat;
  z-index: 1;
  pointer-events: none;
}
.watch-container.applewatch .watch-background img {
  width: 100%;
  height: 100%;
}
.watch-container.applewatch .watch-inner-container {
  position: absolute !important;
  width: 65% !important;
  height: 81% !important;
  top: 9% !important;
  left: 15% !important;
  border-radius: 3% !important;
  overflow: hidden;
  z-index: 1;
}
.watch-container.applewatch .watch-inner-container .canvas-container,
.watch-container.applewatch .watch-inner-container canvas,
.watch-container.applewatch .watch-inner-container .watchface-image {
  position: absolute !important;
  width: 100% !important;
  height: 100% !important;
  top: 0 !important;
  left: 0 !important;
  border-radius: 3% !important;
}
.watch-container.applewatch .watch-inner-container .watchface-image {
  background-size: 100%;
  background-repeat: no-repeat;
}
.watch-container.applewatch.watch-skin-preview {
  background-size: 100%;
  background-position: center;
  background-image: url("../img/watches/centered/applewatch-realistic.png");
  background-repeat: no-repeat;
}

.no-skin-watch-container.fossilq {
  border-radius: 18%;
}
.no-skin-watch-container.fossilq img {
  border-radius: 18%;
}

.watch-container {
  display: block;
  margin: 100px auto 120px;
  width: 250px;
  height: 250px;
}
.watch-container.fossilq {
  position: relative;
  overflow: visible;
}
.watch-container.fossilq .watch-shadow {
  position: absolute;
  position: absolute;
  bottom: -50%;
  right: -30%;
  left: -30%;
  height: 16%;
  background: radial-gradient(ellipse at center, #969696 10%, rgba(0, 0, 0, 0) 50%);
  z-index: 0;
}
@media (max-width: 767px) {
  .watch-container.fossilq .watch-shadow {
    right: 5%;
    left: 0%;
    opacity: 50%;
  }
}
.watch-container.fossilq .watch-background {
  position: absolute;
  top: -50%;
  left: -50%;
  width: 200% !important;
  height: 200% !important;
  background-size: 100%;
  background-position: center;
  background-image: url("../img/watches/centered/fossilq-realistic.png");
  background-repeat: no-repeat;
  z-index: 1;
  pointer-events: none;
}
.watch-container.fossilq .watch-background img {
  width: 100%;
  height: 100%;
}
.watch-container.fossilq .watch-inner-container {
  position: absolute !important;
  width: 91.5% !important;
  height: 91.5% !important;
  top: 3% !important;
  left: 4.5% !important;
  border-radius: 50% !important;
  overflow: hidden;
  z-index: 1;
}
.watch-container.fossilq .watch-inner-container .canvas-container,
.watch-container.fossilq .watch-inner-container canvas,
.watch-container.fossilq .watch-inner-container .watchface-image {
  position: absolute !important;
  width: 100% !important;
  height: 100% !important;
  top: 0 !important;
  left: 0 !important;
  border-radius: 50% !important;
}
.watch-container.fossilq .watch-inner-container .watchface-image {
  background-size: 100%;
  background-repeat: no-repeat;
}
.watch-container.fossilq.watch-skin-preview {
  background-size: 100%;
  background-position: center;
  background-image: url("../img/watches/centered/fossilq-realistic.png");
  background-repeat: no-repeat;
}

.no-skin-watch-container.fossilqwander {
  border-radius: 18%;
}
.no-skin-watch-container.fossilqwander img {
  border-radius: 18%;
}

.watch-container {
  display: block;
  margin: 100px auto 120px;
  width: 250px;
  height: 250px;
}
.watch-container.fossilqwander {
  position: relative;
  overflow: visible;
}
.watch-container.fossilqwander .watch-shadow {
  position: absolute;
  position: absolute;
  bottom: -50%;
  right: -30%;
  left: -30%;
  height: 16%;
  background: radial-gradient(ellipse at center, #969696 10%, rgba(0, 0, 0, 0) 50%);
  z-index: 0;
}
@media (max-width: 767px) {
  .watch-container.fossilqwander .watch-shadow {
    right: 5%;
    left: 0%;
    opacity: 50%;
  }
}
.watch-container.fossilqwander .watch-background {
  position: absolute;
  top: -50%;
  left: -50%;
  width: 200% !important;
  height: 200% !important;
  background-size: 100%;
  background-position: center;
  background-image: url("../img/watches/centered/fossilqwander-realistic.png");
  background-repeat: no-repeat;
  z-index: 1;
  pointer-events: none;
}
.watch-container.fossilqwander .watch-background img {
  width: 100%;
  height: 100%;
}
.watch-container.fossilqwander .watch-inner-container {
  position: absolute !important;
  width: 89% !important;
  height: 89% !important;
  top: 5.5% !important;
  left: 5% !important;
  border-radius: 50% !important;
  overflow: hidden;
  z-index: 1;
}
.watch-container.fossilqwander .watch-inner-container .canvas-container,
.watch-container.fossilqwander .watch-inner-container canvas,
.watch-container.fossilqwander .watch-inner-container .watchface-image {
  position: absolute !important;
  width: 100% !important;
  height: 100% !important;
  top: 0 !important;
  left: 0 !important;
  border-radius: 50% !important;
}
.watch-container.fossilqwander .watch-inner-container .watchface-image {
  background-size: 100%;
  background-repeat: no-repeat;
}
.watch-container.fossilqwander.watch-skin-preview {
  background-size: 100%;
  background-position: center;
  background-image: url("../img/watches/centered/fossilqwander-realistic.png");
  background-repeat: no-repeat;
}

.no-skin-watch-container.casiowsdf10 {
  border-radius: 18%;
}
.no-skin-watch-container.casiowsdf10 img {
  border-radius: 18%;
}

.watch-container {
  display: block;
  margin: 100px auto 120px;
  width: 250px;
  height: 250px;
}
.watch-container.casiowsdf10 {
  position: relative;
  overflow: visible;
}
.watch-container.casiowsdf10 .watch-shadow {
  position: absolute;
  position: absolute;
  bottom: -50%;
  right: -30%;
  left: -30%;
  height: 16%;
  background: radial-gradient(ellipse at center, #969696 10%, rgba(0, 0, 0, 0) 50%);
  z-index: 0;
}
@media (max-width: 767px) {
  .watch-container.casiowsdf10 .watch-shadow {
    right: 5%;
    left: 0%;
    opacity: 50%;
  }
}
.watch-container.casiowsdf10 .watch-background {
  position: absolute;
  top: -50%;
  left: -50%;
  width: 200% !important;
  height: 200% !important;
  background-size: 100%;
  background-position: center;
  background-image: url("../img/watches/centered/casiowsdf10-realistic.png");
  background-repeat: no-repeat;
  z-index: 1;
  pointer-events: none;
}
.watch-container.casiowsdf10 .watch-background img {
  width: 100%;
  height: 100%;
}
.watch-container.casiowsdf10 .watch-inner-container {
  position: absolute !important;
  width: 75% !important;
  height: 75% !important;
  top: 11% !important;
  left: 11.5% !important;
  border-radius: 50% !important;
  overflow: hidden;
  z-index: 1;
}
.watch-container.casiowsdf10 .watch-inner-container .canvas-container,
.watch-container.casiowsdf10 .watch-inner-container canvas,
.watch-container.casiowsdf10 .watch-inner-container .watchface-image {
  position: absolute !important;
  width: 100% !important;
  height: 100% !important;
  top: 0 !important;
  left: 0 !important;
  border-radius: 50% !important;
}
.watch-container.casiowsdf10 .watch-inner-container .watchface-image {
  background-size: 100%;
  background-repeat: no-repeat;
}
.watch-container.casiowsdf10.watch-skin-preview {
  background-size: 100%;
  background-position: center;
  background-image: url("../img/watches/centered/casiowsdf10-realistic.png");
  background-repeat: no-repeat;
}

.no-skin-watch-container.moto3602w {
  border-radius: 18%;
}
.no-skin-watch-container.moto3602w img {
  border-radius: 18%;
}

.watch-container {
  display: block;
  margin: 100px auto 120px;
  width: 250px;
  height: 250px;
}
.watch-container.moto3602w {
  position: relative;
  overflow: visible;
}
.watch-container.moto3602w .watch-shadow {
  position: absolute;
  position: absolute;
  bottom: -50%;
  right: -30%;
  left: -30%;
  height: 16%;
  background: radial-gradient(ellipse at center, #969696 10%, rgba(0, 0, 0, 0) 50%);
  z-index: 0;
}
@media (max-width: 767px) {
  .watch-container.moto3602w .watch-shadow {
    right: 5%;
    left: 0%;
    opacity: 50%;
  }
}
.watch-container.moto3602w .watch-background {
  position: absolute;
  top: -50%;
  left: -50%;
  width: 200% !important;
  height: 200% !important;
  background-size: 100%;
  background-position: center;
  background-image: url("../img/watches/centered/moto3602w-realistic.png");
  background-repeat: no-repeat;
  z-index: 1;
  pointer-events: none;
}
.watch-container.moto3602w .watch-background img {
  width: 100%;
  height: 100%;
}
.watch-container.moto3602w .watch-inner-container {
  position: absolute !important;
  width: 79% !important;
  height: 79% !important;
  top: 10% !important;
  left: 10.75% !important;
  border-radius: 50% !important;
  overflow: hidden;
  z-index: 1;
}
.watch-container.moto3602w .watch-inner-container .canvas-container,
.watch-container.moto3602w .watch-inner-container canvas,
.watch-container.moto3602w .watch-inner-container .watchface-image {
  position: absolute !important;
  width: 100% !important;
  height: 100% !important;
  top: 0 !important;
  left: 0 !important;
  border-radius: 50% !important;
}
.watch-container.moto3602w .watch-inner-container .watchface-image {
  background-size: 100%;
  background-repeat: no-repeat;
}
.watch-container.moto3602w.watch-skin-preview {
  background-size: 100%;
  background-position: center;
  background-image: url("../img/watches/centered/moto3602w-realistic.png");
  background-repeat: no-repeat;
}

.no-skin-watch-container.huaweismartwatch4w {
  border-radius: 18%;
}
.no-skin-watch-container.huaweismartwatch4w img {
  border-radius: 18%;
}

.watch-container {
  display: block;
  margin: 100px auto 120px;
  width: 250px;
  height: 250px;
}
.watch-container.huaweismartwatch4w {
  position: relative;
  overflow: visible;
}
.watch-container.huaweismartwatch4w .watch-shadow {
  position: absolute;
  position: absolute;
  bottom: -50%;
  right: -30%;
  left: -30%;
  height: 16%;
  background: radial-gradient(ellipse at center, #969696 10%, rgba(0, 0, 0, 0) 50%);
  z-index: 0;
}
@media (max-width: 767px) {
  .watch-container.huaweismartwatch4w .watch-shadow {
    right: 5%;
    left: 0%;
    opacity: 50%;
  }
}
.watch-container.huaweismartwatch4w .watch-background {
  position: absolute;
  top: -50%;
  left: -50%;
  width: 200% !important;
  height: 200% !important;
  background-size: 100%;
  background-position: center;
  background-image: url("../img/watches/centered/huaweismartwatch4w-realistic.png");
  background-repeat: no-repeat;
  z-index: 1;
  pointer-events: none;
}
.watch-container.huaweismartwatch4w .watch-background img {
  width: 100%;
  height: 100%;
}
.watch-container.huaweismartwatch4w .watch-inner-container {
  position: absolute !important;
  width: 78% !important;
  height: 78% !important;
  top: 11% !important;
  left: 11% !important;
  border-radius: 50% !important;
  overflow: hidden;
  z-index: 1;
}
.watch-container.huaweismartwatch4w .watch-inner-container .canvas-container,
.watch-container.huaweismartwatch4w .watch-inner-container canvas,
.watch-container.huaweismartwatch4w .watch-inner-container .watchface-image {
  position: absolute !important;
  width: 100% !important;
  height: 100% !important;
  top: 0 !important;
  left: 0 !important;
  border-radius: 50% !important;
}
.watch-container.huaweismartwatch4w .watch-inner-container .watchface-image {
  background-size: 100%;
  background-repeat: no-repeat;
}
.watch-container.huaweismartwatch4w.watch-skin-preview {
  background-size: 100%;
  background-position: center;
  background-image: url("../img/watches/centered/huaweismartwatch4w-realistic.png");
  background-repeat: no-repeat;
}

.no-skin-watch-container.urbanelte {
  border-radius: 18%;
}
.no-skin-watch-container.urbanelte img {
  border-radius: 18%;
}

.watch-container {
  display: block;
  margin: 100px auto 120px;
  width: 250px;
  height: 250px;
}
.watch-container.urbanelte {
  position: relative;
  overflow: visible;
}
.watch-container.urbanelte .watch-shadow {
  position: absolute;
  position: absolute;
  bottom: -50%;
  right: -30%;
  left: -30%;
  height: 16%;
  background: radial-gradient(ellipse at center, #969696 10%, rgba(0, 0, 0, 0) 50%);
  z-index: 0;
}
@media (max-width: 767px) {
  .watch-container.urbanelte .watch-shadow {
    right: 5%;
    left: 0%;
    opacity: 50%;
  }
}
.watch-container.urbanelte .watch-background {
  position: absolute;
  top: -50%;
  left: -50%;
  width: 200% !important;
  height: 200% !important;
  background-size: 100%;
  background-position: center;
  background-image: url("../img/watches/centered/urbanelte-realistic.png");
  background-repeat: no-repeat;
  z-index: 1;
  pointer-events: none;
}
.watch-container.urbanelte .watch-background img {
  width: 100%;
  height: 100%;
}
.watch-container.urbanelte .watch-inner-container {
  position: absolute !important;
  width: 78.5% !important;
  height: 78.5% !important;
  top: 10.5% !important;
  left: 11% !important;
  border-radius: 50% !important;
  overflow: hidden;
  z-index: 1;
}
.watch-container.urbanelte .watch-inner-container .canvas-container,
.watch-container.urbanelte .watch-inner-container canvas,
.watch-container.urbanelte .watch-inner-container .watchface-image {
  position: absolute !important;
  width: 100% !important;
  height: 100% !important;
  top: 0 !important;
  left: 0 !important;
  border-radius: 50% !important;
}
.watch-container.urbanelte .watch-inner-container .watchface-image {
  background-size: 100%;
  background-repeat: no-repeat;
}
.watch-container.urbanelte.watch-skin-preview {
  background-size: 100%;
  background-position: center;
  background-image: url("../img/watches/centered/urbanelte-realistic.png");
  background-repeat: no-repeat;
}

.no-skin-watch-container.gears2 {
  border-radius: 18%;
}
.no-skin-watch-container.gears2 img {
  border-radius: 18%;
}

.watch-container {
  display: block;
  margin: 100px auto 120px;
  width: 250px;
  height: 250px;
}
.watch-container.gears2 {
  position: relative;
  overflow: visible;
}
.watch-container.gears2 .watch-shadow {
  position: absolute;
  position: absolute;
  bottom: -50%;
  right: -30%;
  left: -30%;
  height: 16%;
  background: radial-gradient(ellipse at center, #969696 10%, rgba(0, 0, 0, 0) 50%);
  z-index: 0;
}
@media (max-width: 767px) {
  .watch-container.gears2 .watch-shadow {
    right: 5%;
    left: 0%;
    opacity: 50%;
  }
}
.watch-container.gears2 .watch-background {
  position: absolute;
  top: -50%;
  left: -50%;
  width: 200% !important;
  height: 200% !important;
  background-size: 100%;
  background-position: center;
  background-image: url("../img/watches/centered/gears2-realistic.png");
  background-repeat: no-repeat;
  z-index: 1;
  pointer-events: none;
}
.watch-container.gears2 .watch-background img {
  width: 100%;
  height: 100%;
}
.watch-container.gears2 .watch-inner-container {
  position: absolute !important;
  width: 78.5% !important;
  height: 78.5% !important;
  top: 11% !important;
  left: 11% !important;
  border-radius: 50% !important;
  overflow: hidden;
  z-index: 1;
}
.watch-container.gears2 .watch-inner-container .canvas-container,
.watch-container.gears2 .watch-inner-container canvas,
.watch-container.gears2 .watch-inner-container .watchface-image {
  position: absolute !important;
  width: 100% !important;
  height: 100% !important;
  top: 0 !important;
  left: 0 !important;
  border-radius: 50% !important;
}
.watch-container.gears2 .watch-inner-container .watchface-image {
  background-size: 100%;
  background-repeat: no-repeat;
}
.watch-container.gears2.watch-skin-preview {
  background-size: 100%;
  background-position: center;
  background-image: url("../img/watches/centered/gears2-realistic.png");
  background-repeat: no-repeat;
}

.no-skin-watch-container.gears3 {
  border-radius: 18%;
}
.no-skin-watch-container.gears3 img {
  border-radius: 18%;
}

.watch-container {
  display: block;
  margin: 100px auto 120px;
  width: 250px;
  height: 250px;
}
.watch-container.gears3 {
  position: relative;
  overflow: visible;
}
.watch-container.gears3 .watch-shadow {
  position: absolute;
  position: absolute;
  bottom: -50%;
  right: -30%;
  left: -30%;
  height: 16%;
  background: radial-gradient(ellipse at center, #969696 10%, rgba(0, 0, 0, 0) 50%);
  z-index: 0;
}
@media (max-width: 767px) {
  .watch-container.gears3 .watch-shadow {
    right: 5%;
    left: 0%;
    opacity: 50%;
  }
}
.watch-container.gears3 .watch-background {
  position: absolute;
  top: -50%;
  left: -50%;
  width: 200% !important;
  height: 200% !important;
  background-size: 100%;
  background-position: center;
  background-image: url("../img/watches/centered/gears3-realistic.png");
  background-repeat: no-repeat;
  z-index: 1;
  pointer-events: none;
}
.watch-container.gears3 .watch-background img {
  width: 100%;
  height: 100%;
}
.watch-container.gears3 .watch-inner-container {
  position: absolute !important;
  width: 78.5% !important;
  height: 78.5% !important;
  top: 11% !important;
  left: 11% !important;
  border-radius: 50% !important;
  overflow: hidden;
  z-index: 1;
}
.watch-container.gears3 .watch-inner-container .canvas-container,
.watch-container.gears3 .watch-inner-container canvas,
.watch-container.gears3 .watch-inner-container .watchface-image {
  position: absolute !important;
  width: 100% !important;
  height: 100% !important;
  top: 0 !important;
  left: 0 !important;
  border-radius: 50% !important;
}
.watch-container.gears3 .watch-inner-container .watchface-image {
  background-size: 100%;
  background-repeat: no-repeat;
}
.watch-container.gears3.watch-skin-preview {
  background-size: 100%;
  background-position: center;
  background-image: url("../img/watches/centered/gears3-realistic.png");
  background-repeat: no-repeat;
}

.no-skin-watch-container.michaelkors {
  border-radius: 18%;
}
.no-skin-watch-container.michaelkors img {
  border-radius: 18%;
}

.watch-container {
  display: block;
  margin: 100px auto 120px;
  width: 250px;
  height: 250px;
}
.watch-container.michaelkors {
  position: relative;
  overflow: visible;
}
.watch-container.michaelkors .watch-shadow {
  position: absolute;
  position: absolute;
  bottom: -50%;
  right: -30%;
  left: -30%;
  height: 16%;
  background: radial-gradient(ellipse at center, #969696 10%, rgba(0, 0, 0, 0) 50%);
  z-index: 0;
}
@media (max-width: 767px) {
  .watch-container.michaelkors .watch-shadow {
    right: 5%;
    left: 0%;
    opacity: 50%;
  }
}
.watch-container.michaelkors .watch-background {
  position: absolute;
  top: -50%;
  left: -50%;
  width: 200% !important;
  height: 200% !important;
  background-size: 100%;
  background-position: center;
  background-image: url("../img/watches/centered/michaelkors-realistic.png");
  background-repeat: no-repeat;
  z-index: 1;
  pointer-events: none;
}
.watch-container.michaelkors .watch-background img {
  width: 100%;
  height: 100%;
}
.watch-container.michaelkors .watch-inner-container {
  position: absolute !important;
  width: 79% !important;
  height: 79% !important;
  top: 10.5% !important;
  left: 11% !important;
  border-radius: 50% !important;
  overflow: hidden;
  z-index: 1;
}
.watch-container.michaelkors .watch-inner-container .canvas-container,
.watch-container.michaelkors .watch-inner-container canvas,
.watch-container.michaelkors .watch-inner-container .watchface-image {
  position: absolute !important;
  width: 100% !important;
  height: 100% !important;
  top: 0 !important;
  left: 0 !important;
  border-radius: 50% !important;
}
.watch-container.michaelkors .watch-inner-container .watchface-image {
  background-size: 100%;
  background-repeat: no-repeat;
}
.watch-container.michaelkors.watch-skin-preview {
  background-size: 100%;
  background-position: center;
  background-image: url("../img/watches/centered/michaelkors-realistic.png");
  background-repeat: no-repeat;
}

.no-skin-watch-container.michaelkorsbradshaw {
  border-radius: 18%;
}
.no-skin-watch-container.michaelkorsbradshaw img {
  border-radius: 18%;
}

.watch-container {
  display: block;
  margin: 100px auto 120px;
  width: 250px;
  height: 250px;
}
.watch-container.michaelkorsbradshaw {
  position: relative;
  overflow: visible;
}
.watch-container.michaelkorsbradshaw .watch-shadow {
  position: absolute;
  position: absolute;
  bottom: -50%;
  right: -30%;
  left: -30%;
  height: 16%;
  background: radial-gradient(ellipse at center, #969696 10%, rgba(0, 0, 0, 0) 50%);
  z-index: 0;
}
@media (max-width: 767px) {
  .watch-container.michaelkorsbradshaw .watch-shadow {
    right: 5%;
    left: 0%;
    opacity: 50%;
  }
}
.watch-container.michaelkorsbradshaw .watch-background {
  position: absolute;
  top: -50%;
  left: -50%;
  width: 200% !important;
  height: 200% !important;
  background-size: 100%;
  background-position: center;
  background-image: url("../img/watches/centered/michaelkorsbradshaw-realistic.png");
  background-repeat: no-repeat;
  z-index: 1;
  pointer-events: none;
}
.watch-container.michaelkorsbradshaw .watch-background img {
  width: 100%;
  height: 100%;
}
.watch-container.michaelkorsbradshaw .watch-inner-container {
  position: absolute !important;
  width: 80% !important;
  height: 80% !important;
  top: 6% !important;
  left: 10.5% !important;
  border-radius: 50% !important;
  overflow: hidden;
  z-index: 1;
}
.watch-container.michaelkorsbradshaw .watch-inner-container .canvas-container,
.watch-container.michaelkorsbradshaw .watch-inner-container canvas,
.watch-container.michaelkorsbradshaw .watch-inner-container .watchface-image {
  position: absolute !important;
  width: 100% !important;
  height: 100% !important;
  top: 0 !important;
  left: 0 !important;
  border-radius: 50% !important;
}
.watch-container.michaelkorsbradshaw .watch-inner-container .watchface-image {
  background-size: 100%;
  background-repeat: no-repeat;
}
.watch-container.michaelkorsbradshaw.watch-skin-preview {
  background-size: 100%;
  background-position: center;
  background-image: url("../img/watches/centered/michaelkorsbradshaw-realistic.png");
  background-repeat: no-repeat;
}

.no-skin-watch-container.moto360sport {
  border-radius: 18%;
}
.no-skin-watch-container.moto360sport img {
  border-radius: 18%;
}

.watch-container {
  display: block;
  margin: 100px auto 120px;
  width: 250px;
  height: 250px;
}
.watch-container.moto360sport {
  position: relative;
  overflow: visible;
}
.watch-container.moto360sport .watch-shadow {
  position: absolute;
  position: absolute;
  bottom: -50%;
  right: -30%;
  left: -30%;
  height: 16%;
  background: radial-gradient(ellipse at center, #969696 10%, rgba(0, 0, 0, 0) 50%);
  z-index: 0;
}
@media (max-width: 767px) {
  .watch-container.moto360sport .watch-shadow {
    right: 5%;
    left: 0%;
    opacity: 50%;
  }
}
.watch-container.moto360sport .watch-background {
  position: absolute;
  top: -50%;
  left: -50%;
  width: 200% !important;
  height: 200% !important;
  background-size: 100%;
  background-position: center;
  background-image: url("../img/watches/centered/moto360sport-realistic.png");
  background-repeat: no-repeat;
  z-index: 1;
  pointer-events: none;
}
.watch-container.moto360sport .watch-background img {
  width: 100%;
  height: 100%;
}
.watch-container.moto360sport .watch-inner-container {
  position: absolute !important;
  width: 79% !important;
  height: 79% !important;
  top: 11% !important;
  left: 10% !important;
  border-radius: 50% !important;
  overflow: hidden;
  z-index: 1;
}
.watch-container.moto360sport .watch-inner-container .canvas-container,
.watch-container.moto360sport .watch-inner-container canvas,
.watch-container.moto360sport .watch-inner-container .watchface-image {
  position: absolute !important;
  width: 100% !important;
  height: 100% !important;
  top: 0 !important;
  left: 0 !important;
  border-radius: 50% !important;
}
.watch-container.moto360sport .watch-inner-container .watchface-image {
  background-size: 100%;
  background-repeat: no-repeat;
}
.watch-container.moto360sport.watch-skin-preview {
  background-size: 100%;
  background-position: center;
  background-image: url("../img/watches/centered/moto360sport-realistic.png");
  background-repeat: no-repeat;
}

.no-skin-watch-container.nixonmission {
  border-radius: 18%;
}
.no-skin-watch-container.nixonmission img {
  border-radius: 18%;
}

.watch-container {
  display: block;
  margin: 100px auto 120px;
  width: 250px;
  height: 250px;
}
.watch-container.nixonmission {
  position: relative;
  overflow: visible;
}
.watch-container.nixonmission .watch-shadow {
  position: absolute;
  position: absolute;
  bottom: -50%;
  right: -30%;
  left: -30%;
  height: 16%;
  background: radial-gradient(ellipse at center, #969696 10%, rgba(0, 0, 0, 0) 50%);
  z-index: 0;
}
@media (max-width: 767px) {
  .watch-container.nixonmission .watch-shadow {
    right: 5%;
    left: 0%;
    opacity: 50%;
  }
}
.watch-container.nixonmission .watch-background {
  position: absolute;
  top: -50%;
  left: -50%;
  width: 200% !important;
  height: 200% !important;
  background-size: 100%;
  background-position: center;
  background-image: url("../img/watches/centered/nixonmission-realistic.png");
  background-repeat: no-repeat;
  z-index: 1;
  pointer-events: none;
}
.watch-container.nixonmission .watch-background img {
  width: 100%;
  height: 100%;
}
.watch-container.nixonmission .watch-inner-container {
  position: absolute !important;
  width: 86% !important;
  height: 86% !important;
  top: 7% !important;
  left: 7% !important;
  border-radius: 50% !important;
  overflow: hidden;
  z-index: 1;
}
.watch-container.nixonmission .watch-inner-container .canvas-container,
.watch-container.nixonmission .watch-inner-container canvas,
.watch-container.nixonmission .watch-inner-container .watchface-image {
  position: absolute !important;
  width: 100% !important;
  height: 100% !important;
  top: 0 !important;
  left: 0 !important;
  border-radius: 50% !important;
}
.watch-container.nixonmission .watch-inner-container .watchface-image {
  background-size: 100%;
  background-repeat: no-repeat;
}
.watch-container.nixonmission.watch-skin-preview {
  background-size: 100%;
  background-position: center;
  background-image: url("../img/watches/centered/nixonmission-realistic.png");
  background-repeat: no-repeat;
}

.no-skin-watch-container.polarm600 {
  border-radius: 18%;
}
.no-skin-watch-container.polarm600 img {
  border-radius: 18%;
}

.watch-container {
  display: block;
  margin: 100px auto 120px;
  width: 250px;
  height: 250px;
}
.watch-container.polarm600 {
  position: relative;
  overflow: visible;
}
.watch-container.polarm600 .watch-shadow {
  position: absolute;
  position: absolute;
  bottom: -50%;
  right: -30%;
  left: -30%;
  height: 16%;
  background: radial-gradient(ellipse at center, #969696 10%, rgba(0, 0, 0, 0) 50%);
  z-index: 0;
}
@media (max-width: 767px) {
  .watch-container.polarm600 .watch-shadow {
    right: 5%;
    left: 0%;
    opacity: 50%;
  }
}
.watch-container.polarm600 .watch-background {
  position: absolute;
  top: -50%;
  left: -50%;
  width: 200% !important;
  height: 200% !important;
  background-size: 100%;
  background-position: center;
  background-image: url("../img/watches/centered/polarm600-realistic.png");
  background-repeat: no-repeat;
  z-index: 1;
  pointer-events: none;
}
.watch-container.polarm600 .watch-background img {
  width: 100%;
  height: 100%;
}
.watch-container.polarm600 .watch-inner-container {
  position: absolute !important;
  width: 78.5% !important;
  height: 78.5% !important;
  top: 10.5% !important;
  left: 11% !important;
  border-radius: 1% !important;
  overflow: hidden;
  z-index: 1;
}
.watch-container.polarm600 .watch-inner-container .canvas-container,
.watch-container.polarm600 .watch-inner-container canvas,
.watch-container.polarm600 .watch-inner-container .watchface-image {
  position: absolute !important;
  width: 100% !important;
  height: 100% !important;
  top: 0 !important;
  left: 0 !important;
  border-radius: 1% !important;
}
.watch-container.polarm600 .watch-inner-container .watchface-image {
  background-size: 100%;
  background-repeat: no-repeat;
}
.watch-container.polarm600.watch-skin-preview {
  background-size: 100%;
  background-position: center;
  background-image: url("../img/watches/centered/polarm600-realistic.png");
  background-repeat: no-repeat;
}

.no-skin-watch-container.casioprotreksmart {
  border-radius: 18%;
}
.no-skin-watch-container.casioprotreksmart img {
  border-radius: 18%;
}

.watch-container {
  display: block;
  margin: 100px auto 120px;
  width: 250px;
  height: 250px;
}
.watch-container.casioprotreksmart {
  position: relative;
  overflow: visible;
}
.watch-container.casioprotreksmart .watch-shadow {
  position: absolute;
  position: absolute;
  bottom: -50%;
  right: -30%;
  left: -30%;
  height: 16%;
  background: radial-gradient(ellipse at center, #969696 10%, rgba(0, 0, 0, 0) 50%);
  z-index: 0;
}
@media (max-width: 767px) {
  .watch-container.casioprotreksmart .watch-shadow {
    right: 5%;
    left: 0%;
    opacity: 50%;
  }
}
.watch-container.casioprotreksmart .watch-background {
  position: absolute;
  top: -50%;
  left: -50%;
  width: 200% !important;
  height: 200% !important;
  background-size: 100%;
  background-position: center;
  background-image: url("../img/watches/centered/casioprotreksmart-realistic.png");
  background-repeat: no-repeat;
  z-index: 1;
  pointer-events: none;
}
.watch-container.casioprotreksmart .watch-background img {
  width: 100%;
  height: 100%;
}
.watch-container.casioprotreksmart .watch-inner-container {
  position: absolute !important;
  width: 78.5% !important;
  height: 78.5% !important;
  top: 11% !important;
  left: 11% !important;
  border-radius: 50% !important;
  overflow: hidden;
  z-index: 1;
}
.watch-container.casioprotreksmart .watch-inner-container .canvas-container,
.watch-container.casioprotreksmart .watch-inner-container canvas,
.watch-container.casioprotreksmart .watch-inner-container .watchface-image {
  position: absolute !important;
  width: 100% !important;
  height: 100% !important;
  top: 0 !important;
  left: 0 !important;
  border-radius: 50% !important;
}
.watch-container.casioprotreksmart .watch-inner-container .watchface-image {
  background-size: 100%;
  background-repeat: no-repeat;
}
.watch-container.casioprotreksmart.watch-skin-preview {
  background-size: 100%;
  background-position: center;
  background-image: url("../img/watches/centered/casioprotreksmart-realistic.png");
  background-repeat: no-repeat;
}

.no-skin-watch-container.lgwatchsport {
  border-radius: 18%;
}
.no-skin-watch-container.lgwatchsport img {
  border-radius: 18%;
}

.watch-container {
  display: block;
  margin: 100px auto 120px;
  width: 250px;
  height: 250px;
}
.watch-container.lgwatchsport {
  position: relative;
  overflow: visible;
}
.watch-container.lgwatchsport .watch-shadow {
  position: absolute;
  position: absolute;
  bottom: -50%;
  right: -30%;
  left: -30%;
  height: 16%;
  background: radial-gradient(ellipse at center, #969696 10%, rgba(0, 0, 0, 0) 50%);
  z-index: 0;
}
@media (max-width: 767px) {
  .watch-container.lgwatchsport .watch-shadow {
    right: 5%;
    left: 0%;
    opacity: 50%;
  }
}
.watch-container.lgwatchsport .watch-background {
  position: absolute;
  top: -50%;
  left: -50%;
  width: 200% !important;
  height: 200% !important;
  background-size: 100%;
  background-position: center;
  background-image: url("../img/watches/centered/lgwatchsport-realistic.png");
  background-repeat: no-repeat;
  z-index: 1;
  pointer-events: none;
}
.watch-container.lgwatchsport .watch-background img {
  width: 100%;
  height: 100%;
}
.watch-container.lgwatchsport .watch-inner-container {
  position: absolute !important;
  width: 78% !important;
  height: 78% !important;
  top: 11% !important;
  left: 11% !important;
  border-radius: 50% !important;
  overflow: hidden;
  z-index: 1;
}
.watch-container.lgwatchsport .watch-inner-container .canvas-container,
.watch-container.lgwatchsport .watch-inner-container canvas,
.watch-container.lgwatchsport .watch-inner-container .watchface-image {
  position: absolute !important;
  width: 100% !important;
  height: 100% !important;
  top: 0 !important;
  left: 0 !important;
  border-radius: 50% !important;
}
.watch-container.lgwatchsport .watch-inner-container .watchface-image {
  background-size: 100%;
  background-repeat: no-repeat;
}
.watch-container.lgwatchsport.watch-skin-preview {
  background-size: 100%;
  background-position: center;
  background-image: url("../img/watches/centered/lgwatchsport-realistic.png");
  background-repeat: no-repeat;
}

.no-skin-watch-container.lgwatchstyle {
  border-radius: 18%;
}
.no-skin-watch-container.lgwatchstyle img {
  border-radius: 18%;
}

.watch-container {
  display: block;
  margin: 100px auto 120px;
  width: 250px;
  height: 250px;
}
.watch-container.lgwatchstyle {
  position: relative;
  overflow: visible;
}
.watch-container.lgwatchstyle .watch-shadow {
  position: absolute;
  position: absolute;
  bottom: -50%;
  right: -30%;
  left: -30%;
  height: 16%;
  background: radial-gradient(ellipse at center, #969696 10%, rgba(0, 0, 0, 0) 50%);
  z-index: 0;
}
@media (max-width: 767px) {
  .watch-container.lgwatchstyle .watch-shadow {
    right: 5%;
    left: 0%;
    opacity: 50%;
  }
}
.watch-container.lgwatchstyle .watch-background {
  position: absolute;
  top: -50%;
  left: -50%;
  width: 200% !important;
  height: 200% !important;
  background-size: 100%;
  background-position: center;
  background-image: url("../img/watches/centered/lgwatchstyle-realistic.png");
  background-repeat: no-repeat;
  z-index: 1;
  pointer-events: none;
}
.watch-container.lgwatchstyle .watch-background img {
  width: 100%;
  height: 100%;
}
.watch-container.lgwatchstyle .watch-inner-container {
  position: absolute !important;
  width: 84% !important;
  height: 84% !important;
  top: 8.5% !important;
  left: 8% !important;
  border-radius: 50% !important;
  overflow: hidden;
  z-index: 1;
}
.watch-container.lgwatchstyle .watch-inner-container .canvas-container,
.watch-container.lgwatchstyle .watch-inner-container canvas,
.watch-container.lgwatchstyle .watch-inner-container .watchface-image {
  position: absolute !important;
  width: 100% !important;
  height: 100% !important;
  top: 0 !important;
  left: 0 !important;
  border-radius: 50% !important;
}
.watch-container.lgwatchstyle .watch-inner-container .watchface-image {
  background-size: 100%;
  background-repeat: no-repeat;
}
.watch-container.lgwatchstyle.watch-skin-preview {
  background-size: 100%;
  background-position: center;
  background-image: url("../img/watches/centered/lgwatchstyle-realistic.png");
  background-repeat: no-repeat;
}

.no-skin-watch-container.newbalanceruniq {
  border-radius: 18%;
}
.no-skin-watch-container.newbalanceruniq img {
  border-radius: 18%;
}

.watch-container {
  display: block;
  margin: 100px auto 120px;
  width: 250px;
  height: 250px;
}
.watch-container.newbalanceruniq {
  position: relative;
  overflow: visible;
}
.watch-container.newbalanceruniq .watch-shadow {
  position: absolute;
  position: absolute;
  bottom: -50%;
  right: -30%;
  left: -30%;
  height: 16%;
  background: radial-gradient(ellipse at center, #969696 10%, rgba(0, 0, 0, 0) 50%);
  z-index: 0;
}
@media (max-width: 767px) {
  .watch-container.newbalanceruniq .watch-shadow {
    right: 5%;
    left: 0%;
    opacity: 50%;
  }
}
.watch-container.newbalanceruniq .watch-background {
  position: absolute;
  top: -50%;
  left: -50%;
  width: 200% !important;
  height: 200% !important;
  background-size: 100%;
  background-position: center;
  background-image: url("../img/watches/centered/newbalanceruniq-realistic.png");
  background-repeat: no-repeat;
  z-index: 1;
  pointer-events: none;
}
.watch-container.newbalanceruniq .watch-background img {
  width: 100%;
  height: 100%;
}
.watch-container.newbalanceruniq .watch-inner-container {
  position: absolute !important;
  width: 78.5% !important;
  height: 78.5% !important;
  top: 10.5% !important;
  left: 11% !important;
  border-radius: 50% !important;
  overflow: hidden;
  z-index: 1;
}
.watch-container.newbalanceruniq .watch-inner-container .canvas-container,
.watch-container.newbalanceruniq .watch-inner-container canvas,
.watch-container.newbalanceruniq .watch-inner-container .watchface-image {
  position: absolute !important;
  width: 100% !important;
  height: 100% !important;
  top: 0 !important;
  left: 0 !important;
  border-radius: 50% !important;
}
.watch-container.newbalanceruniq .watch-inner-container .watchface-image {
  background-size: 100%;
  background-repeat: no-repeat;
}
.watch-container.newbalanceruniq.watch-skin-preview {
  background-size: 100%;
  background-position: center;
  background-image: url("../img/watches/centered/newbalanceruniq-realistic.png");
  background-repeat: no-repeat;
}

.no-skin-watch-container.fossilqmarshal {
  border-radius: 18%;
}
.no-skin-watch-container.fossilqmarshal img {
  border-radius: 18%;
}

.watch-container {
  display: block;
  margin: 100px auto 120px;
  width: 250px;
  height: 250px;
}
.watch-container.fossilqmarshal {
  position: relative;
  overflow: visible;
}
.watch-container.fossilqmarshal .watch-shadow {
  position: absolute;
  position: absolute;
  bottom: -50%;
  right: -30%;
  left: -30%;
  height: 16%;
  background: radial-gradient(ellipse at center, #969696 10%, rgba(0, 0, 0, 0) 50%);
  z-index: 0;
}
@media (max-width: 767px) {
  .watch-container.fossilqmarshal .watch-shadow {
    right: 5%;
    left: 0%;
    opacity: 50%;
  }
}
.watch-container.fossilqmarshal .watch-background {
  position: absolute;
  top: -50%;
  left: -50%;
  width: 200% !important;
  height: 200% !important;
  background-size: 100%;
  background-position: center;
  background-image: url("../img/watches/centered/fossilqmarshal-realistic.png");
  background-repeat: no-repeat;
  z-index: 1;
  pointer-events: none;
}
.watch-container.fossilqmarshal .watch-background img {
  width: 100%;
  height: 100%;
}
.watch-container.fossilqmarshal .watch-inner-container {
  position: absolute !important;
  width: 88.5% !important;
  height: 88.5% !important;
  top: 5.5% !important;
  left: 6% !important;
  border-radius: 50% !important;
  overflow: hidden;
  z-index: 1;
}
.watch-container.fossilqmarshal .watch-inner-container .canvas-container,
.watch-container.fossilqmarshal .watch-inner-container canvas,
.watch-container.fossilqmarshal .watch-inner-container .watchface-image {
  position: absolute !important;
  width: 100% !important;
  height: 100% !important;
  top: 0 !important;
  left: 0 !important;
  border-radius: 50% !important;
}
.watch-container.fossilqmarshal .watch-inner-container .watchface-image {
  background-size: 100%;
  background-repeat: no-repeat;
}
.watch-container.fossilqmarshal.watch-skin-preview {
  background-size: 100%;
  background-position: center;
  background-image: url("../img/watches/centered/fossilqmarshal-realistic.png");
  background-repeat: no-repeat;
}

.no-skin-watch-container.tagheuerconnectedmodular45 {
  border-radius: 18%;
}
.no-skin-watch-container.tagheuerconnectedmodular45 img {
  border-radius: 18%;
}

.watch-container {
  display: block;
  margin: 100px auto 120px;
  width: 250px;
  height: 250px;
}
.watch-container.tagheuerconnectedmodular45 {
  position: relative;
  overflow: visible;
}
.watch-container.tagheuerconnectedmodular45 .watch-shadow {
  position: absolute;
  position: absolute;
  bottom: -50%;
  right: -30%;
  left: -30%;
  height: 16%;
  background: radial-gradient(ellipse at center, #969696 10%, rgba(0, 0, 0, 0) 50%);
  z-index: 0;
}
@media (max-width: 767px) {
  .watch-container.tagheuerconnectedmodular45 .watch-shadow {
    right: 5%;
    left: 0%;
    opacity: 50%;
  }
}
.watch-container.tagheuerconnectedmodular45 .watch-background {
  position: absolute;
  top: -50%;
  left: -50%;
  width: 200% !important;
  height: 200% !important;
  background-size: 100%;
  background-position: center;
  background-image: url("../img/watches/centered/tagheuerconnectedmodular45-realistic.png");
  background-repeat: no-repeat;
  z-index: 1;
  pointer-events: none;
}
.watch-container.tagheuerconnectedmodular45 .watch-background img {
  width: 100%;
  height: 100%;
}
.watch-container.tagheuerconnectedmodular45 .watch-inner-container {
  position: absolute !important;
  width: 80% !important;
  height: 80% !important;
  top: 10.5% !important;
  left: 10.5% !important;
  border-radius: 50% !important;
  overflow: hidden;
  z-index: 1;
}
.watch-container.tagheuerconnectedmodular45 .watch-inner-container .canvas-container,
.watch-container.tagheuerconnectedmodular45 .watch-inner-container canvas,
.watch-container.tagheuerconnectedmodular45 .watch-inner-container .watchface-image {
  position: absolute !important;
  width: 100% !important;
  height: 100% !important;
  top: 0 !important;
  left: 0 !important;
  border-radius: 50% !important;
}
.watch-container.tagheuerconnectedmodular45 .watch-inner-container .watchface-image {
  background-size: 100%;
  background-repeat: no-repeat;
}
.watch-container.tagheuerconnectedmodular45.watch-skin-preview {
  background-size: 100%;
  background-position: center;
  background-image: url("../img/watches/centered/tagheuerconnectedmodular45-realistic.png");
  background-repeat: no-repeat;
}

.no-skin-watch-container.huaweismartwatch2 {
  border-radius: 18%;
}
.no-skin-watch-container.huaweismartwatch2 img {
  border-radius: 18%;
}

.watch-container {
  display: block;
  margin: 100px auto 120px;
  width: 250px;
  height: 250px;
}
.watch-container.huaweismartwatch2 {
  position: relative;
  overflow: visible;
}
.watch-container.huaweismartwatch2 .watch-shadow {
  position: absolute;
  position: absolute;
  bottom: -50%;
  right: -30%;
  left: -30%;
  height: 16%;
  background: radial-gradient(ellipse at center, #969696 10%, rgba(0, 0, 0, 0) 50%);
  z-index: 0;
}
@media (max-width: 767px) {
  .watch-container.huaweismartwatch2 .watch-shadow {
    right: 5%;
    left: 0%;
    opacity: 50%;
  }
}
.watch-container.huaweismartwatch2 .watch-background {
  position: absolute;
  top: -50%;
  left: -50%;
  width: 200% !important;
  height: 200% !important;
  background-size: 100%;
  background-position: center;
  background-image: url("../img/watches/centered/huaweismartwatch2-realistic.png");
  background-repeat: no-repeat;
  z-index: 1;
  pointer-events: none;
}
.watch-container.huaweismartwatch2 .watch-background img {
  width: 100%;
  height: 100%;
}
.watch-container.huaweismartwatch2 .watch-inner-container {
  position: absolute !important;
  width: 79% !important;
  height: 79% !important;
  top: 10% !important;
  left: 11% !important;
  border-radius: 50% !important;
  overflow: hidden;
  z-index: 1;
}
.watch-container.huaweismartwatch2 .watch-inner-container .canvas-container,
.watch-container.huaweismartwatch2 .watch-inner-container canvas,
.watch-container.huaweismartwatch2 .watch-inner-container .watchface-image {
  position: absolute !important;
  width: 100% !important;
  height: 100% !important;
  top: 0 !important;
  left: 0 !important;
  border-radius: 50% !important;
}
.watch-container.huaweismartwatch2 .watch-inner-container .watchface-image {
  background-size: 100%;
  background-repeat: no-repeat;
}
.watch-container.huaweismartwatch2.watch-skin-preview {
  background-size: 100%;
  background-position: center;
  background-image: url("../img/watches/centered/huaweismartwatch2-realistic.png");
  background-repeat: no-repeat;
}

.no-skin-watch-container.ztequartz {
  border-radius: 18%;
}
.no-skin-watch-container.ztequartz img {
  border-radius: 18%;
}

.watch-container {
  display: block;
  margin: 100px auto 120px;
  width: 250px;
  height: 250px;
}
.watch-container.ztequartz {
  position: relative;
  overflow: visible;
}
.watch-container.ztequartz .watch-shadow {
  position: absolute;
  position: absolute;
  bottom: -50%;
  right: -30%;
  left: -30%;
  height: 16%;
  background: radial-gradient(ellipse at center, #969696 10%, rgba(0, 0, 0, 0) 50%);
  z-index: 0;
}
@media (max-width: 767px) {
  .watch-container.ztequartz .watch-shadow {
    right: 5%;
    left: 0%;
    opacity: 50%;
  }
}
.watch-container.ztequartz .watch-background {
  position: absolute;
  top: -50%;
  left: -50%;
  width: 200% !important;
  height: 200% !important;
  background-size: 100%;
  background-position: center;
  background-image: url("../img/watches/centered/ztequartz-realistic.png");
  background-repeat: no-repeat;
  z-index: 1;
  pointer-events: none;
}
.watch-container.ztequartz .watch-background img {
  width: 100%;
  height: 100%;
}
.watch-container.ztequartz .watch-inner-container {
  position: absolute !important;
  width: 80% !important;
  height: 80% !important;
  top: 10.5% !important;
  left: 10.5% !important;
  border-radius: 50% !important;
  overflow: hidden;
  z-index: 1;
}
.watch-container.ztequartz .watch-inner-container .canvas-container,
.watch-container.ztequartz .watch-inner-container canvas,
.watch-container.ztequartz .watch-inner-container .watchface-image {
  position: absolute !important;
  width: 100% !important;
  height: 100% !important;
  top: 0 !important;
  left: 0 !important;
  border-radius: 50% !important;
}
.watch-container.ztequartz .watch-inner-container .watchface-image {
  background-size: 100%;
  background-repeat: no-repeat;
}
.watch-container.ztequartz.watch-skin-preview {
  background-size: 100%;
  background-position: center;
  background-image: url("../img/watches/centered/ztequartz-realistic.png");
  background-repeat: no-repeat;
}

.no-skin-watch-container.waldhoffrenaissance {
  border-radius: 18%;
}
.no-skin-watch-container.waldhoffrenaissance img {
  border-radius: 18%;
}

.watch-container {
  display: block;
  margin: 100px auto 120px;
  width: 250px;
  height: 250px;
}
.watch-container.waldhoffrenaissance {
  position: relative;
  overflow: visible;
}
.watch-container.waldhoffrenaissance .watch-shadow {
  position: absolute;
  position: absolute;
  bottom: -50%;
  right: -30%;
  left: -30%;
  height: 16%;
  background: radial-gradient(ellipse at center, #969696 10%, rgba(0, 0, 0, 0) 50%);
  z-index: 0;
}
@media (max-width: 767px) {
  .watch-container.waldhoffrenaissance .watch-shadow {
    right: 5%;
    left: 0%;
    opacity: 50%;
  }
}
.watch-container.waldhoffrenaissance .watch-background {
  position: absolute;
  top: -50%;
  left: -50%;
  width: 200% !important;
  height: 200% !important;
  background-size: 100%;
  background-position: center;
  background-image: url("../img/watches/centered/waldhoffrenaissance-realistic.png");
  background-repeat: no-repeat;
  z-index: 1;
  pointer-events: none;
}
.watch-container.waldhoffrenaissance .watch-background img {
  width: 100%;
  height: 100%;
}
.watch-container.waldhoffrenaissance .watch-inner-container {
  position: absolute !important;
  width: 80% !important;
  height: 80% !important;
  top: 12% !important;
  left: 10% !important;
  border-radius: 50% !important;
  overflow: hidden;
  z-index: 1;
}
.watch-container.waldhoffrenaissance .watch-inner-container .canvas-container,
.watch-container.waldhoffrenaissance .watch-inner-container canvas,
.watch-container.waldhoffrenaissance .watch-inner-container .watchface-image {
  position: absolute !important;
  width: 100% !important;
  height: 100% !important;
  top: 0 !important;
  left: 0 !important;
  border-radius: 50% !important;
}
.watch-container.waldhoffrenaissance .watch-inner-container .watchface-image {
  background-size: 100%;
  background-repeat: no-repeat;
}
.watch-container.waldhoffrenaissance.watch-skin-preview {
  background-size: 100%;
  background-position: center;
  background-image: url("../img/watches/centered/waldhoffrenaissance-realistic.png");
  background-repeat: no-repeat;
}

.no-skin-watch-container.waldhoffregent {
  border-radius: 18%;
}
.no-skin-watch-container.waldhoffregent img {
  border-radius: 18%;
}

.watch-container {
  display: block;
  margin: 100px auto 120px;
  width: 250px;
  height: 250px;
}
.watch-container.waldhoffregent {
  position: relative;
  overflow: visible;
}
.watch-container.waldhoffregent .watch-shadow {
  position: absolute;
  position: absolute;
  bottom: -50%;
  right: -30%;
  left: -30%;
  height: 16%;
  background: radial-gradient(ellipse at center, #969696 10%, rgba(0, 0, 0, 0) 50%);
  z-index: 0;
}
@media (max-width: 767px) {
  .watch-container.waldhoffregent .watch-shadow {
    right: 5%;
    left: 0%;
    opacity: 50%;
  }
}
.watch-container.waldhoffregent .watch-background {
  position: absolute;
  top: -50%;
  left: -50%;
  width: 200% !important;
  height: 200% !important;
  background-size: 100%;
  background-position: center;
  background-image: url("../img/watches/centered/waldhoffregent-realistic.png");
  background-repeat: no-repeat;
  z-index: 1;
  pointer-events: none;
}
.watch-container.waldhoffregent .watch-background img {
  width: 100%;
  height: 100%;
}
.watch-container.waldhoffregent .watch-inner-container {
  position: absolute !important;
  width: 80% !important;
  height: 80% !important;
  top: 11.5% !important;
  left: 11% !important;
  border-radius: 50% !important;
  overflow: hidden;
  z-index: 1;
}
.watch-container.waldhoffregent .watch-inner-container .canvas-container,
.watch-container.waldhoffregent .watch-inner-container canvas,
.watch-container.waldhoffregent .watch-inner-container .watchface-image {
  position: absolute !important;
  width: 100% !important;
  height: 100% !important;
  top: 0 !important;
  left: 0 !important;
  border-radius: 50% !important;
}
.watch-container.waldhoffregent .watch-inner-container .watchface-image {
  background-size: 100%;
  background-repeat: no-repeat;
}
.watch-container.waldhoffregent.watch-skin-preview {
  background-size: 100%;
  background-position: center;
  background-image: url("../img/watches/centered/waldhoffregent-realistic.png");
  background-repeat: no-repeat;
}

.no-skin-watch-container.waldhoffmultimatic {
  border-radius: 18%;
}
.no-skin-watch-container.waldhoffmultimatic img {
  border-radius: 18%;
}

.watch-container {
  display: block;
  margin: 100px auto 120px;
  width: 250px;
  height: 250px;
}
.watch-container.waldhoffmultimatic {
  position: relative;
  overflow: visible;
}
.watch-container.waldhoffmultimatic .watch-shadow {
  position: absolute;
  position: absolute;
  bottom: -50%;
  right: -30%;
  left: -30%;
  height: 16%;
  background: radial-gradient(ellipse at center, #969696 10%, rgba(0, 0, 0, 0) 50%);
  z-index: 0;
}
@media (max-width: 767px) {
  .watch-container.waldhoffmultimatic .watch-shadow {
    right: 5%;
    left: 0%;
    opacity: 50%;
  }
}
.watch-container.waldhoffmultimatic .watch-background {
  position: absolute;
  top: -50%;
  left: -50%;
  width: 200% !important;
  height: 200% !important;
  background-size: 100%;
  background-position: center;
  background-image: url("../img/watches/centered/waldhoffmultimatic-realistic.png");
  background-repeat: no-repeat;
  z-index: 1;
  pointer-events: none;
}
.watch-container.waldhoffmultimatic .watch-background img {
  width: 100%;
  height: 100%;
}
.watch-container.waldhoffmultimatic .watch-inner-container {
  position: absolute !important;
  width: 81% !important;
  height: 81% !important;
  top: 11% !important;
  left: 9.5% !important;
  border-radius: 50% !important;
  overflow: hidden;
  z-index: 1;
}
.watch-container.waldhoffmultimatic .watch-inner-container .canvas-container,
.watch-container.waldhoffmultimatic .watch-inner-container canvas,
.watch-container.waldhoffmultimatic .watch-inner-container .watchface-image {
  position: absolute !important;
  width: 100% !important;
  height: 100% !important;
  top: 0 !important;
  left: 0 !important;
  border-radius: 50% !important;
}
.watch-container.waldhoffmultimatic .watch-inner-container .watchface-image {
  background-size: 100%;
  background-repeat: no-repeat;
}
.watch-container.waldhoffmultimatic.watch-skin-preview {
  background-size: 100%;
  background-position: center;
  background-image: url("../img/watches/centered/waldhoffmultimatic-realistic.png");
  background-repeat: no-repeat;
}

.no-skin-watch-container.amazonechospot {
  border-radius: 18%;
}
.no-skin-watch-container.amazonechospot img {
  border-radius: 18%;
}

.watch-container {
  display: block;
  margin: 100px auto 120px;
  width: 250px;
  height: 250px;
}
.watch-container.amazonechospot {
  position: relative;
  overflow: visible;
}
.watch-container.amazonechospot .watch-shadow {
  position: absolute;
  position: absolute;
  bottom: -50%;
  right: -30%;
  left: -30%;
  height: 16%;
  background: radial-gradient(ellipse at center, #969696 10%, rgba(0, 0, 0, 0) 50%);
  z-index: 0;
}
@media (max-width: 767px) {
  .watch-container.amazonechospot .watch-shadow {
    right: 5%;
    left: 0%;
    opacity: 50%;
  }
}
.watch-container.amazonechospot .watch-background {
  position: absolute;
  top: -50%;
  left: -50%;
  width: 200% !important;
  height: 200% !important;
  background-size: 100%;
  background-position: center;
  background-image: url("../img/watches/centered/amazonechospot-realistic.png");
  background-repeat: no-repeat;
  z-index: 1;
  pointer-events: none;
}
.watch-container.amazonechospot .watch-background img {
  width: 100%;
  height: 100%;
}
.watch-container.amazonechospot .watch-inner-container {
  position: absolute !important;
  width: 92% !important;
  height: 86.5% !important;
  top: 4.5% !important;
  left: 3.5% !important;
  border-radius: 50% !important;
  overflow: hidden;
  z-index: 1;
}
.watch-container.amazonechospot .watch-inner-container .canvas-container,
.watch-container.amazonechospot .watch-inner-container canvas,
.watch-container.amazonechospot .watch-inner-container .watchface-image {
  position: absolute !important;
  width: 100% !important;
  height: 100% !important;
  top: 0 !important;
  left: 0 !important;
  border-radius: 50% !important;
}
.watch-container.amazonechospot .watch-inner-container .watchface-image {
  background-size: 100%;
  background-repeat: no-repeat;
}
.watch-container.amazonechospot.watch-skin-preview {
  background-size: 100%;
  background-position: center;
  background-image: url("../img/watches/centered/amazonechospot-realistic.png");
  background-repeat: no-repeat;
}

.no-skin-watch-container.ticwatchsport {
  border-radius: 18%;
}
.no-skin-watch-container.ticwatchsport img {
  border-radius: 18%;
}

.watch-container {
  display: block;
  margin: 100px auto 120px;
  width: 250px;
  height: 250px;
}
.watch-container.ticwatchsport {
  position: relative;
  overflow: visible;
}
.watch-container.ticwatchsport .watch-shadow {
  position: absolute;
  position: absolute;
  bottom: -50%;
  right: -30%;
  left: -30%;
  height: 16%;
  background: radial-gradient(ellipse at center, #969696 10%, rgba(0, 0, 0, 0) 50%);
  z-index: 0;
}
@media (max-width: 767px) {
  .watch-container.ticwatchsport .watch-shadow {
    right: 5%;
    left: 0%;
    opacity: 50%;
  }
}
.watch-container.ticwatchsport .watch-background {
  position: absolute;
  top: -50%;
  left: -50%;
  width: 200% !important;
  height: 200% !important;
  background-size: 100%;
  background-position: center;
  background-image: url("../img/watches/centered/ticwatchsport-realistic.png");
  background-repeat: no-repeat;
  z-index: 1;
  pointer-events: none;
}
.watch-container.ticwatchsport .watch-background img {
  width: 100%;
  height: 100%;
}
.watch-container.ticwatchsport .watch-inner-container {
  position: absolute !important;
  width: 85% !important;
  height: 85% !important;
  top: 8% !important;
  left: 7.5% !important;
  border-radius: 50% !important;
  overflow: hidden;
  z-index: 1;
}
.watch-container.ticwatchsport .watch-inner-container .canvas-container,
.watch-container.ticwatchsport .watch-inner-container canvas,
.watch-container.ticwatchsport .watch-inner-container .watchface-image {
  position: absolute !important;
  width: 100% !important;
  height: 100% !important;
  top: 0 !important;
  left: 0 !important;
  border-radius: 50% !important;
}
.watch-container.ticwatchsport .watch-inner-container .watchface-image {
  background-size: 100%;
  background-repeat: no-repeat;
}
.watch-container.ticwatchsport.watch-skin-preview {
  background-size: 100%;
  background-position: center;
  background-image: url("../img/watches/centered/ticwatchsport-realistic.png");
  background-repeat: no-repeat;
}

.no-skin-watch-container.ticwatchexpress {
  border-radius: 18%;
}
.no-skin-watch-container.ticwatchexpress img {
  border-radius: 18%;
}

.watch-container {
  display: block;
  margin: 100px auto 120px;
  width: 250px;
  height: 250px;
}
.watch-container.ticwatchexpress {
  position: relative;
  overflow: visible;
}
.watch-container.ticwatchexpress .watch-shadow {
  position: absolute;
  position: absolute;
  bottom: -50%;
  right: -30%;
  left: -30%;
  height: 16%;
  background: radial-gradient(ellipse at center, #969696 10%, rgba(0, 0, 0, 0) 50%);
  z-index: 0;
}
@media (max-width: 767px) {
  .watch-container.ticwatchexpress .watch-shadow {
    right: 5%;
    left: 0%;
    opacity: 50%;
  }
}
.watch-container.ticwatchexpress .watch-background {
  position: absolute;
  top: -50%;
  left: -50%;
  width: 200% !important;
  height: 200% !important;
  background-size: 100%;
  background-position: center;
  background-image: url("../img/watches/centered/ticwatchexpress-realistic.png");
  background-repeat: no-repeat;
  z-index: 1;
  pointer-events: none;
}
.watch-container.ticwatchexpress .watch-background img {
  width: 100%;
  height: 100%;
}
.watch-container.ticwatchexpress .watch-inner-container {
  position: absolute !important;
  width: 83.5% !important;
  height: 83.5% !important;
  top: 7.5% !important;
  left: 10% !important;
  border-radius: 50% !important;
  overflow: hidden;
  z-index: 1;
}
.watch-container.ticwatchexpress .watch-inner-container .canvas-container,
.watch-container.ticwatchexpress .watch-inner-container canvas,
.watch-container.ticwatchexpress .watch-inner-container .watchface-image {
  position: absolute !important;
  width: 100% !important;
  height: 100% !important;
  top: 0 !important;
  left: 0 !important;
  border-radius: 50% !important;
}
.watch-container.ticwatchexpress .watch-inner-container .watchface-image {
  background-size: 100%;
  background-repeat: no-repeat;
}
.watch-container.ticwatchexpress.watch-skin-preview {
  background-size: 100%;
  background-position: center;
  background-image: url("../img/watches/centered/ticwatchexpress-realistic.png");
  background-repeat: no-repeat;
}

.no-skin-watch-container.samsunggearsport {
  border-radius: 18%;
}
.no-skin-watch-container.samsunggearsport img {
  border-radius: 18%;
}

.watch-container {
  display: block;
  margin: 100px auto 120px;
  width: 250px;
  height: 250px;
}
.watch-container.samsunggearsport {
  position: relative;
  overflow: visible;
}
.watch-container.samsunggearsport .watch-shadow {
  position: absolute;
  position: absolute;
  bottom: -50%;
  right: -30%;
  left: -30%;
  height: 16%;
  background: radial-gradient(ellipse at center, #969696 10%, rgba(0, 0, 0, 0) 50%);
  z-index: 0;
}
@media (max-width: 767px) {
  .watch-container.samsunggearsport .watch-shadow {
    right: 5%;
    left: 0%;
    opacity: 50%;
  }
}
.watch-container.samsunggearsport .watch-background {
  position: absolute;
  top: -50%;
  left: -50%;
  width: 200% !important;
  height: 200% !important;
  background-size: 100%;
  background-position: center;
  background-image: url("../img/watches/centered/samsunggearsport-realistic.png");
  background-repeat: no-repeat;
  z-index: 1;
  pointer-events: none;
}
.watch-container.samsunggearsport .watch-background img {
  width: 100%;
  height: 100%;
}
.watch-container.samsunggearsport .watch-inner-container {
  position: absolute !important;
  width: 78% !important;
  height: 78% !important;
  top: 10% !important;
  left: 11% !important;
  border-radius: 50% !important;
  overflow: hidden;
  z-index: 1;
}
.watch-container.samsunggearsport .watch-inner-container .canvas-container,
.watch-container.samsunggearsport .watch-inner-container canvas,
.watch-container.samsunggearsport .watch-inner-container .watchface-image {
  position: absolute !important;
  width: 100% !important;
  height: 100% !important;
  top: 0 !important;
  left: 0 !important;
  border-radius: 50% !important;
}
.watch-container.samsunggearsport .watch-inner-container .watchface-image {
  background-size: 100%;
  background-repeat: no-repeat;
}
.watch-container.samsunggearsport.watch-skin-preview {
  background-size: 100%;
  background-position: center;
  background-image: url("../img/watches/centered/samsunggearsport-realistic.png");
  background-repeat: no-repeat;
}

.no-skin-watch-container.misfitvapor {
  border-radius: 18%;
}
.no-skin-watch-container.misfitvapor img {
  border-radius: 18%;
}

.watch-container {
  display: block;
  margin: 100px auto 120px;
  width: 250px;
  height: 250px;
}
.watch-container.misfitvapor {
  position: relative;
  overflow: visible;
}
.watch-container.misfitvapor .watch-shadow {
  position: absolute;
  position: absolute;
  bottom: -50%;
  right: -30%;
  left: -30%;
  height: 16%;
  background: radial-gradient(ellipse at center, #969696 10%, rgba(0, 0, 0, 0) 50%);
  z-index: 0;
}
@media (max-width: 767px) {
  .watch-container.misfitvapor .watch-shadow {
    right: 5%;
    left: 0%;
    opacity: 50%;
  }
}
.watch-container.misfitvapor .watch-background {
  position: absolute;
  top: -50%;
  left: -50%;
  width: 200% !important;
  height: 200% !important;
  background-size: 100%;
  background-position: center;
  background-image: url("../img/watches/centered/misfitvapor-realistic.png");
  background-repeat: no-repeat;
  z-index: 1;
  pointer-events: none;
}
.watch-container.misfitvapor .watch-background img {
  width: 100%;
  height: 100%;
}
.watch-container.misfitvapor .watch-inner-container {
  position: absolute !important;
  width: 88% !important;
  height: 88% !important;
  top: 7.5% !important;
  left: 4.5% !important;
  border-radius: 50% !important;
  overflow: hidden;
  z-index: 1;
}
.watch-container.misfitvapor .watch-inner-container .canvas-container,
.watch-container.misfitvapor .watch-inner-container canvas,
.watch-container.misfitvapor .watch-inner-container .watchface-image {
  position: absolute !important;
  width: 100% !important;
  height: 100% !important;
  top: 0 !important;
  left: 0 !important;
  border-radius: 50% !important;
}
.watch-container.misfitvapor .watch-inner-container .watchface-image {
  background-size: 100%;
  background-repeat: no-repeat;
}
.watch-container.misfitvapor.watch-skin-preview {
  background-size: 100%;
  background-position: center;
  background-image: url("../img/watches/centered/misfitvapor-realistic.png");
  background-repeat: no-repeat;
}

.no-skin-watch-container.fossilqexplorist {
  border-radius: 18%;
}
.no-skin-watch-container.fossilqexplorist img {
  border-radius: 18%;
}

.watch-container {
  display: block;
  margin: 100px auto 120px;
  width: 250px;
  height: 250px;
}
.watch-container.fossilqexplorist {
  position: relative;
  overflow: visible;
}
.watch-container.fossilqexplorist .watch-shadow {
  position: absolute;
  position: absolute;
  bottom: -50%;
  right: -30%;
  left: -30%;
  height: 16%;
  background: radial-gradient(ellipse at center, #969696 10%, rgba(0, 0, 0, 0) 50%);
  z-index: 0;
}
@media (max-width: 767px) {
  .watch-container.fossilqexplorist .watch-shadow {
    right: 5%;
    left: 0%;
    opacity: 50%;
  }
}
.watch-container.fossilqexplorist .watch-background {
  position: absolute;
  top: -50%;
  left: -50%;
  width: 200% !important;
  height: 200% !important;
  background-size: 100%;
  background-position: center;
  background-image: url("../img/watches/centered/fossilqexplorist-realistic.png");
  background-repeat: no-repeat;
  z-index: 1;
  pointer-events: none;
}
.watch-container.fossilqexplorist .watch-background img {
  width: 100%;
  height: 100%;
}
.watch-container.fossilqexplorist .watch-inner-container {
  position: absolute !important;
  width: 86.5% !important;
  height: 86.5% !important;
  top: 7.5% !important;
  left: 6.5% !important;
  border-radius: 50% !important;
  overflow: hidden;
  z-index: 1;
}
.watch-container.fossilqexplorist .watch-inner-container .canvas-container,
.watch-container.fossilqexplorist .watch-inner-container canvas,
.watch-container.fossilqexplorist .watch-inner-container .watchface-image {
  position: absolute !important;
  width: 100% !important;
  height: 100% !important;
  top: 0 !important;
  left: 0 !important;
  border-radius: 50% !important;
}
.watch-container.fossilqexplorist .watch-inner-container .watchface-image {
  background-size: 100%;
  background-repeat: no-repeat;
}
.watch-container.fossilqexplorist.watch-skin-preview {
  background-size: 100%;
  background-position: center;
  background-image: url("../img/watches/centered/fossilqexplorist-realistic.png");
  background-repeat: no-repeat;
}

.no-skin-watch-container.fossilqventure {
  border-radius: 18%;
}
.no-skin-watch-container.fossilqventure img {
  border-radius: 18%;
}

.watch-container {
  display: block;
  margin: 100px auto 120px;
  width: 250px;
  height: 250px;
}
.watch-container.fossilqventure {
  position: relative;
  overflow: visible;
}
.watch-container.fossilqventure .watch-shadow {
  position: absolute;
  position: absolute;
  bottom: -50%;
  right: -30%;
  left: -30%;
  height: 16%;
  background: radial-gradient(ellipse at center, #969696 10%, rgba(0, 0, 0, 0) 50%);
  z-index: 0;
}
@media (max-width: 767px) {
  .watch-container.fossilqventure .watch-shadow {
    right: 5%;
    left: 0%;
    opacity: 50%;
  }
}
.watch-container.fossilqventure .watch-background {
  position: absolute;
  top: -50%;
  left: -50%;
  width: 200% !important;
  height: 200% !important;
  background-size: 100%;
  background-position: center;
  background-image: url("../img/watches/centered/fossilqventure-realistic.png");
  background-repeat: no-repeat;
  z-index: 1;
  pointer-events: none;
}
.watch-container.fossilqventure .watch-background img {
  width: 100%;
  height: 100%;
}
.watch-container.fossilqventure .watch-inner-container {
  position: absolute !important;
  width: 89% !important;
  height: 89% !important;
  top: 2% !important;
  left: 4.5% !important;
  border-radius: 50% !important;
  overflow: hidden;
  z-index: 1;
}
.watch-container.fossilqventure .watch-inner-container .canvas-container,
.watch-container.fossilqventure .watch-inner-container canvas,
.watch-container.fossilqventure .watch-inner-container .watchface-image {
  position: absolute !important;
  width: 100% !important;
  height: 100% !important;
  top: 0 !important;
  left: 0 !important;
  border-radius: 50% !important;
}
.watch-container.fossilqventure .watch-inner-container .watchface-image {
  background-size: 100%;
  background-repeat: no-repeat;
}
.watch-container.fossilqventure.watch-skin-preview {
  background-size: 100%;
  background-position: center;
  background-image: url("../img/watches/centered/fossilqventure-realistic.png");
  background-repeat: no-repeat;
}

.no-skin-watch-container.michaelkorsaccessgrayson {
  border-radius: 18%;
}
.no-skin-watch-container.michaelkorsaccessgrayson img {
  border-radius: 18%;
}

.watch-container {
  display: block;
  margin: 100px auto 120px;
  width: 250px;
  height: 250px;
}
.watch-container.michaelkorsaccessgrayson {
  position: relative;
  overflow: visible;
}
.watch-container.michaelkorsaccessgrayson .watch-shadow {
  position: absolute;
  position: absolute;
  bottom: -50%;
  right: -30%;
  left: -30%;
  height: 16%;
  background: radial-gradient(ellipse at center, #969696 10%, rgba(0, 0, 0, 0) 50%);
  z-index: 0;
}
@media (max-width: 767px) {
  .watch-container.michaelkorsaccessgrayson .watch-shadow {
    right: 5%;
    left: 0%;
    opacity: 50%;
  }
}
.watch-container.michaelkorsaccessgrayson .watch-background {
  position: absolute;
  top: -50%;
  left: -50%;
  width: 200% !important;
  height: 200% !important;
  background-size: 100%;
  background-position: center;
  background-image: url("../img/watches/centered/michaelkorsaccessgrayson-realistic.png");
  background-repeat: no-repeat;
  z-index: 1;
  pointer-events: none;
}
.watch-container.michaelkorsaccessgrayson .watch-background img {
  width: 100%;
  height: 100%;
}
.watch-container.michaelkorsaccessgrayson .watch-inner-container {
  position: absolute !important;
  width: 86% !important;
  height: 86% !important;
  top: 7.5% !important;
  left: 7.5% !important;
  border-radius: 50% !important;
  overflow: hidden;
  z-index: 1;
}
.watch-container.michaelkorsaccessgrayson .watch-inner-container .canvas-container,
.watch-container.michaelkorsaccessgrayson .watch-inner-container canvas,
.watch-container.michaelkorsaccessgrayson .watch-inner-container .watchface-image {
  position: absolute !important;
  width: 100% !important;
  height: 100% !important;
  top: 0 !important;
  left: 0 !important;
  border-radius: 50% !important;
}
.watch-container.michaelkorsaccessgrayson .watch-inner-container .watchface-image {
  background-size: 100%;
  background-repeat: no-repeat;
}
.watch-container.michaelkorsaccessgrayson.watch-skin-preview {
  background-size: 100%;
  background-position: center;
  background-image: url("../img/watches/centered/michaelkorsaccessgrayson-realistic.png");
  background-repeat: no-repeat;
}

.no-skin-watch-container.montblancsummit {
  border-radius: 18%;
}
.no-skin-watch-container.montblancsummit img {
  border-radius: 18%;
}

.watch-container {
  display: block;
  margin: 100px auto 120px;
  width: 250px;
  height: 250px;
}
.watch-container.montblancsummit {
  position: relative;
  overflow: visible;
}
.watch-container.montblancsummit .watch-shadow {
  position: absolute;
  position: absolute;
  bottom: -50%;
  right: -30%;
  left: -30%;
  height: 16%;
  background: radial-gradient(ellipse at center, #969696 10%, rgba(0, 0, 0, 0) 50%);
  z-index: 0;
}
@media (max-width: 767px) {
  .watch-container.montblancsummit .watch-shadow {
    right: 5%;
    left: 0%;
    opacity: 50%;
  }
}
.watch-container.montblancsummit .watch-background {
  position: absolute;
  top: -50%;
  left: -50%;
  width: 200% !important;
  height: 200% !important;
  background-size: 100%;
  background-position: center;
  background-image: url("../img/watches/centered/montblancsummit-realistic.png");
  background-repeat: no-repeat;
  z-index: 1;
  pointer-events: none;
}
.watch-container.montblancsummit .watch-background img {
  width: 100%;
  height: 100%;
}
.watch-container.montblancsummit .watch-inner-container {
  position: absolute !important;
  width: 86% !important;
  height: 86% !important;
  top: 6.5% !important;
  left: 8.5% !important;
  border-radius: 50% !important;
  overflow: hidden;
  z-index: 1;
}
.watch-container.montblancsummit .watch-inner-container .canvas-container,
.watch-container.montblancsummit .watch-inner-container canvas,
.watch-container.montblancsummit .watch-inner-container .watchface-image {
  position: absolute !important;
  width: 100% !important;
  height: 100% !important;
  top: 0 !important;
  left: 0 !important;
  border-radius: 50% !important;
}
.watch-container.montblancsummit .watch-inner-container .watchface-image {
  background-size: 100%;
  background-repeat: no-repeat;
}
.watch-container.montblancsummit.watch-skin-preview {
  background-size: 100%;
  background-position: center;
  background-image: url("../img/watches/centered/montblancsummit-realistic.png");
  background-repeat: no-repeat;
}

.no-skin-watch-container.swatchredgrin {
  border-radius: 18%;
}
.no-skin-watch-container.swatchredgrin img {
  border-radius: 18%;
}

.watch-container {
  display: block;
  margin: 100px auto 120px;
  width: 250px;
  height: 250px;
}
.watch-container.swatchredgrin {
  position: relative;
  overflow: visible;
}
.watch-container.swatchredgrin .watch-shadow {
  position: absolute;
  position: absolute;
  bottom: -50%;
  right: -30%;
  left: -30%;
  height: 16%;
  background: radial-gradient(ellipse at center, #969696 10%, rgba(0, 0, 0, 0) 50%);
  z-index: 0;
}
@media (max-width: 767px) {
  .watch-container.swatchredgrin .watch-shadow {
    right: 5%;
    left: 0%;
    opacity: 50%;
  }
}
.watch-container.swatchredgrin .watch-background {
  position: absolute;
  top: -50%;
  left: -50%;
  width: 200% !important;
  height: 200% !important;
  background-size: 100%;
  background-position: center;
  background-image: url("../img/watches/centered/swatchredgrin-realistic.png");
  background-repeat: no-repeat;
  z-index: 1;
  pointer-events: none;
}
.watch-container.swatchredgrin .watch-background img {
  width: 100%;
  height: 100%;
}
.watch-container.swatchredgrin .watch-inner-container {
  position: absolute !important;
  width: 74.5% !important;
  height: 74.5% !important;
  top: 11.5% !important;
  left: 11% !important;
  border-radius: 50% !important;
  overflow: hidden;
  z-index: 1;
}
.watch-container.swatchredgrin .watch-inner-container .canvas-container,
.watch-container.swatchredgrin .watch-inner-container canvas,
.watch-container.swatchredgrin .watch-inner-container .watchface-image {
  position: absolute !important;
  width: 100% !important;
  height: 100% !important;
  top: 0 !important;
  left: 0 !important;
  border-radius: 50% !important;
}
.watch-container.swatchredgrin .watch-inner-container .watchface-image {
  background-size: 100%;
  background-repeat: no-repeat;
}
.watch-container.swatchredgrin.watch-skin-preview {
  background-size: 100%;
  background-position: center;
  background-image: url("../img/watches/centered/swatchredgrin-realistic.png");
  background-repeat: no-repeat;
}

.no-skin-watch-container.swatchclearsky {
  border-radius: 18%;
}
.no-skin-watch-container.swatchclearsky img {
  border-radius: 18%;
}

.watch-container {
  display: block;
  margin: 100px auto 120px;
  width: 250px;
  height: 250px;
}
.watch-container.swatchclearsky {
  position: relative;
  overflow: visible;
}
.watch-container.swatchclearsky .watch-shadow {
  position: absolute;
  position: absolute;
  bottom: -50%;
  right: -30%;
  left: -30%;
  height: 16%;
  background: radial-gradient(ellipse at center, #969696 10%, rgba(0, 0, 0, 0) 50%);
  z-index: 0;
}
@media (max-width: 767px) {
  .watch-container.swatchclearsky .watch-shadow {
    right: 5%;
    left: 0%;
    opacity: 50%;
  }
}
.watch-container.swatchclearsky .watch-background {
  position: absolute;
  top: -50%;
  left: -50%;
  width: 200% !important;
  height: 200% !important;
  background-size: 100%;
  background-position: center;
  background-image: url("../img/watches/centered/swatchclearsky-realistic.png");
  background-repeat: no-repeat;
  z-index: 1;
  pointer-events: none;
}
.watch-container.swatchclearsky .watch-background img {
  width: 100%;
  height: 100%;
}
.watch-container.swatchclearsky .watch-inner-container {
  position: absolute !important;
  width: 82% !important;
  height: 82% !important;
  top: 9% !important;
  left: 11.5% !important;
  border-radius: 50% !important;
  overflow: hidden;
  z-index: 1;
}
.watch-container.swatchclearsky .watch-inner-container .canvas-container,
.watch-container.swatchclearsky .watch-inner-container canvas,
.watch-container.swatchclearsky .watch-inner-container .watchface-image {
  position: absolute !important;
  width: 100% !important;
  height: 100% !important;
  top: 0 !important;
  left: 0 !important;
  border-radius: 50% !important;
}
.watch-container.swatchclearsky .watch-inner-container .watchface-image {
  background-size: 100%;
  background-repeat: no-repeat;
}
.watch-container.swatchclearsky.watch-skin-preview {
  background-size: 100%;
  background-position: center;
  background-image: url("../img/watches/centered/swatchclearsky-realistic.png");
  background-repeat: no-repeat;
}

.no-skin-watch-container.swatchnewgent {
  border-radius: 18%;
}
.no-skin-watch-container.swatchnewgent img {
  border-radius: 18%;
}

.watch-container {
  display: block;
  margin: 100px auto 120px;
  width: 250px;
  height: 250px;
}
.watch-container.swatchnewgent {
  position: relative;
  overflow: visible;
}
.watch-container.swatchnewgent .watch-shadow {
  position: absolute;
  position: absolute;
  bottom: -50%;
  right: -30%;
  left: -30%;
  height: 16%;
  background: radial-gradient(ellipse at center, #969696 10%, rgba(0, 0, 0, 0) 50%);
  z-index: 0;
}
@media (max-width: 767px) {
  .watch-container.swatchnewgent .watch-shadow {
    right: 5%;
    left: 0%;
    opacity: 50%;
  }
}
.watch-container.swatchnewgent .watch-background {
  position: absolute;
  top: -50%;
  left: -50%;
  width: 200% !important;
  height: 200% !important;
  background-size: 100%;
  background-position: center;
  background-image: url("../img/watches/centered/swatchnewgent-realistic.png");
  background-repeat: no-repeat;
  z-index: 1;
  pointer-events: none;
}
.watch-container.swatchnewgent .watch-background img {
  width: 100%;
  height: 100%;
}
.watch-container.swatchnewgent .watch-inner-container {
  position: absolute !important;
  width: 80.5% !important;
  height: 80.5% !important;
  top: 10% !important;
  left: 12% !important;
  border-radius: 50% !important;
  overflow: hidden;
  z-index: 1;
}
.watch-container.swatchnewgent .watch-inner-container .canvas-container,
.watch-container.swatchnewgent .watch-inner-container canvas,
.watch-container.swatchnewgent .watch-inner-container .watchface-image {
  position: absolute !important;
  width: 100% !important;
  height: 100% !important;
  top: 0 !important;
  left: 0 !important;
  border-radius: 50% !important;
}
.watch-container.swatchnewgent .watch-inner-container .watchface-image {
  background-size: 100%;
  background-repeat: no-repeat;
}
.watch-container.swatchnewgent.watch-skin-preview {
  background-size: 100%;
  background-position: center;
  background-image: url("../img/watches/centered/swatchnewgent-realistic.png");
  background-repeat: no-repeat;
}

.no-skin-watch-container.swatchoradaria {
  border-radius: 18%;
}
.no-skin-watch-container.swatchoradaria img {
  border-radius: 18%;
}

.watch-container {
  display: block;
  margin: 100px auto 120px;
  width: 250px;
  height: 250px;
}
.watch-container.swatchoradaria {
  position: relative;
  overflow: visible;
}
.watch-container.swatchoradaria .watch-shadow {
  position: absolute;
  position: absolute;
  bottom: -50%;
  right: -30%;
  left: -30%;
  height: 16%;
  background: radial-gradient(ellipse at center, #969696 10%, rgba(0, 0, 0, 0) 50%);
  z-index: 0;
}
@media (max-width: 767px) {
  .watch-container.swatchoradaria .watch-shadow {
    right: 5%;
    left: 0%;
    opacity: 50%;
  }
}
.watch-container.swatchoradaria .watch-background {
  position: absolute;
  top: -50%;
  left: -50%;
  width: 200% !important;
  height: 200% !important;
  background-size: 100%;
  background-position: center;
  background-image: url("../img/watches/centered/swatchoradaria-realistic.png");
  background-repeat: no-repeat;
  z-index: 1;
  pointer-events: none;
}
.watch-container.swatchoradaria .watch-background img {
  width: 100%;
  height: 100%;
}
.watch-container.swatchoradaria .watch-inner-container {
  position: absolute !important;
  width: 86% !important;
  height: 86% !important;
  top: 7.5% !important;
  left: 9.5% !important;
  border-radius: 50% !important;
  overflow: hidden;
  z-index: 1;
}
.watch-container.swatchoradaria .watch-inner-container .canvas-container,
.watch-container.swatchoradaria .watch-inner-container canvas,
.watch-container.swatchoradaria .watch-inner-container .watchface-image {
  position: absolute !important;
  width: 100% !important;
  height: 100% !important;
  top: 0 !important;
  left: 0 !important;
  border-radius: 50% !important;
}
.watch-container.swatchoradaria .watch-inner-container .watchface-image {
  background-size: 100%;
  background-repeat: no-repeat;
}
.watch-container.swatchoradaria.watch-skin-preview {
  background-size: 100%;
  background-position: center;
  background-image: url("../img/watches/centered/swatchoradaria-realistic.png");
  background-repeat: no-repeat;
}

.no-skin-watch-container.dieselonfullguard {
  border-radius: 18%;
}
.no-skin-watch-container.dieselonfullguard img {
  border-radius: 18%;
}

.watch-container {
  display: block;
  margin: 100px auto 120px;
  width: 250px;
  height: 250px;
}
.watch-container.dieselonfullguard {
  position: relative;
  overflow: visible;
}
.watch-container.dieselonfullguard .watch-shadow {
  position: absolute;
  position: absolute;
  bottom: -50%;
  right: -30%;
  left: -30%;
  height: 16%;
  background: radial-gradient(ellipse at center, #969696 10%, rgba(0, 0, 0, 0) 50%);
  z-index: 0;
}
@media (max-width: 767px) {
  .watch-container.dieselonfullguard .watch-shadow {
    right: 5%;
    left: 0%;
    opacity: 50%;
  }
}
.watch-container.dieselonfullguard .watch-background {
  position: absolute;
  top: -50%;
  left: -50%;
  width: 200% !important;
  height: 200% !important;
  background-size: 100%;
  background-position: center;
  background-image: url("../img/watches/centered/dieselonfullguard-realistic.png");
  background-repeat: no-repeat;
  z-index: 1;
  pointer-events: none;
}
.watch-container.dieselonfullguard .watch-background img {
  width: 100%;
  height: 100%;
}
.watch-container.dieselonfullguard .watch-inner-container {
  position: absolute !important;
  width: 87% !important;
  height: 87% !important;
  top: 7.5% !important;
  left: 5.5% !important;
  border-radius: 50% !important;
  overflow: hidden;
  z-index: 1;
}
.watch-container.dieselonfullguard .watch-inner-container .canvas-container,
.watch-container.dieselonfullguard .watch-inner-container canvas,
.watch-container.dieselonfullguard .watch-inner-container .watchface-image {
  position: absolute !important;
  width: 100% !important;
  height: 100% !important;
  top: 0 !important;
  left: 0 !important;
  border-radius: 50% !important;
}
.watch-container.dieselonfullguard .watch-inner-container .watchface-image {
  background-size: 100%;
  background-repeat: no-repeat;
}
.watch-container.dieselonfullguard.watch-skin-preview {
  background-size: 100%;
  background-position: center;
  background-image: url("../img/watches/centered/dieselonfullguard-realistic.png");
  background-repeat: no-repeat;
}

.no-skin-watch-container.verizonwear24 {
  border-radius: 18%;
}
.no-skin-watch-container.verizonwear24 img {
  border-radius: 18%;
}

.watch-container {
  display: block;
  margin: 100px auto 120px;
  width: 250px;
  height: 250px;
}
.watch-container.verizonwear24 {
  position: relative;
  overflow: visible;
}
.watch-container.verizonwear24 .watch-shadow {
  position: absolute;
  position: absolute;
  bottom: -50%;
  right: -30%;
  left: -30%;
  height: 16%;
  background: radial-gradient(ellipse at center, #969696 10%, rgba(0, 0, 0, 0) 50%);
  z-index: 0;
}
@media (max-width: 767px) {
  .watch-container.verizonwear24 .watch-shadow {
    right: 5%;
    left: 0%;
    opacity: 50%;
  }
}
.watch-container.verizonwear24 .watch-background {
  position: absolute;
  top: -50%;
  left: -50%;
  width: 200% !important;
  height: 200% !important;
  background-size: 100%;
  background-position: center;
  background-image: url("../img/watches/centered/verizonwear24-realistic.png");
  background-repeat: no-repeat;
  z-index: 1;
  pointer-events: none;
}
.watch-container.verizonwear24 .watch-background img {
  width: 100%;
  height: 100%;
}
.watch-container.verizonwear24 .watch-inner-container {
  position: absolute !important;
  width: 89.5% !important;
  height: 89.5% !important;
  top: 5.5% !important;
  left: 5% !important;
  border-radius: 50% !important;
  overflow: hidden;
  z-index: 1;
}
.watch-container.verizonwear24 .watch-inner-container .canvas-container,
.watch-container.verizonwear24 .watch-inner-container canvas,
.watch-container.verizonwear24 .watch-inner-container .watchface-image {
  position: absolute !important;
  width: 100% !important;
  height: 100% !important;
  top: 0 !important;
  left: 0 !important;
  border-radius: 50% !important;
}
.watch-container.verizonwear24 .watch-inner-container .watchface-image {
  background-size: 100%;
  background-repeat: no-repeat;
}
.watch-container.verizonwear24.watch-skin-preview {
  background-size: 100%;
  background-position: center;
  background-image: url("../img/watches/centered/verizonwear24-realistic.png");
  background-repeat: no-repeat;
}

.no-skin-watch-container.applewatchsquare {
  border-radius: 18%;
}
.no-skin-watch-container.applewatchsquare img {
  border-radius: 18%;
}

.watch-container {
  display: block;
  margin: 100px auto 120px;
  width: 250px;
  height: 250px;
}
.watch-container.applewatchsquare {
  position: relative;
  overflow: visible;
}
.watch-container.applewatchsquare .watch-shadow {
  position: absolute;
  position: absolute;
  bottom: -50%;
  right: -30%;
  left: -30%;
  height: 16%;
  background: radial-gradient(ellipse at center, #969696 10%, rgba(0, 0, 0, 0) 50%);
  z-index: 0;
}
@media (max-width: 767px) {
  .watch-container.applewatchsquare .watch-shadow {
    right: 5%;
    left: 0%;
    opacity: 50%;
  }
}
.watch-container.applewatchsquare .watch-background {
  position: absolute;
  top: -50%;
  left: -50%;
  width: 200% !important;
  height: 200% !important;
  background-size: 100%;
  background-position: center;
  background-image: url("../img/watches/centered/applewatchsquare-realistic.png");
  background-repeat: no-repeat;
  z-index: 1;
  pointer-events: none;
}
.watch-container.applewatchsquare .watch-background img {
  width: 100%;
  height: 100%;
}
.watch-container.applewatchsquare .watch-inner-container {
  position: absolute !important;
  width: 67% !important;
  height: 67% !important;
  top: 15.5% !important;
  left: 13.5% !important;
  border-radius: 50% !important;
  overflow: hidden;
  z-index: 1;
}
.watch-container.applewatchsquare .watch-inner-container .canvas-container,
.watch-container.applewatchsquare .watch-inner-container canvas,
.watch-container.applewatchsquare .watch-inner-container .watchface-image {
  position: absolute !important;
  width: 100% !important;
  height: 100% !important;
  top: 0 !important;
  left: 0 !important;
  border-radius: 50% !important;
}
.watch-container.applewatchsquare .watch-inner-container .watchface-image {
  background-size: 100%;
  background-repeat: no-repeat;
}
.watch-container.applewatchsquare.watch-skin-preview {
  background-size: 100%;
  background-position: center;
  background-image: url("../img/watches/centered/applewatchsquare-realistic.png");
  background-repeat: no-repeat;
}

.no-skin-watch-container.ticwatchpro {
  border-radius: 18%;
}
.no-skin-watch-container.ticwatchpro img {
  border-radius: 18%;
}

.watch-container {
  display: block;
  margin: 100px auto 120px;
  width: 250px;
  height: 250px;
}
.watch-container.ticwatchpro {
  position: relative;
  overflow: visible;
}
.watch-container.ticwatchpro .watch-shadow {
  position: absolute;
  position: absolute;
  bottom: -50%;
  right: -30%;
  left: -30%;
  height: 16%;
  background: radial-gradient(ellipse at center, #969696 10%, rgba(0, 0, 0, 0) 50%);
  z-index: 0;
}
@media (max-width: 767px) {
  .watch-container.ticwatchpro .watch-shadow {
    right: 5%;
    left: 0%;
    opacity: 50%;
  }
}
.watch-container.ticwatchpro .watch-background {
  position: absolute;
  top: -50%;
  left: -50%;
  width: 200% !important;
  height: 200% !important;
  background-size: 100%;
  background-position: center;
  background-image: url("../img/watches/centered/ticwatchpro-realistic.png");
  background-repeat: no-repeat;
  z-index: 1;
  pointer-events: none;
}
.watch-container.ticwatchpro .watch-background img {
  width: 100%;
  height: 100%;
}
.watch-container.ticwatchpro .watch-inner-container {
  position: absolute !important;
  width: 84.5% !important;
  height: 84.5% !important;
  top: 7.5% !important;
  left: 6% !important;
  border-radius: 50% !important;
  overflow: hidden;
  z-index: 1;
}
.watch-container.ticwatchpro .watch-inner-container .canvas-container,
.watch-container.ticwatchpro .watch-inner-container canvas,
.watch-container.ticwatchpro .watch-inner-container .watchface-image {
  position: absolute !important;
  width: 100% !important;
  height: 100% !important;
  top: 0 !important;
  left: 0 !important;
  border-radius: 50% !important;
}
.watch-container.ticwatchpro .watch-inner-container .watchface-image {
  background-size: 100%;
  background-repeat: no-repeat;
}
.watch-container.ticwatchpro.watch-skin-preview {
  background-size: 100%;
  background-position: center;
  background-image: url("../img/watches/centered/ticwatchpro-realistic.png");
  background-repeat: no-repeat;
}

.no-skin-watch-container.galaxywatch {
  border-radius: 18%;
}
.no-skin-watch-container.galaxywatch img {
  border-radius: 18%;
}

.watch-container {
  display: block;
  margin: 100px auto 120px;
  width: 250px;
  height: 250px;
}
.watch-container.galaxywatch {
  position: relative;
  overflow: visible;
}
.watch-container.galaxywatch .watch-shadow {
  position: absolute;
  position: absolute;
  bottom: -50%;
  right: -30%;
  left: -30%;
  height: 16%;
  background: radial-gradient(ellipse at center, #969696 10%, rgba(0, 0, 0, 0) 50%);
  z-index: 0;
}
@media (max-width: 767px) {
  .watch-container.galaxywatch .watch-shadow {
    right: 5%;
    left: 0%;
    opacity: 50%;
  }
}
.watch-container.galaxywatch .watch-background {
  position: absolute;
  top: -50%;
  left: -50%;
  width: 200% !important;
  height: 200% !important;
  background-size: 100%;
  background-position: center;
  background-image: url("../img/watches/centered/galaxywatch-realistic.png");
  background-repeat: no-repeat;
  z-index: 1;
  pointer-events: none;
}
.watch-container.galaxywatch .watch-background img {
  width: 100%;
  height: 100%;
}
.watch-container.galaxywatch .watch-inner-container {
  position: absolute !important;
  width: 72.5% !important;
  height: 72.5% !important;
  top: 14% !important;
  left: 14% !important;
  border-radius: 50% !important;
  overflow: hidden;
  z-index: 1;
}
.watch-container.galaxywatch .watch-inner-container .canvas-container,
.watch-container.galaxywatch .watch-inner-container canvas,
.watch-container.galaxywatch .watch-inner-container .watchface-image {
  position: absolute !important;
  width: 100% !important;
  height: 100% !important;
  top: 0 !important;
  left: 0 !important;
  border-radius: 50% !important;
}
.watch-container.galaxywatch .watch-inner-container .watchface-image {
  background-size: 100%;
  background-repeat: no-repeat;
}
.watch-container.galaxywatch.watch-skin-preview {
  background-size: 100%;
  background-position: center;
  background-image: url("../img/watches/centered/galaxywatch-realistic.png");
  background-repeat: no-repeat;
}

.no-skin-watch-container.fossilsport {
  border-radius: 18%;
}
.no-skin-watch-container.fossilsport img {
  border-radius: 18%;
}

.watch-container {
  display: block;
  margin: 100px auto 120px;
  width: 250px;
  height: 250px;
}
.watch-container.fossilsport {
  position: relative;
  overflow: visible;
}
.watch-container.fossilsport .watch-shadow {
  position: absolute;
  position: absolute;
  bottom: -50%;
  right: -30%;
  left: -30%;
  height: 16%;
  background: radial-gradient(ellipse at center, #969696 10%, rgba(0, 0, 0, 0) 50%);
  z-index: 0;
}
@media (max-width: 767px) {
  .watch-container.fossilsport .watch-shadow {
    right: 5%;
    left: 0%;
    opacity: 50%;
  }
}
.watch-container.fossilsport .watch-background {
  position: absolute;
  top: -50%;
  left: -50%;
  width: 200% !important;
  height: 200% !important;
  background-size: 100%;
  background-position: center;
  background-image: url("../img/watches/centered/fossilsport-realistic.png");
  background-repeat: no-repeat;
  z-index: 1;
  pointer-events: none;
}
.watch-container.fossilsport .watch-background img {
  width: 100%;
  height: 100%;
}
.watch-container.fossilsport .watch-inner-container {
  position: absolute !important;
  width: 82% !important;
  height: 82% !important;
  top: 10.5% !important;
  left: 7.5% !important;
  border-radius: 50% !important;
  overflow: hidden;
  z-index: 1;
}
.watch-container.fossilsport .watch-inner-container .canvas-container,
.watch-container.fossilsport .watch-inner-container canvas,
.watch-container.fossilsport .watch-inner-container .watchface-image {
  position: absolute !important;
  width: 100% !important;
  height: 100% !important;
  top: 0 !important;
  left: 0 !important;
  border-radius: 50% !important;
}
.watch-container.fossilsport .watch-inner-container .watchface-image {
  background-size: 100%;
  background-repeat: no-repeat;
}
.watch-container.fossilsport.watch-skin-preview {
  background-size: 100%;
  background-position: center;
  background-image: url("../img/watches/centered/fossilsport-realistic.png");
  background-repeat: no-repeat;
}

.no-skin-watch-container.guessace {
  border-radius: 18%;
}
.no-skin-watch-container.guessace img {
  border-radius: 18%;
}

.watch-container {
  display: block;
  margin: 100px auto 120px;
  width: 250px;
  height: 250px;
}
.watch-container.guessace {
  position: relative;
  overflow: visible;
}
.watch-container.guessace .watch-shadow {
  position: absolute;
  position: absolute;
  bottom: -50%;
  right: -30%;
  left: -30%;
  height: 16%;
  background: radial-gradient(ellipse at center, #969696 10%, rgba(0, 0, 0, 0) 50%);
  z-index: 0;
}
@media (max-width: 767px) {
  .watch-container.guessace .watch-shadow {
    right: 5%;
    left: 0%;
    opacity: 50%;
  }
}
.watch-container.guessace .watch-background {
  position: absolute;
  top: -50%;
  left: -50%;
  width: 200% !important;
  height: 200% !important;
  background-size: 100%;
  background-position: center;
  background-image: url("../img/watches/centered/guessace-realistic.png");
  background-repeat: no-repeat;
  z-index: 1;
  pointer-events: none;
}
.watch-container.guessace .watch-background img {
  width: 100%;
  height: 100%;
}
.watch-container.guessace .watch-inner-container {
  position: absolute !important;
  width: 75% !important;
  height: 75% !important;
  top: 13% !important;
  left: 11% !important;
  border-radius: 50% !important;
  overflow: hidden;
  z-index: 1;
}
.watch-container.guessace .watch-inner-container .canvas-container,
.watch-container.guessace .watch-inner-container canvas,
.watch-container.guessace .watch-inner-container .watchface-image {
  position: absolute !important;
  width: 100% !important;
  height: 100% !important;
  top: 0 !important;
  left: 0 !important;
  border-radius: 50% !important;
}
.watch-container.guessace .watch-inner-container .watchface-image {
  background-size: 100%;
  background-repeat: no-repeat;
}
.watch-container.guessace.watch-skin-preview {
  background-size: 100%;
  background-position: center;
  background-image: url("../img/watches/centered/guessace-realistic.png");
  background-repeat: no-repeat;
}

.no-skin-watch-container.guessjemma {
  border-radius: 18%;
}
.no-skin-watch-container.guessjemma img {
  border-radius: 18%;
}

.watch-container {
  display: block;
  margin: 100px auto 120px;
  width: 250px;
  height: 250px;
}
.watch-container.guessjemma {
  position: relative;
  overflow: visible;
}
.watch-container.guessjemma .watch-shadow {
  position: absolute;
  position: absolute;
  bottom: -50%;
  right: -30%;
  left: -30%;
  height: 16%;
  background: radial-gradient(ellipse at center, #969696 10%, rgba(0, 0, 0, 0) 50%);
  z-index: 0;
}
@media (max-width: 767px) {
  .watch-container.guessjemma .watch-shadow {
    right: 5%;
    left: 0%;
    opacity: 50%;
  }
}
.watch-container.guessjemma .watch-background {
  position: absolute;
  top: -50%;
  left: -50%;
  width: 200% !important;
  height: 200% !important;
  background-size: 100%;
  background-position: center;
  background-image: url("../img/watches/centered/guessjemma-realistic.png");
  background-repeat: no-repeat;
  z-index: 1;
  pointer-events: none;
}
.watch-container.guessjemma .watch-background img {
  width: 100%;
  height: 100%;
}
.watch-container.guessjemma .watch-inner-container {
  position: absolute !important;
  width: 81.5% !important;
  height: 81.5% !important;
  top: 10.5% !important;
  left: 7.5% !important;
  border-radius: 50% !important;
  overflow: hidden;
  z-index: 1;
}
.watch-container.guessjemma .watch-inner-container .canvas-container,
.watch-container.guessjemma .watch-inner-container canvas,
.watch-container.guessjemma .watch-inner-container .watchface-image {
  position: absolute !important;
  width: 100% !important;
  height: 100% !important;
  top: 0 !important;
  left: 0 !important;
  border-radius: 50% !important;
}
.watch-container.guessjemma .watch-inner-container .watchface-image {
  background-size: 100%;
  background-repeat: no-repeat;
}
.watch-container.guessjemma.watch-skin-preview {
  background-size: 100%;
  background-position: center;
  background-image: url("../img/watches/centered/guessjemma-realistic.png");
  background-repeat: no-repeat;
}

.no-skin-watch-container.guesscassidy {
  border-radius: 18%;
}
.no-skin-watch-container.guesscassidy img {
  border-radius: 18%;
}

.watch-container {
  display: block;
  margin: 100px auto 120px;
  width: 250px;
  height: 250px;
}
.watch-container.guesscassidy {
  position: relative;
  overflow: visible;
}
.watch-container.guesscassidy .watch-shadow {
  position: absolute;
  position: absolute;
  bottom: -50%;
  right: -30%;
  left: -30%;
  height: 16%;
  background: radial-gradient(ellipse at center, #969696 10%, rgba(0, 0, 0, 0) 50%);
  z-index: 0;
}
@media (max-width: 767px) {
  .watch-container.guesscassidy .watch-shadow {
    right: 5%;
    left: 0%;
    opacity: 50%;
  }
}
.watch-container.guesscassidy .watch-background {
  position: absolute;
  top: -50%;
  left: -50%;
  width: 200% !important;
  height: 200% !important;
  background-size: 100%;
  background-position: center;
  background-image: url("../img/watches/centered/guesscassidy-realistic.png");
  background-repeat: no-repeat;
  z-index: 1;
  pointer-events: none;
}
.watch-container.guesscassidy .watch-background img {
  width: 100%;
  height: 100%;
}
.watch-container.guesscassidy .watch-inner-container {
  position: absolute !important;
  width: 82.5% !important;
  height: 82.5% !important;
  top: 10% !important;
  left: 7% !important;
  border-radius: 50% !important;
  overflow: hidden;
  z-index: 1;
}
.watch-container.guesscassidy .watch-inner-container .canvas-container,
.watch-container.guesscassidy .watch-inner-container canvas,
.watch-container.guesscassidy .watch-inner-container .watchface-image {
  position: absolute !important;
  width: 100% !important;
  height: 100% !important;
  top: 0 !important;
  left: 0 !important;
  border-radius: 50% !important;
}
.watch-container.guesscassidy .watch-inner-container .watchface-image {
  background-size: 100%;
  background-repeat: no-repeat;
}
.watch-container.guesscassidy.watch-skin-preview {
  background-size: 100%;
  background-position: center;
  background-image: url("../img/watches/centered/guesscassidy-realistic.png");
  background-repeat: no-repeat;
}

.no-skin-watch-container.katespadescallop {
  border-radius: 18%;
}
.no-skin-watch-container.katespadescallop img {
  border-radius: 18%;
}

.watch-container {
  display: block;
  margin: 100px auto 120px;
  width: 250px;
  height: 250px;
}
.watch-container.katespadescallop {
  position: relative;
  overflow: visible;
}
.watch-container.katespadescallop .watch-shadow {
  position: absolute;
  position: absolute;
  bottom: -50%;
  right: -30%;
  left: -30%;
  height: 16%;
  background: radial-gradient(ellipse at center, #969696 10%, rgba(0, 0, 0, 0) 50%);
  z-index: 0;
}
@media (max-width: 767px) {
  .watch-container.katespadescallop .watch-shadow {
    right: 5%;
    left: 0%;
    opacity: 50%;
  }
}
.watch-container.katespadescallop .watch-background {
  position: absolute;
  top: -50%;
  left: -50%;
  width: 200% !important;
  height: 200% !important;
  background-size: 100%;
  background-position: center;
  background-image: url("../img/watches/centered/katespadescallop-realistic.png");
  background-repeat: no-repeat;
  z-index: 1;
  pointer-events: none;
}
.watch-container.katespadescallop .watch-background img {
  width: 100%;
  height: 100%;
}
.watch-container.katespadescallop .watch-inner-container {
  position: absolute !important;
  width: 82.5% !important;
  height: 82.5% !important;
  top: 9% !important;
  left: 7% !important;
  border-radius: 50% !important;
  overflow: hidden;
  z-index: 1;
}
.watch-container.katespadescallop .watch-inner-container .canvas-container,
.watch-container.katespadescallop .watch-inner-container canvas,
.watch-container.katespadescallop .watch-inner-container .watchface-image {
  position: absolute !important;
  width: 100% !important;
  height: 100% !important;
  top: 0 !important;
  left: 0 !important;
  border-radius: 50% !important;
}
.watch-container.katespadescallop .watch-inner-container .watchface-image {
  background-size: 100%;
  background-repeat: no-repeat;
}
.watch-container.katespadescallop.watch-skin-preview {
  background-size: 100%;
  background-position: center;
  background-image: url("../img/watches/centered/katespadescallop-realistic.png");
  background-repeat: no-repeat;
}

.no-skin-watch-container.michaelkorsaccesssofie {
  border-radius: 18%;
}
.no-skin-watch-container.michaelkorsaccesssofie img {
  border-radius: 18%;
}

.watch-container {
  display: block;
  margin: 100px auto 120px;
  width: 250px;
  height: 250px;
}
.watch-container.michaelkorsaccesssofie {
  position: relative;
  overflow: visible;
}
.watch-container.michaelkorsaccesssofie .watch-shadow {
  position: absolute;
  position: absolute;
  bottom: -50%;
  right: -30%;
  left: -30%;
  height: 16%;
  background: radial-gradient(ellipse at center, #969696 10%, rgba(0, 0, 0, 0) 50%);
  z-index: 0;
}
@media (max-width: 767px) {
  .watch-container.michaelkorsaccesssofie .watch-shadow {
    right: 5%;
    left: 0%;
    opacity: 50%;
  }
}
.watch-container.michaelkorsaccesssofie .watch-background {
  position: absolute;
  top: -50%;
  left: -50%;
  width: 200% !important;
  height: 200% !important;
  background-size: 100%;
  background-position: center;
  background-image: url("../img/watches/centered/michaelkorsaccesssofie-realistic.png");
  background-repeat: no-repeat;
  z-index: 1;
  pointer-events: none;
}
.watch-container.michaelkorsaccesssofie .watch-background img {
  width: 100%;
  height: 100%;
}
.watch-container.michaelkorsaccesssofie .watch-inner-container {
  position: absolute !important;
  width: 75.5% !important;
  height: 75.5% !important;
  top: 12% !important;
  left: 12% !important;
  border-radius: 50% !important;
  overflow: hidden;
  z-index: 1;
}
.watch-container.michaelkorsaccesssofie .watch-inner-container .canvas-container,
.watch-container.michaelkorsaccesssofie .watch-inner-container canvas,
.watch-container.michaelkorsaccesssofie .watch-inner-container .watchface-image {
  position: absolute !important;
  width: 100% !important;
  height: 100% !important;
  top: 0 !important;
  left: 0 !important;
  border-radius: 50% !important;
}
.watch-container.michaelkorsaccesssofie .watch-inner-container .watchface-image {
  background-size: 100%;
  background-repeat: no-repeat;
}
.watch-container.michaelkorsaccesssofie.watch-skin-preview {
  background-size: 100%;
  background-position: center;
  background-image: url("../img/watches/centered/michaelkorsaccesssofie-realistic.png");
  background-repeat: no-repeat;
}

.no-skin-watch-container.movadoconnect {
  border-radius: 18%;
}
.no-skin-watch-container.movadoconnect img {
  border-radius: 18%;
}

.watch-container {
  display: block;
  margin: 100px auto 120px;
  width: 250px;
  height: 250px;
}
.watch-container.movadoconnect {
  position: relative;
  overflow: visible;
}
.watch-container.movadoconnect .watch-shadow {
  position: absolute;
  position: absolute;
  bottom: -50%;
  right: -30%;
  left: -30%;
  height: 16%;
  background: radial-gradient(ellipse at center, #969696 10%, rgba(0, 0, 0, 0) 50%);
  z-index: 0;
}
@media (max-width: 767px) {
  .watch-container.movadoconnect .watch-shadow {
    right: 5%;
    left: 0%;
    opacity: 50%;
  }
}
.watch-container.movadoconnect .watch-background {
  position: absolute;
  top: -50%;
  left: -50%;
  width: 200% !important;
  height: 200% !important;
  background-size: 100%;
  background-position: center;
  background-image: url("../img/watches/centered/movadoconnect-realistic.png");
  background-repeat: no-repeat;
  z-index: 1;
  pointer-events: none;
}
.watch-container.movadoconnect .watch-background img {
  width: 100%;
  height: 100%;
}
.watch-container.movadoconnect .watch-inner-container {
  position: absolute !important;
  width: 82.5% !important;
  height: 82.5% !important;
  top: 8.5% !important;
  left: 7.5% !important;
  border-radius: 50% !important;
  overflow: hidden;
  z-index: 1;
}
.watch-container.movadoconnect .watch-inner-container .canvas-container,
.watch-container.movadoconnect .watch-inner-container canvas,
.watch-container.movadoconnect .watch-inner-container .watchface-image {
  position: absolute !important;
  width: 100% !important;
  height: 100% !important;
  top: 0 !important;
  left: 0 !important;
  border-radius: 50% !important;
}
.watch-container.movadoconnect .watch-inner-container .watchface-image {
  background-size: 100%;
  background-repeat: no-repeat;
}
.watch-container.movadoconnect.watch-skin-preview {
  background-size: 100%;
  background-position: center;
  background-image: url("../img/watches/centered/movadoconnect-realistic.png");
  background-repeat: no-repeat;
}

.no-skin-watch-container.skagenfalster1 {
  border-radius: 18%;
}
.no-skin-watch-container.skagenfalster1 img {
  border-radius: 18%;
}

.watch-container {
  display: block;
  margin: 100px auto 120px;
  width: 250px;
  height: 250px;
}
.watch-container.skagenfalster1 {
  position: relative;
  overflow: visible;
}
.watch-container.skagenfalster1 .watch-shadow {
  position: absolute;
  position: absolute;
  bottom: -50%;
  right: -30%;
  left: -30%;
  height: 16%;
  background: radial-gradient(ellipse at center, #969696 10%, rgba(0, 0, 0, 0) 50%);
  z-index: 0;
}
@media (max-width: 767px) {
  .watch-container.skagenfalster1 .watch-shadow {
    right: 5%;
    left: 0%;
    opacity: 50%;
  }
}
.watch-container.skagenfalster1 .watch-background {
  position: absolute;
  top: -50%;
  left: -50%;
  width: 200% !important;
  height: 200% !important;
  background-size: 100%;
  background-position: center;
  background-image: url("../img/watches/centered/skagenfalster1-realistic.png");
  background-repeat: no-repeat;
  z-index: 1;
  pointer-events: none;
}
.watch-container.skagenfalster1 .watch-background img {
  width: 100%;
  height: 100%;
}
.watch-container.skagenfalster1 .watch-inner-container {
  position: absolute !important;
  width: 78.5% !important;
  height: 78.5% !important;
  top: 8.5% !important;
  left: 9.5% !important;
  border-radius: 50% !important;
  overflow: hidden;
  z-index: 1;
}
.watch-container.skagenfalster1 .watch-inner-container .canvas-container,
.watch-container.skagenfalster1 .watch-inner-container canvas,
.watch-container.skagenfalster1 .watch-inner-container .watchface-image {
  position: absolute !important;
  width: 100% !important;
  height: 100% !important;
  top: 0 !important;
  left: 0 !important;
  border-radius: 50% !important;
}
.watch-container.skagenfalster1 .watch-inner-container .watchface-image {
  background-size: 100%;
  background-repeat: no-repeat;
}
.watch-container.skagenfalster1.watch-skin-preview {
  background-size: 100%;
  background-position: center;
  background-image: url("../img/watches/centered/skagenfalster1-realistic.png");
  background-repeat: no-repeat;
}

.no-skin-watch-container.skagenfalster2 {
  border-radius: 18%;
}
.no-skin-watch-container.skagenfalster2 img {
  border-radius: 18%;
}

.watch-container {
  display: block;
  margin: 100px auto 120px;
  width: 250px;
  height: 250px;
}
.watch-container.skagenfalster2 {
  position: relative;
  overflow: visible;
}
.watch-container.skagenfalster2 .watch-shadow {
  position: absolute;
  position: absolute;
  bottom: -50%;
  right: -30%;
  left: -30%;
  height: 16%;
  background: radial-gradient(ellipse at center, #969696 10%, rgba(0, 0, 0, 0) 50%);
  z-index: 0;
}
@media (max-width: 767px) {
  .watch-container.skagenfalster2 .watch-shadow {
    right: 5%;
    left: 0%;
    opacity: 50%;
  }
}
.watch-container.skagenfalster2 .watch-background {
  position: absolute;
  top: -50%;
  left: -50%;
  width: 200% !important;
  height: 200% !important;
  background-size: 100%;
  background-position: center;
  background-image: url("../img/watches/centered/skagenfalster2-realistic.png");
  background-repeat: no-repeat;
  z-index: 1;
  pointer-events: none;
}
.watch-container.skagenfalster2 .watch-background img {
  width: 100%;
  height: 100%;
}
.watch-container.skagenfalster2 .watch-inner-container {
  position: absolute !important;
  width: 89.5% !important;
  height: 89.5% !important;
  top: 5% !important;
  left: 4% !important;
  border-radius: 50% !important;
  overflow: hidden;
  z-index: 1;
}
.watch-container.skagenfalster2 .watch-inner-container .canvas-container,
.watch-container.skagenfalster2 .watch-inner-container canvas,
.watch-container.skagenfalster2 .watch-inner-container .watchface-image {
  position: absolute !important;
  width: 100% !important;
  height: 100% !important;
  top: 0 !important;
  left: 0 !important;
  border-radius: 50% !important;
}
.watch-container.skagenfalster2 .watch-inner-container .watchface-image {
  background-size: 100%;
  background-repeat: no-repeat;
}
.watch-container.skagenfalster2.watch-skin-preview {
  background-size: 100%;
  background-position: center;
  background-image: url("../img/watches/centered/skagenfalster2-realistic.png");
  background-repeat: no-repeat;
}

.no-skin-watch-container.armaniconnected {
  border-radius: 18%;
}
.no-skin-watch-container.armaniconnected img {
  border-radius: 18%;
}

.watch-container {
  display: block;
  margin: 100px auto 120px;
  width: 250px;
  height: 250px;
}
.watch-container.armaniconnected {
  position: relative;
  overflow: visible;
}
.watch-container.armaniconnected .watch-shadow {
  position: absolute;
  position: absolute;
  bottom: -50%;
  right: -30%;
  left: -30%;
  height: 16%;
  background: radial-gradient(ellipse at center, #969696 10%, rgba(0, 0, 0, 0) 50%);
  z-index: 0;
}
@media (max-width: 767px) {
  .watch-container.armaniconnected .watch-shadow {
    right: 5%;
    left: 0%;
    opacity: 50%;
  }
}
.watch-container.armaniconnected .watch-background {
  position: absolute;
  top: -50%;
  left: -50%;
  width: 200% !important;
  height: 200% !important;
  background-size: 100%;
  background-position: center;
  background-image: url("../img/watches/centered/armaniconnected-realistic.png");
  background-repeat: no-repeat;
  z-index: 1;
  pointer-events: none;
}
.watch-container.armaniconnected .watch-background img {
  width: 100%;
  height: 100%;
}
.watch-container.armaniconnected .watch-inner-container {
  position: absolute !important;
  width: 84.5% !important;
  height: 84.5% !important;
  top: 8.5% !important;
  left: 6.5% !important;
  border-radius: 50% !important;
  overflow: hidden;
  z-index: 1;
}
.watch-container.armaniconnected .watch-inner-container .canvas-container,
.watch-container.armaniconnected .watch-inner-container canvas,
.watch-container.armaniconnected .watch-inner-container .watchface-image {
  position: absolute !important;
  width: 100% !important;
  height: 100% !important;
  top: 0 !important;
  left: 0 !important;
  border-radius: 50% !important;
}
.watch-container.armaniconnected .watch-inner-container .watchface-image {
  background-size: 100%;
  background-repeat: no-repeat;
}
.watch-container.armaniconnected.watch-skin-preview {
  background-size: 100%;
  background-position: center;
  background-image: url("../img/watches/centered/armaniconnected-realistic.png");
  background-repeat: no-repeat;
}

.no-skin-watch-container.montblancsummit2 {
  border-radius: 18%;
}
.no-skin-watch-container.montblancsummit2 img {
  border-radius: 18%;
}

.watch-container {
  display: block;
  margin: 100px auto 120px;
  width: 250px;
  height: 250px;
}
.watch-container.montblancsummit2 {
  position: relative;
  overflow: visible;
}
.watch-container.montblancsummit2 .watch-shadow {
  position: absolute;
  position: absolute;
  bottom: -50%;
  right: -30%;
  left: -30%;
  height: 16%;
  background: radial-gradient(ellipse at center, #969696 10%, rgba(0, 0, 0, 0) 50%);
  z-index: 0;
}
@media (max-width: 767px) {
  .watch-container.montblancsummit2 .watch-shadow {
    right: 5%;
    left: 0%;
    opacity: 50%;
  }
}
.watch-container.montblancsummit2 .watch-background {
  position: absolute;
  top: -50%;
  left: -50%;
  width: 200% !important;
  height: 200% !important;
  background-size: 100%;
  background-position: center;
  background-image: url("../img/watches/centered/montblancsummit2-realistic.png");
  background-repeat: no-repeat;
  z-index: 1;
  pointer-events: none;
}
.watch-container.montblancsummit2 .watch-background img {
  width: 100%;
  height: 100%;
}
.watch-container.montblancsummit2 .watch-inner-container {
  position: absolute !important;
  width: 70% !important;
  height: 70% !important;
  top: 16.5% !important;
  left: 14% !important;
  border-radius: 50% !important;
  overflow: hidden;
  z-index: 1;
}
.watch-container.montblancsummit2 .watch-inner-container .canvas-container,
.watch-container.montblancsummit2 .watch-inner-container canvas,
.watch-container.montblancsummit2 .watch-inner-container .watchface-image {
  position: absolute !important;
  width: 100% !important;
  height: 100% !important;
  top: 0 !important;
  left: 0 !important;
  border-radius: 50% !important;
}
.watch-container.montblancsummit2 .watch-inner-container .watchface-image {
  background-size: 100%;
  background-repeat: no-repeat;
}
.watch-container.montblancsummit2.watch-skin-preview {
  background-size: 100%;
  background-position: center;
  background-image: url("../img/watches/centered/montblancsummit2-realistic.png");
  background-repeat: no-repeat;
}

.no-skin-watch-container.ticwatchc2 {
  border-radius: 18%;
}
.no-skin-watch-container.ticwatchc2 img {
  border-radius: 18%;
}

.watch-container {
  display: block;
  margin: 100px auto 120px;
  width: 250px;
  height: 250px;
}
.watch-container.ticwatchc2 {
  position: relative;
  overflow: visible;
}
.watch-container.ticwatchc2 .watch-shadow {
  position: absolute;
  position: absolute;
  bottom: -50%;
  right: -30%;
  left: -30%;
  height: 16%;
  background: radial-gradient(ellipse at center, #969696 10%, rgba(0, 0, 0, 0) 50%);
  z-index: 0;
}
@media (max-width: 767px) {
  .watch-container.ticwatchc2 .watch-shadow {
    right: 5%;
    left: 0%;
    opacity: 50%;
  }
}
.watch-container.ticwatchc2 .watch-background {
  position: absolute;
  top: -50%;
  left: -50%;
  width: 200% !important;
  height: 200% !important;
  background-size: 100%;
  background-position: center;
  background-image: url("../img/watches/centered/ticwatchc2-realistic.png");
  background-repeat: no-repeat;
  z-index: 1;
  pointer-events: none;
}
.watch-container.ticwatchc2 .watch-background img {
  width: 100%;
  height: 100%;
}
.watch-container.ticwatchc2 .watch-inner-container {
  position: absolute !important;
  width: 77% !important;
  height: 77% !important;
  top: 13.5% !important;
  left: 10% !important;
  border-radius: 50% !important;
  overflow: hidden;
  z-index: 1;
}
.watch-container.ticwatchc2 .watch-inner-container .canvas-container,
.watch-container.ticwatchc2 .watch-inner-container canvas,
.watch-container.ticwatchc2 .watch-inner-container .watchface-image {
  position: absolute !important;
  width: 100% !important;
  height: 100% !important;
  top: 0 !important;
  left: 0 !important;
  border-radius: 50% !important;
}
.watch-container.ticwatchc2 .watch-inner-container .watchface-image {
  background-size: 100%;
  background-repeat: no-repeat;
}
.watch-container.ticwatchc2.watch-skin-preview {
  background-size: 100%;
  background-position: center;
  background-image: url("../img/watches/centered/ticwatchc2-realistic.png");
  background-repeat: no-repeat;
}

.no-skin-watch-container.applewatch4silvermilanese {
  border-radius: 17%/12.4%;
}
.no-skin-watch-container.applewatch4silvermilanese img {
  border-radius: 18%/14.4%;
}

.watch-container {
  display: block;
  margin: 100px auto 120px;
  width: 250px;
  height: 250px;
}
.watch-container.applewatch4silvermilanese {
  position: relative;
  overflow: visible;
}
.watch-container.applewatch4silvermilanese .watch-shadow {
  position: absolute;
  position: absolute;
  bottom: -50%;
  right: -30%;
  left: -30%;
  height: 16%;
  background: radial-gradient(ellipse at center, #969696 10%, rgba(0, 0, 0, 0) 50%);
  z-index: 0;
}
@media (max-width: 767px) {
  .watch-container.applewatch4silvermilanese .watch-shadow {
    right: 5%;
    left: 0%;
    opacity: 50%;
  }
}
.watch-container.applewatch4silvermilanese .watch-background {
  position: absolute;
  top: -50%;
  left: -50%;
  width: 200% !important;
  height: 200% !important;
  background-size: 100%;
  background-position: center;
  background-image: url("../img/watches/centered/applewatch4silvermilanese-realistic.png");
  background-repeat: no-repeat;
  z-index: 1;
  pointer-events: none;
}
.watch-container.applewatch4silvermilanese .watch-background img {
  width: 100%;
  height: 100%;
}
.watch-container.applewatch4silvermilanese .watch-inner-container {
  position: absolute !important;
  width: 75% !important;
  height: 93.75% !important;
  top: 0.5% !important;
  left: 10% !important;
  border-radius: 18%/14.4% !important;
  overflow: hidden;
  z-index: 1;
}
.watch-container.applewatch4silvermilanese .watch-inner-container .canvas-container,
.watch-container.applewatch4silvermilanese .watch-inner-container canvas,
.watch-container.applewatch4silvermilanese .watch-inner-container .watchface-image {
  position: absolute !important;
  width: 100% !important;
  height: 100% !important;
  top: 0 !important;
  left: 0 !important;
  border-radius: 18%/14.4% !important;
}
.watch-container.applewatch4silvermilanese .watch-inner-container .watchface-image {
  background-size: 100%;
  background-repeat: no-repeat;
}
.watch-container.applewatch4silvermilanese.watch-skin-preview {
  background-size: 100%;
  background-position: center;
  background-image: url("../img/watches/centered/applewatch4silvermilanese-realistic.png");
  background-repeat: no-repeat;
}

.no-skin-watch-container.applewatch4sportwhite {
  border-radius: 17%/12.4%;
}
.no-skin-watch-container.applewatch4sportwhite img {
  border-radius: 18%/14.4%;
}

.watch-container {
  display: block;
  margin: 100px auto 120px;
  width: 250px;
  height: 250px;
}
.watch-container.applewatch4sportwhite {
  position: relative;
  overflow: visible;
}
.watch-container.applewatch4sportwhite .watch-shadow {
  position: absolute;
  position: absolute;
  bottom: -50%;
  right: -30%;
  left: -30%;
  height: 16%;
  background: radial-gradient(ellipse at center, #969696 10%, rgba(0, 0, 0, 0) 50%);
  z-index: 0;
}
@media (max-width: 767px) {
  .watch-container.applewatch4sportwhite .watch-shadow {
    right: 5%;
    left: 0%;
    opacity: 50%;
  }
}
.watch-container.applewatch4sportwhite .watch-background {
  position: absolute;
  top: -50%;
  left: -50%;
  width: 200% !important;
  height: 200% !important;
  background-size: 100%;
  background-position: center;
  background-image: url("../img/watches/centered/applewatch4sportwhite-realistic.png");
  background-repeat: no-repeat;
  z-index: 1;
  pointer-events: none;
}
.watch-container.applewatch4sportwhite .watch-background img {
  width: 100%;
  height: 100%;
}
.watch-container.applewatch4sportwhite .watch-inner-container {
  position: absolute !important;
  width: 75% !important;
  height: 93.75% !important;
  top: 0.5% !important;
  left: 10% !important;
  border-radius: 18%/14.4% !important;
  overflow: hidden;
  z-index: 1;
}
.watch-container.applewatch4sportwhite .watch-inner-container .canvas-container,
.watch-container.applewatch4sportwhite .watch-inner-container canvas,
.watch-container.applewatch4sportwhite .watch-inner-container .watchface-image {
  position: absolute !important;
  width: 100% !important;
  height: 100% !important;
  top: 0 !important;
  left: 0 !important;
  border-radius: 18%/14.4% !important;
}
.watch-container.applewatch4sportwhite .watch-inner-container .watchface-image {
  background-size: 100%;
  background-repeat: no-repeat;
}
.watch-container.applewatch4sportwhite.watch-skin-preview {
  background-size: 100%;
  background-position: center;
  background-image: url("../img/watches/centered/applewatch4sportwhite-realistic.png");
  background-repeat: no-repeat;
}

.no-skin-watch-container.applewatch4sportblack {
  border-radius: 17%/12.4%;
}
.no-skin-watch-container.applewatch4sportblack img {
  border-radius: 18%/14.4%;
}

.watch-container {
  display: block;
  margin: 100px auto 120px;
  width: 250px;
  height: 250px;
}
.watch-container.applewatch4sportblack {
  position: relative;
  overflow: visible;
}
.watch-container.applewatch4sportblack .watch-shadow {
  position: absolute;
  position: absolute;
  bottom: -50%;
  right: -30%;
  left: -30%;
  height: 16%;
  background: radial-gradient(ellipse at center, #969696 10%, rgba(0, 0, 0, 0) 50%);
  z-index: 0;
}
@media (max-width: 767px) {
  .watch-container.applewatch4sportblack .watch-shadow {
    right: 5%;
    left: 0%;
    opacity: 50%;
  }
}
.watch-container.applewatch4sportblack .watch-background {
  position: absolute;
  top: -50%;
  left: -50%;
  width: 200% !important;
  height: 200% !important;
  background-size: 100%;
  background-position: center;
  background-image: url("../img/watches/centered/applewatch4sportblack-realistic.png");
  background-repeat: no-repeat;
  z-index: 1;
  pointer-events: none;
}
.watch-container.applewatch4sportblack .watch-background img {
  width: 100%;
  height: 100%;
}
.watch-container.applewatch4sportblack .watch-inner-container {
  position: absolute !important;
  width: 75% !important;
  height: 93.75% !important;
  top: 0.5% !important;
  left: 10% !important;
  border-radius: 18%/14.4% !important;
  overflow: hidden;
  z-index: 1;
}
.watch-container.applewatch4sportblack .watch-inner-container .canvas-container,
.watch-container.applewatch4sportblack .watch-inner-container canvas,
.watch-container.applewatch4sportblack .watch-inner-container .watchface-image {
  position: absolute !important;
  width: 100% !important;
  height: 100% !important;
  top: 0 !important;
  left: 0 !important;
  border-radius: 18%/14.4% !important;
}
.watch-container.applewatch4sportblack .watch-inner-container .watchface-image {
  background-size: 100%;
  background-repeat: no-repeat;
}
.watch-container.applewatch4sportblack.watch-skin-preview {
  background-size: 100%;
  background-position: center;
  background-image: url("../img/watches/centered/applewatch4sportblack-realistic.png");
  background-repeat: no-repeat;
}

.no-skin-watch-container.applewatch4goldmilanese {
  border-radius: 17%/12.4%;
}
.no-skin-watch-container.applewatch4goldmilanese img {
  border-radius: 18%/14.4%;
}

.watch-container {
  display: block;
  margin: 100px auto 120px;
  width: 250px;
  height: 250px;
}
.watch-container.applewatch4goldmilanese {
  position: relative;
  overflow: visible;
}
.watch-container.applewatch4goldmilanese .watch-shadow {
  position: absolute;
  position: absolute;
  bottom: -50%;
  right: -30%;
  left: -30%;
  height: 16%;
  background: radial-gradient(ellipse at center, #969696 10%, rgba(0, 0, 0, 0) 50%);
  z-index: 0;
}
@media (max-width: 767px) {
  .watch-container.applewatch4goldmilanese .watch-shadow {
    right: 5%;
    left: 0%;
    opacity: 50%;
  }
}
.watch-container.applewatch4goldmilanese .watch-background {
  position: absolute;
  top: -50%;
  left: -50%;
  width: 200% !important;
  height: 200% !important;
  background-size: 100%;
  background-position: center;
  background-image: url("../img/watches/centered/applewatch4goldmilanese-realistic.png");
  background-repeat: no-repeat;
  z-index: 1;
  pointer-events: none;
}
.watch-container.applewatch4goldmilanese .watch-background img {
  width: 100%;
  height: 100%;
}
.watch-container.applewatch4goldmilanese .watch-inner-container {
  position: absolute !important;
  width: 75% !important;
  height: 93.75% !important;
  top: 0.5% !important;
  left: 10% !important;
  border-radius: 18%/14.4% !important;
  overflow: hidden;
  z-index: 1;
}
.watch-container.applewatch4goldmilanese .watch-inner-container .canvas-container,
.watch-container.applewatch4goldmilanese .watch-inner-container canvas,
.watch-container.applewatch4goldmilanese .watch-inner-container .watchface-image {
  position: absolute !important;
  width: 100% !important;
  height: 100% !important;
  top: 0 !important;
  left: 0 !important;
  border-radius: 18%/14.4% !important;
}
.watch-container.applewatch4goldmilanese .watch-inner-container .watchface-image {
  background-size: 100%;
  background-repeat: no-repeat;
}
.watch-container.applewatch4goldmilanese.watch-skin-preview {
  background-size: 100%;
  background-position: center;
  background-image: url("../img/watches/centered/applewatch4goldmilanese-realistic.png");
  background-repeat: no-repeat;
}

.no-skin-watch-container.applewatch4stainlessblack {
  border-radius: 17%/12.4%;
}
.no-skin-watch-container.applewatch4stainlessblack img {
  border-radius: 18%/14.4%;
}

.watch-container {
  display: block;
  margin: 100px auto 120px;
  width: 250px;
  height: 250px;
}
.watch-container.applewatch4stainlessblack {
  position: relative;
  overflow: visible;
}
.watch-container.applewatch4stainlessblack .watch-shadow {
  position: absolute;
  position: absolute;
  bottom: -50%;
  right: -30%;
  left: -30%;
  height: 16%;
  background: radial-gradient(ellipse at center, #969696 10%, rgba(0, 0, 0, 0) 50%);
  z-index: 0;
}
@media (max-width: 767px) {
  .watch-container.applewatch4stainlessblack .watch-shadow {
    right: 5%;
    left: 0%;
    opacity: 50%;
  }
}
.watch-container.applewatch4stainlessblack .watch-background {
  position: absolute;
  top: -50%;
  left: -50%;
  width: 200% !important;
  height: 200% !important;
  background-size: 100%;
  background-position: center;
  background-image: url("../img/watches/centered/applewatch4stainlessblack-realistic.png");
  background-repeat: no-repeat;
  z-index: 1;
  pointer-events: none;
}
.watch-container.applewatch4stainlessblack .watch-background img {
  width: 100%;
  height: 100%;
}
.watch-container.applewatch4stainlessblack .watch-inner-container {
  position: absolute !important;
  width: 75% !important;
  height: 93.75% !important;
  top: 0.5% !important;
  left: 10% !important;
  border-radius: 18%/14.4% !important;
  overflow: hidden;
  z-index: 1;
}
.watch-container.applewatch4stainlessblack .watch-inner-container .canvas-container,
.watch-container.applewatch4stainlessblack .watch-inner-container canvas,
.watch-container.applewatch4stainlessblack .watch-inner-container .watchface-image {
  position: absolute !important;
  width: 100% !important;
  height: 100% !important;
  top: 0 !important;
  left: 0 !important;
  border-radius: 18%/14.4% !important;
}
.watch-container.applewatch4stainlessblack .watch-inner-container .watchface-image {
  background-size: 100%;
  background-repeat: no-repeat;
}
.watch-container.applewatch4stainlessblack.watch-skin-preview {
  background-size: 100%;
  background-position: center;
  background-image: url("../img/watches/centered/applewatch4stainlessblack-realistic.png");
  background-repeat: no-repeat;
}

.no-skin-watch-container.montblancsummit2steelcasebrownleather {
  border-radius: 18%;
}
.no-skin-watch-container.montblancsummit2steelcasebrownleather img {
  border-radius: 18%;
}

.watch-container {
  display: block;
  margin: 100px auto 120px;
  width: 250px;
  height: 250px;
}
.watch-container.montblancsummit2steelcasebrownleather {
  position: relative;
  overflow: visible;
}
.watch-container.montblancsummit2steelcasebrownleather .watch-shadow {
  position: absolute;
  position: absolute;
  bottom: -50%;
  right: -30%;
  left: -30%;
  height: 16%;
  background: radial-gradient(ellipse at center, #969696 10%, rgba(0, 0, 0, 0) 50%);
  z-index: 0;
}
@media (max-width: 767px) {
  .watch-container.montblancsummit2steelcasebrownleather .watch-shadow {
    right: 5%;
    left: 0%;
    opacity: 50%;
  }
}
.watch-container.montblancsummit2steelcasebrownleather .watch-background {
  position: absolute;
  top: -50%;
  left: -50%;
  width: 200% !important;
  height: 200% !important;
  background-size: 100%;
  background-position: center;
  background-image: url("../img/watches/centered/montblancsummit2steelcasebrownleather-realistic.png");
  background-repeat: no-repeat;
  z-index: 1;
  pointer-events: none;
}
.watch-container.montblancsummit2steelcasebrownleather .watch-background img {
  width: 100%;
  height: 100%;
}
.watch-container.montblancsummit2steelcasebrownleather .watch-inner-container {
  position: absolute !important;
  width: 70% !important;
  height: 70% !important;
  top: 16.5% !important;
  left: 14% !important;
  border-radius: 50% !important;
  overflow: hidden;
  z-index: 1;
}
.watch-container.montblancsummit2steelcasebrownleather .watch-inner-container .canvas-container,
.watch-container.montblancsummit2steelcasebrownleather .watch-inner-container canvas,
.watch-container.montblancsummit2steelcasebrownleather .watch-inner-container .watchface-image {
  position: absolute !important;
  width: 100% !important;
  height: 100% !important;
  top: 0 !important;
  left: 0 !important;
  border-radius: 50% !important;
}
.watch-container.montblancsummit2steelcasebrownleather .watch-inner-container .watchface-image {
  background-size: 100%;
  background-repeat: no-repeat;
}
.watch-container.montblancsummit2steelcasebrownleather.watch-skin-preview {
  background-size: 100%;
  background-position: center;
  background-image: url("../img/watches/centered/montblancsummit2steelcasebrownleather-realistic.png");
  background-repeat: no-repeat;
}

.no-skin-watch-container.montblancsummit2steelcasebluecanvas {
  border-radius: 18%;
}
.no-skin-watch-container.montblancsummit2steelcasebluecanvas img {
  border-radius: 18%;
}

.watch-container {
  display: block;
  margin: 100px auto 120px;
  width: 250px;
  height: 250px;
}
.watch-container.montblancsummit2steelcasebluecanvas {
  position: relative;
  overflow: visible;
}
.watch-container.montblancsummit2steelcasebluecanvas .watch-shadow {
  position: absolute;
  position: absolute;
  bottom: -50%;
  right: -30%;
  left: -30%;
  height: 16%;
  background: radial-gradient(ellipse at center, #969696 10%, rgba(0, 0, 0, 0) 50%);
  z-index: 0;
}
@media (max-width: 767px) {
  .watch-container.montblancsummit2steelcasebluecanvas .watch-shadow {
    right: 5%;
    left: 0%;
    opacity: 50%;
  }
}
.watch-container.montblancsummit2steelcasebluecanvas .watch-background {
  position: absolute;
  top: -50%;
  left: -50%;
  width: 200% !important;
  height: 200% !important;
  background-size: 100%;
  background-position: center;
  background-image: url("../img/watches/centered/montblancsummit2steelcasebluecanvas-realistic.png");
  background-repeat: no-repeat;
  z-index: 1;
  pointer-events: none;
}
.watch-container.montblancsummit2steelcasebluecanvas .watch-background img {
  width: 100%;
  height: 100%;
}
.watch-container.montblancsummit2steelcasebluecanvas .watch-inner-container {
  position: absolute !important;
  width: 70% !important;
  height: 70% !important;
  top: 16% !important;
  left: 14% !important;
  border-radius: 50% !important;
  overflow: hidden;
  z-index: 1;
}
.watch-container.montblancsummit2steelcasebluecanvas .watch-inner-container .canvas-container,
.watch-container.montblancsummit2steelcasebluecanvas .watch-inner-container canvas,
.watch-container.montblancsummit2steelcasebluecanvas .watch-inner-container .watchface-image {
  position: absolute !important;
  width: 100% !important;
  height: 100% !important;
  top: 0 !important;
  left: 0 !important;
  border-radius: 50% !important;
}
.watch-container.montblancsummit2steelcasebluecanvas .watch-inner-container .watchface-image {
  background-size: 100%;
  background-repeat: no-repeat;
}
.watch-container.montblancsummit2steelcasebluecanvas.watch-skin-preview {
  background-size: 100%;
  background-position: center;
  background-image: url("../img/watches/centered/montblancsummit2steelcasebluecanvas-realistic.png");
  background-repeat: no-repeat;
}

.no-skin-watch-container.montblancsummit2steelcaseblueleather {
  border-radius: 18%;
}
.no-skin-watch-container.montblancsummit2steelcaseblueleather img {
  border-radius: 18%;
}

.watch-container {
  display: block;
  margin: 100px auto 120px;
  width: 250px;
  height: 250px;
}
.watch-container.montblancsummit2steelcaseblueleather {
  position: relative;
  overflow: visible;
}
.watch-container.montblancsummit2steelcaseblueleather .watch-shadow {
  position: absolute;
  position: absolute;
  bottom: -50%;
  right: -30%;
  left: -30%;
  height: 16%;
  background: radial-gradient(ellipse at center, #969696 10%, rgba(0, 0, 0, 0) 50%);
  z-index: 0;
}
@media (max-width: 767px) {
  .watch-container.montblancsummit2steelcaseblueleather .watch-shadow {
    right: 5%;
    left: 0%;
    opacity: 50%;
  }
}
.watch-container.montblancsummit2steelcaseblueleather .watch-background {
  position: absolute;
  top: -50%;
  left: -50%;
  width: 200% !important;
  height: 200% !important;
  background-size: 100%;
  background-position: center;
  background-image: url("../img/watches/centered/montblancsummit2steelcaseblueleather-realistic.png");
  background-repeat: no-repeat;
  z-index: 1;
  pointer-events: none;
}
.watch-container.montblancsummit2steelcaseblueleather .watch-background img {
  width: 100%;
  height: 100%;
}
.watch-container.montblancsummit2steelcaseblueleather .watch-inner-container {
  position: absolute !important;
  width: 70% !important;
  height: 70% !important;
  top: 16.5% !important;
  left: 14% !important;
  border-radius: 50% !important;
  overflow: hidden;
  z-index: 1;
}
.watch-container.montblancsummit2steelcaseblueleather .watch-inner-container .canvas-container,
.watch-container.montblancsummit2steelcaseblueleather .watch-inner-container canvas,
.watch-container.montblancsummit2steelcaseblueleather .watch-inner-container .watchface-image {
  position: absolute !important;
  width: 100% !important;
  height: 100% !important;
  top: 0 !important;
  left: 0 !important;
  border-radius: 50% !important;
}
.watch-container.montblancsummit2steelcaseblueleather .watch-inner-container .watchface-image {
  background-size: 100%;
  background-repeat: no-repeat;
}
.watch-container.montblancsummit2steelcaseblueleather.watch-skin-preview {
  background-size: 100%;
  background-position: center;
  background-image: url("../img/watches/centered/montblancsummit2steelcaseblueleather-realistic.png");
  background-repeat: no-repeat;
}

.no-skin-watch-container.montblancsummit2steelcaseblackcanvas {
  border-radius: 18%;
}
.no-skin-watch-container.montblancsummit2steelcaseblackcanvas img {
  border-radius: 18%;
}

.watch-container {
  display: block;
  margin: 100px auto 120px;
  width: 250px;
  height: 250px;
}
.watch-container.montblancsummit2steelcaseblackcanvas {
  position: relative;
  overflow: visible;
}
.watch-container.montblancsummit2steelcaseblackcanvas .watch-shadow {
  position: absolute;
  position: absolute;
  bottom: -50%;
  right: -30%;
  left: -30%;
  height: 16%;
  background: radial-gradient(ellipse at center, #969696 10%, rgba(0, 0, 0, 0) 50%);
  z-index: 0;
}
@media (max-width: 767px) {
  .watch-container.montblancsummit2steelcaseblackcanvas .watch-shadow {
    right: 5%;
    left: 0%;
    opacity: 50%;
  }
}
.watch-container.montblancsummit2steelcaseblackcanvas .watch-background {
  position: absolute;
  top: -50%;
  left: -50%;
  width: 200% !important;
  height: 200% !important;
  background-size: 100%;
  background-position: center;
  background-image: url("../img/watches/centered/montblancsummit2steelcaseblackcanvas-realistic.png");
  background-repeat: no-repeat;
  z-index: 1;
  pointer-events: none;
}
.watch-container.montblancsummit2steelcaseblackcanvas .watch-background img {
  width: 100%;
  height: 100%;
}
.watch-container.montblancsummit2steelcaseblackcanvas .watch-inner-container {
  position: absolute !important;
  width: 70% !important;
  height: 70% !important;
  top: 17% !important;
  left: 14% !important;
  border-radius: 50% !important;
  overflow: hidden;
  z-index: 1;
}
.watch-container.montblancsummit2steelcaseblackcanvas .watch-inner-container .canvas-container,
.watch-container.montblancsummit2steelcaseblackcanvas .watch-inner-container canvas,
.watch-container.montblancsummit2steelcaseblackcanvas .watch-inner-container .watchface-image {
  position: absolute !important;
  width: 100% !important;
  height: 100% !important;
  top: 0 !important;
  left: 0 !important;
  border-radius: 50% !important;
}
.watch-container.montblancsummit2steelcaseblackcanvas .watch-inner-container .watchface-image {
  background-size: 100%;
  background-repeat: no-repeat;
}
.watch-container.montblancsummit2steelcaseblackcanvas.watch-skin-preview {
  background-size: 100%;
  background-position: center;
  background-image: url("../img/watches/centered/montblancsummit2steelcaseblackcanvas-realistic.png");
  background-repeat: no-repeat;
}

.no-skin-watch-container.montblancsummit2blackcaseblackcanvas {
  border-radius: 18%;
}
.no-skin-watch-container.montblancsummit2blackcaseblackcanvas img {
  border-radius: 18%;
}

.watch-container {
  display: block;
  margin: 100px auto 120px;
  width: 250px;
  height: 250px;
}
.watch-container.montblancsummit2blackcaseblackcanvas {
  position: relative;
  overflow: visible;
}
.watch-container.montblancsummit2blackcaseblackcanvas .watch-shadow {
  position: absolute;
  position: absolute;
  bottom: -50%;
  right: -30%;
  left: -30%;
  height: 16%;
  background: radial-gradient(ellipse at center, #969696 10%, rgba(0, 0, 0, 0) 50%);
  z-index: 0;
}
@media (max-width: 767px) {
  .watch-container.montblancsummit2blackcaseblackcanvas .watch-shadow {
    right: 5%;
    left: 0%;
    opacity: 50%;
  }
}
.watch-container.montblancsummit2blackcaseblackcanvas .watch-background {
  position: absolute;
  top: -50%;
  left: -50%;
  width: 200% !important;
  height: 200% !important;
  background-size: 100%;
  background-position: center;
  background-image: url("../img/watches/centered/montblancsummit2blackcaseblackcanvas-realistic.png");
  background-repeat: no-repeat;
  z-index: 1;
  pointer-events: none;
}
.watch-container.montblancsummit2blackcaseblackcanvas .watch-background img {
  width: 100%;
  height: 100%;
}
.watch-container.montblancsummit2blackcaseblackcanvas .watch-inner-container {
  position: absolute !important;
  width: 70% !important;
  height: 70% !important;
  top: 17% !important;
  left: 13.5% !important;
  border-radius: 50% !important;
  overflow: hidden;
  z-index: 1;
}
.watch-container.montblancsummit2blackcaseblackcanvas .watch-inner-container .canvas-container,
.watch-container.montblancsummit2blackcaseblackcanvas .watch-inner-container canvas,
.watch-container.montblancsummit2blackcaseblackcanvas .watch-inner-container .watchface-image {
  position: absolute !important;
  width: 100% !important;
  height: 100% !important;
  top: 0 !important;
  left: 0 !important;
  border-radius: 50% !important;
}
.watch-container.montblancsummit2blackcaseblackcanvas .watch-inner-container .watchface-image {
  background-size: 100%;
  background-repeat: no-repeat;
}
.watch-container.montblancsummit2blackcaseblackcanvas.watch-skin-preview {
  background-size: 100%;
  background-position: center;
  background-image: url("../img/watches/centered/montblancsummit2blackcaseblackcanvas-realistic.png");
  background-repeat: no-repeat;
}

.no-skin-watch-container.montblancsummit2blackcaseblackchain {
  border-radius: 18%;
}
.no-skin-watch-container.montblancsummit2blackcaseblackchain img {
  border-radius: 18%;
}

.watch-container {
  display: block;
  margin: 100px auto 120px;
  width: 250px;
  height: 250px;
}
.watch-container.montblancsummit2blackcaseblackchain {
  position: relative;
  overflow: visible;
}
.watch-container.montblancsummit2blackcaseblackchain .watch-shadow {
  position: absolute;
  position: absolute;
  bottom: -50%;
  right: -30%;
  left: -30%;
  height: 16%;
  background: radial-gradient(ellipse at center, #969696 10%, rgba(0, 0, 0, 0) 50%);
  z-index: 0;
}
@media (max-width: 767px) {
  .watch-container.montblancsummit2blackcaseblackchain .watch-shadow {
    right: 5%;
    left: 0%;
    opacity: 50%;
  }
}
.watch-container.montblancsummit2blackcaseblackchain .watch-background {
  position: absolute;
  top: -50%;
  left: -50%;
  width: 200% !important;
  height: 200% !important;
  background-size: 100%;
  background-position: center;
  background-image: url("../img/watches/centered/montblancsummit2blackcaseblackchain-realistic.png");
  background-repeat: no-repeat;
  z-index: 1;
  pointer-events: none;
}
.watch-container.montblancsummit2blackcaseblackchain .watch-background img {
  width: 100%;
  height: 100%;
}
.watch-container.montblancsummit2blackcaseblackchain .watch-inner-container {
  position: absolute !important;
  width: 70% !important;
  height: 70% !important;
  top: 17.5% !important;
  left: 13.5% !important;
  border-radius: 50% !important;
  overflow: hidden;
  z-index: 1;
}
.watch-container.montblancsummit2blackcaseblackchain .watch-inner-container .canvas-container,
.watch-container.montblancsummit2blackcaseblackchain .watch-inner-container canvas,
.watch-container.montblancsummit2blackcaseblackchain .watch-inner-container .watchface-image {
  position: absolute !important;
  width: 100% !important;
  height: 100% !important;
  top: 0 !important;
  left: 0 !important;
  border-radius: 50% !important;
}
.watch-container.montblancsummit2blackcaseblackchain .watch-inner-container .watchface-image {
  background-size: 100%;
  background-repeat: no-repeat;
}
.watch-container.montblancsummit2blackcaseblackchain.watch-skin-preview {
  background-size: 100%;
  background-position: center;
  background-image: url("../img/watches/centered/montblancsummit2blackcaseblackchain-realistic.png");
  background-repeat: no-repeat;
}

.no-skin-watch-container.montblancsummit2blackcaseblacksport {
  border-radius: 18%;
}
.no-skin-watch-container.montblancsummit2blackcaseblacksport img {
  border-radius: 18%;
}

.watch-container {
  display: block;
  margin: 100px auto 120px;
  width: 250px;
  height: 250px;
}
.watch-container.montblancsummit2blackcaseblacksport {
  position: relative;
  overflow: visible;
}
.watch-container.montblancsummit2blackcaseblacksport .watch-shadow {
  position: absolute;
  position: absolute;
  bottom: -50%;
  right: -30%;
  left: -30%;
  height: 16%;
  background: radial-gradient(ellipse at center, #969696 10%, rgba(0, 0, 0, 0) 50%);
  z-index: 0;
}
@media (max-width: 767px) {
  .watch-container.montblancsummit2blackcaseblacksport .watch-shadow {
    right: 5%;
    left: 0%;
    opacity: 50%;
  }
}
.watch-container.montblancsummit2blackcaseblacksport .watch-background {
  position: absolute;
  top: -50%;
  left: -50%;
  width: 200% !important;
  height: 200% !important;
  background-size: 100%;
  background-position: center;
  background-image: url("../img/watches/centered/montblancsummit2blackcaseblacksport-realistic.png");
  background-repeat: no-repeat;
  z-index: 1;
  pointer-events: none;
}
.watch-container.montblancsummit2blackcaseblacksport .watch-background img {
  width: 100%;
  height: 100%;
}
.watch-container.montblancsummit2blackcaseblacksport .watch-inner-container {
  position: absolute !important;
  width: 70% !important;
  height: 70% !important;
  top: 18.5% !important;
  left: 14% !important;
  border-radius: 50% !important;
  overflow: hidden;
  z-index: 1;
}
.watch-container.montblancsummit2blackcaseblacksport .watch-inner-container .canvas-container,
.watch-container.montblancsummit2blackcaseblacksport .watch-inner-container canvas,
.watch-container.montblancsummit2blackcaseblacksport .watch-inner-container .watchface-image {
  position: absolute !important;
  width: 100% !important;
  height: 100% !important;
  top: 0 !important;
  left: 0 !important;
  border-radius: 50% !important;
}
.watch-container.montblancsummit2blackcaseblacksport .watch-inner-container .watchface-image {
  background-size: 100%;
  background-repeat: no-repeat;
}
.watch-container.montblancsummit2blackcaseblacksport.watch-skin-preview {
  background-size: 100%;
  background-position: center;
  background-image: url("../img/watches/centered/montblancsummit2blackcaseblacksport-realistic.png");
  background-repeat: no-repeat;
}

.no-skin-watch-container.montblancsummit2blackcasebluesport {
  border-radius: 18%;
}
.no-skin-watch-container.montblancsummit2blackcasebluesport img {
  border-radius: 18%;
}

.watch-container {
  display: block;
  margin: 100px auto 120px;
  width: 250px;
  height: 250px;
}
.watch-container.montblancsummit2blackcasebluesport {
  position: relative;
  overflow: visible;
}
.watch-container.montblancsummit2blackcasebluesport .watch-shadow {
  position: absolute;
  position: absolute;
  bottom: -50%;
  right: -30%;
  left: -30%;
  height: 16%;
  background: radial-gradient(ellipse at center, #969696 10%, rgba(0, 0, 0, 0) 50%);
  z-index: 0;
}
@media (max-width: 767px) {
  .watch-container.montblancsummit2blackcasebluesport .watch-shadow {
    right: 5%;
    left: 0%;
    opacity: 50%;
  }
}
.watch-container.montblancsummit2blackcasebluesport .watch-background {
  position: absolute;
  top: -50%;
  left: -50%;
  width: 200% !important;
  height: 200% !important;
  background-size: 100%;
  background-position: center;
  background-image: url("../img/watches/centered/montblancsummit2blackcasebluesport-realistic.png");
  background-repeat: no-repeat;
  z-index: 1;
  pointer-events: none;
}
.watch-container.montblancsummit2blackcasebluesport .watch-background img {
  width: 100%;
  height: 100%;
}
.watch-container.montblancsummit2blackcasebluesport .watch-inner-container {
  position: absolute !important;
  width: 70% !important;
  height: 70% !important;
  top: 18% !important;
  left: 14% !important;
  border-radius: 50% !important;
  overflow: hidden;
  z-index: 1;
}
.watch-container.montblancsummit2blackcasebluesport .watch-inner-container .canvas-container,
.watch-container.montblancsummit2blackcasebluesport .watch-inner-container canvas,
.watch-container.montblancsummit2blackcasebluesport .watch-inner-container .watchface-image {
  position: absolute !important;
  width: 100% !important;
  height: 100% !important;
  top: 0 !important;
  left: 0 !important;
  border-radius: 50% !important;
}
.watch-container.montblancsummit2blackcasebluesport .watch-inner-container .watchface-image {
  background-size: 100%;
  background-repeat: no-repeat;
}
.watch-container.montblancsummit2blackcasebluesport.watch-skin-preview {
  background-size: 100%;
  background-position: center;
  background-image: url("../img/watches/centered/montblancsummit2blackcasebluesport-realistic.png");
  background-repeat: no-repeat;
}

.no-skin-watch-container.ticwatchs2midnight {
  border-radius: 18%;
}
.no-skin-watch-container.ticwatchs2midnight img {
  border-radius: 18%;
}

.watch-container {
  display: block;
  margin: 100px auto 120px;
  width: 250px;
  height: 250px;
}
.watch-container.ticwatchs2midnight {
  position: relative;
  overflow: visible;
}
.watch-container.ticwatchs2midnight .watch-shadow {
  position: absolute;
  position: absolute;
  bottom: -50%;
  right: -30%;
  left: -30%;
  height: 16%;
  background: radial-gradient(ellipse at center, #969696 10%, rgba(0, 0, 0, 0) 50%);
  z-index: 0;
}
@media (max-width: 767px) {
  .watch-container.ticwatchs2midnight .watch-shadow {
    right: 5%;
    left: 0%;
    opacity: 50%;
  }
}
.watch-container.ticwatchs2midnight .watch-background {
  position: absolute;
  top: -50%;
  left: -50%;
  width: 200% !important;
  height: 200% !important;
  background-size: 100%;
  background-position: center;
  background-image: url("../img/watches/centered/ticwatchs2midnight-realistic.png");
  background-repeat: no-repeat;
  z-index: 1;
  pointer-events: none;
}
.watch-container.ticwatchs2midnight .watch-background img {
  width: 100%;
  height: 100%;
}
.watch-container.ticwatchs2midnight .watch-inner-container {
  position: absolute !important;
  width: 80% !important;
  height: 80% !important;
  top: 7.5% !important;
  left: 9% !important;
  border-radius: 50% !important;
  overflow: hidden;
  z-index: 1;
}
.watch-container.ticwatchs2midnight .watch-inner-container .canvas-container,
.watch-container.ticwatchs2midnight .watch-inner-container canvas,
.watch-container.ticwatchs2midnight .watch-inner-container .watchface-image {
  position: absolute !important;
  width: 100% !important;
  height: 100% !important;
  top: 0 !important;
  left: 0 !important;
  border-radius: 50% !important;
}
.watch-container.ticwatchs2midnight .watch-inner-container .watchface-image {
  background-size: 100%;
  background-repeat: no-repeat;
}
.watch-container.ticwatchs2midnight.watch-skin-preview {
  background-size: 100%;
  background-position: center;
  background-image: url("../img/watches/centered/ticwatchs2midnight-realistic.png");
  background-repeat: no-repeat;
}

.no-skin-watch-container.ticwatchs2glacier {
  border-radius: 18%;
}
.no-skin-watch-container.ticwatchs2glacier img {
  border-radius: 18%;
}

.watch-container {
  display: block;
  margin: 100px auto 120px;
  width: 250px;
  height: 250px;
}
.watch-container.ticwatchs2glacier {
  position: relative;
  overflow: visible;
}
.watch-container.ticwatchs2glacier .watch-shadow {
  position: absolute;
  position: absolute;
  bottom: -50%;
  right: -30%;
  left: -30%;
  height: 16%;
  background: radial-gradient(ellipse at center, #969696 10%, rgba(0, 0, 0, 0) 50%);
  z-index: 0;
}
@media (max-width: 767px) {
  .watch-container.ticwatchs2glacier .watch-shadow {
    right: 5%;
    left: 0%;
    opacity: 50%;
  }
}
.watch-container.ticwatchs2glacier .watch-background {
  position: absolute;
  top: -50%;
  left: -50%;
  width: 200% !important;
  height: 200% !important;
  background-size: 100%;
  background-position: center;
  background-image: url("../img/watches/centered/ticwatchs2glacier-realistic.png");
  background-repeat: no-repeat;
  z-index: 1;
  pointer-events: none;
}
.watch-container.ticwatchs2glacier .watch-background img {
  width: 100%;
  height: 100%;
}
.watch-container.ticwatchs2glacier .watch-inner-container {
  position: absolute !important;
  width: 80% !important;
  height: 80% !important;
  top: 7.5% !important;
  left: 9% !important;
  border-radius: 50% !important;
  overflow: hidden;
  z-index: 1;
}
.watch-container.ticwatchs2glacier .watch-inner-container .canvas-container,
.watch-container.ticwatchs2glacier .watch-inner-container canvas,
.watch-container.ticwatchs2glacier .watch-inner-container .watchface-image {
  position: absolute !important;
  width: 100% !important;
  height: 100% !important;
  top: 0 !important;
  left: 0 !important;
  border-radius: 50% !important;
}
.watch-container.ticwatchs2glacier .watch-inner-container .watchface-image {
  background-size: 100%;
  background-repeat: no-repeat;
}
.watch-container.ticwatchs2glacier.watch-skin-preview {
  background-size: 100%;
  background-position: center;
  background-image: url("../img/watches/centered/ticwatchs2glacier-realistic.png");
  background-repeat: no-repeat;
}

.no-skin-watch-container.ticwatche2shadow {
  border-radius: 18%;
}
.no-skin-watch-container.ticwatche2shadow img {
  border-radius: 18%;
}

.watch-container {
  display: block;
  margin: 100px auto 120px;
  width: 250px;
  height: 250px;
}
.watch-container.ticwatche2shadow {
  position: relative;
  overflow: visible;
}
.watch-container.ticwatche2shadow .watch-shadow {
  position: absolute;
  position: absolute;
  bottom: -50%;
  right: -30%;
  left: -30%;
  height: 16%;
  background: radial-gradient(ellipse at center, #969696 10%, rgba(0, 0, 0, 0) 50%);
  z-index: 0;
}
@media (max-width: 767px) {
  .watch-container.ticwatche2shadow .watch-shadow {
    right: 5%;
    left: 0%;
    opacity: 50%;
  }
}
.watch-container.ticwatche2shadow .watch-background {
  position: absolute;
  top: -50%;
  left: -50%;
  width: 200% !important;
  height: 200% !important;
  background-size: 100%;
  background-position: center;
  background-image: url("../img/watches/centered/ticwatche2shadow-realistic.png");
  background-repeat: no-repeat;
  z-index: 1;
  pointer-events: none;
}
.watch-container.ticwatche2shadow .watch-background img {
  width: 100%;
  height: 100%;
}
.watch-container.ticwatche2shadow .watch-inner-container {
  position: absolute !important;
  width: 77% !important;
  height: 77% !important;
  top: 11% !important;
  left: 11% !important;
  border-radius: 50% !important;
  overflow: hidden;
  z-index: 1;
}
.watch-container.ticwatche2shadow .watch-inner-container .canvas-container,
.watch-container.ticwatche2shadow .watch-inner-container canvas,
.watch-container.ticwatche2shadow .watch-inner-container .watchface-image {
  position: absolute !important;
  width: 100% !important;
  height: 100% !important;
  top: 0 !important;
  left: 0 !important;
  border-radius: 50% !important;
}
.watch-container.ticwatche2shadow .watch-inner-container .watchface-image {
  background-size: 100%;
  background-repeat: no-repeat;
}
.watch-container.ticwatche2shadow.watch-skin-preview {
  background-size: 100%;
  background-position: center;
  background-image: url("../img/watches/centered/ticwatche2shadow-realistic.png");
  background-repeat: no-repeat;
}

.no-skin-watch-container.montblancsummit2rosegoldroseleather {
  border-radius: 18%;
}
.no-skin-watch-container.montblancsummit2rosegoldroseleather img {
  border-radius: 18%;
}

.watch-container {
  display: block;
  margin: 100px auto 120px;
  width: 250px;
  height: 250px;
}
.watch-container.montblancsummit2rosegoldroseleather {
  position: relative;
  overflow: visible;
}
.watch-container.montblancsummit2rosegoldroseleather .watch-shadow {
  position: absolute;
  position: absolute;
  bottom: -50%;
  right: -30%;
  left: -30%;
  height: 16%;
  background: radial-gradient(ellipse at center, #969696 10%, rgba(0, 0, 0, 0) 50%);
  z-index: 0;
}
@media (max-width: 767px) {
  .watch-container.montblancsummit2rosegoldroseleather .watch-shadow {
    right: 5%;
    left: 0%;
    opacity: 50%;
  }
}
.watch-container.montblancsummit2rosegoldroseleather .watch-background {
  position: absolute;
  top: -50%;
  left: -50%;
  width: 200% !important;
  height: 200% !important;
  background-size: 100%;
  background-position: center;
  background-image: url("../img/watches/centered/montblancsummit2rosegoldroseleather-realistic.png");
  background-repeat: no-repeat;
  z-index: 1;
  pointer-events: none;
}
.watch-container.montblancsummit2rosegoldroseleather .watch-background img {
  width: 100%;
  height: 100%;
}
.watch-container.montblancsummit2rosegoldroseleather .watch-inner-container {
  position: absolute !important;
  width: 70% !important;
  height: 70% !important;
  top: 16.5% !important;
  left: 14.5% !important;
  border-radius: 50% !important;
  overflow: hidden;
  z-index: 1;
}
.watch-container.montblancsummit2rosegoldroseleather .watch-inner-container .canvas-container,
.watch-container.montblancsummit2rosegoldroseleather .watch-inner-container canvas,
.watch-container.montblancsummit2rosegoldroseleather .watch-inner-container .watchface-image {
  position: absolute !important;
  width: 100% !important;
  height: 100% !important;
  top: 0 !important;
  left: 0 !important;
  border-radius: 50% !important;
}
.watch-container.montblancsummit2rosegoldroseleather .watch-inner-container .watchface-image {
  background-size: 100%;
  background-repeat: no-repeat;
}
.watch-container.montblancsummit2rosegoldroseleather.watch-skin-preview {
  background-size: 100%;
  background-position: center;
  background-image: url("../img/watches/centered/montblancsummit2rosegoldroseleather-realistic.png");
  background-repeat: no-repeat;
}

.no-skin-watch-container.montblancsummit2brownleather {
  border-radius: 18%;
}
.no-skin-watch-container.montblancsummit2brownleather img {
  border-radius: 18%;
}

.watch-container {
  display: block;
  margin: 100px auto 120px;
  width: 250px;
  height: 250px;
}
.watch-container.montblancsummit2brownleather {
  position: relative;
  overflow: visible;
}
.watch-container.montblancsummit2brownleather .watch-shadow {
  position: absolute;
  position: absolute;
  bottom: -50%;
  right: -30%;
  left: -30%;
  height: 16%;
  background: radial-gradient(ellipse at center, #969696 10%, rgba(0, 0, 0, 0) 50%);
  z-index: 0;
}
@media (max-width: 767px) {
  .watch-container.montblancsummit2brownleather .watch-shadow {
    right: 5%;
    left: 0%;
    opacity: 50%;
  }
}
.watch-container.montblancsummit2brownleather .watch-background {
  position: absolute;
  top: -50%;
  left: -50%;
  width: 200% !important;
  height: 200% !important;
  background-size: 100%;
  background-position: center;
  background-image: url("../img/watches/centered/montblancsummit2brownleather-realistic.png");
  background-repeat: no-repeat;
  z-index: 1;
  pointer-events: none;
}
.watch-container.montblancsummit2brownleather .watch-background img {
  width: 100%;
  height: 100%;
}
.watch-container.montblancsummit2brownleather .watch-inner-container {
  position: absolute !important;
  width: 69.5% !important;
  height: 69.5% !important;
  top: 18% !important;
  left: 13.5% !important;
  border-radius: 50% !important;
  overflow: hidden;
  z-index: 1;
}
.watch-container.montblancsummit2brownleather .watch-inner-container .canvas-container,
.watch-container.montblancsummit2brownleather .watch-inner-container canvas,
.watch-container.montblancsummit2brownleather .watch-inner-container .watchface-image {
  position: absolute !important;
  width: 100% !important;
  height: 100% !important;
  top: 0 !important;
  left: 0 !important;
  border-radius: 50% !important;
}
.watch-container.montblancsummit2brownleather .watch-inner-container .watchface-image {
  background-size: 100%;
  background-repeat: no-repeat;
}
.watch-container.montblancsummit2brownleather.watch-skin-preview {
  background-size: 100%;
  background-position: center;
  background-image: url("../img/watches/centered/montblancsummit2brownleather-realistic.png");
  background-repeat: no-repeat;
}

.no-skin-watch-container.fossil5thgen {
  border-radius: 18%;
}
.no-skin-watch-container.fossil5thgen img {
  border-radius: 18%;
}

.watch-container {
  display: block;
  margin: 100px auto 120px;
  width: 250px;
  height: 250px;
}
.watch-container.fossil5thgen {
  position: relative;
  overflow: visible;
}
.watch-container.fossil5thgen .watch-shadow {
  position: absolute;
  position: absolute;
  bottom: -50%;
  right: -30%;
  left: -30%;
  height: 16%;
  background: radial-gradient(ellipse at center, #969696 10%, rgba(0, 0, 0, 0) 50%);
  z-index: 0;
}
@media (max-width: 767px) {
  .watch-container.fossil5thgen .watch-shadow {
    right: 5%;
    left: 0%;
    opacity: 50%;
  }
}
.watch-container.fossil5thgen .watch-background {
  position: absolute;
  top: -50%;
  left: -50%;
  width: 200% !important;
  height: 200% !important;
  background-size: 100%;
  background-position: center;
  background-image: url("../img/watches/centered/fossil5thgen-realistic.png");
  background-repeat: no-repeat;
  z-index: 1;
  pointer-events: none;
}
.watch-container.fossil5thgen .watch-background img {
  width: 100%;
  height: 100%;
}
.watch-container.fossil5thgen .watch-inner-container {
  position: absolute !important;
  width: 77% !important;
  height: 77% !important;
  top: 12% !important;
  left: 11.5% !important;
  border-radius: 50% !important;
  overflow: hidden;
  z-index: 1;
}
.watch-container.fossil5thgen .watch-inner-container .canvas-container,
.watch-container.fossil5thgen .watch-inner-container canvas,
.watch-container.fossil5thgen .watch-inner-container .watchface-image {
  position: absolute !important;
  width: 100% !important;
  height: 100% !important;
  top: 0 !important;
  left: 0 !important;
  border-radius: 50% !important;
}
.watch-container.fossil5thgen .watch-inner-container .watchface-image {
  background-size: 100%;
  background-repeat: no-repeat;
}
.watch-container.fossil5thgen.watch-skin-preview {
  background-size: 100%;
  background-position: center;
  background-image: url("../img/watches/centered/fossil5thgen-realistic.png");
  background-repeat: no-repeat;
}

.no-skin-watch-container.galaxyactive {
  border-radius: 18%;
}
.no-skin-watch-container.galaxyactive img {
  border-radius: 18%;
}

.watch-container {
  display: block;
  margin: 100px auto 120px;
  width: 250px;
  height: 250px;
}
.watch-container.galaxyactive {
  position: relative;
  overflow: visible;
}
.watch-container.galaxyactive .watch-shadow {
  position: absolute;
  position: absolute;
  bottom: -50%;
  right: -30%;
  left: -30%;
  height: 16%;
  background: radial-gradient(ellipse at center, #969696 10%, rgba(0, 0, 0, 0) 50%);
  z-index: 0;
}
@media (max-width: 767px) {
  .watch-container.galaxyactive .watch-shadow {
    right: 5%;
    left: 0%;
    opacity: 50%;
  }
}
.watch-container.galaxyactive .watch-background {
  position: absolute;
  top: -50%;
  left: -50%;
  width: 200% !important;
  height: 200% !important;
  background-size: 100%;
  background-position: center;
  background-image: url("../img/watches/centered/galaxyactive-realistic.png");
  background-repeat: no-repeat;
  z-index: 1;
  pointer-events: none;
}
.watch-container.galaxyactive .watch-background img {
  width: 100%;
  height: 100%;
}
.watch-container.galaxyactive .watch-inner-container {
  position: absolute !important;
  width: 68% !important;
  height: 68% !important;
  top: 16.5% !important;
  left: 16% !important;
  border-radius: 50% !important;
  overflow: hidden;
  z-index: 1;
}
.watch-container.galaxyactive .watch-inner-container .canvas-container,
.watch-container.galaxyactive .watch-inner-container canvas,
.watch-container.galaxyactive .watch-inner-container .watchface-image {
  position: absolute !important;
  width: 100% !important;
  height: 100% !important;
  top: 0 !important;
  left: 0 !important;
  border-radius: 50% !important;
}
.watch-container.galaxyactive .watch-inner-container .watchface-image {
  background-size: 100%;
  background-repeat: no-repeat;
}
.watch-container.galaxyactive.watch-skin-preview {
  background-size: 100%;
  background-position: center;
  background-image: url("../img/watches/centered/galaxyactive-realistic.png");
  background-repeat: no-repeat;
}

.no-skin-watch-container.galaxyactive2 {
  border-radius: 18%;
}
.no-skin-watch-container.galaxyactive2 img {
  border-radius: 18%;
}

.watch-container {
  display: block;
  margin: 100px auto 120px;
  width: 250px;
  height: 250px;
}
.watch-container.galaxyactive2 {
  position: relative;
  overflow: visible;
}
.watch-container.galaxyactive2 .watch-shadow {
  position: absolute;
  position: absolute;
  bottom: -50%;
  right: -30%;
  left: -30%;
  height: 16%;
  background: radial-gradient(ellipse at center, #969696 10%, rgba(0, 0, 0, 0) 50%);
  z-index: 0;
}
@media (max-width: 767px) {
  .watch-container.galaxyactive2 .watch-shadow {
    right: 5%;
    left: 0%;
    opacity: 50%;
  }
}
.watch-container.galaxyactive2 .watch-background {
  position: absolute;
  top: -50%;
  left: -50%;
  width: 200% !important;
  height: 200% !important;
  background-size: 100%;
  background-position: center;
  background-image: url("../img/watches/centered/galaxyactive2-realistic.png");
  background-repeat: no-repeat;
  z-index: 1;
  pointer-events: none;
}
.watch-container.galaxyactive2 .watch-background img {
  width: 100%;
  height: 100%;
}
.watch-container.galaxyactive2 .watch-inner-container {
  position: absolute !important;
  width: 75% !important;
  height: 75% !important;
  top: 12% !important;
  left: 12.5% !important;
  border-radius: 50% !important;
  overflow: hidden;
  z-index: 1;
}
.watch-container.galaxyactive2 .watch-inner-container .canvas-container,
.watch-container.galaxyactive2 .watch-inner-container canvas,
.watch-container.galaxyactive2 .watch-inner-container .watchface-image {
  position: absolute !important;
  width: 100% !important;
  height: 100% !important;
  top: 0 !important;
  left: 0 !important;
  border-radius: 50% !important;
}
.watch-container.galaxyactive2 .watch-inner-container .watchface-image {
  background-size: 100%;
  background-repeat: no-repeat;
}
.watch-container.galaxyactive2.watch-skin-preview {
  background-size: 100%;
  background-position: center;
  background-image: url("../img/watches/centered/galaxyactive2-realistic.png");
  background-repeat: no-repeat;
}

.no-skin-watch-container.galaxywatch42 {
  border-radius: 18%;
}
.no-skin-watch-container.galaxywatch42 img {
  border-radius: 18%;
}

.watch-container {
  display: block;
  margin: 100px auto 120px;
  width: 250px;
  height: 250px;
}
.watch-container.galaxywatch42 {
  position: relative;
  overflow: visible;
}
.watch-container.galaxywatch42 .watch-shadow {
  position: absolute;
  position: absolute;
  bottom: -50%;
  right: -30%;
  left: -30%;
  height: 16%;
  background: radial-gradient(ellipse at center, #969696 10%, rgba(0, 0, 0, 0) 50%);
  z-index: 0;
}
@media (max-width: 767px) {
  .watch-container.galaxywatch42 .watch-shadow {
    right: 5%;
    left: 0%;
    opacity: 50%;
  }
}
.watch-container.galaxywatch42 .watch-background {
  position: absolute;
  top: -50%;
  left: -50%;
  width: 200% !important;
  height: 200% !important;
  background-size: 100%;
  background-position: center;
  background-image: url("../img/watches/centered/galaxywatch42-realistic.png");
  background-repeat: no-repeat;
  z-index: 1;
  pointer-events: none;
}
.watch-container.galaxywatch42 .watch-background img {
  width: 100%;
  height: 100%;
}
.watch-container.galaxywatch42 .watch-inner-container {
  position: absolute !important;
  width: 73% !important;
  height: 73% !important;
  top: 13.5% !important;
  left: 13.5% !important;
  border-radius: 50% !important;
  overflow: hidden;
  z-index: 1;
}
.watch-container.galaxywatch42 .watch-inner-container .canvas-container,
.watch-container.galaxywatch42 .watch-inner-container canvas,
.watch-container.galaxywatch42 .watch-inner-container .watchface-image {
  position: absolute !important;
  width: 100% !important;
  height: 100% !important;
  top: 0 !important;
  left: 0 !important;
  border-radius: 50% !important;
}
.watch-container.galaxywatch42 .watch-inner-container .watchface-image {
  background-size: 100%;
  background-repeat: no-repeat;
}
.watch-container.galaxywatch42.watch-skin-preview {
  background-size: 100%;
  background-position: center;
  background-image: url("../img/watches/centered/galaxywatch42-realistic.png");
  background-repeat: no-repeat;
}

.no-skin-watch-container.suunto7 {
  border-radius: 18%;
}
.no-skin-watch-container.suunto7 img {
  border-radius: 18%;
}

.watch-container {
  display: block;
  margin: 100px auto 120px;
  width: 250px;
  height: 250px;
}
.watch-container.suunto7 {
  position: relative;
  overflow: visible;
}
.watch-container.suunto7 .watch-shadow {
  position: absolute;
  position: absolute;
  bottom: -50%;
  right: -30%;
  left: -30%;
  height: 16%;
  background: radial-gradient(ellipse at center, #969696 10%, rgba(0, 0, 0, 0) 50%);
  z-index: 0;
}
@media (max-width: 767px) {
  .watch-container.suunto7 .watch-shadow {
    right: 5%;
    left: 0%;
    opacity: 50%;
  }
}
.watch-container.suunto7 .watch-background {
  position: absolute;
  top: -50%;
  left: -50%;
  width: 200% !important;
  height: 200% !important;
  background-size: 100%;
  background-position: center;
  background-image: url("../img/watches/centered/suunto7-realistic.png");
  background-repeat: no-repeat;
  z-index: 1;
  pointer-events: none;
}
.watch-container.suunto7 .watch-background img {
  width: 100%;
  height: 100%;
}
.watch-container.suunto7 .watch-inner-container {
  position: absolute !important;
  width: 75% !important;
  height: 75% !important;
  top: 12% !important;
  left: 12.5% !important;
  border-radius: 50% !important;
  overflow: hidden;
  z-index: 1;
}
.watch-container.suunto7 .watch-inner-container .canvas-container,
.watch-container.suunto7 .watch-inner-container canvas,
.watch-container.suunto7 .watch-inner-container .watchface-image {
  position: absolute !important;
  width: 100% !important;
  height: 100% !important;
  top: 0 !important;
  left: 0 !important;
  border-radius: 50% !important;
}
.watch-container.suunto7 .watch-inner-container .watchface-image {
  background-size: 100%;
  background-repeat: no-repeat;
}
.watch-container.suunto7.watch-skin-preview {
  background-size: 100%;
  background-position: center;
  background-image: url("../img/watches/centered/suunto7-realistic.png");
  background-repeat: no-repeat;
}

.no-skin-watch-container.moto360new {
  border-radius: 18%;
}
.no-skin-watch-container.moto360new img {
  border-radius: 18%;
}

.watch-container {
  display: block;
  margin: 100px auto 120px;
  width: 250px;
  height: 250px;
}
.watch-container.moto360new {
  position: relative;
  overflow: visible;
}
.watch-container.moto360new .watch-shadow {
  position: absolute;
  position: absolute;
  bottom: -50%;
  right: -30%;
  left: -30%;
  height: 16%;
  background: radial-gradient(ellipse at center, #969696 10%, rgba(0, 0, 0, 0) 50%);
  z-index: 0;
}
@media (max-width: 767px) {
  .watch-container.moto360new .watch-shadow {
    right: 5%;
    left: 0%;
    opacity: 50%;
  }
}
.watch-container.moto360new .watch-background {
  position: absolute;
  top: -50%;
  left: -50%;
  width: 200% !important;
  height: 200% !important;
  background-size: 100%;
  background-position: center;
  background-image: url("../img/watches/centered/moto360new-realistic.png");
  background-repeat: no-repeat;
  z-index: 1;
  pointer-events: none;
}
.watch-container.moto360new .watch-background img {
  width: 100%;
  height: 100%;
}
.watch-container.moto360new .watch-inner-container {
  position: absolute !important;
  width: 77% !important;
  height: 77% !important;
  top: 12% !important;
  left: 11.5% !important;
  border-radius: 50% !important;
  overflow: hidden;
  z-index: 1;
}
.watch-container.moto360new .watch-inner-container .canvas-container,
.watch-container.moto360new .watch-inner-container canvas,
.watch-container.moto360new .watch-inner-container .watchface-image {
  position: absolute !important;
  width: 100% !important;
  height: 100% !important;
  top: 0 !important;
  left: 0 !important;
  border-radius: 50% !important;
}
.watch-container.moto360new .watch-inner-container .watchface-image {
  background-size: 100%;
  background-repeat: no-repeat;
}
.watch-container.moto360new.watch-skin-preview {
  background-size: 100%;
  background-position: center;
  background-image: url("../img/watches/centered/moto360new-realistic.png");
  background-repeat: no-repeat;
}

.no-skin-watch-container.oppowatch {
  border-radius: 18%;
}
.no-skin-watch-container.oppowatch img {
  border-radius: 18%;
}

.watch-container {
  display: block;
  margin: 100px auto 120px;
  width: 250px;
  height: 250px;
}
.watch-container.oppowatch {
  position: relative;
  overflow: visible;
}
.watch-container.oppowatch .watch-shadow {
  position: absolute;
  position: absolute;
  bottom: -50%;
  right: -30%;
  left: -30%;
  height: 16%;
  background: radial-gradient(ellipse at center, #969696 10%, rgba(0, 0, 0, 0) 50%);
  z-index: 0;
}
@media (max-width: 767px) {
  .watch-container.oppowatch .watch-shadow {
    right: 5%;
    left: 0%;
    opacity: 50%;
  }
}
.watch-container.oppowatch .watch-background {
  position: absolute;
  top: -50%;
  left: -50%;
  width: 200% !important;
  height: 200% !important;
  background-size: 100%;
  background-position: center;
  background-image: url("../img/watches/centered/oppowatch-realistic.png");
  background-repeat: no-repeat;
  z-index: 1;
  pointer-events: none;
}
.watch-container.oppowatch .watch-background img {
  width: 100%;
  height: 100%;
}
.watch-container.oppowatch .watch-inner-container {
  position: absolute !important;
  width: 68.5% !important;
  height: 68.5% !important;
  top: 15.5% !important;
  left: 15.5% !important;
  border-radius: 0% !important;
  overflow: hidden;
  z-index: 1;
}
.watch-container.oppowatch .watch-inner-container .canvas-container,
.watch-container.oppowatch .watch-inner-container canvas,
.watch-container.oppowatch .watch-inner-container .watchface-image {
  position: absolute !important;
  width: 100% !important;
  height: 100% !important;
  top: 0 !important;
  left: 0 !important;
  border-radius: 0% !important;
}
.watch-container.oppowatch .watch-inner-container .watchface-image {
  background-size: 100%;
  background-repeat: no-repeat;
}
.watch-container.oppowatch.watch-skin-preview {
  background-size: 100%;
  background-position: center;
  background-image: url("../img/watches/centered/oppowatch-realistic.png");
  background-repeat: no-repeat;
}

.no-skin-watch-container.galaxywatch3 {
  border-radius: 18%;
}
.no-skin-watch-container.galaxywatch3 img {
  border-radius: 18%;
}

.watch-container {
  display: block;
  margin: 100px auto 120px;
  width: 250px;
  height: 250px;
}
.watch-container.galaxywatch3 {
  position: relative;
  overflow: visible;
}
.watch-container.galaxywatch3 .watch-shadow {
  position: absolute;
  position: absolute;
  bottom: -50%;
  right: -30%;
  left: -30%;
  height: 16%;
  background: radial-gradient(ellipse at center, #969696 10%, rgba(0, 0, 0, 0) 50%);
  z-index: 0;
}
@media (max-width: 767px) {
  .watch-container.galaxywatch3 .watch-shadow {
    right: 5%;
    left: 0%;
    opacity: 50%;
  }
}
.watch-container.galaxywatch3 .watch-background {
  position: absolute;
  top: -50%;
  left: -50%;
  width: 200% !important;
  height: 200% !important;
  background-size: 100%;
  background-position: center;
  background-image: url("../img/watches/centered/galaxywatch3-realistic.png");
  background-repeat: no-repeat;
  z-index: 1;
  pointer-events: none;
}
.watch-container.galaxywatch3 .watch-background img {
  width: 100%;
  height: 100%;
}
.watch-container.galaxywatch3 .watch-inner-container {
  position: absolute !important;
  width: 77% !important;
  height: 77% !important;
  top: 12% !important;
  left: 11.5% !important;
  border-radius: 50% !important;
  overflow: hidden;
  z-index: 1;
}
.watch-container.galaxywatch3 .watch-inner-container .canvas-container,
.watch-container.galaxywatch3 .watch-inner-container canvas,
.watch-container.galaxywatch3 .watch-inner-container .watchface-image {
  position: absolute !important;
  width: 100% !important;
  height: 100% !important;
  top: 0 !important;
  left: 0 !important;
  border-radius: 50% !important;
}
.watch-container.galaxywatch3 .watch-inner-container .watchface-image {
  background-size: 100%;
  background-repeat: no-repeat;
}
.watch-container.galaxywatch3.watch-skin-preview {
  background-size: 100%;
  background-position: center;
  background-image: url("../img/watches/centered/galaxywatch3-realistic.png");
  background-repeat: no-repeat;
}

.no-skin-watch-container.fossilgen5e {
  border-radius: 18%;
}
.no-skin-watch-container.fossilgen5e img {
  border-radius: 18%;
}

.watch-container {
  display: block;
  margin: 100px auto 120px;
  width: 250px;
  height: 250px;
}
.watch-container.fossilgen5e {
  position: relative;
  overflow: visible;
}
.watch-container.fossilgen5e .watch-shadow {
  position: absolute;
  position: absolute;
  bottom: -50%;
  right: -30%;
  left: -30%;
  height: 16%;
  background: radial-gradient(ellipse at center, #969696 10%, rgba(0, 0, 0, 0) 50%);
  z-index: 0;
}
@media (max-width: 767px) {
  .watch-container.fossilgen5e .watch-shadow {
    right: 5%;
    left: 0%;
    opacity: 50%;
  }
}
.watch-container.fossilgen5e .watch-background {
  position: absolute;
  top: -50%;
  left: -50%;
  width: 200% !important;
  height: 200% !important;
  background-size: 100%;
  background-position: center;
  background-image: url("../img/watches/centered/fossilgen5e-realistic.png");
  background-repeat: no-repeat;
  z-index: 1;
  pointer-events: none;
}
.watch-container.fossilgen5e .watch-background img {
  width: 100%;
  height: 100%;
}
.watch-container.fossilgen5e .watch-inner-container {
  position: absolute !important;
  width: 78% !important;
  height: 78% !important;
  top: 12.5% !important;
  left: 11% !important;
  border-radius: 50% !important;
  overflow: hidden;
  z-index: 1;
}
.watch-container.fossilgen5e .watch-inner-container .canvas-container,
.watch-container.fossilgen5e .watch-inner-container canvas,
.watch-container.fossilgen5e .watch-inner-container .watchface-image {
  position: absolute !important;
  width: 100% !important;
  height: 100% !important;
  top: 0 !important;
  left: 0 !important;
  border-radius: 50% !important;
}
.watch-container.fossilgen5e .watch-inner-container .watchface-image {
  background-size: 100%;
  background-repeat: no-repeat;
}
.watch-container.fossilgen5e.watch-skin-preview {
  background-size: 100%;
  background-position: center;
  background-image: url("../img/watches/centered/fossilgen5e-realistic.png");
  background-repeat: no-repeat;
}

.no-skin-watch-container.huaweiw1 {
  border-radius: 18%;
}
.no-skin-watch-container.huaweiw1 img {
  border-radius: 18%;
}

.watch-container {
  display: block;
  margin: 100px auto 120px;
  width: 250px;
  height: 250px;
}
.watch-container.huaweiw1 {
  position: relative;
  overflow: visible;
}
.watch-container.huaweiw1 .watch-shadow {
  position: absolute;
  position: absolute;
  bottom: -50%;
  right: -30%;
  left: -30%;
  height: 16%;
  background: radial-gradient(ellipse at center, #969696 10%, rgba(0, 0, 0, 0) 50%);
  z-index: 0;
}
@media (max-width: 767px) {
  .watch-container.huaweiw1 .watch-shadow {
    right: 5%;
    left: 0%;
    opacity: 50%;
  }
}
.watch-container.huaweiw1 .watch-background {
  position: absolute;
  top: -50%;
  left: -50%;
  width: 200% !important;
  height: 200% !important;
  background-size: 100%;
  background-position: center;
  background-image: url("../img/watches/centered/huaweiw1-realistic.png");
  background-repeat: no-repeat;
  z-index: 1;
  pointer-events: none;
}
.watch-container.huaweiw1 .watch-background img {
  width: 100%;
  height: 100%;
}
.watch-container.huaweiw1 .watch-inner-container {
  position: absolute !important;
  width: 82% !important;
  height: 82% !important;
  top: 9.5% !important;
  left: 9.5% !important;
  border-radius: 50% !important;
  overflow: hidden;
  z-index: 1;
}
.watch-container.huaweiw1 .watch-inner-container .canvas-container,
.watch-container.huaweiw1 .watch-inner-container canvas,
.watch-container.huaweiw1 .watch-inner-container .watchface-image {
  position: absolute !important;
  width: 100% !important;
  height: 100% !important;
  top: 0 !important;
  left: 0 !important;
  border-radius: 50% !important;
}
.watch-container.huaweiw1 .watch-inner-container .watchface-image {
  background-size: 100%;
  background-repeat: no-repeat;
}
.watch-container.huaweiw1.watch-skin-preview {
  background-size: 100%;
  background-position: center;
  background-image: url("../img/watches/centered/huaweiw1-realistic.png");
  background-repeat: no-repeat;
}

.no-skin-watch-container.montblancsummitlite {
  border-radius: 18%;
}
.no-skin-watch-container.montblancsummitlite img {
  border-radius: 18%;
}

.watch-container {
  display: block;
  margin: 100px auto 120px;
  width: 250px;
  height: 250px;
}
.watch-container.montblancsummitlite {
  position: relative;
  overflow: visible;
}
.watch-container.montblancsummitlite .watch-shadow {
  position: absolute;
  position: absolute;
  bottom: -50%;
  right: -30%;
  left: -30%;
  height: 16%;
  background: radial-gradient(ellipse at center, #969696 10%, rgba(0, 0, 0, 0) 50%);
  z-index: 0;
}
@media (max-width: 767px) {
  .watch-container.montblancsummitlite .watch-shadow {
    right: 5%;
    left: 0%;
    opacity: 50%;
  }
}
.watch-container.montblancsummitlite .watch-background {
  position: absolute;
  top: -50%;
  left: -50%;
  width: 200% !important;
  height: 200% !important;
  background-size: 100%;
  background-position: center;
  background-image: url("../img/watches/centered/montblancsummitlite-realistic.png");
  background-repeat: no-repeat;
  z-index: 1;
  pointer-events: none;
}
.watch-container.montblancsummitlite .watch-background img {
  width: 100%;
  height: 100%;
}
.watch-container.montblancsummitlite .watch-inner-container {
  position: absolute !important;
  width: 68% !important;
  height: 68% !important;
  top: 16% !important;
  left: 16% !important;
  border-radius: 50% !important;
  overflow: hidden;
  z-index: 1;
}
.watch-container.montblancsummitlite .watch-inner-container .canvas-container,
.watch-container.montblancsummitlite .watch-inner-container canvas,
.watch-container.montblancsummitlite .watch-inner-container .watchface-image {
  position: absolute !important;
  width: 100% !important;
  height: 100% !important;
  top: 0 !important;
  left: 0 !important;
  border-radius: 50% !important;
}
.watch-container.montblancsummitlite .watch-inner-container .watchface-image {
  background-size: 100%;
  background-repeat: no-repeat;
}
.watch-container.montblancsummitlite.watch-skin-preview {
  background-size: 100%;
  background-position: center;
  background-image: url("../img/watches/centered/montblancsummitlite-realistic.png");
  background-repeat: no-repeat;
}

.no-skin-watch-container.ticwatchpro3 {
  border-radius: 18%;
}
.no-skin-watch-container.ticwatchpro3 img {
  border-radius: 18%;
}

.watch-container {
  display: block;
  margin: 100px auto 120px;
  width: 250px;
  height: 250px;
}
.watch-container.ticwatchpro3 {
  position: relative;
  overflow: visible;
}
.watch-container.ticwatchpro3 .watch-shadow {
  position: absolute;
  position: absolute;
  bottom: -50%;
  right: -30%;
  left: -30%;
  height: 16%;
  background: radial-gradient(ellipse at center, #969696 10%, rgba(0, 0, 0, 0) 50%);
  z-index: 0;
}
@media (max-width: 767px) {
  .watch-container.ticwatchpro3 .watch-shadow {
    right: 5%;
    left: 0%;
    opacity: 50%;
  }
}
.watch-container.ticwatchpro3 .watch-background {
  position: absolute;
  top: -50%;
  left: -50%;
  width: 200% !important;
  height: 200% !important;
  background-size: 100%;
  background-position: center;
  background-image: url("../img/watches/centered/ticwatchpro3-realistic.png");
  background-repeat: no-repeat;
  z-index: 1;
  pointer-events: none;
}
.watch-container.ticwatchpro3 .watch-background img {
  width: 100%;
  height: 100%;
}
.watch-container.ticwatchpro3 .watch-inner-container {
  position: absolute !important;
  width: 79.5% !important;
  height: 79.5% !important;
  top: 10.5% !important;
  left: 10.5% !important;
  border-radius: 50% !important;
  overflow: hidden;
  z-index: 1;
}
.watch-container.ticwatchpro3 .watch-inner-container .canvas-container,
.watch-container.ticwatchpro3 .watch-inner-container canvas,
.watch-container.ticwatchpro3 .watch-inner-container .watchface-image {
  position: absolute !important;
  width: 100% !important;
  height: 100% !important;
  top: 0 !important;
  left: 0 !important;
  border-radius: 50% !important;
}
.watch-container.ticwatchpro3 .watch-inner-container .watchface-image {
  background-size: 100%;
  background-repeat: no-repeat;
}
.watch-container.ticwatchpro3.watch-skin-preview {
  background-size: 100%;
  background-position: center;
  background-image: url("../img/watches/centered/ticwatchpro3-realistic.png");
  background-repeat: no-repeat;
}

.no-skin-watch-container.galaxywatch4black {
  border-radius: 18%;
}
.no-skin-watch-container.galaxywatch4black img {
  border-radius: 18%;
}

.watch-container {
  display: block;
  margin: 100px auto 120px;
  width: 250px;
  height: 250px;
}
.watch-container.galaxywatch4black {
  position: relative;
  overflow: visible;
}
.watch-container.galaxywatch4black .watch-shadow {
  position: absolute;
  position: absolute;
  bottom: -50%;
  right: -30%;
  left: -30%;
  height: 16%;
  background: radial-gradient(ellipse at center, #969696 10%, rgba(0, 0, 0, 0) 50%);
  z-index: 0;
}
@media (max-width: 767px) {
  .watch-container.galaxywatch4black .watch-shadow {
    right: 5%;
    left: 0%;
    opacity: 50%;
  }
}
.watch-container.galaxywatch4black .watch-background {
  position: absolute;
  top: -50%;
  left: -50%;
  width: 200% !important;
  height: 200% !important;
  background-size: 100%;
  background-position: center;
  background-image: url("../img/watches/centered/galaxywatch4black-realistic.png");
  background-repeat: no-repeat;
  z-index: 1;
  pointer-events: none;
}
.watch-container.galaxywatch4black .watch-background img {
  width: 100%;
  height: 100%;
}
.watch-container.galaxywatch4black .watch-inner-container {
  position: absolute !important;
  width: 89% !important;
  height: 89% !important;
  top: 6.5% !important;
  left: 5.5% !important;
  border-radius: 50% !important;
  overflow: hidden;
  z-index: 1;
}
.watch-container.galaxywatch4black .watch-inner-container .canvas-container,
.watch-container.galaxywatch4black .watch-inner-container canvas,
.watch-container.galaxywatch4black .watch-inner-container .watchface-image {
  position: absolute !important;
  width: 100% !important;
  height: 100% !important;
  top: 0 !important;
  left: 0 !important;
  border-radius: 50% !important;
}
.watch-container.galaxywatch4black .watch-inner-container .watchface-image {
  background-size: 100%;
  background-repeat: no-repeat;
}
.watch-container.galaxywatch4black.watch-skin-preview {
  background-size: 100%;
  background-position: center;
  background-image: url("../img/watches/centered/galaxywatch4black-realistic.png");
  background-repeat: no-repeat;
}

.no-skin-watch-container.galaxywatch4pink {
  border-radius: 18%;
}
.no-skin-watch-container.galaxywatch4pink img {
  border-radius: 18%;
}

.watch-container {
  display: block;
  margin: 100px auto 120px;
  width: 250px;
  height: 250px;
}
.watch-container.galaxywatch4pink {
  position: relative;
  overflow: visible;
}
.watch-container.galaxywatch4pink .watch-shadow {
  position: absolute;
  position: absolute;
  bottom: -50%;
  right: -30%;
  left: -30%;
  height: 16%;
  background: radial-gradient(ellipse at center, #969696 10%, rgba(0, 0, 0, 0) 50%);
  z-index: 0;
}
@media (max-width: 767px) {
  .watch-container.galaxywatch4pink .watch-shadow {
    right: 5%;
    left: 0%;
    opacity: 50%;
  }
}
.watch-container.galaxywatch4pink .watch-background {
  position: absolute;
  top: -50%;
  left: -50%;
  width: 200% !important;
  height: 200% !important;
  background-size: 100%;
  background-position: center;
  background-image: url("../img/watches/centered/galaxywatch4pink-realistic.png");
  background-repeat: no-repeat;
  z-index: 1;
  pointer-events: none;
}
.watch-container.galaxywatch4pink .watch-background img {
  width: 100%;
  height: 100%;
}
.watch-container.galaxywatch4pink .watch-inner-container {
  position: absolute !important;
  width: 86% !important;
  height: 86% !important;
  top: 7.5% !important;
  left: 7.5% !important;
  border-radius: 50% !important;
  overflow: hidden;
  z-index: 1;
}
.watch-container.galaxywatch4pink .watch-inner-container .canvas-container,
.watch-container.galaxywatch4pink .watch-inner-container canvas,
.watch-container.galaxywatch4pink .watch-inner-container .watchface-image {
  position: absolute !important;
  width: 100% !important;
  height: 100% !important;
  top: 0 !important;
  left: 0 !important;
  border-radius: 50% !important;
}
.watch-container.galaxywatch4pink .watch-inner-container .watchface-image {
  background-size: 100%;
  background-repeat: no-repeat;
}
.watch-container.galaxywatch4pink.watch-skin-preview {
  background-size: 100%;
  background-position: center;
  background-image: url("../img/watches/centered/galaxywatch4pink-realistic.png");
  background-repeat: no-repeat;
}

.no-skin-watch-container.galaxywatch4green {
  border-radius: 18%;
}
.no-skin-watch-container.galaxywatch4green img {
  border-radius: 18%;
}

.watch-container {
  display: block;
  margin: 100px auto 120px;
  width: 250px;
  height: 250px;
}
.watch-container.galaxywatch4green {
  position: relative;
  overflow: visible;
}
.watch-container.galaxywatch4green .watch-shadow {
  position: absolute;
  position: absolute;
  bottom: -50%;
  right: -30%;
  left: -30%;
  height: 16%;
  background: radial-gradient(ellipse at center, #969696 10%, rgba(0, 0, 0, 0) 50%);
  z-index: 0;
}
@media (max-width: 767px) {
  .watch-container.galaxywatch4green .watch-shadow {
    right: 5%;
    left: 0%;
    opacity: 50%;
  }
}
.watch-container.galaxywatch4green .watch-background {
  position: absolute;
  top: -50%;
  left: -50%;
  width: 200% !important;
  height: 200% !important;
  background-size: 100%;
  background-position: center;
  background-image: url("../img/watches/centered/galaxywatch4green-realistic.png");
  background-repeat: no-repeat;
  z-index: 1;
  pointer-events: none;
}
.watch-container.galaxywatch4green .watch-background img {
  width: 100%;
  height: 100%;
}
.watch-container.galaxywatch4green .watch-inner-container {
  position: absolute !important;
  width: 89% !important;
  height: 89% !important;
  top: 6.5% !important;
  left: 5.5% !important;
  border-radius: 50% !important;
  overflow: hidden;
  z-index: 1;
}
.watch-container.galaxywatch4green .watch-inner-container .canvas-container,
.watch-container.galaxywatch4green .watch-inner-container canvas,
.watch-container.galaxywatch4green .watch-inner-container .watchface-image {
  position: absolute !important;
  width: 100% !important;
  height: 100% !important;
  top: 0 !important;
  left: 0 !important;
  border-radius: 50% !important;
}
.watch-container.galaxywatch4green .watch-inner-container .watchface-image {
  background-size: 100%;
  background-repeat: no-repeat;
}
.watch-container.galaxywatch4green.watch-skin-preview {
  background-size: 100%;
  background-position: center;
  background-image: url("../img/watches/centered/galaxywatch4green-realistic.png");
  background-repeat: no-repeat;
}

.no-skin-watch-container.galaxywatch4classicblack {
  border-radius: 18%;
}
.no-skin-watch-container.galaxywatch4classicblack img {
  border-radius: 18%;
}

.watch-container {
  display: block;
  margin: 100px auto 120px;
  width: 250px;
  height: 250px;
}
.watch-container.galaxywatch4classicblack {
  position: relative;
  overflow: visible;
}
.watch-container.galaxywatch4classicblack .watch-shadow {
  position: absolute;
  position: absolute;
  bottom: -50%;
  right: -30%;
  left: -30%;
  height: 16%;
  background: radial-gradient(ellipse at center, #969696 10%, rgba(0, 0, 0, 0) 50%);
  z-index: 0;
}
@media (max-width: 767px) {
  .watch-container.galaxywatch4classicblack .watch-shadow {
    right: 5%;
    left: 0%;
    opacity: 50%;
  }
}
.watch-container.galaxywatch4classicblack .watch-background {
  position: absolute;
  top: -50%;
  left: -50%;
  width: 200% !important;
  height: 200% !important;
  background-size: 100%;
  background-position: center;
  background-image: url("../img/watches/centered/galaxywatch4classicblack-realistic.png");
  background-repeat: no-repeat;
  z-index: 1;
  pointer-events: none;
}
.watch-container.galaxywatch4classicblack .watch-background img {
  width: 100%;
  height: 100%;
}
.watch-container.galaxywatch4classicblack .watch-inner-container {
  position: absolute !important;
  width: 79.5% !important;
  height: 79.5% !important;
  top: 10.5% !important;
  left: 10.5% !important;
  border-radius: 50% !important;
  overflow: hidden;
  z-index: 1;
}
.watch-container.galaxywatch4classicblack .watch-inner-container .canvas-container,
.watch-container.galaxywatch4classicblack .watch-inner-container canvas,
.watch-container.galaxywatch4classicblack .watch-inner-container .watchface-image {
  position: absolute !important;
  width: 100% !important;
  height: 100% !important;
  top: 0 !important;
  left: 0 !important;
  border-radius: 50% !important;
}
.watch-container.galaxywatch4classicblack .watch-inner-container .watchface-image {
  background-size: 100%;
  background-repeat: no-repeat;
}
.watch-container.galaxywatch4classicblack.watch-skin-preview {
  background-size: 100%;
  background-position: center;
  background-image: url("../img/watches/centered/galaxywatch4classicblack-realistic.png");
  background-repeat: no-repeat;
}

.no-skin-watch-container.galaxywatch4classicsilver {
  border-radius: 18%;
}
.no-skin-watch-container.galaxywatch4classicsilver img {
  border-radius: 18%;
}

.watch-container {
  display: block;
  margin: 100px auto 120px;
  width: 250px;
  height: 250px;
}
.watch-container.galaxywatch4classicsilver {
  position: relative;
  overflow: visible;
}
.watch-container.galaxywatch4classicsilver .watch-shadow {
  position: absolute;
  position: absolute;
  bottom: -50%;
  right: -30%;
  left: -30%;
  height: 16%;
  background: radial-gradient(ellipse at center, #969696 10%, rgba(0, 0, 0, 0) 50%);
  z-index: 0;
}
@media (max-width: 767px) {
  .watch-container.galaxywatch4classicsilver .watch-shadow {
    right: 5%;
    left: 0%;
    opacity: 50%;
  }
}
.watch-container.galaxywatch4classicsilver .watch-background {
  position: absolute;
  top: -50%;
  left: -50%;
  width: 200% !important;
  height: 200% !important;
  background-size: 100%;
  background-position: center;
  background-image: url("../img/watches/centered/galaxywatch4classicsilver-realistic.png");
  background-repeat: no-repeat;
  z-index: 1;
  pointer-events: none;
}
.watch-container.galaxywatch4classicsilver .watch-background img {
  width: 100%;
  height: 100%;
}
.watch-container.galaxywatch4classicsilver .watch-inner-container {
  position: absolute !important;
  width: 79.5% !important;
  height: 79.5% !important;
  top: 10.5% !important;
  left: 10.5% !important;
  border-radius: 50% !important;
  overflow: hidden;
  z-index: 1;
}
.watch-container.galaxywatch4classicsilver .watch-inner-container .canvas-container,
.watch-container.galaxywatch4classicsilver .watch-inner-container canvas,
.watch-container.galaxywatch4classicsilver .watch-inner-container .watchface-image {
  position: absolute !important;
  width: 100% !important;
  height: 100% !important;
  top: 0 !important;
  left: 0 !important;
  border-radius: 50% !important;
}
.watch-container.galaxywatch4classicsilver .watch-inner-container .watchface-image {
  background-size: 100%;
  background-repeat: no-repeat;
}
.watch-container.galaxywatch4classicsilver.watch-skin-preview {
  background-size: 100%;
  background-position: center;
  background-image: url("../img/watches/centered/galaxywatch4classicsilver-realistic.png");
  background-repeat: no-repeat;
}

.no-skin-watch-container.galaxywatch4classicsilver2 {
  border-radius: 18%;
}
.no-skin-watch-container.galaxywatch4classicsilver2 img {
  border-radius: 18%;
}

.watch-container {
  display: block;
  margin: 100px auto 120px;
  width: 250px;
  height: 250px;
}
.watch-container.galaxywatch4classicsilver2 {
  position: relative;
  overflow: visible;
}
.watch-container.galaxywatch4classicsilver2 .watch-shadow {
  position: absolute;
  position: absolute;
  bottom: -50%;
  right: -30%;
  left: -30%;
  height: 16%;
  background: radial-gradient(ellipse at center, #969696 10%, rgba(0, 0, 0, 0) 50%);
  z-index: 0;
}
@media (max-width: 767px) {
  .watch-container.galaxywatch4classicsilver2 .watch-shadow {
    right: 5%;
    left: 0%;
    opacity: 50%;
  }
}
.watch-container.galaxywatch4classicsilver2 .watch-background {
  position: absolute;
  top: -50%;
  left: -50%;
  width: 200% !important;
  height: 200% !important;
  background-size: 100%;
  background-position: center;
  background-image: url("../img/watches/centered/galaxywatch4classicsilver2-realistic.png");
  background-repeat: no-repeat;
  z-index: 1;
  pointer-events: none;
}
.watch-container.galaxywatch4classicsilver2 .watch-background img {
  width: 100%;
  height: 100%;
}
.watch-container.galaxywatch4classicsilver2 .watch-inner-container {
  position: absolute !important;
  width: 79.5% !important;
  height: 79.5% !important;
  top: 10.5% !important;
  left: 10.5% !important;
  border-radius: 50% !important;
  overflow: hidden;
  z-index: 1;
}
.watch-container.galaxywatch4classicsilver2 .watch-inner-container .canvas-container,
.watch-container.galaxywatch4classicsilver2 .watch-inner-container canvas,
.watch-container.galaxywatch4classicsilver2 .watch-inner-container .watchface-image {
  position: absolute !important;
  width: 100% !important;
  height: 100% !important;
  top: 0 !important;
  left: 0 !important;
  border-radius: 50% !important;
}
.watch-container.galaxywatch4classicsilver2 .watch-inner-container .watchface-image {
  background-size: 100%;
  background-repeat: no-repeat;
}
.watch-container.galaxywatch4classicsilver2.watch-skin-preview {
  background-size: 100%;
  background-position: center;
  background-image: url("../img/watches/centered/galaxywatch4classicsilver2-realistic.png");
  background-repeat: no-repeat;
}

.no-skin-watch-container.fossilgen6 {
  border-radius: 18%;
}
.no-skin-watch-container.fossilgen6 img {
  border-radius: 18%;
}

.watch-container {
  display: block;
  margin: 100px auto 120px;
  width: 250px;
  height: 250px;
}
.watch-container.fossilgen6 {
  position: relative;
  overflow: visible;
}
.watch-container.fossilgen6 .watch-shadow {
  position: absolute;
  position: absolute;
  bottom: -50%;
  right: -30%;
  left: -30%;
  height: 16%;
  background: radial-gradient(ellipse at center, #969696 10%, rgba(0, 0, 0, 0) 50%);
  z-index: 0;
}
@media (max-width: 767px) {
  .watch-container.fossilgen6 .watch-shadow {
    right: 5%;
    left: 0%;
    opacity: 50%;
  }
}
.watch-container.fossilgen6 .watch-background {
  position: absolute;
  top: -50%;
  left: -50%;
  width: 200% !important;
  height: 200% !important;
  background-size: 100%;
  background-position: center;
  background-image: url("../img/watches/centered/fossilgen6-realistic.png");
  background-repeat: no-repeat;
  z-index: 1;
  pointer-events: none;
}
.watch-container.fossilgen6 .watch-background img {
  width: 100%;
  height: 100%;
}
.watch-container.fossilgen6 .watch-inner-container {
  position: absolute !important;
  width: 79.5% !important;
  height: 79.5% !important;
  top: 10% !important;
  left: 10.5% !important;
  border-radius: 50% !important;
  overflow: hidden;
  z-index: 1;
}
.watch-container.fossilgen6 .watch-inner-container .canvas-container,
.watch-container.fossilgen6 .watch-inner-container canvas,
.watch-container.fossilgen6 .watch-inner-container .watchface-image {
  position: absolute !important;
  width: 100% !important;
  height: 100% !important;
  top: 0 !important;
  left: 0 !important;
  border-radius: 50% !important;
}
.watch-container.fossilgen6 .watch-inner-container .watchface-image {
  background-size: 100%;
  background-repeat: no-repeat;
}
.watch-container.fossilgen6.watch-skin-preview {
  background-size: 100%;
  background-position: center;
  background-image: url("../img/watches/centered/fossilgen6-realistic.png");
  background-repeat: no-repeat;
}

.no-skin-watch-container.applewatch6black {
  border-radius: 17%/12.4%;
}
.no-skin-watch-container.applewatch6black img {
  border-radius: 18%/14.4%;
}

.watch-container {
  display: block;
  margin: 100px auto 120px;
  width: 250px;
  height: 250px;
}
.watch-container.applewatch6black {
  position: relative;
  overflow: visible;
}
.watch-container.applewatch6black .watch-shadow {
  position: absolute;
  position: absolute;
  bottom: -50%;
  right: -30%;
  left: -30%;
  height: 16%;
  background: radial-gradient(ellipse at center, #969696 10%, rgba(0, 0, 0, 0) 50%);
  z-index: 0;
}
@media (max-width: 767px) {
  .watch-container.applewatch6black .watch-shadow {
    right: 5%;
    left: 0%;
    opacity: 50%;
  }
}
.watch-container.applewatch6black .watch-background {
  position: absolute;
  top: -50%;
  left: -50%;
  width: 200% !important;
  height: 200% !important;
  background-size: 100%;
  background-position: center;
  background-image: url("../img/watches/centered/applewatch6black-realistic.png");
  background-repeat: no-repeat;
  z-index: 1;
  pointer-events: none;
}
.watch-container.applewatch6black .watch-background img {
  width: 100%;
  height: 100%;
}
.watch-container.applewatch6black .watch-inner-container {
  position: absolute !important;
  width: 71% !important;
  height: 88.75% !important;
  top: 6.5% !important;
  left: 14% !important;
  border-radius: 18%/14.4% !important;
  overflow: hidden;
  z-index: 1;
}
.watch-container.applewatch6black .watch-inner-container .canvas-container,
.watch-container.applewatch6black .watch-inner-container canvas,
.watch-container.applewatch6black .watch-inner-container .watchface-image {
  position: absolute !important;
  width: 100% !important;
  height: 100% !important;
  top: 0 !important;
  left: 0 !important;
  border-radius: 18%/14.4% !important;
}
.watch-container.applewatch6black .watch-inner-container .watchface-image {
  background-size: 100%;
  background-repeat: no-repeat;
}
.watch-container.applewatch6black.watch-skin-preview {
  background-size: 100%;
  background-position: center;
  background-image: url("../img/watches/centered/applewatch6black-realistic.png");
  background-repeat: no-repeat;
}

.no-skin-watch-container.applewatch6blacksportloop {
  border-radius: 17%/12.4%;
}
.no-skin-watch-container.applewatch6blacksportloop img {
  border-radius: 18%/14.4%;
}

.watch-container {
  display: block;
  margin: 100px auto 120px;
  width: 250px;
  height: 250px;
}
.watch-container.applewatch6blacksportloop {
  position: relative;
  overflow: visible;
}
.watch-container.applewatch6blacksportloop .watch-shadow {
  position: absolute;
  position: absolute;
  bottom: -50%;
  right: -30%;
  left: -30%;
  height: 16%;
  background: radial-gradient(ellipse at center, #969696 10%, rgba(0, 0, 0, 0) 50%);
  z-index: 0;
}
@media (max-width: 767px) {
  .watch-container.applewatch6blacksportloop .watch-shadow {
    right: 5%;
    left: 0%;
    opacity: 50%;
  }
}
.watch-container.applewatch6blacksportloop .watch-background {
  position: absolute;
  top: -50%;
  left: -50%;
  width: 200% !important;
  height: 200% !important;
  background-size: 100%;
  background-position: center;
  background-image: url("../img/watches/centered/applewatch6blacksportloop-realistic.png");
  background-repeat: no-repeat;
  z-index: 1;
  pointer-events: none;
}
.watch-container.applewatch6blacksportloop .watch-background img {
  width: 100%;
  height: 100%;
}
.watch-container.applewatch6blacksportloop .watch-inner-container {
  position: absolute !important;
  width: 71% !important;
  height: 88.75% !important;
  top: 7% !important;
  left: 14.5% !important;
  border-radius: 18%/14.4% !important;
  overflow: hidden;
  z-index: 1;
}
.watch-container.applewatch6blacksportloop .watch-inner-container .canvas-container,
.watch-container.applewatch6blacksportloop .watch-inner-container canvas,
.watch-container.applewatch6blacksportloop .watch-inner-container .watchface-image {
  position: absolute !important;
  width: 100% !important;
  height: 100% !important;
  top: 0 !important;
  left: 0 !important;
  border-radius: 18%/14.4% !important;
}
.watch-container.applewatch6blacksportloop .watch-inner-container .watchface-image {
  background-size: 100%;
  background-repeat: no-repeat;
}
.watch-container.applewatch6blacksportloop.watch-skin-preview {
  background-size: 100%;
  background-position: center;
  background-image: url("../img/watches/centered/applewatch6blacksportloop-realistic.png");
  background-repeat: no-repeat;
}

.no-skin-watch-container.applewatch6blue {
  border-radius: 17%/12.4%;
}
.no-skin-watch-container.applewatch6blue img {
  border-radius: 18%/14.4%;
}

.watch-container {
  display: block;
  margin: 100px auto 120px;
  width: 250px;
  height: 250px;
}
.watch-container.applewatch6blue {
  position: relative;
  overflow: visible;
}
.watch-container.applewatch6blue .watch-shadow {
  position: absolute;
  position: absolute;
  bottom: -50%;
  right: -30%;
  left: -30%;
  height: 16%;
  background: radial-gradient(ellipse at center, #969696 10%, rgba(0, 0, 0, 0) 50%);
  z-index: 0;
}
@media (max-width: 767px) {
  .watch-container.applewatch6blue .watch-shadow {
    right: 5%;
    left: 0%;
    opacity: 50%;
  }
}
.watch-container.applewatch6blue .watch-background {
  position: absolute;
  top: -50%;
  left: -50%;
  width: 200% !important;
  height: 200% !important;
  background-size: 100%;
  background-position: center;
  background-image: url("../img/watches/centered/applewatch6blue-realistic.png");
  background-repeat: no-repeat;
  z-index: 1;
  pointer-events: none;
}
.watch-container.applewatch6blue .watch-background img {
  width: 100%;
  height: 100%;
}
.watch-container.applewatch6blue .watch-inner-container {
  position: absolute !important;
  width: 71% !important;
  height: 88.75% !important;
  top: 6.5% !important;
  left: 14% !important;
  border-radius: 18%/14.4% !important;
  overflow: hidden;
  z-index: 1;
}
.watch-container.applewatch6blue .watch-inner-container .canvas-container,
.watch-container.applewatch6blue .watch-inner-container canvas,
.watch-container.applewatch6blue .watch-inner-container .watchface-image {
  position: absolute !important;
  width: 100% !important;
  height: 100% !important;
  top: 0 !important;
  left: 0 !important;
  border-radius: 18%/14.4% !important;
}
.watch-container.applewatch6blue .watch-inner-container .watchface-image {
  background-size: 100%;
  background-repeat: no-repeat;
}
.watch-container.applewatch6blue.watch-skin-preview {
  background-size: 100%;
  background-position: center;
  background-image: url("../img/watches/centered/applewatch6blue-realistic.png");
  background-repeat: no-repeat;
}

.no-skin-watch-container.applewatch7blue {
  border-radius: 17%/12.4%;
}
.no-skin-watch-container.applewatch7blue img {
  border-radius: 16%/13.8%;
}

.watch-container {
  display: block;
  margin: 100px auto 120px;
  width: 250px;
  height: 250px;
}
.watch-container.applewatch7blue {
  position: relative;
  overflow: visible;
}
.watch-container.applewatch7blue .watch-shadow {
  position: absolute;
  position: absolute;
  bottom: -50%;
  right: -30%;
  left: -30%;
  height: 16%;
  background: radial-gradient(ellipse at center, #969696 10%, rgba(0, 0, 0, 0) 50%);
  z-index: 0;
}
@media (max-width: 767px) {
  .watch-container.applewatch7blue .watch-shadow {
    right: 5%;
    left: 0%;
    opacity: 50%;
  }
}
.watch-container.applewatch7blue .watch-background {
  position: absolute;
  top: -50%;
  left: -50%;
  width: 200% !important;
  height: 200% !important;
  background-size: 100%;
  background-position: center;
  background-image: url("../img/watches/centered/applewatch7blue-realistic.png");
  background-repeat: no-repeat;
  z-index: 1;
  pointer-events: none;
}
.watch-container.applewatch7blue .watch-background img {
  width: 100%;
  height: 100%;
}
.watch-container.applewatch7blue .watch-inner-container {
  position: absolute !important;
  width: 69.5% !important;
  height: 84.5% !important;
  top: 7% !important;
  left: 15% !important;
  border-radius: 16%/13.8% !important;
  overflow: hidden;
  z-index: 1;
}
.watch-container.applewatch7blue .watch-inner-container .canvas-container,
.watch-container.applewatch7blue .watch-inner-container canvas,
.watch-container.applewatch7blue .watch-inner-container .watchface-image {
  position: absolute !important;
  width: 100% !important;
  height: 100% !important;
  top: 0 !important;
  left: 0 !important;
  border-radius: 16%/13.8% !important;
}
.watch-container.applewatch7blue .watch-inner-container .watchface-image {
  background-size: 100%;
  background-repeat: no-repeat;
}
.watch-container.applewatch7blue.watch-skin-preview {
  background-size: 100%;
  background-position: center;
  background-image: url("../img/watches/centered/applewatch7blue-realistic.png");
  background-repeat: no-repeat;
}

.no-skin-watch-container.applewatch7blue2 {
  border-radius: 17%/12.4%;
}
.no-skin-watch-container.applewatch7blue2 img {
  border-radius: 16%/13.8%;
}

.watch-container {
  display: block;
  margin: 100px auto 120px;
  width: 250px;
  height: 250px;
}
.watch-container.applewatch7blue2 {
  position: relative;
  overflow: visible;
}
.watch-container.applewatch7blue2 .watch-shadow {
  position: absolute;
  position: absolute;
  bottom: -50%;
  right: -30%;
  left: -30%;
  height: 16%;
  background: radial-gradient(ellipse at center, #969696 10%, rgba(0, 0, 0, 0) 50%);
  z-index: 0;
}
@media (max-width: 767px) {
  .watch-container.applewatch7blue2 .watch-shadow {
    right: 5%;
    left: 0%;
    opacity: 50%;
  }
}
.watch-container.applewatch7blue2 .watch-background {
  position: absolute;
  top: -50%;
  left: -50%;
  width: 200% !important;
  height: 200% !important;
  background-size: 100%;
  background-position: center;
  background-image: url("../img/watches/centered/applewatch7blue2-realistic.png");
  background-repeat: no-repeat;
  z-index: 1;
  pointer-events: none;
}
.watch-container.applewatch7blue2 .watch-background img {
  width: 100%;
  height: 100%;
}
.watch-container.applewatch7blue2 .watch-inner-container {
  position: absolute !important;
  width: 69.5% !important;
  height: 84.5% !important;
  top: 7% !important;
  left: 15% !important;
  border-radius: 16%/13.8% !important;
  overflow: hidden;
  z-index: 1;
}
.watch-container.applewatch7blue2 .watch-inner-container .canvas-container,
.watch-container.applewatch7blue2 .watch-inner-container canvas,
.watch-container.applewatch7blue2 .watch-inner-container .watchface-image {
  position: absolute !important;
  width: 100% !important;
  height: 100% !important;
  top: 0 !important;
  left: 0 !important;
  border-radius: 16%/13.8% !important;
}
.watch-container.applewatch7blue2 .watch-inner-container .watchface-image {
  background-size: 100%;
  background-repeat: no-repeat;
}
.watch-container.applewatch7blue2.watch-skin-preview {
  background-size: 100%;
  background-position: center;
  background-image: url("../img/watches/centered/applewatch7blue2-realistic.png");
  background-repeat: no-repeat;
}

.no-skin-watch-container.applewatch7black {
  border-radius: 17%/12.4%;
}
.no-skin-watch-container.applewatch7black img {
  border-radius: 16%/13.8%;
}

.watch-container {
  display: block;
  margin: 100px auto 120px;
  width: 250px;
  height: 250px;
}
.watch-container.applewatch7black {
  position: relative;
  overflow: visible;
}
.watch-container.applewatch7black .watch-shadow {
  position: absolute;
  position: absolute;
  bottom: -50%;
  right: -30%;
  left: -30%;
  height: 16%;
  background: radial-gradient(ellipse at center, #969696 10%, rgba(0, 0, 0, 0) 50%);
  z-index: 0;
}
@media (max-width: 767px) {
  .watch-container.applewatch7black .watch-shadow {
    right: 5%;
    left: 0%;
    opacity: 50%;
  }
}
.watch-container.applewatch7black .watch-background {
  position: absolute;
  top: -50%;
  left: -50%;
  width: 200% !important;
  height: 200% !important;
  background-size: 100%;
  background-position: center;
  background-image: url("../img/watches/centered/applewatch7black-realistic.png");
  background-repeat: no-repeat;
  z-index: 1;
  pointer-events: none;
}
.watch-container.applewatch7black .watch-background img {
  width: 100%;
  height: 100%;
}
.watch-container.applewatch7black .watch-inner-container {
  position: absolute !important;
  width: 69.5% !important;
  height: 84.5% !important;
  top: 7% !important;
  left: 15% !important;
  border-radius: 16%/13.8% !important;
  overflow: hidden;
  z-index: 1;
}
.watch-container.applewatch7black .watch-inner-container .canvas-container,
.watch-container.applewatch7black .watch-inner-container canvas,
.watch-container.applewatch7black .watch-inner-container .watchface-image {
  position: absolute !important;
  width: 100% !important;
  height: 100% !important;
  top: 0 !important;
  left: 0 !important;
  border-radius: 16%/13.8% !important;
}
.watch-container.applewatch7black .watch-inner-container .watchface-image {
  background-size: 100%;
  background-repeat: no-repeat;
}
.watch-container.applewatch7black.watch-skin-preview {
  background-size: 100%;
  background-position: center;
  background-image: url("../img/watches/centered/applewatch7black-realistic.png");
  background-repeat: no-repeat;
}

.no-skin-watch-container.applewatch7orange {
  border-radius: 17%/12.4%;
}
.no-skin-watch-container.applewatch7orange img {
  border-radius: 16%/13.8%;
}

.watch-container {
  display: block;
  margin: 100px auto 120px;
  width: 250px;
  height: 250px;
}
.watch-container.applewatch7orange {
  position: relative;
  overflow: visible;
}
.watch-container.applewatch7orange .watch-shadow {
  position: absolute;
  position: absolute;
  bottom: -50%;
  right: -30%;
  left: -30%;
  height: 16%;
  background: radial-gradient(ellipse at center, #969696 10%, rgba(0, 0, 0, 0) 50%);
  z-index: 0;
}
@media (max-width: 767px) {
  .watch-container.applewatch7orange .watch-shadow {
    right: 5%;
    left: 0%;
    opacity: 50%;
  }
}
.watch-container.applewatch7orange .watch-background {
  position: absolute;
  top: -50%;
  left: -50%;
  width: 200% !important;
  height: 200% !important;
  background-size: 100%;
  background-position: center;
  background-image: url("../img/watches/centered/applewatch7orange-realistic.png");
  background-repeat: no-repeat;
  z-index: 1;
  pointer-events: none;
}
.watch-container.applewatch7orange .watch-background img {
  width: 100%;
  height: 100%;
}
.watch-container.applewatch7orange .watch-inner-container {
  position: absolute !important;
  width: 69.5% !important;
  height: 84.5% !important;
  top: 7% !important;
  left: 15% !important;
  border-radius: 16%/13.8% !important;
  overflow: hidden;
  z-index: 1;
}
.watch-container.applewatch7orange .watch-inner-container .canvas-container,
.watch-container.applewatch7orange .watch-inner-container canvas,
.watch-container.applewatch7orange .watch-inner-container .watchface-image {
  position: absolute !important;
  width: 100% !important;
  height: 100% !important;
  top: 0 !important;
  left: 0 !important;
  border-radius: 16%/13.8% !important;
}
.watch-container.applewatch7orange .watch-inner-container .watchface-image {
  background-size: 100%;
  background-repeat: no-repeat;
}
.watch-container.applewatch7orange.watch-skin-preview {
  background-size: 100%;
  background-position: center;
  background-image: url("../img/watches/centered/applewatch7orange-realistic.png");
  background-repeat: no-repeat;
}

.no-skin-watch-container.gw5blue {
  border-radius: 18%;
}
.no-skin-watch-container.gw5blue img {
  border-radius: 18%;
}

.watch-container {
  display: block;
  margin: 100px auto 120px;
  width: 250px;
  height: 250px;
}
.watch-container.gw5blue {
  position: relative;
  overflow: visible;
}
.watch-container.gw5blue .watch-shadow {
  position: absolute;
  position: absolute;
  bottom: -50%;
  right: -30%;
  left: -30%;
  height: 16%;
  background: radial-gradient(ellipse at center, #969696 10%, rgba(0, 0, 0, 0) 50%);
  z-index: 0;
}
@media (max-width: 767px) {
  .watch-container.gw5blue .watch-shadow {
    right: 5%;
    left: 0%;
    opacity: 50%;
  }
}
.watch-container.gw5blue .watch-background {
  position: absolute;
  top: -50%;
  left: -50%;
  width: 200% !important;
  height: 200% !important;
  background-size: 100%;
  background-position: center;
  background-image: url("../img/watches/centered/gw5blue-realistic.png");
  background-repeat: no-repeat;
  z-index: 1;
  pointer-events: none;
}
.watch-container.gw5blue .watch-background img {
  width: 100%;
  height: 100%;
}
.watch-container.gw5blue .watch-inner-container {
  position: absolute !important;
  width: 86.5% !important;
  height: 86.5% !important;
  top: 7% !important;
  left: 7% !important;
  border-radius: 50% !important;
  overflow: hidden;
  z-index: 1;
}
.watch-container.gw5blue .watch-inner-container .canvas-container,
.watch-container.gw5blue .watch-inner-container canvas,
.watch-container.gw5blue .watch-inner-container .watchface-image {
  position: absolute !important;
  width: 100% !important;
  height: 100% !important;
  top: 0 !important;
  left: 0 !important;
  border-radius: 50% !important;
}
.watch-container.gw5blue .watch-inner-container .watchface-image {
  background-size: 100%;
  background-repeat: no-repeat;
}
.watch-container.gw5blue.watch-skin-preview {
  background-size: 100%;
  background-position: center;
  background-image: url("../img/watches/centered/gw5blue-realistic.png");
  background-repeat: no-repeat;
}

.no-skin-watch-container.gw5golf {
  border-radius: 18%;
}
.no-skin-watch-container.gw5golf img {
  border-radius: 18%;
}

.watch-container {
  display: block;
  margin: 100px auto 120px;
  width: 250px;
  height: 250px;
}
.watch-container.gw5golf {
  position: relative;
  overflow: visible;
}
.watch-container.gw5golf .watch-shadow {
  position: absolute;
  position: absolute;
  bottom: -50%;
  right: -30%;
  left: -30%;
  height: 16%;
  background: radial-gradient(ellipse at center, #969696 10%, rgba(0, 0, 0, 0) 50%);
  z-index: 0;
}
@media (max-width: 767px) {
  .watch-container.gw5golf .watch-shadow {
    right: 5%;
    left: 0%;
    opacity: 50%;
  }
}
.watch-container.gw5golf .watch-background {
  position: absolute;
  top: -50%;
  left: -50%;
  width: 200% !important;
  height: 200% !important;
  background-size: 100%;
  background-position: center;
  background-image: url("../img/watches/centered/gw5golf-realistic.png");
  background-repeat: no-repeat;
  z-index: 1;
  pointer-events: none;
}
.watch-container.gw5golf .watch-background img {
  width: 100%;
  height: 100%;
}
.watch-container.gw5golf .watch-inner-container {
  position: absolute !important;
  width: 86.5% !important;
  height: 86.5% !important;
  top: 7% !important;
  left: 7% !important;
  border-radius: 50% !important;
  overflow: hidden;
  z-index: 1;
}
.watch-container.gw5golf .watch-inner-container .canvas-container,
.watch-container.gw5golf .watch-inner-container canvas,
.watch-container.gw5golf .watch-inner-container .watchface-image {
  position: absolute !important;
  width: 100% !important;
  height: 100% !important;
  top: 0 !important;
  left: 0 !important;
  border-radius: 50% !important;
}
.watch-container.gw5golf .watch-inner-container .watchface-image {
  background-size: 100%;
  background-repeat: no-repeat;
}
.watch-container.gw5golf.watch-skin-preview {
  background-size: 100%;
  background-position: center;
  background-image: url("../img/watches/centered/gw5golf-realistic.png");
  background-repeat: no-repeat;
}

.no-skin-watch-container.gw5gray {
  border-radius: 18%;
}
.no-skin-watch-container.gw5gray img {
  border-radius: 18%;
}

.watch-container {
  display: block;
  margin: 100px auto 120px;
  width: 250px;
  height: 250px;
}
.watch-container.gw5gray {
  position: relative;
  overflow: visible;
}
.watch-container.gw5gray .watch-shadow {
  position: absolute;
  position: absolute;
  bottom: -50%;
  right: -30%;
  left: -30%;
  height: 16%;
  background: radial-gradient(ellipse at center, #969696 10%, rgba(0, 0, 0, 0) 50%);
  z-index: 0;
}
@media (max-width: 767px) {
  .watch-container.gw5gray .watch-shadow {
    right: 5%;
    left: 0%;
    opacity: 50%;
  }
}
.watch-container.gw5gray .watch-background {
  position: absolute;
  top: -50%;
  left: -50%;
  width: 200% !important;
  height: 200% !important;
  background-size: 100%;
  background-position: center;
  background-image: url("../img/watches/centered/gw5gray-realistic.png");
  background-repeat: no-repeat;
  z-index: 1;
  pointer-events: none;
}
.watch-container.gw5gray .watch-background img {
  width: 100%;
  height: 100%;
}
.watch-container.gw5gray .watch-inner-container {
  position: absolute !important;
  width: 86.5% !important;
  height: 86.5% !important;
  top: 7% !important;
  left: 7% !important;
  border-radius: 50% !important;
  overflow: hidden;
  z-index: 1;
}
.watch-container.gw5gray .watch-inner-container .canvas-container,
.watch-container.gw5gray .watch-inner-container canvas,
.watch-container.gw5gray .watch-inner-container .watchface-image {
  position: absolute !important;
  width: 100% !important;
  height: 100% !important;
  top: 0 !important;
  left: 0 !important;
  border-radius: 50% !important;
}
.watch-container.gw5gray .watch-inner-container .watchface-image {
  background-size: 100%;
  background-repeat: no-repeat;
}
.watch-container.gw5gray.watch-skin-preview {
  background-size: 100%;
  background-position: center;
  background-image: url("../img/watches/centered/gw5gray-realistic.png");
  background-repeat: no-repeat;
}

.no-skin-watch-container.gw5silver {
  border-radius: 18%;
}
.no-skin-watch-container.gw5silver img {
  border-radius: 18%;
}

.watch-container {
  display: block;
  margin: 100px auto 120px;
  width: 250px;
  height: 250px;
}
.watch-container.gw5silver {
  position: relative;
  overflow: visible;
}
.watch-container.gw5silver .watch-shadow {
  position: absolute;
  position: absolute;
  bottom: -50%;
  right: -30%;
  left: -30%;
  height: 16%;
  background: radial-gradient(ellipse at center, #969696 10%, rgba(0, 0, 0, 0) 50%);
  z-index: 0;
}
@media (max-width: 767px) {
  .watch-container.gw5silver .watch-shadow {
    right: 5%;
    left: 0%;
    opacity: 50%;
  }
}
.watch-container.gw5silver .watch-background {
  position: absolute;
  top: -50%;
  left: -50%;
  width: 200% !important;
  height: 200% !important;
  background-size: 100%;
  background-position: center;
  background-image: url("../img/watches/centered/gw5silver-realistic.png");
  background-repeat: no-repeat;
  z-index: 1;
  pointer-events: none;
}
.watch-container.gw5silver .watch-background img {
  width: 100%;
  height: 100%;
}
.watch-container.gw5silver .watch-inner-container {
  position: absolute !important;
  width: 86.5% !important;
  height: 86.5% !important;
  top: 7% !important;
  left: 7% !important;
  border-radius: 50% !important;
  overflow: hidden;
  z-index: 1;
}
.watch-container.gw5silver .watch-inner-container .canvas-container,
.watch-container.gw5silver .watch-inner-container canvas,
.watch-container.gw5silver .watch-inner-container .watchface-image {
  position: absolute !important;
  width: 100% !important;
  height: 100% !important;
  top: 0 !important;
  left: 0 !important;
  border-radius: 50% !important;
}
.watch-container.gw5silver .watch-inner-container .watchface-image {
  background-size: 100%;
  background-repeat: no-repeat;
}
.watch-container.gw5silver.watch-skin-preview {
  background-size: 100%;
  background-position: center;
  background-image: url("../img/watches/centered/gw5silver-realistic.png");
  background-repeat: no-repeat;
}

.no-skin-watch-container.gw5prodark {
  border-radius: 18%;
}
.no-skin-watch-container.gw5prodark img {
  border-radius: 18%;
}

.watch-container {
  display: block;
  margin: 100px auto 120px;
  width: 250px;
  height: 250px;
}
.watch-container.gw5prodark {
  position: relative;
  overflow: visible;
}
.watch-container.gw5prodark .watch-shadow {
  position: absolute;
  position: absolute;
  bottom: -50%;
  right: -30%;
  left: -30%;
  height: 16%;
  background: radial-gradient(ellipse at center, #969696 10%, rgba(0, 0, 0, 0) 50%);
  z-index: 0;
}
@media (max-width: 767px) {
  .watch-container.gw5prodark .watch-shadow {
    right: 5%;
    left: 0%;
    opacity: 50%;
  }
}
.watch-container.gw5prodark .watch-background {
  position: absolute;
  top: -50%;
  left: -50%;
  width: 200% !important;
  height: 200% !important;
  background-size: 100%;
  background-position: center;
  background-image: url("../img/watches/centered/gw5prodark-realistic.png");
  background-repeat: no-repeat;
  z-index: 1;
  pointer-events: none;
}
.watch-container.gw5prodark .watch-background img {
  width: 100%;
  height: 100%;
}
.watch-container.gw5prodark .watch-inner-container {
  position: absolute !important;
  width: 89.5% !important;
  height: 89.5% !important;
  top: 5% !important;
  left: 5.5% !important;
  border-radius: 50% !important;
  overflow: hidden;
  z-index: 1;
}
.watch-container.gw5prodark .watch-inner-container .canvas-container,
.watch-container.gw5prodark .watch-inner-container canvas,
.watch-container.gw5prodark .watch-inner-container .watchface-image {
  position: absolute !important;
  width: 100% !important;
  height: 100% !important;
  top: 0 !important;
  left: 0 !important;
  border-radius: 50% !important;
}
.watch-container.gw5prodark .watch-inner-container .watchface-image {
  background-size: 100%;
  background-repeat: no-repeat;
}
.watch-container.gw5prodark.watch-skin-preview {
  background-size: 100%;
  background-position: center;
  background-image: url("../img/watches/centered/gw5prodark-realistic.png");
  background-repeat: no-repeat;
}

.no-skin-watch-container.gw5progray {
  border-radius: 18%;
}
.no-skin-watch-container.gw5progray img {
  border-radius: 18%;
}

.watch-container {
  display: block;
  margin: 100px auto 120px;
  width: 250px;
  height: 250px;
}
.watch-container.gw5progray {
  position: relative;
  overflow: visible;
}
.watch-container.gw5progray .watch-shadow {
  position: absolute;
  position: absolute;
  bottom: -50%;
  right: -30%;
  left: -30%;
  height: 16%;
  background: radial-gradient(ellipse at center, #969696 10%, rgba(0, 0, 0, 0) 50%);
  z-index: 0;
}
@media (max-width: 767px) {
  .watch-container.gw5progray .watch-shadow {
    right: 5%;
    left: 0%;
    opacity: 50%;
  }
}
.watch-container.gw5progray .watch-background {
  position: absolute;
  top: -50%;
  left: -50%;
  width: 200% !important;
  height: 200% !important;
  background-size: 100%;
  background-position: center;
  background-image: url("../img/watches/centered/gw5progray-realistic.png");
  background-repeat: no-repeat;
  z-index: 1;
  pointer-events: none;
}
.watch-container.gw5progray .watch-background img {
  width: 100%;
  height: 100%;
}
.watch-container.gw5progray .watch-inner-container {
  position: absolute !important;
  width: 89.5% !important;
  height: 89.5% !important;
  top: 5% !important;
  left: 5.5% !important;
  border-radius: 50% !important;
  overflow: hidden;
  z-index: 1;
}
.watch-container.gw5progray .watch-inner-container .canvas-container,
.watch-container.gw5progray .watch-inner-container canvas,
.watch-container.gw5progray .watch-inner-container .watchface-image {
  position: absolute !important;
  width: 100% !important;
  height: 100% !important;
  top: 0 !important;
  left: 0 !important;
  border-radius: 50% !important;
}
.watch-container.gw5progray .watch-inner-container .watchface-image {
  background-size: 100%;
  background-repeat: no-repeat;
}
.watch-container.gw5progray.watch-skin-preview {
  background-size: 100%;
  background-position: center;
  background-image: url("../img/watches/centered/gw5progray-realistic.png");
  background-repeat: no-repeat;
}

.no-skin-watch-container.gwgalaxy8classicblack {
  border-radius: 18%;
}
.no-skin-watch-container.gwgalaxy8classicblack img {
  border-radius: 18%;
}

.watch-container {
  display: block;
  margin: 100px auto 120px;
  width: 250px;
  height: 250px;
}
.watch-container.gwgalaxy8classicblack {
  position: relative;
  overflow: visible;
}
.watch-container.gwgalaxy8classicblack .watch-shadow {
  position: absolute;
  position: absolute;
  bottom: -50%;
  right: -30%;
  left: -30%;
  height: 16%;
  background: radial-gradient(ellipse at center, #969696 10%, rgba(0, 0, 0, 0) 50%);
  z-index: 0;
}
@media (max-width: 767px) {
  .watch-container.gwgalaxy8classicblack .watch-shadow {
    right: 5%;
    left: 0%;
    opacity: 50%;
  }
}
.watch-container.gwgalaxy8classicblack .watch-background {
  position: absolute;
  top: -50%;
  left: -50%;
  width: 200% !important;
  height: 200% !important;
  background-size: 100%;
  background-position: center;
  background-image: url("../img/watches/centered/gwgalaxy8classicblack-realistic.png");
  background-repeat: no-repeat;
  z-index: 1;
  pointer-events: none;
}
.watch-container.gwgalaxy8classicblack .watch-background img {
  width: 100%;
  height: 100%;
}
.watch-container.gwgalaxy8classicblack .watch-inner-container {
  position: absolute !important;
  width: 83.5% !important;
  height: 83.5% !important;
  top: 8% !important;
  left: 8.5% !important;
  border-radius: 50% !important;
  overflow: hidden;
  z-index: 1;
}
.watch-container.gwgalaxy8classicblack .watch-inner-container .canvas-container,
.watch-container.gwgalaxy8classicblack .watch-inner-container canvas,
.watch-container.gwgalaxy8classicblack .watch-inner-container .watchface-image {
  position: absolute !important;
  width: 100% !important;
  height: 100% !important;
  top: 0 !important;
  left: 0 !important;
  border-radius: 50% !important;
}
.watch-container.gwgalaxy8classicblack .watch-inner-container .watchface-image {
  background-size: 100%;
  background-repeat: no-repeat;
}
.watch-container.gwgalaxy8classicblack.watch-skin-preview {
  background-size: 100%;
  background-position: center;
  background-image: url("../img/watches/centered/gwgalaxy8classicblack-realistic.png");
  background-repeat: no-repeat;
}

.no-skin-watch-container.gwgalaxy8classicwhite {
  border-radius: 18%;
}
.no-skin-watch-container.gwgalaxy8classicwhite img {
  border-radius: 18%;
}

.watch-container {
  display: block;
  margin: 100px auto 120px;
  width: 250px;
  height: 250px;
}
.watch-container.gwgalaxy8classicwhite {
  position: relative;
  overflow: visible;
}
.watch-container.gwgalaxy8classicwhite .watch-shadow {
  position: absolute;
  position: absolute;
  bottom: -50%;
  right: -30%;
  left: -30%;
  height: 16%;
  background: radial-gradient(ellipse at center, #969696 10%, rgba(0, 0, 0, 0) 50%);
  z-index: 0;
}
@media (max-width: 767px) {
  .watch-container.gwgalaxy8classicwhite .watch-shadow {
    right: 5%;
    left: 0%;
    opacity: 50%;
  }
}
.watch-container.gwgalaxy8classicwhite .watch-background {
  position: absolute;
  top: -50%;
  left: -50%;
  width: 200% !important;
  height: 200% !important;
  background-size: 100%;
  background-position: center;
  background-image: url("../img/watches/centered/gwgalaxy8classicwhite-realistic.png");
  background-repeat: no-repeat;
  z-index: 1;
  pointer-events: none;
}
.watch-container.gwgalaxy8classicwhite .watch-background img {
  width: 100%;
  height: 100%;
}
.watch-container.gwgalaxy8classicwhite .watch-inner-container {
  position: absolute !important;
  width: 83.5% !important;
  height: 83.5% !important;
  top: 8% !important;
  left: 8.5% !important;
  border-radius: 50% !important;
  overflow: hidden;
  z-index: 1;
}
.watch-container.gwgalaxy8classicwhite .watch-inner-container .canvas-container,
.watch-container.gwgalaxy8classicwhite .watch-inner-container canvas,
.watch-container.gwgalaxy8classicwhite .watch-inner-container .watchface-image {
  position: absolute !important;
  width: 100% !important;
  height: 100% !important;
  top: 0 !important;
  left: 0 !important;
  border-radius: 50% !important;
}
.watch-container.gwgalaxy8classicwhite .watch-inner-container .watchface-image {
  background-size: 100%;
  background-repeat: no-repeat;
}
.watch-container.gwgalaxy8classicwhite.watch-skin-preview {
  background-size: 100%;
  background-position: center;
  background-image: url("../img/watches/centered/gwgalaxy8classicwhite-realistic.png");
  background-repeat: no-repeat;
}

.no-skin-watch-container.gwgalaxy8graphite {
  border-radius: 18%;
}
.no-skin-watch-container.gwgalaxy8graphite img {
  border-radius: 18%;
}

.watch-container {
  display: block;
  margin: 100px auto 120px;
  width: 250px;
  height: 250px;
}
.watch-container.gwgalaxy8graphite {
  position: relative;
  overflow: visible;
}
.watch-container.gwgalaxy8graphite .watch-shadow {
  position: absolute;
  position: absolute;
  bottom: -50%;
  right: -30%;
  left: -30%;
  height: 16%;
  background: radial-gradient(ellipse at center, #969696 10%, rgba(0, 0, 0, 0) 50%);
  z-index: 0;
}
@media (max-width: 767px) {
  .watch-container.gwgalaxy8graphite .watch-shadow {
    right: 5%;
    left: 0%;
    opacity: 50%;
  }
}
.watch-container.gwgalaxy8graphite .watch-background {
  position: absolute;
  top: -50%;
  left: -50%;
  width: 200% !important;
  height: 200% !important;
  background-size: 100%;
  background-position: center;
  background-image: url("../img/watches/centered/gwgalaxy8graphite-realistic.png");
  background-repeat: no-repeat;
  z-index: 1;
  pointer-events: none;
}
.watch-container.gwgalaxy8graphite .watch-background img {
  width: 100%;
  height: 100%;
}
.watch-container.gwgalaxy8graphite .watch-inner-container {
  position: absolute !important;
  width: 89.5% !important;
  height: 89.5% !important;
  top: 5% !important;
  left: 5.5% !important;
  border-radius: 50% !important;
  overflow: hidden;
  z-index: 1;
}
.watch-container.gwgalaxy8graphite .watch-inner-container .canvas-container,
.watch-container.gwgalaxy8graphite .watch-inner-container canvas,
.watch-container.gwgalaxy8graphite .watch-inner-container .watchface-image {
  position: absolute !important;
  width: 100% !important;
  height: 100% !important;
  top: 0 !important;
  left: 0 !important;
  border-radius: 50% !important;
}
.watch-container.gwgalaxy8graphite .watch-inner-container .watchface-image {
  background-size: 100%;
  background-repeat: no-repeat;
}
.watch-container.gwgalaxy8graphite.watch-skin-preview {
  background-size: 100%;
  background-position: center;
  background-image: url("../img/watches/centered/gwgalaxy8graphite-realistic.png");
  background-repeat: no-repeat;
}

.no-skin-watch-container.gwgalaxy8silver {
  border-radius: 18%;
}
.no-skin-watch-container.gwgalaxy8silver img {
  border-radius: 18%;
}

.watch-container {
  display: block;
  margin: 100px auto 120px;
  width: 250px;
  height: 250px;
}
.watch-container.gwgalaxy8silver {
  position: relative;
  overflow: visible;
}
.watch-container.gwgalaxy8silver .watch-shadow {
  position: absolute;
  position: absolute;
  bottom: -50%;
  right: -30%;
  left: -30%;
  height: 16%;
  background: radial-gradient(ellipse at center, #969696 10%, rgba(0, 0, 0, 0) 50%);
  z-index: 0;
}
@media (max-width: 767px) {
  .watch-container.gwgalaxy8silver .watch-shadow {
    right: 5%;
    left: 0%;
    opacity: 50%;
  }
}
.watch-container.gwgalaxy8silver .watch-background {
  position: absolute;
  top: -50%;
  left: -50%;
  width: 200% !important;
  height: 200% !important;
  background-size: 100%;
  background-position: center;
  background-image: url("../img/watches/centered/gwgalaxy8silver-realistic.png");
  background-repeat: no-repeat;
  z-index: 1;
  pointer-events: none;
}
.watch-container.gwgalaxy8silver .watch-background img {
  width: 100%;
  height: 100%;
}
.watch-container.gwgalaxy8silver .watch-inner-container {
  position: absolute !important;
  width: 89.5% !important;
  height: 89.5% !important;
  top: 5% !important;
  left: 5.5% !important;
  border-radius: 50% !important;
  overflow: hidden;
  z-index: 1;
}
.watch-container.gwgalaxy8silver .watch-inner-container .canvas-container,
.watch-container.gwgalaxy8silver .watch-inner-container canvas,
.watch-container.gwgalaxy8silver .watch-inner-container .watchface-image {
  position: absolute !important;
  width: 100% !important;
  height: 100% !important;
  top: 0 !important;
  left: 0 !important;
  border-radius: 50% !important;
}
.watch-container.gwgalaxy8silver .watch-inner-container .watchface-image {
  background-size: 100%;
  background-repeat: no-repeat;
}
.watch-container.gwgalaxy8silver.watch-skin-preview {
  background-size: 100%;
  background-position: center;
  background-image: url("../img/watches/centered/gwgalaxy8silver-realistic.png");
  background-repeat: no-repeat;
}

.no-skin-watch-container.gwultrablue {
  border-radius: 18%;
}
.no-skin-watch-container.gwultrablue img {
  border-radius: 18%;
}

.watch-container {
  display: block;
  margin: 100px auto 120px;
  width: 250px;
  height: 250px;
}
.watch-container.gwultrablue {
  position: relative;
  overflow: visible;
}
.watch-container.gwultrablue .watch-shadow {
  position: absolute;
  position: absolute;
  bottom: -50%;
  right: -30%;
  left: -30%;
  height: 16%;
  background: radial-gradient(ellipse at center, #969696 10%, rgba(0, 0, 0, 0) 50%);
  z-index: 0;
}
@media (max-width: 767px) {
  .watch-container.gwultrablue .watch-shadow {
    right: 5%;
    left: 0%;
    opacity: 50%;
  }
}
.watch-container.gwultrablue .watch-background {
  position: absolute;
  top: -50%;
  left: -50%;
  width: 200% !important;
  height: 200% !important;
  background-size: 100%;
  background-position: center;
  background-image: url("../img/watches/centered/gwultrablue-realistic.png");
  background-repeat: no-repeat;
  z-index: 1;
  pointer-events: none;
}
.watch-container.gwultrablue .watch-background img {
  width: 100%;
  height: 100%;
}
.watch-container.gwultrablue .watch-inner-container {
  position: absolute !important;
  width: 89.5% !important;
  height: 89.5% !important;
  top: 5% !important;
  left: 5.5% !important;
  border-radius: 50% !important;
  overflow: hidden;
  z-index: 1;
}
.watch-container.gwultrablue .watch-inner-container .canvas-container,
.watch-container.gwultrablue .watch-inner-container canvas,
.watch-container.gwultrablue .watch-inner-container .watchface-image {
  position: absolute !important;
  width: 100% !important;
  height: 100% !important;
  top: 0 !important;
  left: 0 !important;
  border-radius: 50% !important;
}
.watch-container.gwultrablue .watch-inner-container .watchface-image {
  background-size: 100%;
  background-repeat: no-repeat;
}
.watch-container.gwultrablue.watch-skin-preview {
  background-size: 100%;
  background-position: center;
  background-image: url("../img/watches/centered/gwultrablue-realistic.png");
  background-repeat: no-repeat;
}

.no-skin-watch-container.applewatchultragreen {
  border-radius: 17%/12.4%;
}
.no-skin-watch-container.applewatchultragreen img {
  border-radius: 26.4%/21.7%;
}

.watch-container {
  display: block;
  margin: 100px auto 120px;
  width: 250px;
  height: 250px;
}
.watch-container.applewatchultragreen {
  position: relative;
  overflow: visible;
}
.watch-container.applewatchultragreen .watch-shadow {
  position: absolute;
  position: absolute;
  bottom: -50%;
  right: -30%;
  left: -30%;
  height: 16%;
  background: radial-gradient(ellipse at center, #969696 10%, rgba(0, 0, 0, 0) 50%);
  z-index: 0;
}
@media (max-width: 767px) {
  .watch-container.applewatchultragreen .watch-shadow {
    right: 5%;
    left: 0%;
    opacity: 50%;
  }
}
.watch-container.applewatchultragreen .watch-background {
  position: absolute;
  top: -50%;
  left: -50%;
  width: 200% !important;
  height: 200% !important;
  background-size: 100%;
  background-position: center;
  background-image: url("../img/watches/centered/applewatchultragreen-realistic.png");
  background-repeat: no-repeat;
  z-index: 1;
  pointer-events: none;
}
.watch-container.applewatchultragreen .watch-background img {
  width: 100%;
  height: 100%;
}
.watch-container.applewatchultragreen .watch-inner-container {
  position: absolute !important;
  width: 69.5% !important;
  height: 84.5% !important;
  top: 7.5% !important;
  left: 15.5% !important;
  border-radius: 26.4%/21.7% !important;
  overflow: hidden;
  z-index: 1;
}
.watch-container.applewatchultragreen .watch-inner-container .canvas-container,
.watch-container.applewatchultragreen .watch-inner-container canvas,
.watch-container.applewatchultragreen .watch-inner-container .watchface-image {
  position: absolute !important;
  width: 100% !important;
  height: 100% !important;
  top: 0 !important;
  left: 0 !important;
  border-radius: 26.4%/21.7% !important;
}
.watch-container.applewatchultragreen .watch-inner-container .watchface-image {
  background-size: 100%;
  background-repeat: no-repeat;
}
.watch-container.applewatchultragreen.watch-skin-preview {
  background-size: 100%;
  background-position: center;
  background-image: url("../img/watches/centered/applewatchultragreen-realistic.png");
  background-repeat: no-repeat;
}

.no-skin-watch-container.applewatchultraorange {
  border-radius: 17%/12.4%;
}
.no-skin-watch-container.applewatchultraorange img {
  border-radius: 26.4%/21.7%;
}

.watch-container {
  display: block;
  margin: 100px auto 120px;
  width: 250px;
  height: 250px;
}
.watch-container.applewatchultraorange {
  position: relative;
  overflow: visible;
}
.watch-container.applewatchultraorange .watch-shadow {
  position: absolute;
  position: absolute;
  bottom: -50%;
  right: -30%;
  left: -30%;
  height: 16%;
  background: radial-gradient(ellipse at center, #969696 10%, rgba(0, 0, 0, 0) 50%);
  z-index: 0;
}
@media (max-width: 767px) {
  .watch-container.applewatchultraorange .watch-shadow {
    right: 5%;
    left: 0%;
    opacity: 50%;
  }
}
.watch-container.applewatchultraorange .watch-background {
  position: absolute;
  top: -50%;
  left: -50%;
  width: 200% !important;
  height: 200% !important;
  background-size: 100%;
  background-position: center;
  background-image: url("../img/watches/centered/applewatchultraorange-realistic.png");
  background-repeat: no-repeat;
  z-index: 1;
  pointer-events: none;
}
.watch-container.applewatchultraorange .watch-background img {
  width: 100%;
  height: 100%;
}
.watch-container.applewatchultraorange .watch-inner-container {
  position: absolute !important;
  width: 69.5% !important;
  height: 84.5% !important;
  top: 7.5% !important;
  left: 15.5% !important;
  border-radius: 26.4%/21.7% !important;
  overflow: hidden;
  z-index: 1;
}
.watch-container.applewatchultraorange .watch-inner-container .canvas-container,
.watch-container.applewatchultraorange .watch-inner-container canvas,
.watch-container.applewatchultraorange .watch-inner-container .watchface-image {
  position: absolute !important;
  width: 100% !important;
  height: 100% !important;
  top: 0 !important;
  left: 0 !important;
  border-radius: 26.4%/21.7% !important;
}
.watch-container.applewatchultraorange .watch-inner-container .watchface-image {
  background-size: 100%;
  background-repeat: no-repeat;
}
.watch-container.applewatchultraorange.watch-skin-preview {
  background-size: 100%;
  background-position: center;
  background-image: url("../img/watches/centered/applewatchultraorange-realistic.png");
  background-repeat: no-repeat;
}

.no-skin-watch-container.applewatchultrastarlight {
  border-radius: 17%/12.4%;
}
.no-skin-watch-container.applewatchultrastarlight img {
  border-radius: 26.4%/21.7%;
}

.watch-container {
  display: block;
  margin: 100px auto 120px;
  width: 250px;
  height: 250px;
}
.watch-container.applewatchultrastarlight {
  position: relative;
  overflow: visible;
}
.watch-container.applewatchultrastarlight .watch-shadow {
  position: absolute;
  position: absolute;
  bottom: -50%;
  right: -30%;
  left: -30%;
  height: 16%;
  background: radial-gradient(ellipse at center, #969696 10%, rgba(0, 0, 0, 0) 50%);
  z-index: 0;
}
@media (max-width: 767px) {
  .watch-container.applewatchultrastarlight .watch-shadow {
    right: 5%;
    left: 0%;
    opacity: 50%;
  }
}
.watch-container.applewatchultrastarlight .watch-background {
  position: absolute;
  top: -50%;
  left: -50%;
  width: 200% !important;
  height: 200% !important;
  background-size: 100%;
  background-position: center;
  background-image: url("../img/watches/centered/applewatchultrastarlight-realistic.png");
  background-repeat: no-repeat;
  z-index: 1;
  pointer-events: none;
}
.watch-container.applewatchultrastarlight .watch-background img {
  width: 100%;
  height: 100%;
}
.watch-container.applewatchultrastarlight .watch-inner-container {
  position: absolute !important;
  width: 69.5% !important;
  height: 84.5% !important;
  top: 7.5% !important;
  left: 15.5% !important;
  border-radius: 26.4%/21.7% !important;
  overflow: hidden;
  z-index: 1;
}
.watch-container.applewatchultrastarlight .watch-inner-container .canvas-container,
.watch-container.applewatchultrastarlight .watch-inner-container canvas,
.watch-container.applewatchultrastarlight .watch-inner-container .watchface-image {
  position: absolute !important;
  width: 100% !important;
  height: 100% !important;
  top: 0 !important;
  left: 0 !important;
  border-radius: 26.4%/21.7% !important;
}
.watch-container.applewatchultrastarlight .watch-inner-container .watchface-image {
  background-size: 100%;
  background-repeat: no-repeat;
}
.watch-container.applewatchultrastarlight.watch-skin-preview {
  background-size: 100%;
  background-position: center;
  background-image: url("../img/watches/centered/applewatchultrastarlight-realistic.png");
  background-repeat: no-repeat;
}

.no-skin-watch-container.applewatchseries8midnight {
  border-radius: 17%/12.4%;
}
.no-skin-watch-container.applewatchseries8midnight img {
  border-radius: 21.2%/17.4%;
}

.watch-container {
  display: block;
  margin: 100px auto 120px;
  width: 250px;
  height: 250px;
}
.watch-container.applewatchseries8midnight {
  position: relative;
  overflow: visible;
}
.watch-container.applewatchseries8midnight .watch-shadow {
  position: absolute;
  position: absolute;
  bottom: -50%;
  right: -30%;
  left: -30%;
  height: 16%;
  background: radial-gradient(ellipse at center, #969696 10%, rgba(0, 0, 0, 0) 50%);
  z-index: 0;
}
@media (max-width: 767px) {
  .watch-container.applewatchseries8midnight .watch-shadow {
    right: 5%;
    left: 0%;
    opacity: 50%;
  }
}
.watch-container.applewatchseries8midnight .watch-background {
  position: absolute;
  top: -50%;
  left: -50%;
  width: 200% !important;
  height: 200% !important;
  background-size: 100%;
  background-position: center;
  background-image: url("../img/watches/centered/applewatchseries8midnight-realistic.png");
  background-repeat: no-repeat;
  z-index: 1;
  pointer-events: none;
}
.watch-container.applewatchseries8midnight .watch-background img {
  width: 100%;
  height: 100%;
}
.watch-container.applewatchseries8midnight .watch-inner-container {
  position: absolute !important;
  width: 69.5% !important;
  height: 84.5% !important;
  top: 7.5% !important;
  left: 15.5% !important;
  border-radius: 21.2%/17.4% !important;
  overflow: hidden;
  z-index: 1;
}
.watch-container.applewatchseries8midnight .watch-inner-container .canvas-container,
.watch-container.applewatchseries8midnight .watch-inner-container canvas,
.watch-container.applewatchseries8midnight .watch-inner-container .watchface-image {
  position: absolute !important;
  width: 100% !important;
  height: 100% !important;
  top: 0 !important;
  left: 0 !important;
  border-radius: 21.2%/17.4% !important;
}
.watch-container.applewatchseries8midnight .watch-inner-container .watchface-image {
  background-size: 100%;
  background-repeat: no-repeat;
}
.watch-container.applewatchseries8midnight.watch-skin-preview {
  background-size: 100%;
  background-position: center;
  background-image: url("../img/watches/centered/applewatchseries8midnight-realistic.png");
  background-repeat: no-repeat;
}

.no-skin-watch-container.applewatchseries8silver {
  border-radius: 17%/12.4%;
}
.no-skin-watch-container.applewatchseries8silver img {
  border-radius: 21.2%/17.4%;
}

.watch-container {
  display: block;
  margin: 100px auto 120px;
  width: 250px;
  height: 250px;
}
.watch-container.applewatchseries8silver {
  position: relative;
  overflow: visible;
}
.watch-container.applewatchseries8silver .watch-shadow {
  position: absolute;
  position: absolute;
  bottom: -50%;
  right: -30%;
  left: -30%;
  height: 16%;
  background: radial-gradient(ellipse at center, #969696 10%, rgba(0, 0, 0, 0) 50%);
  z-index: 0;
}
@media (max-width: 767px) {
  .watch-container.applewatchseries8silver .watch-shadow {
    right: 5%;
    left: 0%;
    opacity: 50%;
  }
}
.watch-container.applewatchseries8silver .watch-background {
  position: absolute;
  top: -50%;
  left: -50%;
  width: 200% !important;
  height: 200% !important;
  background-size: 100%;
  background-position: center;
  background-image: url("../img/watches/centered/applewatchseries8silver-realistic.png");
  background-repeat: no-repeat;
  z-index: 1;
  pointer-events: none;
}
.watch-container.applewatchseries8silver .watch-background img {
  width: 100%;
  height: 100%;
}
.watch-container.applewatchseries8silver .watch-inner-container {
  position: absolute !important;
  width: 69.5% !important;
  height: 84.5% !important;
  top: 7.5% !important;
  left: 15.5% !important;
  border-radius: 21.2%/17.4% !important;
  overflow: hidden;
  z-index: 1;
}
.watch-container.applewatchseries8silver .watch-inner-container .canvas-container,
.watch-container.applewatchseries8silver .watch-inner-container canvas,
.watch-container.applewatchseries8silver .watch-inner-container .watchface-image {
  position: absolute !important;
  width: 100% !important;
  height: 100% !important;
  top: 0 !important;
  left: 0 !important;
  border-radius: 21.2%/17.4% !important;
}
.watch-container.applewatchseries8silver .watch-inner-container .watchface-image {
  background-size: 100%;
  background-repeat: no-repeat;
}
.watch-container.applewatchseries8silver.watch-skin-preview {
  background-size: 100%;
  background-position: center;
  background-image: url("../img/watches/centered/applewatchseries8silver-realistic.png");
  background-repeat: no-repeat;
}

.no-skin-watch-container.applewatchseries8starlight {
  border-radius: 17%/12.4%;
}
.no-skin-watch-container.applewatchseries8starlight img {
  border-radius: 21.2%/17.4%;
}

.watch-container {
  display: block;
  margin: 100px auto 120px;
  width: 250px;
  height: 250px;
}
.watch-container.applewatchseries8starlight {
  position: relative;
  overflow: visible;
}
.watch-container.applewatchseries8starlight .watch-shadow {
  position: absolute;
  position: absolute;
  bottom: -50%;
  right: -30%;
  left: -30%;
  height: 16%;
  background: radial-gradient(ellipse at center, #969696 10%, rgba(0, 0, 0, 0) 50%);
  z-index: 0;
}
@media (max-width: 767px) {
  .watch-container.applewatchseries8starlight .watch-shadow {
    right: 5%;
    left: 0%;
    opacity: 50%;
  }
}
.watch-container.applewatchseries8starlight .watch-background {
  position: absolute;
  top: -50%;
  left: -50%;
  width: 200% !important;
  height: 200% !important;
  background-size: 100%;
  background-position: center;
  background-image: url("../img/watches/centered/applewatchseries8starlight-realistic.png");
  background-repeat: no-repeat;
  z-index: 1;
  pointer-events: none;
}
.watch-container.applewatchseries8starlight .watch-background img {
  width: 100%;
  height: 100%;
}
.watch-container.applewatchseries8starlight .watch-inner-container {
  position: absolute !important;
  width: 69.5% !important;
  height: 84.5% !important;
  top: 7.5% !important;
  left: 15.5% !important;
  border-radius: 21.2%/17.4% !important;
  overflow: hidden;
  z-index: 1;
}
.watch-container.applewatchseries8starlight .watch-inner-container .canvas-container,
.watch-container.applewatchseries8starlight .watch-inner-container canvas,
.watch-container.applewatchseries8starlight .watch-inner-container .watchface-image {
  position: absolute !important;
  width: 100% !important;
  height: 100% !important;
  top: 0 !important;
  left: 0 !important;
  border-radius: 21.2%/17.4% !important;
}
.watch-container.applewatchseries8starlight .watch-inner-container .watchface-image {
  background-size: 100%;
  background-repeat: no-repeat;
}
.watch-container.applewatchseries8starlight.watch-skin-preview {
  background-size: 100%;
  background-position: center;
  background-image: url("../img/watches/centered/applewatchseries8starlight-realistic.png");
  background-repeat: no-repeat;
}

.no-skin-watch-container.applewatchseries8golden {
  border-radius: 17%/12.4%;
}
.no-skin-watch-container.applewatchseries8golden img {
  border-radius: 21.2%/17.4%;
}

.watch-container {
  display: block;
  margin: 100px auto 120px;
  width: 250px;
  height: 250px;
}
.watch-container.applewatchseries8golden {
  position: relative;
  overflow: visible;
}
.watch-container.applewatchseries8golden .watch-shadow {
  position: absolute;
  position: absolute;
  bottom: -50%;
  right: -30%;
  left: -30%;
  height: 16%;
  background: radial-gradient(ellipse at center, #969696 10%, rgba(0, 0, 0, 0) 50%);
  z-index: 0;
}
@media (max-width: 767px) {
  .watch-container.applewatchseries8golden .watch-shadow {
    right: 5%;
    left: 0%;
    opacity: 50%;
  }
}
.watch-container.applewatchseries8golden .watch-background {
  position: absolute;
  top: -50%;
  left: -50%;
  width: 200% !important;
  height: 200% !important;
  background-size: 100%;
  background-position: center;
  background-image: url("../img/watches/centered/applewatchseries8golden-realistic.png");
  background-repeat: no-repeat;
  z-index: 1;
  pointer-events: none;
}
.watch-container.applewatchseries8golden .watch-background img {
  width: 100%;
  height: 100%;
}
.watch-container.applewatchseries8golden .watch-inner-container {
  position: absolute !important;
  width: 69.5% !important;
  height: 84.5% !important;
  top: 7.5% !important;
  left: 15.5% !important;
  border-radius: 21.2%/17.4% !important;
  overflow: hidden;
  z-index: 1;
}
.watch-container.applewatchseries8golden .watch-inner-container .canvas-container,
.watch-container.applewatchseries8golden .watch-inner-container canvas,
.watch-container.applewatchseries8golden .watch-inner-container .watchface-image {
  position: absolute !important;
  width: 100% !important;
  height: 100% !important;
  top: 0 !important;
  left: 0 !important;
  border-radius: 21.2%/17.4% !important;
}
.watch-container.applewatchseries8golden .watch-inner-container .watchface-image {
  background-size: 100%;
  background-repeat: no-repeat;
}
.watch-container.applewatchseries8golden.watch-skin-preview {
  background-size: 100%;
  background-position: center;
  background-image: url("../img/watches/centered/applewatchseries8golden-realistic.png");
  background-repeat: no-repeat;
}

.no-skin-watch-container.googlepixelblack {
  border-radius: 18%;
}
.no-skin-watch-container.googlepixelblack img {
  border-radius: 18%;
}

.watch-container {
  display: block;
  margin: 100px auto 120px;
  width: 250px;
  height: 250px;
}
.watch-container.googlepixelblack {
  position: relative;
  overflow: visible;
}
.watch-container.googlepixelblack .watch-shadow {
  position: absolute;
  position: absolute;
  bottom: -50%;
  right: -30%;
  left: -30%;
  height: 16%;
  background: radial-gradient(ellipse at center, #969696 10%, rgba(0, 0, 0, 0) 50%);
  z-index: 0;
}
@media (max-width: 767px) {
  .watch-container.googlepixelblack .watch-shadow {
    right: 5%;
    left: 0%;
    opacity: 50%;
  }
}
.watch-container.googlepixelblack .watch-background {
  position: absolute;
  top: -50%;
  left: -50%;
  width: 200% !important;
  height: 200% !important;
  background-size: 100%;
  background-position: center;
  background-image: url("../img/watches/centered/googlepixelblack-realistic.png");
  background-repeat: no-repeat;
  z-index: 1;
  pointer-events: none;
}
.watch-container.googlepixelblack .watch-background img {
  width: 100%;
  height: 100%;
}
.watch-container.googlepixelblack .watch-inner-container {
  position: absolute !important;
  width: 90% !important;
  height: 90% !important;
  top: 5% !important;
  left: 4.5% !important;
  border-radius: 50% !important;
  overflow: hidden;
  z-index: 1;
}
.watch-container.googlepixelblack .watch-inner-container .canvas-container,
.watch-container.googlepixelblack .watch-inner-container canvas,
.watch-container.googlepixelblack .watch-inner-container .watchface-image {
  position: absolute !important;
  width: 100% !important;
  height: 100% !important;
  top: 0 !important;
  left: 0 !important;
  border-radius: 50% !important;
}
.watch-container.googlepixelblack .watch-inner-container .watchface-image {
  background-size: 100%;
  background-repeat: no-repeat;
}
.watch-container.googlepixelblack.watch-skin-preview {
  background-size: 100%;
  background-position: center;
  background-image: url("../img/watches/centered/googlepixelblack-realistic.png");
  background-repeat: no-repeat;
}

.no-skin-watch-container.googlepixelgray {
  border-radius: 18%;
}
.no-skin-watch-container.googlepixelgray img {
  border-radius: 18%;
}

.watch-container {
  display: block;
  margin: 100px auto 120px;
  width: 250px;
  height: 250px;
}
.watch-container.googlepixelgray {
  position: relative;
  overflow: visible;
}
.watch-container.googlepixelgray .watch-shadow {
  position: absolute;
  position: absolute;
  bottom: -50%;
  right: -30%;
  left: -30%;
  height: 16%;
  background: radial-gradient(ellipse at center, #969696 10%, rgba(0, 0, 0, 0) 50%);
  z-index: 0;
}
@media (max-width: 767px) {
  .watch-container.googlepixelgray .watch-shadow {
    right: 5%;
    left: 0%;
    opacity: 50%;
  }
}
.watch-container.googlepixelgray .watch-background {
  position: absolute;
  top: -50%;
  left: -50%;
  width: 200% !important;
  height: 200% !important;
  background-size: 100%;
  background-position: center;
  background-image: url("../img/watches/centered/googlepixelgray-realistic.png");
  background-repeat: no-repeat;
  z-index: 1;
  pointer-events: none;
}
.watch-container.googlepixelgray .watch-background img {
  width: 100%;
  height: 100%;
}
.watch-container.googlepixelgray .watch-inner-container {
  position: absolute !important;
  width: 90% !important;
  height: 90% !important;
  top: 5% !important;
  left: 4.5% !important;
  border-radius: 50% !important;
  overflow: hidden;
  z-index: 1;
}
.watch-container.googlepixelgray .watch-inner-container .canvas-container,
.watch-container.googlepixelgray .watch-inner-container canvas,
.watch-container.googlepixelgray .watch-inner-container .watchface-image {
  position: absolute !important;
  width: 100% !important;
  height: 100% !important;
  top: 0 !important;
  left: 0 !important;
  border-radius: 50% !important;
}
.watch-container.googlepixelgray .watch-inner-container .watchface-image {
  background-size: 100%;
  background-repeat: no-repeat;
}
.watch-container.googlepixelgray.watch-skin-preview {
  background-size: 100%;
  background-position: center;
  background-image: url("../img/watches/centered/googlepixelgray-realistic.png");
  background-repeat: no-repeat;
}

.no-skin-watch-container.googlepixellightgray {
  border-radius: 18%;
}
.no-skin-watch-container.googlepixellightgray img {
  border-radius: 18%;
}

.watch-container {
  display: block;
  margin: 100px auto 120px;
  width: 250px;
  height: 250px;
}
.watch-container.googlepixellightgray {
  position: relative;
  overflow: visible;
}
.watch-container.googlepixellightgray .watch-shadow {
  position: absolute;
  position: absolute;
  bottom: -50%;
  right: -30%;
  left: -30%;
  height: 16%;
  background: radial-gradient(ellipse at center, #969696 10%, rgba(0, 0, 0, 0) 50%);
  z-index: 0;
}
@media (max-width: 767px) {
  .watch-container.googlepixellightgray .watch-shadow {
    right: 5%;
    left: 0%;
    opacity: 50%;
  }
}
.watch-container.googlepixellightgray .watch-background {
  position: absolute;
  top: -50%;
  left: -50%;
  width: 200% !important;
  height: 200% !important;
  background-size: 100%;
  background-position: center;
  background-image: url("../img/watches/centered/googlepixellightgray-realistic.png");
  background-repeat: no-repeat;
  z-index: 1;
  pointer-events: none;
}
.watch-container.googlepixellightgray .watch-background img {
  width: 100%;
  height: 100%;
}
.watch-container.googlepixellightgray .watch-inner-container {
  position: absolute !important;
  width: 90% !important;
  height: 90% !important;
  top: 5% !important;
  left: 4.5% !important;
  border-radius: 50% !important;
  overflow: hidden;
  z-index: 1;
}
.watch-container.googlepixellightgray .watch-inner-container .canvas-container,
.watch-container.googlepixellightgray .watch-inner-container canvas,
.watch-container.googlepixellightgray .watch-inner-container .watchface-image {
  position: absolute !important;
  width: 100% !important;
  height: 100% !important;
  top: 0 !important;
  left: 0 !important;
  border-radius: 50% !important;
}
.watch-container.googlepixellightgray .watch-inner-container .watchface-image {
  background-size: 100%;
  background-repeat: no-repeat;
}
.watch-container.googlepixellightgray.watch-skin-preview {
  background-size: 100%;
  background-position: center;
  background-image: url("../img/watches/centered/googlepixellightgray-realistic.png");
  background-repeat: no-repeat;
}

.no-skin-watch-container.googlepixelgreen {
  border-radius: 18%;
}
.no-skin-watch-container.googlepixelgreen img {
  border-radius: 18%;
}

.watch-container {
  display: block;
  margin: 100px auto 120px;
  width: 250px;
  height: 250px;
}
.watch-container.googlepixelgreen {
  position: relative;
  overflow: visible;
}
.watch-container.googlepixelgreen .watch-shadow {
  position: absolute;
  position: absolute;
  bottom: -50%;
  right: -30%;
  left: -30%;
  height: 16%;
  background: radial-gradient(ellipse at center, #969696 10%, rgba(0, 0, 0, 0) 50%);
  z-index: 0;
}
@media (max-width: 767px) {
  .watch-container.googlepixelgreen .watch-shadow {
    right: 5%;
    left: 0%;
    opacity: 50%;
  }
}
.watch-container.googlepixelgreen .watch-background {
  position: absolute;
  top: -50%;
  left: -50%;
  width: 200% !important;
  height: 200% !important;
  background-size: 100%;
  background-position: center;
  background-image: url("../img/watches/centered/googlepixelgreen-realistic.png");
  background-repeat: no-repeat;
  z-index: 1;
  pointer-events: none;
}
.watch-container.googlepixelgreen .watch-background img {
  width: 100%;
  height: 100%;
}
.watch-container.googlepixelgreen .watch-inner-container {
  position: absolute !important;
  width: 90% !important;
  height: 90% !important;
  top: 5% !important;
  left: 4.5% !important;
  border-radius: 50% !important;
  overflow: hidden;
  z-index: 1;
}
.watch-container.googlepixelgreen .watch-inner-container .canvas-container,
.watch-container.googlepixelgreen .watch-inner-container canvas,
.watch-container.googlepixelgreen .watch-inner-container .watchface-image {
  position: absolute !important;
  width: 100% !important;
  height: 100% !important;
  top: 0 !important;
  left: 0 !important;
  border-radius: 50% !important;
}
.watch-container.googlepixelgreen .watch-inner-container .watchface-image {
  background-size: 100%;
  background-repeat: no-repeat;
}
.watch-container.googlepixelgreen.watch-skin-preview {
  background-size: 100%;
  background-position: center;
  background-image: url("../img/watches/centered/googlepixelgreen-realistic.png");
  background-repeat: no-repeat;
}

.no-skin-watch-container.applewatchtetris1 {
  border-radius: 17%/12.4%;
}
.no-skin-watch-container.applewatchtetris1 img {
  border-radius: 21.2%/17.4%;
}

.watch-container {
  display: block;
  margin: 100px auto 120px;
  width: 250px;
  height: 250px;
}
.watch-container.applewatchtetris1 {
  position: relative;
  overflow: visible;
}
.watch-container.applewatchtetris1 .watch-shadow {
  position: absolute;
  position: absolute;
  bottom: -50%;
  right: -30%;
  left: -30%;
  height: 16%;
  background: radial-gradient(ellipse at center, #969696 10%, rgba(0, 0, 0, 0) 50%);
  z-index: 0;
}
@media (max-width: 767px) {
  .watch-container.applewatchtetris1 .watch-shadow {
    right: 5%;
    left: 0%;
    opacity: 50%;
  }
}
.watch-container.applewatchtetris1 .watch-background {
  position: absolute;
  top: -50%;
  left: -50%;
  width: 200% !important;
  height: 200% !important;
  background-size: 100%;
  background-position: center;
  background-image: url("../img/watches/centered/applewatchtetris1-realistic.png");
  background-repeat: no-repeat;
  z-index: 1;
  pointer-events: none;
}
.watch-container.applewatchtetris1 .watch-background img {
  width: 100%;
  height: 100%;
}
.watch-container.applewatchtetris1 .watch-inner-container {
  position: absolute !important;
  width: 69.5% !important;
  height: 84.5% !important;
  top: 7.5% !important;
  left: 15.5% !important;
  border-radius: 21.2%/17.4% !important;
  overflow: hidden;
  z-index: 1;
}
.watch-container.applewatchtetris1 .watch-inner-container .canvas-container,
.watch-container.applewatchtetris1 .watch-inner-container canvas,
.watch-container.applewatchtetris1 .watch-inner-container .watchface-image {
  position: absolute !important;
  width: 100% !important;
  height: 100% !important;
  top: 0 !important;
  left: 0 !important;
  border-radius: 21.2%/17.4% !important;
}
.watch-container.applewatchtetris1 .watch-inner-container .watchface-image {
  background-size: 100%;
  background-repeat: no-repeat;
}
.watch-container.applewatchtetris1.watch-skin-preview {
  background-size: 100%;
  background-position: center;
  background-image: url("../img/watches/centered/applewatchtetris1-realistic.png");
  background-repeat: no-repeat;
}

.no-skin-watch-container.applewatchtetris2 {
  border-radius: 17%/12.4%;
}
.no-skin-watch-container.applewatchtetris2 img {
  border-radius: 21.2%/17.4%;
}

.watch-container {
  display: block;
  margin: 100px auto 120px;
  width: 250px;
  height: 250px;
}
.watch-container.applewatchtetris2 {
  position: relative;
  overflow: visible;
}
.watch-container.applewatchtetris2 .watch-shadow {
  position: absolute;
  position: absolute;
  bottom: -50%;
  right: -30%;
  left: -30%;
  height: 16%;
  background: radial-gradient(ellipse at center, #969696 10%, rgba(0, 0, 0, 0) 50%);
  z-index: 0;
}
@media (max-width: 767px) {
  .watch-container.applewatchtetris2 .watch-shadow {
    right: 5%;
    left: 0%;
    opacity: 50%;
  }
}
.watch-container.applewatchtetris2 .watch-background {
  position: absolute;
  top: -50%;
  left: -50%;
  width: 200% !important;
  height: 200% !important;
  background-size: 100%;
  background-position: center;
  background-image: url("../img/watches/centered/applewatchtetris2-realistic.png");
  background-repeat: no-repeat;
  z-index: 1;
  pointer-events: none;
}
.watch-container.applewatchtetris2 .watch-background img {
  width: 100%;
  height: 100%;
}
.watch-container.applewatchtetris2 .watch-inner-container {
  position: absolute !important;
  width: 69.5% !important;
  height: 84.5% !important;
  top: 7.5% !important;
  left: 15.5% !important;
  border-radius: 21.2%/17.4% !important;
  overflow: hidden;
  z-index: 1;
}
.watch-container.applewatchtetris2 .watch-inner-container .canvas-container,
.watch-container.applewatchtetris2 .watch-inner-container canvas,
.watch-container.applewatchtetris2 .watch-inner-container .watchface-image {
  position: absolute !important;
  width: 100% !important;
  height: 100% !important;
  top: 0 !important;
  left: 0 !important;
  border-radius: 21.2%/17.4% !important;
}
.watch-container.applewatchtetris2 .watch-inner-container .watchface-image {
  background-size: 100%;
  background-repeat: no-repeat;
}
.watch-container.applewatchtetris2.watch-skin-preview {
  background-size: 100%;
  background-position: center;
  background-image: url("../img/watches/centered/applewatchtetris2-realistic.png");
  background-repeat: no-repeat;
}

.no-skin-watch-container.applewatchtetris3 {
  border-radius: 17%/12.4%;
}
.no-skin-watch-container.applewatchtetris3 img {
  border-radius: 21.2%/17.4%;
}

.watch-container {
  display: block;
  margin: 100px auto 120px;
  width: 250px;
  height: 250px;
}
.watch-container.applewatchtetris3 {
  position: relative;
  overflow: visible;
}
.watch-container.applewatchtetris3 .watch-shadow {
  position: absolute;
  position: absolute;
  bottom: -50%;
  right: -30%;
  left: -30%;
  height: 16%;
  background: radial-gradient(ellipse at center, #969696 10%, rgba(0, 0, 0, 0) 50%);
  z-index: 0;
}
@media (max-width: 767px) {
  .watch-container.applewatchtetris3 .watch-shadow {
    right: 5%;
    left: 0%;
    opacity: 50%;
  }
}
.watch-container.applewatchtetris3 .watch-background {
  position: absolute;
  top: -50%;
  left: -50%;
  width: 200% !important;
  height: 200% !important;
  background-size: 100%;
  background-position: center;
  background-image: url("../img/watches/centered/applewatchtetris3-realistic.png");
  background-repeat: no-repeat;
  z-index: 1;
  pointer-events: none;
}
.watch-container.applewatchtetris3 .watch-background img {
  width: 100%;
  height: 100%;
}
.watch-container.applewatchtetris3 .watch-inner-container {
  position: absolute !important;
  width: 69.5% !important;
  height: 84.5% !important;
  top: 7.5% !important;
  left: 15.5% !important;
  border-radius: 21.2%/17.4% !important;
  overflow: hidden;
  z-index: 1;
}
.watch-container.applewatchtetris3 .watch-inner-container .canvas-container,
.watch-container.applewatchtetris3 .watch-inner-container canvas,
.watch-container.applewatchtetris3 .watch-inner-container .watchface-image {
  position: absolute !important;
  width: 100% !important;
  height: 100% !important;
  top: 0 !important;
  left: 0 !important;
  border-radius: 21.2%/17.4% !important;
}
.watch-container.applewatchtetris3 .watch-inner-container .watchface-image {
  background-size: 100%;
  background-repeat: no-repeat;
}
.watch-container.applewatchtetris3.watch-skin-preview {
  background-size: 100%;
  background-position: center;
  background-image: url("../img/watches/centered/applewatchtetris3-realistic.png");
  background-repeat: no-repeat;
}

.no-skin-watch-container.wearostetris1 {
  border-radius: 18%;
}
.no-skin-watch-container.wearostetris1 img {
  border-radius: 18%;
}

.watch-container {
  display: block;
  margin: 100px auto 120px;
  width: 250px;
  height: 250px;
}
.watch-container.wearostetris1 {
  position: relative;
  overflow: visible;
}
.watch-container.wearostetris1 .watch-shadow {
  position: absolute;
  position: absolute;
  bottom: -50%;
  right: -30%;
  left: -30%;
  height: 16%;
  background: radial-gradient(ellipse at center, #969696 10%, rgba(0, 0, 0, 0) 50%);
  z-index: 0;
}
@media (max-width: 767px) {
  .watch-container.wearostetris1 .watch-shadow {
    right: 5%;
    left: 0%;
    opacity: 50%;
  }
}
.watch-container.wearostetris1 .watch-background {
  position: absolute;
  top: -50%;
  left: -50%;
  width: 200% !important;
  height: 200% !important;
  background-size: 100%;
  background-position: center;
  background-image: url("../img/watches/centered/wearostetris1-realistic.png");
  background-repeat: no-repeat;
  z-index: 1;
  pointer-events: none;
}
.watch-container.wearostetris1 .watch-background img {
  width: 100%;
  height: 100%;
}
.watch-container.wearostetris1 .watch-inner-container {
  position: absolute !important;
  width: 82.5% !important;
  height: 82.5% !important;
  top: 9% !important;
  left: 9% !important;
  border-radius: 50% !important;
  overflow: hidden;
  z-index: 1;
}
.watch-container.wearostetris1 .watch-inner-container .canvas-container,
.watch-container.wearostetris1 .watch-inner-container canvas,
.watch-container.wearostetris1 .watch-inner-container .watchface-image {
  position: absolute !important;
  width: 100% !important;
  height: 100% !important;
  top: 0 !important;
  left: 0 !important;
  border-radius: 50% !important;
}
.watch-container.wearostetris1 .watch-inner-container .watchface-image {
  background-size: 100%;
  background-repeat: no-repeat;
}
.watch-container.wearostetris1.watch-skin-preview {
  background-size: 100%;
  background-position: center;
  background-image: url("../img/watches/centered/wearostetris1-realistic.png");
  background-repeat: no-repeat;
}

.no-skin-watch-container.wearostetris2 {
  border-radius: 18%;
}
.no-skin-watch-container.wearostetris2 img {
  border-radius: 18%;
}

.watch-container {
  display: block;
  margin: 100px auto 120px;
  width: 250px;
  height: 250px;
}
.watch-container.wearostetris2 {
  position: relative;
  overflow: visible;
}
.watch-container.wearostetris2 .watch-shadow {
  position: absolute;
  position: absolute;
  bottom: -50%;
  right: -30%;
  left: -30%;
  height: 16%;
  background: radial-gradient(ellipse at center, #969696 10%, rgba(0, 0, 0, 0) 50%);
  z-index: 0;
}
@media (max-width: 767px) {
  .watch-container.wearostetris2 .watch-shadow {
    right: 5%;
    left: 0%;
    opacity: 50%;
  }
}
.watch-container.wearostetris2 .watch-background {
  position: absolute;
  top: -50%;
  left: -50%;
  width: 200% !important;
  height: 200% !important;
  background-size: 100%;
  background-position: center;
  background-image: url("../img/watches/centered/wearostetris2-realistic.png");
  background-repeat: no-repeat;
  z-index: 1;
  pointer-events: none;
}
.watch-container.wearostetris2 .watch-background img {
  width: 100%;
  height: 100%;
}
.watch-container.wearostetris2 .watch-inner-container {
  position: absolute !important;
  width: 82.5% !important;
  height: 82.5% !important;
  top: 9% !important;
  left: 9% !important;
  border-radius: 50% !important;
  overflow: hidden;
  z-index: 1;
}
.watch-container.wearostetris2 .watch-inner-container .canvas-container,
.watch-container.wearostetris2 .watch-inner-container canvas,
.watch-container.wearostetris2 .watch-inner-container .watchface-image {
  position: absolute !important;
  width: 100% !important;
  height: 100% !important;
  top: 0 !important;
  left: 0 !important;
  border-radius: 50% !important;
}
.watch-container.wearostetris2 .watch-inner-container .watchface-image {
  background-size: 100%;
  background-repeat: no-repeat;
}
.watch-container.wearostetris2.watch-skin-preview {
  background-size: 100%;
  background-position: center;
  background-image: url("../img/watches/centered/wearostetris2-realistic.png");
  background-repeat: no-repeat;
}

.no-skin-watch-container.wearostetris3 {
  border-radius: 18%;
}
.no-skin-watch-container.wearostetris3 img {
  border-radius: 18%;
}

.watch-container {
  display: block;
  margin: 100px auto 120px;
  width: 250px;
  height: 250px;
}
.watch-container.wearostetris3 {
  position: relative;
  overflow: visible;
}
.watch-container.wearostetris3 .watch-shadow {
  position: absolute;
  position: absolute;
  bottom: -50%;
  right: -30%;
  left: -30%;
  height: 16%;
  background: radial-gradient(ellipse at center, #969696 10%, rgba(0, 0, 0, 0) 50%);
  z-index: 0;
}
@media (max-width: 767px) {
  .watch-container.wearostetris3 .watch-shadow {
    right: 5%;
    left: 0%;
    opacity: 50%;
  }
}
.watch-container.wearostetris3 .watch-background {
  position: absolute;
  top: -50%;
  left: -50%;
  width: 200% !important;
  height: 200% !important;
  background-size: 100%;
  background-position: center;
  background-image: url("../img/watches/centered/wearostetris3-realistic.png");
  background-repeat: no-repeat;
  z-index: 1;
  pointer-events: none;
}
.watch-container.wearostetris3 .watch-background img {
  width: 100%;
  height: 100%;
}
.watch-container.wearostetris3 .watch-inner-container {
  position: absolute !important;
  width: 82.5% !important;
  height: 82.5% !important;
  top: 9% !important;
  left: 9% !important;
  border-radius: 50% !important;
  overflow: hidden;
  z-index: 1;
}
.watch-container.wearostetris3 .watch-inner-container .canvas-container,
.watch-container.wearostetris3 .watch-inner-container canvas,
.watch-container.wearostetris3 .watch-inner-container .watchface-image {
  position: absolute !important;
  width: 100% !important;
  height: 100% !important;
  top: 0 !important;
  left: 0 !important;
  border-radius: 50% !important;
}
.watch-container.wearostetris3 .watch-inner-container .watchface-image {
  background-size: 100%;
  background-repeat: no-repeat;
}
.watch-container.wearostetris3.watch-skin-preview {
  background-size: 100%;
  background-position: center;
  background-image: url("../img/watches/centered/wearostetris3-realistic.png");
  background-repeat: no-repeat;
}

.no-skin-watch-container.ticwatchpro5 {
  border-radius: 18%;
}
.no-skin-watch-container.ticwatchpro5 img {
  border-radius: 18%;
}

.watch-container {
  display: block;
  margin: 100px auto 120px;
  width: 250px;
  height: 250px;
}
.watch-container.ticwatchpro5 {
  position: relative;
  overflow: visible;
}
.watch-container.ticwatchpro5 .watch-shadow {
  position: absolute;
  position: absolute;
  bottom: -50%;
  right: -30%;
  left: -30%;
  height: 16%;
  background: radial-gradient(ellipse at center, #969696 10%, rgba(0, 0, 0, 0) 50%);
  z-index: 0;
}
@media (max-width: 767px) {
  .watch-container.ticwatchpro5 .watch-shadow {
    right: 5%;
    left: 0%;
    opacity: 50%;
  }
}
.watch-container.ticwatchpro5 .watch-background {
  position: absolute;
  top: -50%;
  left: -50%;
  width: 200% !important;
  height: 200% !important;
  background-size: 100%;
  background-position: center;
  background-image: url("../img/watches/centered/ticwatchpro5-realistic.png");
  background-repeat: no-repeat;
  z-index: 1;
  pointer-events: none;
}
.watch-container.ticwatchpro5 .watch-background img {
  width: 100%;
  height: 100%;
}
.watch-container.ticwatchpro5 .watch-inner-container {
  position: absolute !important;
  width: 82.5% !important;
  height: 82.5% !important;
  top: 9% !important;
  left: 9% !important;
  border-radius: 50% !important;
  overflow: hidden;
  z-index: 1;
}
.watch-container.ticwatchpro5 .watch-inner-container .canvas-container,
.watch-container.ticwatchpro5 .watch-inner-container canvas,
.watch-container.ticwatchpro5 .watch-inner-container .watchface-image {
  position: absolute !important;
  width: 100% !important;
  height: 100% !important;
  top: 0 !important;
  left: 0 !important;
  border-radius: 50% !important;
}
.watch-container.ticwatchpro5 .watch-inner-container .watchface-image {
  background-size: 100%;
  background-repeat: no-repeat;
}
.watch-container.ticwatchpro5.watch-skin-preview {
  background-size: 100%;
  background-position: center;
  background-image: url("../img/watches/centered/ticwatchpro5-realistic.png");
  background-repeat: no-repeat;
}

.no-skin-watch-container.galaxywatch6classicblack {
  border-radius: 18%;
}
.no-skin-watch-container.galaxywatch6classicblack img {
  border-radius: 18%;
}

.watch-container {
  display: block;
  margin: 100px auto 120px;
  width: 250px;
  height: 250px;
}
.watch-container.galaxywatch6classicblack {
  position: relative;
  overflow: visible;
}
.watch-container.galaxywatch6classicblack .watch-shadow {
  position: absolute;
  position: absolute;
  bottom: -50%;
  right: -30%;
  left: -30%;
  height: 16%;
  background: radial-gradient(ellipse at center, #969696 10%, rgba(0, 0, 0, 0) 50%);
  z-index: 0;
}
@media (max-width: 767px) {
  .watch-container.galaxywatch6classicblack .watch-shadow {
    right: 5%;
    left: 0%;
    opacity: 50%;
  }
}
.watch-container.galaxywatch6classicblack .watch-background {
  position: absolute;
  top: -50%;
  left: -50%;
  width: 200% !important;
  height: 200% !important;
  background-size: 100%;
  background-position: center;
  background-image: url("../img/watches/centered/galaxywatch6classicblack-realistic.png");
  background-repeat: no-repeat;
  z-index: 1;
  pointer-events: none;
}
.watch-container.galaxywatch6classicblack .watch-background img {
  width: 100%;
  height: 100%;
}
.watch-container.galaxywatch6classicblack .watch-inner-container {
  position: absolute !important;
  width: 87% !important;
  height: 87% !important;
  top: 6.5% !important;
  left: 6.5% !important;
  border-radius: 50% !important;
  overflow: hidden;
  z-index: 1;
}
.watch-container.galaxywatch6classicblack .watch-inner-container .canvas-container,
.watch-container.galaxywatch6classicblack .watch-inner-container canvas,
.watch-container.galaxywatch6classicblack .watch-inner-container .watchface-image {
  position: absolute !important;
  width: 100% !important;
  height: 100% !important;
  top: 0 !important;
  left: 0 !important;
  border-radius: 50% !important;
}
.watch-container.galaxywatch6classicblack .watch-inner-container .watchface-image {
  background-size: 100%;
  background-repeat: no-repeat;
}
.watch-container.galaxywatch6classicblack.watch-skin-preview {
  background-size: 100%;
  background-position: center;
  background-image: url("../img/watches/centered/galaxywatch6classicblack-realistic.png");
  background-repeat: no-repeat;
}

.no-skin-watch-container.galaxywatch6classicsilver {
  border-radius: 18%;
}
.no-skin-watch-container.galaxywatch6classicsilver img {
  border-radius: 18%;
}

.watch-container {
  display: block;
  margin: 100px auto 120px;
  width: 250px;
  height: 250px;
}
.watch-container.galaxywatch6classicsilver {
  position: relative;
  overflow: visible;
}
.watch-container.galaxywatch6classicsilver .watch-shadow {
  position: absolute;
  position: absolute;
  bottom: -50%;
  right: -30%;
  left: -30%;
  height: 16%;
  background: radial-gradient(ellipse at center, #969696 10%, rgba(0, 0, 0, 0) 50%);
  z-index: 0;
}
@media (max-width: 767px) {
  .watch-container.galaxywatch6classicsilver .watch-shadow {
    right: 5%;
    left: 0%;
    opacity: 50%;
  }
}
.watch-container.galaxywatch6classicsilver .watch-background {
  position: absolute;
  top: -50%;
  left: -50%;
  width: 200% !important;
  height: 200% !important;
  background-size: 100%;
  background-position: center;
  background-image: url("../img/watches/centered/galaxywatch6classicsilver-realistic.png");
  background-repeat: no-repeat;
  z-index: 1;
  pointer-events: none;
}
.watch-container.galaxywatch6classicsilver .watch-background img {
  width: 100%;
  height: 100%;
}
.watch-container.galaxywatch6classicsilver .watch-inner-container {
  position: absolute !important;
  width: 87% !important;
  height: 87% !important;
  top: 6.5% !important;
  left: 6.5% !important;
  border-radius: 50% !important;
  overflow: hidden;
  z-index: 1;
}
.watch-container.galaxywatch6classicsilver .watch-inner-container .canvas-container,
.watch-container.galaxywatch6classicsilver .watch-inner-container canvas,
.watch-container.galaxywatch6classicsilver .watch-inner-container .watchface-image {
  position: absolute !important;
  width: 100% !important;
  height: 100% !important;
  top: 0 !important;
  left: 0 !important;
  border-radius: 50% !important;
}
.watch-container.galaxywatch6classicsilver .watch-inner-container .watchface-image {
  background-size: 100%;
  background-repeat: no-repeat;
}
.watch-container.galaxywatch6classicsilver.watch-skin-preview {
  background-size: 100%;
  background-position: center;
  background-image: url("../img/watches/centered/galaxywatch6classicsilver-realistic.png");
  background-repeat: no-repeat;
}

.no-skin-watch-container.galaxywatch6gold {
  border-radius: 18%;
}
.no-skin-watch-container.galaxywatch6gold img {
  border-radius: 18%;
}

.watch-container {
  display: block;
  margin: 100px auto 120px;
  width: 250px;
  height: 250px;
}
.watch-container.galaxywatch6gold {
  position: relative;
  overflow: visible;
}
.watch-container.galaxywatch6gold .watch-shadow {
  position: absolute;
  position: absolute;
  bottom: -50%;
  right: -30%;
  left: -30%;
  height: 16%;
  background: radial-gradient(ellipse at center, #969696 10%, rgba(0, 0, 0, 0) 50%);
  z-index: 0;
}
@media (max-width: 767px) {
  .watch-container.galaxywatch6gold .watch-shadow {
    right: 5%;
    left: 0%;
    opacity: 50%;
  }
}
.watch-container.galaxywatch6gold .watch-background {
  position: absolute;
  top: -50%;
  left: -50%;
  width: 200% !important;
  height: 200% !important;
  background-size: 100%;
  background-position: center;
  background-image: url("../img/watches/centered/galaxywatch6gold-realistic.png");
  background-repeat: no-repeat;
  z-index: 1;
  pointer-events: none;
}
.watch-container.galaxywatch6gold .watch-background img {
  width: 100%;
  height: 100%;
}
.watch-container.galaxywatch6gold .watch-inner-container {
  position: absolute !important;
  width: 82.5% !important;
  height: 82.5% !important;
  top: 9% !important;
  left: 9% !important;
  border-radius: 50% !important;
  overflow: hidden;
  z-index: 1;
}
.watch-container.galaxywatch6gold .watch-inner-container .canvas-container,
.watch-container.galaxywatch6gold .watch-inner-container canvas,
.watch-container.galaxywatch6gold .watch-inner-container .watchface-image {
  position: absolute !important;
  width: 100% !important;
  height: 100% !important;
  top: 0 !important;
  left: 0 !important;
  border-radius: 50% !important;
}
.watch-container.galaxywatch6gold .watch-inner-container .watchface-image {
  background-size: 100%;
  background-repeat: no-repeat;
}
.watch-container.galaxywatch6gold.watch-skin-preview {
  background-size: 100%;
  background-position: center;
  background-image: url("../img/watches/centered/galaxywatch6gold-realistic.png");
  background-repeat: no-repeat;
}

.no-skin-watch-container.galaxywatch6silver {
  border-radius: 18%;
}
.no-skin-watch-container.galaxywatch6silver img {
  border-radius: 18%;
}

.watch-container {
  display: block;
  margin: 100px auto 120px;
  width: 250px;
  height: 250px;
}
.watch-container.galaxywatch6silver {
  position: relative;
  overflow: visible;
}
.watch-container.galaxywatch6silver .watch-shadow {
  position: absolute;
  position: absolute;
  bottom: -50%;
  right: -30%;
  left: -30%;
  height: 16%;
  background: radial-gradient(ellipse at center, #969696 10%, rgba(0, 0, 0, 0) 50%);
  z-index: 0;
}
@media (max-width: 767px) {
  .watch-container.galaxywatch6silver .watch-shadow {
    right: 5%;
    left: 0%;
    opacity: 50%;
  }
}
.watch-container.galaxywatch6silver .watch-background {
  position: absolute;
  top: -50%;
  left: -50%;
  width: 200% !important;
  height: 200% !important;
  background-size: 100%;
  background-position: center;
  background-image: url("../img/watches/centered/galaxywatch6silver-realistic.png");
  background-repeat: no-repeat;
  z-index: 1;
  pointer-events: none;
}
.watch-container.galaxywatch6silver .watch-background img {
  width: 100%;
  height: 100%;
}
.watch-container.galaxywatch6silver .watch-inner-container {
  position: absolute !important;
  width: 82.5% !important;
  height: 82.5% !important;
  top: 9% !important;
  left: 9% !important;
  border-radius: 50% !important;
  overflow: hidden;
  z-index: 1;
}
.watch-container.galaxywatch6silver .watch-inner-container .canvas-container,
.watch-container.galaxywatch6silver .watch-inner-container canvas,
.watch-container.galaxywatch6silver .watch-inner-container .watchface-image {
  position: absolute !important;
  width: 100% !important;
  height: 100% !important;
  top: 0 !important;
  left: 0 !important;
  border-radius: 50% !important;
}
.watch-container.galaxywatch6silver .watch-inner-container .watchface-image {
  background-size: 100%;
  background-repeat: no-repeat;
}
.watch-container.galaxywatch6silver.watch-skin-preview {
  background-size: 100%;
  background-position: center;
  background-image: url("../img/watches/centered/galaxywatch6silver-realistic.png");
  background-repeat: no-repeat;
}

.no-skin-watch-container.galaxywatch6black {
  border-radius: 18%;
}
.no-skin-watch-container.galaxywatch6black img {
  border-radius: 18%;
}

.watch-container {
  display: block;
  margin: 100px auto 120px;
  width: 250px;
  height: 250px;
}
.watch-container.galaxywatch6black {
  position: relative;
  overflow: visible;
}
.watch-container.galaxywatch6black .watch-shadow {
  position: absolute;
  position: absolute;
  bottom: -50%;
  right: -30%;
  left: -30%;
  height: 16%;
  background: radial-gradient(ellipse at center, #969696 10%, rgba(0, 0, 0, 0) 50%);
  z-index: 0;
}
@media (max-width: 767px) {
  .watch-container.galaxywatch6black .watch-shadow {
    right: 5%;
    left: 0%;
    opacity: 50%;
  }
}
.watch-container.galaxywatch6black .watch-background {
  position: absolute;
  top: -50%;
  left: -50%;
  width: 200% !important;
  height: 200% !important;
  background-size: 100%;
  background-position: center;
  background-image: url("../img/watches/centered/galaxywatch6black-realistic.png");
  background-repeat: no-repeat;
  z-index: 1;
  pointer-events: none;
}
.watch-container.galaxywatch6black .watch-background img {
  width: 100%;
  height: 100%;
}
.watch-container.galaxywatch6black .watch-inner-container {
  position: absolute !important;
  width: 82.5% !important;
  height: 82.5% !important;
  top: 9% !important;
  left: 9% !important;
  border-radius: 50% !important;
  overflow: hidden;
  z-index: 1;
}
.watch-container.galaxywatch6black .watch-inner-container .canvas-container,
.watch-container.galaxywatch6black .watch-inner-container canvas,
.watch-container.galaxywatch6black .watch-inner-container .watchface-image {
  position: absolute !important;
  width: 100% !important;
  height: 100% !important;
  top: 0 !important;
  left: 0 !important;
  border-radius: 50% !important;
}
.watch-container.galaxywatch6black .watch-inner-container .watchface-image {
  background-size: 100%;
  background-repeat: no-repeat;
}
.watch-container.galaxywatch6black.watch-skin-preview {
  background-size: 100%;
  background-position: center;
  background-image: url("../img/watches/centered/galaxywatch6black-realistic.png");
  background-repeat: no-repeat;
}

.no-skin-watch-container.galaxyWatch7 {
  border-radius: 18%;
}
.no-skin-watch-container.galaxyWatch7 img {
  border-radius: 18%;
}

.watch-container {
  display: block;
  margin: 100px auto 120px;
  width: 250px;
  height: 250px;
}
.watch-container.galaxyWatch7 {
  position: relative;
  overflow: visible;
}
.watch-container.galaxyWatch7 .watch-shadow {
  position: absolute;
  position: absolute;
  bottom: -50%;
  right: -30%;
  left: -30%;
  height: 16%;
  background: radial-gradient(ellipse at center, #969696 10%, rgba(0, 0, 0, 0) 50%);
  z-index: 0;
}
@media (max-width: 767px) {
  .watch-container.galaxyWatch7 .watch-shadow {
    right: 5%;
    left: 0%;
    opacity: 50%;
  }
}
.watch-container.galaxyWatch7 .watch-background {
  position: absolute;
  top: -50%;
  left: -50%;
  width: 200% !important;
  height: 200% !important;
  background-size: 100%;
  background-position: center;
  background-image: url("../img/watches/centered/galaxyWatch7-realistic.png");
  background-repeat: no-repeat;
  z-index: 1;
  pointer-events: none;
}
.watch-container.galaxyWatch7 .watch-background img {
  width: 100%;
  height: 100%;
}
.watch-container.galaxyWatch7 .watch-inner-container {
  position: absolute !important;
  width: 82.5% !important;
  height: 82.5% !important;
  top: 9% !important;
  left: 9% !important;
  border-radius: 50% !important;
  overflow: hidden;
  z-index: 1;
}
.watch-container.galaxyWatch7 .watch-inner-container .canvas-container,
.watch-container.galaxyWatch7 .watch-inner-container canvas,
.watch-container.galaxyWatch7 .watch-inner-container .watchface-image {
  position: absolute !important;
  width: 100% !important;
  height: 100% !important;
  top: 0 !important;
  left: 0 !important;
  border-radius: 50% !important;
}
.watch-container.galaxyWatch7 .watch-inner-container .watchface-image {
  background-size: 100%;
  background-repeat: no-repeat;
}
.watch-container.galaxyWatch7.watch-skin-preview {
  background-size: 100%;
  background-position: center;
  background-image: url("../img/watches/centered/galaxyWatch7-realistic.png");
  background-repeat: no-repeat;
}

.no-skin-watch-container.galaxyWatch7Ultra {
  border-radius: 18%;
}
.no-skin-watch-container.galaxyWatch7Ultra img {
  border-radius: 18%;
}

.watch-container {
  display: block;
  margin: 100px auto 120px;
  width: 250px;
  height: 250px;
}
.watch-container.galaxyWatch7Ultra {
  position: relative;
  overflow: visible;
}
.watch-container.galaxyWatch7Ultra .watch-shadow {
  position: absolute;
  position: absolute;
  bottom: -50%;
  right: -30%;
  left: -30%;
  height: 16%;
  background: radial-gradient(ellipse at center, #969696 10%, rgba(0, 0, 0, 0) 50%);
  z-index: 0;
}
@media (max-width: 767px) {
  .watch-container.galaxyWatch7Ultra .watch-shadow {
    right: 5%;
    left: 0%;
    opacity: 50%;
  }
}
.watch-container.galaxyWatch7Ultra .watch-background {
  position: absolute;
  top: -50%;
  left: -50%;
  width: 200% !important;
  height: 200% !important;
  background-size: 100%;
  background-position: center;
  background-image: url("../img/watches/centered/galaxyWatch7Ultra-realistic.png");
  background-repeat: no-repeat;
  z-index: 1;
  pointer-events: none;
}
.watch-container.galaxyWatch7Ultra .watch-background img {
  width: 100%;
  height: 100%;
}
.watch-container.galaxyWatch7Ultra .watch-inner-container {
  position: absolute !important;
  width: 82.5% !important;
  height: 82.5% !important;
  top: 9% !important;
  left: 9% !important;
  border-radius: 50% !important;
  overflow: hidden;
  z-index: 1;
}
.watch-container.galaxyWatch7Ultra .watch-inner-container .canvas-container,
.watch-container.galaxyWatch7Ultra .watch-inner-container canvas,
.watch-container.galaxyWatch7Ultra .watch-inner-container .watchface-image {
  position: absolute !important;
  width: 100% !important;
  height: 100% !important;
  top: 0 !important;
  left: 0 !important;
  border-radius: 50% !important;
}
.watch-container.galaxyWatch7Ultra .watch-inner-container .watchface-image {
  background-size: 100%;
  background-repeat: no-repeat;
}
.watch-container.galaxyWatch7Ultra.watch-skin-preview {
  background-size: 100%;
  background-position: center;
  background-image: url("../img/watches/centered/galaxyWatch7Ultra-realistic.png");
  background-repeat: no-repeat;
}

.no-skin-watch-container.googlepixel2 {
  border-radius: 18%;
}
.no-skin-watch-container.googlepixel2 img {
  border-radius: 18%;
}

.watch-container {
  display: block;
  margin: 100px auto 120px;
  width: 250px;
  height: 250px;
}
.watch-container.googlepixel2 {
  position: relative;
  overflow: visible;
}
.watch-container.googlepixel2 .watch-shadow {
  position: absolute;
  position: absolute;
  bottom: -50%;
  right: -30%;
  left: -30%;
  height: 16%;
  background: radial-gradient(ellipse at center, #969696 10%, rgba(0, 0, 0, 0) 50%);
  z-index: 0;
}
@media (max-width: 767px) {
  .watch-container.googlepixel2 .watch-shadow {
    right: 5%;
    left: 0%;
    opacity: 50%;
  }
}
.watch-container.googlepixel2 .watch-background {
  position: absolute;
  top: -50%;
  left: -50%;
  width: 200% !important;
  height: 200% !important;
  background-size: 100%;
  background-position: center;
  background-image: url("../img/watches/centered/googlepixel2-realistic.png");
  background-repeat: no-repeat;
  z-index: 1;
  pointer-events: none;
}
.watch-container.googlepixel2 .watch-background img {
  width: 100%;
  height: 100%;
}
.watch-container.googlepixel2 .watch-inner-container {
  position: absolute !important;
  width: 90% !important;
  height: 90% !important;
  top: 5% !important;
  left: 4.5% !important;
  border-radius: 50% !important;
  overflow: hidden;
  z-index: 1;
}
.watch-container.googlepixel2 .watch-inner-container .canvas-container,
.watch-container.googlepixel2 .watch-inner-container canvas,
.watch-container.googlepixel2 .watch-inner-container .watchface-image {
  position: absolute !important;
  width: 100% !important;
  height: 100% !important;
  top: 0 !important;
  left: 0 !important;
  border-radius: 50% !important;
}
.watch-container.googlepixel2 .watch-inner-container .watchface-image {
  background-size: 100%;
  background-repeat: no-repeat;
}
.watch-container.googlepixel2.watch-skin-preview {
  background-size: 100%;
  background-position: center;
  background-image: url("../img/watches/centered/googlepixel2-realistic.png");
  background-repeat: no-repeat;
}

.no-skin-watch-container.applewatchseries9midnight {
  border-radius: 17%/12.4%;
}
.no-skin-watch-container.applewatchseries9midnight img {
  border-radius: 21.2%/17.4%;
}

.watch-container {
  display: block;
  margin: 100px auto 120px;
  width: 250px;
  height: 250px;
}
.watch-container.applewatchseries9midnight {
  position: relative;
  overflow: visible;
}
.watch-container.applewatchseries9midnight .watch-shadow {
  position: absolute;
  position: absolute;
  bottom: -50%;
  right: -30%;
  left: -30%;
  height: 16%;
  background: radial-gradient(ellipse at center, #969696 10%, rgba(0, 0, 0, 0) 50%);
  z-index: 0;
}
@media (max-width: 767px) {
  .watch-container.applewatchseries9midnight .watch-shadow {
    right: 5%;
    left: 0%;
    opacity: 50%;
  }
}
.watch-container.applewatchseries9midnight .watch-background {
  position: absolute;
  top: -50%;
  left: -50%;
  width: 200% !important;
  height: 200% !important;
  background-size: 100%;
  background-position: center;
  background-image: url("../img/watches/centered/applewatchseries9midnight-realistic.png");
  background-repeat: no-repeat;
  z-index: 1;
  pointer-events: none;
}
.watch-container.applewatchseries9midnight .watch-background img {
  width: 100%;
  height: 100%;
}
.watch-container.applewatchseries9midnight .watch-inner-container {
  position: absolute !important;
  width: 69.5% !important;
  height: 84.5% !important;
  top: 7.5% !important;
  left: 15.5% !important;
  border-radius: 21.2%/17.4% !important;
  overflow: hidden;
  z-index: 1;
}
.watch-container.applewatchseries9midnight .watch-inner-container .canvas-container,
.watch-container.applewatchseries9midnight .watch-inner-container canvas,
.watch-container.applewatchseries9midnight .watch-inner-container .watchface-image {
  position: absolute !important;
  width: 100% !important;
  height: 100% !important;
  top: 0 !important;
  left: 0 !important;
  border-radius: 21.2%/17.4% !important;
}
.watch-container.applewatchseries9midnight .watch-inner-container .watchface-image {
  background-size: 100%;
  background-repeat: no-repeat;
}
.watch-container.applewatchseries9midnight.watch-skin-preview {
  background-size: 100%;
  background-position: center;
  background-image: url("../img/watches/centered/applewatchseries9midnight-realistic.png");
  background-repeat: no-repeat;
}

.no-skin-watch-container.applewatchseries9pink {
  border-radius: 17%/12.4%;
}
.no-skin-watch-container.applewatchseries9pink img {
  border-radius: 21.2%/17.4%;
}

.watch-container {
  display: block;
  margin: 100px auto 120px;
  width: 250px;
  height: 250px;
}
.watch-container.applewatchseries9pink {
  position: relative;
  overflow: visible;
}
.watch-container.applewatchseries9pink .watch-shadow {
  position: absolute;
  position: absolute;
  bottom: -50%;
  right: -30%;
  left: -30%;
  height: 16%;
  background: radial-gradient(ellipse at center, #969696 10%, rgba(0, 0, 0, 0) 50%);
  z-index: 0;
}
@media (max-width: 767px) {
  .watch-container.applewatchseries9pink .watch-shadow {
    right: 5%;
    left: 0%;
    opacity: 50%;
  }
}
.watch-container.applewatchseries9pink .watch-background {
  position: absolute;
  top: -50%;
  left: -50%;
  width: 200% !important;
  height: 200% !important;
  background-size: 100%;
  background-position: center;
  background-image: url("../img/watches/centered/applewatchseries9pink-realistic.png");
  background-repeat: no-repeat;
  z-index: 1;
  pointer-events: none;
}
.watch-container.applewatchseries9pink .watch-background img {
  width: 100%;
  height: 100%;
}
.watch-container.applewatchseries9pink .watch-inner-container {
  position: absolute !important;
  width: 69.5% !important;
  height: 84.5% !important;
  top: 7.5% !important;
  left: 15.5% !important;
  border-radius: 21.2%/17.4% !important;
  overflow: hidden;
  z-index: 1;
}
.watch-container.applewatchseries9pink .watch-inner-container .canvas-container,
.watch-container.applewatchseries9pink .watch-inner-container canvas,
.watch-container.applewatchseries9pink .watch-inner-container .watchface-image {
  position: absolute !important;
  width: 100% !important;
  height: 100% !important;
  top: 0 !important;
  left: 0 !important;
  border-radius: 21.2%/17.4% !important;
}
.watch-container.applewatchseries9pink .watch-inner-container .watchface-image {
  background-size: 100%;
  background-repeat: no-repeat;
}
.watch-container.applewatchseries9pink.watch-skin-preview {
  background-size: 100%;
  background-position: center;
  background-image: url("../img/watches/centered/applewatchseries9pink-realistic.png");
  background-repeat: no-repeat;
}

.no-skin-watch-container.applewatchseries9winterblue {
  border-radius: 17%/12.4%;
}
.no-skin-watch-container.applewatchseries9winterblue img {
  border-radius: 21.2%/17.4%;
}

.watch-container {
  display: block;
  margin: 100px auto 120px;
  width: 250px;
  height: 250px;
}
.watch-container.applewatchseries9winterblue {
  position: relative;
  overflow: visible;
}
.watch-container.applewatchseries9winterblue .watch-shadow {
  position: absolute;
  position: absolute;
  bottom: -50%;
  right: -30%;
  left: -30%;
  height: 16%;
  background: radial-gradient(ellipse at center, #969696 10%, rgba(0, 0, 0, 0) 50%);
  z-index: 0;
}
@media (max-width: 767px) {
  .watch-container.applewatchseries9winterblue .watch-shadow {
    right: 5%;
    left: 0%;
    opacity: 50%;
  }
}
.watch-container.applewatchseries9winterblue .watch-background {
  position: absolute;
  top: -50%;
  left: -50%;
  width: 200% !important;
  height: 200% !important;
  background-size: 100%;
  background-position: center;
  background-image: url("../img/watches/centered/applewatchseries9winterblue-realistic.png");
  background-repeat: no-repeat;
  z-index: 1;
  pointer-events: none;
}
.watch-container.applewatchseries9winterblue .watch-background img {
  width: 100%;
  height: 100%;
}
.watch-container.applewatchseries9winterblue .watch-inner-container {
  position: absolute !important;
  width: 69.5% !important;
  height: 84.5% !important;
  top: 7.5% !important;
  left: 15.5% !important;
  border-radius: 21.2%/17.4% !important;
  overflow: hidden;
  z-index: 1;
}
.watch-container.applewatchseries9winterblue .watch-inner-container .canvas-container,
.watch-container.applewatchseries9winterblue .watch-inner-container canvas,
.watch-container.applewatchseries9winterblue .watch-inner-container .watchface-image {
  position: absolute !important;
  width: 100% !important;
  height: 100% !important;
  top: 0 !important;
  left: 0 !important;
  border-radius: 21.2%/17.4% !important;
}
.watch-container.applewatchseries9winterblue .watch-inner-container .watchface-image {
  background-size: 100%;
  background-repeat: no-repeat;
}
.watch-container.applewatchseries9winterblue.watch-skin-preview {
  background-size: 100%;
  background-position: center;
  background-image: url("../img/watches/centered/applewatchseries9winterblue-realistic.png");
  background-repeat: no-repeat;
}

.no-skin-watch-container.applewatchseries10silverplum {
  border-radius: 17%/12.4%;
}
.no-skin-watch-container.applewatchseries10silverplum img {
  border-radius: 21.2%/17.4%;
}

.watch-container {
  display: block;
  margin: 100px auto 120px;
  width: 250px;
  height: 250px;
}
.watch-container.applewatchseries10silverplum {
  position: relative;
  overflow: visible;
}
.watch-container.applewatchseries10silverplum .watch-shadow {
  position: absolute;
  position: absolute;
  bottom: -50%;
  right: -30%;
  left: -30%;
  height: 16%;
  background: radial-gradient(ellipse at center, #969696 10%, rgba(0, 0, 0, 0) 50%);
  z-index: 0;
}
@media (max-width: 767px) {
  .watch-container.applewatchseries10silverplum .watch-shadow {
    right: 5%;
    left: 0%;
    opacity: 50%;
  }
}
.watch-container.applewatchseries10silverplum .watch-background {
  position: absolute;
  top: -50%;
  left: -50%;
  width: 200% !important;
  height: 200% !important;
  background-size: 100%;
  background-position: center;
  background-image: url("../img/watches/centered/applewatchseries10silverplum-realistic.png");
  background-repeat: no-repeat;
  z-index: 1;
  pointer-events: none;
}
.watch-container.applewatchseries10silverplum .watch-background img {
  width: 100%;
  height: 100%;
}
.watch-container.applewatchseries10silverplum .watch-inner-container {
  position: absolute !important;
  width: 69.5% !important;
  height: 84.5% !important;
  top: 7.5% !important;
  left: 15.5% !important;
  border-radius: 21.2%/17.4% !important;
  overflow: hidden;
  z-index: 1;
}
.watch-container.applewatchseries10silverplum .watch-inner-container .canvas-container,
.watch-container.applewatchseries10silverplum .watch-inner-container canvas,
.watch-container.applewatchseries10silverplum .watch-inner-container .watchface-image {
  position: absolute !important;
  width: 100% !important;
  height: 100% !important;
  top: 0 !important;
  left: 0 !important;
  border-radius: 21.2%/17.4% !important;
}
.watch-container.applewatchseries10silverplum .watch-inner-container .watchface-image {
  background-size: 100%;
  background-repeat: no-repeat;
}
.watch-container.applewatchseries10silverplum.watch-skin-preview {
  background-size: 100%;
  background-position: center;
  background-image: url("../img/watches/centered/applewatchseries10silverplum-realistic.png");
  background-repeat: no-repeat;
}

.no-skin-watch-container.applewatchseries10rosegoldflowers {
  border-radius: 17%/12.4%;
}
.no-skin-watch-container.applewatchseries10rosegoldflowers img {
  border-radius: 21.2%/17.4%;
}

.watch-container {
  display: block;
  margin: 100px auto 120px;
  width: 250px;
  height: 250px;
}
.watch-container.applewatchseries10rosegoldflowers {
  position: relative;
  overflow: visible;
}
.watch-container.applewatchseries10rosegoldflowers .watch-shadow {
  position: absolute;
  position: absolute;
  bottom: -50%;
  right: -30%;
  left: -30%;
  height: 16%;
  background: radial-gradient(ellipse at center, #969696 10%, rgba(0, 0, 0, 0) 50%);
  z-index: 0;
}
@media (max-width: 767px) {
  .watch-container.applewatchseries10rosegoldflowers .watch-shadow {
    right: 5%;
    left: 0%;
    opacity: 50%;
  }
}
.watch-container.applewatchseries10rosegoldflowers .watch-background {
  position: absolute;
  top: -50%;
  left: -50%;
  width: 200% !important;
  height: 200% !important;
  background-size: 100%;
  background-position: center;
  background-image: url("../img/watches/centered/applewatchseries10rosegoldflowers-realistic.png");
  background-repeat: no-repeat;
  z-index: 1;
  pointer-events: none;
}
.watch-container.applewatchseries10rosegoldflowers .watch-background img {
  width: 100%;
  height: 100%;
}
.watch-container.applewatchseries10rosegoldflowers .watch-inner-container {
  position: absolute !important;
  width: 69.5% !important;
  height: 84.5% !important;
  top: 7.5% !important;
  left: 15.5% !important;
  border-radius: 21.2%/17.4% !important;
  overflow: hidden;
  z-index: 1;
}
.watch-container.applewatchseries10rosegoldflowers .watch-inner-container .canvas-container,
.watch-container.applewatchseries10rosegoldflowers .watch-inner-container canvas,
.watch-container.applewatchseries10rosegoldflowers .watch-inner-container .watchface-image {
  position: absolute !important;
  width: 100% !important;
  height: 100% !important;
  top: 0 !important;
  left: 0 !important;
  border-radius: 21.2%/17.4% !important;
}
.watch-container.applewatchseries10rosegoldflowers .watch-inner-container .watchface-image {
  background-size: 100%;
  background-repeat: no-repeat;
}
.watch-container.applewatchseries10rosegoldflowers.watch-skin-preview {
  background-size: 100%;
  background-position: center;
  background-image: url("../img/watches/centered/applewatchseries10rosegoldflowers-realistic.png");
  background-repeat: no-repeat;
}

.no-skin-watch-container.applewatchseries10jetblacklink {
  border-radius: 17%/12.4%;
}
.no-skin-watch-container.applewatchseries10jetblacklink img {
  border-radius: 21.2%/17.4%;
}

.watch-container {
  display: block;
  margin: 100px auto 120px;
  width: 250px;
  height: 250px;
}
.watch-container.applewatchseries10jetblacklink {
  position: relative;
  overflow: visible;
}
.watch-container.applewatchseries10jetblacklink .watch-shadow {
  position: absolute;
  position: absolute;
  bottom: -50%;
  right: -30%;
  left: -30%;
  height: 16%;
  background: radial-gradient(ellipse at center, #969696 10%, rgba(0, 0, 0, 0) 50%);
  z-index: 0;
}
@media (max-width: 767px) {
  .watch-container.applewatchseries10jetblacklink .watch-shadow {
    right: 5%;
    left: 0%;
    opacity: 50%;
  }
}
.watch-container.applewatchseries10jetblacklink .watch-background {
  position: absolute;
  top: -50%;
  left: -50%;
  width: 200% !important;
  height: 200% !important;
  background-size: 100%;
  background-position: center;
  background-image: url("../img/watches/centered/applewatchseries10jetblacklink-realistic.png");
  background-repeat: no-repeat;
  z-index: 1;
  pointer-events: none;
}
.watch-container.applewatchseries10jetblacklink .watch-background img {
  width: 100%;
  height: 100%;
}
.watch-container.applewatchseries10jetblacklink .watch-inner-container {
  position: absolute !important;
  width: 69.5% !important;
  height: 84.5% !important;
  top: 7.5% !important;
  left: 15.5% !important;
  border-radius: 21.2%/17.4% !important;
  overflow: hidden;
  z-index: 1;
}
.watch-container.applewatchseries10jetblacklink .watch-inner-container .canvas-container,
.watch-container.applewatchseries10jetblacklink .watch-inner-container canvas,
.watch-container.applewatchseries10jetblacklink .watch-inner-container .watchface-image {
  position: absolute !important;
  width: 100% !important;
  height: 100% !important;
  top: 0 !important;
  left: 0 !important;
  border-radius: 21.2%/17.4% !important;
}
.watch-container.applewatchseries10jetblacklink .watch-inner-container .watchface-image {
  background-size: 100%;
  background-repeat: no-repeat;
}
.watch-container.applewatchseries10jetblacklink.watch-skin-preview {
  background-size: 100%;
  background-position: center;
  background-image: url("../img/watches/centered/applewatchseries10jetblacklink-realistic.png");
  background-repeat: no-repeat;
}

.no-skin-watch-container.applewatchultra2alpine {
  border-radius: 17%/12.4%;
}
.no-skin-watch-container.applewatchultra2alpine img {
  border-radius: 21.2%/17.4%;
}

.watch-container {
  display: block;
  margin: 100px auto 120px;
  width: 250px;
  height: 250px;
}
.watch-container.applewatchultra2alpine {
  position: relative;
  overflow: visible;
}
.watch-container.applewatchultra2alpine .watch-shadow {
  position: absolute;
  position: absolute;
  bottom: -50%;
  right: -30%;
  left: -30%;
  height: 16%;
  background: radial-gradient(ellipse at center, #969696 10%, rgba(0, 0, 0, 0) 50%);
  z-index: 0;
}
@media (max-width: 767px) {
  .watch-container.applewatchultra2alpine .watch-shadow {
    right: 5%;
    left: 0%;
    opacity: 50%;
  }
}
.watch-container.applewatchultra2alpine .watch-background {
  position: absolute;
  top: -50%;
  left: -50%;
  width: 200% !important;
  height: 200% !important;
  background-size: 100%;
  background-position: center;
  background-image: url("../img/watches/centered/applewatchultra2alpine-realistic.png");
  background-repeat: no-repeat;
  z-index: 1;
  pointer-events: none;
}
.watch-container.applewatchultra2alpine .watch-background img {
  width: 100%;
  height: 100%;
}
.watch-container.applewatchultra2alpine .watch-inner-container {
  position: absolute !important;
  width: 69.5% !important;
  height: 84.5% !important;
  top: 7.5% !important;
  left: 15.5% !important;
  border-radius: 21.2%/17.4% !important;
  overflow: hidden;
  z-index: 1;
}
.watch-container.applewatchultra2alpine .watch-inner-container .canvas-container,
.watch-container.applewatchultra2alpine .watch-inner-container canvas,
.watch-container.applewatchultra2alpine .watch-inner-container .watchface-image {
  position: absolute !important;
  width: 100% !important;
  height: 100% !important;
  top: 0 !important;
  left: 0 !important;
  border-radius: 21.2%/17.4% !important;
}
.watch-container.applewatchultra2alpine .watch-inner-container .watchface-image {
  background-size: 100%;
  background-repeat: no-repeat;
}
.watch-container.applewatchultra2alpine.watch-skin-preview {
  background-size: 100%;
  background-position: center;
  background-image: url("../img/watches/centered/applewatchultra2alpine-realistic.png");
  background-repeat: no-repeat;
}

.no-skin-watch-container.applewatchultra2ocean {
  border-radius: 17%/12.4%;
}
.no-skin-watch-container.applewatchultra2ocean img {
  border-radius: 21.2%/17.4%;
}

.watch-container {
  display: block;
  margin: 100px auto 120px;
  width: 250px;
  height: 250px;
}
.watch-container.applewatchultra2ocean {
  position: relative;
  overflow: visible;
}
.watch-container.applewatchultra2ocean .watch-shadow {
  position: absolute;
  position: absolute;
  bottom: -50%;
  right: -30%;
  left: -30%;
  height: 16%;
  background: radial-gradient(ellipse at center, #969696 10%, rgba(0, 0, 0, 0) 50%);
  z-index: 0;
}
@media (max-width: 767px) {
  .watch-container.applewatchultra2ocean .watch-shadow {
    right: 5%;
    left: 0%;
    opacity: 50%;
  }
}
.watch-container.applewatchultra2ocean .watch-background {
  position: absolute;
  top: -50%;
  left: -50%;
  width: 200% !important;
  height: 200% !important;
  background-size: 100%;
  background-position: center;
  background-image: url("../img/watches/centered/applewatchultra2ocean-realistic.png");
  background-repeat: no-repeat;
  z-index: 1;
  pointer-events: none;
}
.watch-container.applewatchultra2ocean .watch-background img {
  width: 100%;
  height: 100%;
}
.watch-container.applewatchultra2ocean .watch-inner-container {
  position: absolute !important;
  width: 69.5% !important;
  height: 84.5% !important;
  top: 7.5% !important;
  left: 15.5% !important;
  border-radius: 21.2%/17.4% !important;
  overflow: hidden;
  z-index: 1;
}
.watch-container.applewatchultra2ocean .watch-inner-container .canvas-container,
.watch-container.applewatchultra2ocean .watch-inner-container canvas,
.watch-container.applewatchultra2ocean .watch-inner-container .watchface-image {
  position: absolute !important;
  width: 100% !important;
  height: 100% !important;
  top: 0 !important;
  left: 0 !important;
  border-radius: 21.2%/17.4% !important;
}
.watch-container.applewatchultra2ocean .watch-inner-container .watchface-image {
  background-size: 100%;
  background-repeat: no-repeat;
}
.watch-container.applewatchultra2ocean.watch-skin-preview {
  background-size: 100%;
  background-position: center;
  background-image: url("../img/watches/centered/applewatchultra2ocean-realistic.png");
  background-repeat: no-repeat;
}

.no-skin-watch-container.applewatchultra2trail {
  border-radius: 17%/12.4%;
}
.no-skin-watch-container.applewatchultra2trail img {
  border-radius: 21.2%/17.4%;
}

.watch-container {
  display: block;
  margin: 100px auto 120px;
  width: 250px;
  height: 250px;
}
.watch-container.applewatchultra2trail {
  position: relative;
  overflow: visible;
}
.watch-container.applewatchultra2trail .watch-shadow {
  position: absolute;
  position: absolute;
  bottom: -50%;
  right: -30%;
  left: -30%;
  height: 16%;
  background: radial-gradient(ellipse at center, #969696 10%, rgba(0, 0, 0, 0) 50%);
  z-index: 0;
}
@media (max-width: 767px) {
  .watch-container.applewatchultra2trail .watch-shadow {
    right: 5%;
    left: 0%;
    opacity: 50%;
  }
}
.watch-container.applewatchultra2trail .watch-background {
  position: absolute;
  top: -50%;
  left: -50%;
  width: 200% !important;
  height: 200% !important;
  background-size: 100%;
  background-position: center;
  background-image: url("../img/watches/centered/applewatchultra2trail-realistic.png");
  background-repeat: no-repeat;
  z-index: 1;
  pointer-events: none;
}
.watch-container.applewatchultra2trail .watch-background img {
  width: 100%;
  height: 100%;
}
.watch-container.applewatchultra2trail .watch-inner-container {
  position: absolute !important;
  width: 69.5% !important;
  height: 84.5% !important;
  top: 7.5% !important;
  left: 15.5% !important;
  border-radius: 21.2%/17.4% !important;
  overflow: hidden;
  z-index: 1;
}
.watch-container.applewatchultra2trail .watch-inner-container .canvas-container,
.watch-container.applewatchultra2trail .watch-inner-container canvas,
.watch-container.applewatchultra2trail .watch-inner-container .watchface-image {
  position: absolute !important;
  width: 100% !important;
  height: 100% !important;
  top: 0 !important;
  left: 0 !important;
  border-radius: 21.2%/17.4% !important;
}
.watch-container.applewatchultra2trail .watch-inner-container .watchface-image {
  background-size: 100%;
  background-repeat: no-repeat;
}
.watch-container.applewatchultra2trail.watch-skin-preview {
  background-size: 100%;
  background-position: center;
  background-image: url("../img/watches/centered/applewatchultra2trail-realistic.png");
  background-repeat: no-repeat;
}

.no-skin-watch-container.applewatchultra2blackalpine {
  border-radius: 17%/12.4%;
}
.no-skin-watch-container.applewatchultra2blackalpine img {
  border-radius: 21.2%/17.4%;
}

.watch-container {
  display: block;
  margin: 100px auto 120px;
  width: 250px;
  height: 250px;
}
.watch-container.applewatchultra2blackalpine {
  position: relative;
  overflow: visible;
}
.watch-container.applewatchultra2blackalpine .watch-shadow {
  position: absolute;
  position: absolute;
  bottom: -50%;
  right: -30%;
  left: -30%;
  height: 16%;
  background: radial-gradient(ellipse at center, #969696 10%, rgba(0, 0, 0, 0) 50%);
  z-index: 0;
}
@media (max-width: 767px) {
  .watch-container.applewatchultra2blackalpine .watch-shadow {
    right: 5%;
    left: 0%;
    opacity: 50%;
  }
}
.watch-container.applewatchultra2blackalpine .watch-background {
  position: absolute;
  top: -50%;
  left: -50%;
  width: 200% !important;
  height: 200% !important;
  background-size: 100%;
  background-position: center;
  background-image: url("../img/watches/centered/applewatchultra2blackalpine-realistic.png");
  background-repeat: no-repeat;
  z-index: 1;
  pointer-events: none;
}
.watch-container.applewatchultra2blackalpine .watch-background img {
  width: 100%;
  height: 100%;
}
.watch-container.applewatchultra2blackalpine .watch-inner-container {
  position: absolute !important;
  width: 69.5% !important;
  height: 84.5% !important;
  top: 7.5% !important;
  left: 15.5% !important;
  border-radius: 21.2%/17.4% !important;
  overflow: hidden;
  z-index: 1;
}
.watch-container.applewatchultra2blackalpine .watch-inner-container .canvas-container,
.watch-container.applewatchultra2blackalpine .watch-inner-container canvas,
.watch-container.applewatchultra2blackalpine .watch-inner-container .watchface-image {
  position: absolute !important;
  width: 100% !important;
  height: 100% !important;
  top: 0 !important;
  left: 0 !important;
  border-radius: 21.2%/17.4% !important;
}
.watch-container.applewatchultra2blackalpine .watch-inner-container .watchface-image {
  background-size: 100%;
  background-repeat: no-repeat;
}
.watch-container.applewatchultra2blackalpine.watch-skin-preview {
  background-size: 100%;
  background-position: center;
  background-image: url("../img/watches/centered/applewatchultra2blackalpine-realistic.png");
  background-repeat: no-repeat;
}

.no-skin-watch-container.applewatchultra2blacktitanium {
  border-radius: 17%/12.4%;
}
.no-skin-watch-container.applewatchultra2blacktitanium img {
  border-radius: 21.2%/17.4%;
}

.watch-container {
  display: block;
  margin: 100px auto 120px;
  width: 250px;
  height: 250px;
}
.watch-container.applewatchultra2blacktitanium {
  position: relative;
  overflow: visible;
}
.watch-container.applewatchultra2blacktitanium .watch-shadow {
  position: absolute;
  position: absolute;
  bottom: -50%;
  right: -30%;
  left: -30%;
  height: 16%;
  background: radial-gradient(ellipse at center, #969696 10%, rgba(0, 0, 0, 0) 50%);
  z-index: 0;
}
@media (max-width: 767px) {
  .watch-container.applewatchultra2blacktitanium .watch-shadow {
    right: 5%;
    left: 0%;
    opacity: 50%;
  }
}
.watch-container.applewatchultra2blacktitanium .watch-background {
  position: absolute;
  top: -50%;
  left: -50%;
  width: 200% !important;
  height: 200% !important;
  background-size: 100%;
  background-position: center;
  background-image: url("../img/watches/centered/applewatchultra2blacktitanium-realistic.png");
  background-repeat: no-repeat;
  z-index: 1;
  pointer-events: none;
}
.watch-container.applewatchultra2blacktitanium .watch-background img {
  width: 100%;
  height: 100%;
}
.watch-container.applewatchultra2blacktitanium .watch-inner-container {
  position: absolute !important;
  width: 69.5% !important;
  height: 84.5% !important;
  top: 7.5% !important;
  left: 15.5% !important;
  border-radius: 21.2%/17.4% !important;
  overflow: hidden;
  z-index: 1;
}
.watch-container.applewatchultra2blacktitanium .watch-inner-container .canvas-container,
.watch-container.applewatchultra2blacktitanium .watch-inner-container canvas,
.watch-container.applewatchultra2blacktitanium .watch-inner-container .watchface-image {
  position: absolute !important;
  width: 100% !important;
  height: 100% !important;
  top: 0 !important;
  left: 0 !important;
  border-radius: 21.2%/17.4% !important;
}
.watch-container.applewatchultra2blacktitanium .watch-inner-container .watchface-image {
  background-size: 100%;
  background-repeat: no-repeat;
}
.watch-container.applewatchultra2blacktitanium.watch-skin-preview {
  background-size: 100%;
  background-position: center;
  background-image: url("../img/watches/centered/applewatchultra2blacktitanium-realistic.png");
  background-repeat: no-repeat;
}

.no-skin-watch-container.oneplus_watch2_black {
  border-radius: 18%;
}
.no-skin-watch-container.oneplus_watch2_black img {
  border-radius: 18%;
}

.watch-container {
  display: block;
  margin: 100px auto 120px;
  width: 250px;
  height: 250px;
}
.watch-container.oneplus_watch2_black {
  position: relative;
  overflow: visible;
}
.watch-container.oneplus_watch2_black .watch-shadow {
  position: absolute;
  position: absolute;
  bottom: -50%;
  right: -30%;
  left: -30%;
  height: 16%;
  background: radial-gradient(ellipse at center, #969696 10%, rgba(0, 0, 0, 0) 50%);
  z-index: 0;
}
@media (max-width: 767px) {
  .watch-container.oneplus_watch2_black .watch-shadow {
    right: 5%;
    left: 0%;
    opacity: 50%;
  }
}
.watch-container.oneplus_watch2_black .watch-background {
  position: absolute;
  top: -50%;
  left: -50%;
  width: 200% !important;
  height: 200% !important;
  background-size: 100%;
  background-position: center;
  background-image: url("../img/watches/centered/oneplus_watch2_black-realistic.png");
  background-repeat: no-repeat;
  z-index: 1;
  pointer-events: none;
}
.watch-container.oneplus_watch2_black .watch-background img {
  width: 100%;
  height: 100%;
}
.watch-container.oneplus_watch2_black .watch-inner-container {
  position: absolute !important;
  width: 82.5% !important;
  height: 82.5% !important;
  top: 9% !important;
  left: 9% !important;
  border-radius: 50% !important;
  overflow: hidden;
  z-index: 1;
}
.watch-container.oneplus_watch2_black .watch-inner-container .canvas-container,
.watch-container.oneplus_watch2_black .watch-inner-container canvas,
.watch-container.oneplus_watch2_black .watch-inner-container .watchface-image {
  position: absolute !important;
  width: 100% !important;
  height: 100% !important;
  top: 0 !important;
  left: 0 !important;
  border-radius: 50% !important;
}
.watch-container.oneplus_watch2_black .watch-inner-container .watchface-image {
  background-size: 100%;
  background-repeat: no-repeat;
}
.watch-container.oneplus_watch2_black.watch-skin-preview {
  background-size: 100%;
  background-position: center;
  background-image: url("../img/watches/centered/oneplus_watch2_black-realistic.png");
  background-repeat: no-repeat;
}

.no-skin-watch-container.oneplus_watch2_radiant {
  border-radius: 18%;
}
.no-skin-watch-container.oneplus_watch2_radiant img {
  border-radius: 18%;
}

.watch-container {
  display: block;
  margin: 100px auto 120px;
  width: 250px;
  height: 250px;
}
.watch-container.oneplus_watch2_radiant {
  position: relative;
  overflow: visible;
}
.watch-container.oneplus_watch2_radiant .watch-shadow {
  position: absolute;
  position: absolute;
  bottom: -50%;
  right: -30%;
  left: -30%;
  height: 16%;
  background: radial-gradient(ellipse at center, #969696 10%, rgba(0, 0, 0, 0) 50%);
  z-index: 0;
}
@media (max-width: 767px) {
  .watch-container.oneplus_watch2_radiant .watch-shadow {
    right: 5%;
    left: 0%;
    opacity: 50%;
  }
}
.watch-container.oneplus_watch2_radiant .watch-background {
  position: absolute;
  top: -50%;
  left: -50%;
  width: 200% !important;
  height: 200% !important;
  background-size: 100%;
  background-position: center;
  background-image: url("../img/watches/centered/oneplus_watch2_radiant-realistic.png");
  background-repeat: no-repeat;
  z-index: 1;
  pointer-events: none;
}
.watch-container.oneplus_watch2_radiant .watch-background img {
  width: 100%;
  height: 100%;
}
.watch-container.oneplus_watch2_radiant .watch-inner-container {
  position: absolute !important;
  width: 82.5% !important;
  height: 82.5% !important;
  top: 9% !important;
  left: 9% !important;
  border-radius: 50% !important;
  overflow: hidden;
  z-index: 1;
}
.watch-container.oneplus_watch2_radiant .watch-inner-container .canvas-container,
.watch-container.oneplus_watch2_radiant .watch-inner-container canvas,
.watch-container.oneplus_watch2_radiant .watch-inner-container .watchface-image {
  position: absolute !important;
  width: 100% !important;
  height: 100% !important;
  top: 0 !important;
  left: 0 !important;
  border-radius: 50% !important;
}
.watch-container.oneplus_watch2_radiant .watch-inner-container .watchface-image {
  background-size: 100%;
  background-repeat: no-repeat;
}
.watch-container.oneplus_watch2_radiant.watch-skin-preview {
  background-size: 100%;
  background-position: center;
  background-image: url("../img/watches/centered/oneplus_watch2_radiant-realistic.png");
  background-repeat: no-repeat;
}

.no-skin-watch-container.xiaomi_2_pro_black {
  border-radius: 18%;
}
.no-skin-watch-container.xiaomi_2_pro_black img {
  border-radius: 18%;
}

.watch-container {
  display: block;
  margin: 100px auto 120px;
  width: 250px;
  height: 250px;
}
.watch-container.xiaomi_2_pro_black {
  position: relative;
  overflow: visible;
}
.watch-container.xiaomi_2_pro_black .watch-shadow {
  position: absolute;
  position: absolute;
  bottom: -50%;
  right: -30%;
  left: -30%;
  height: 16%;
  background: radial-gradient(ellipse at center, #969696 10%, rgba(0, 0, 0, 0) 50%);
  z-index: 0;
}
@media (max-width: 767px) {
  .watch-container.xiaomi_2_pro_black .watch-shadow {
    right: 5%;
    left: 0%;
    opacity: 50%;
  }
}
.watch-container.xiaomi_2_pro_black .watch-background {
  position: absolute;
  top: -50%;
  left: -50%;
  width: 200% !important;
  height: 200% !important;
  background-size: 100%;
  background-position: center;
  background-image: url("../img/watches/centered/xiaomi_2_pro_black-realistic.png");
  background-repeat: no-repeat;
  z-index: 1;
  pointer-events: none;
}
.watch-container.xiaomi_2_pro_black .watch-background img {
  width: 100%;
  height: 100%;
}
.watch-container.xiaomi_2_pro_black .watch-inner-container {
  position: absolute !important;
  width: 82.5% !important;
  height: 82.5% !important;
  top: 9% !important;
  left: 9% !important;
  border-radius: 50% !important;
  overflow: hidden;
  z-index: 1;
}
.watch-container.xiaomi_2_pro_black .watch-inner-container .canvas-container,
.watch-container.xiaomi_2_pro_black .watch-inner-container canvas,
.watch-container.xiaomi_2_pro_black .watch-inner-container .watchface-image {
  position: absolute !important;
  width: 100% !important;
  height: 100% !important;
  top: 0 !important;
  left: 0 !important;
  border-radius: 50% !important;
}
.watch-container.xiaomi_2_pro_black .watch-inner-container .watchface-image {
  background-size: 100%;
  background-repeat: no-repeat;
}
.watch-container.xiaomi_2_pro_black.watch-skin-preview {
  background-size: 100%;
  background-position: center;
  background-image: url("../img/watches/centered/xiaomi_2_pro_black-realistic.png");
  background-repeat: no-repeat;
}

.no-skin-watch-container.xiaomi_2_pro_silver {
  border-radius: 18%;
}
.no-skin-watch-container.xiaomi_2_pro_silver img {
  border-radius: 18%;
}

.watch-container {
  display: block;
  margin: 100px auto 120px;
  width: 250px;
  height: 250px;
}
.watch-container.xiaomi_2_pro_silver {
  position: relative;
  overflow: visible;
}
.watch-container.xiaomi_2_pro_silver .watch-shadow {
  position: absolute;
  position: absolute;
  bottom: -50%;
  right: -30%;
  left: -30%;
  height: 16%;
  background: radial-gradient(ellipse at center, #969696 10%, rgba(0, 0, 0, 0) 50%);
  z-index: 0;
}
@media (max-width: 767px) {
  .watch-container.xiaomi_2_pro_silver .watch-shadow {
    right: 5%;
    left: 0%;
    opacity: 50%;
  }
}
.watch-container.xiaomi_2_pro_silver .watch-background {
  position: absolute;
  top: -50%;
  left: -50%;
  width: 200% !important;
  height: 200% !important;
  background-size: 100%;
  background-position: center;
  background-image: url("../img/watches/centered/xiaomi_2_pro_silver-realistic.png");
  background-repeat: no-repeat;
  z-index: 1;
  pointer-events: none;
}
.watch-container.xiaomi_2_pro_silver .watch-background img {
  width: 100%;
  height: 100%;
}
.watch-container.xiaomi_2_pro_silver .watch-inner-container {
  position: absolute !important;
  width: 82.5% !important;
  height: 82.5% !important;
  top: 9% !important;
  left: 9% !important;
  border-radius: 50% !important;
  overflow: hidden;
  z-index: 1;
}
.watch-container.xiaomi_2_pro_silver .watch-inner-container .canvas-container,
.watch-container.xiaomi_2_pro_silver .watch-inner-container canvas,
.watch-container.xiaomi_2_pro_silver .watch-inner-container .watchface-image {
  position: absolute !important;
  width: 100% !important;
  height: 100% !important;
  top: 0 !important;
  left: 0 !important;
  border-radius: 50% !important;
}
.watch-container.xiaomi_2_pro_silver .watch-inner-container .watchface-image {
  background-size: 100%;
  background-repeat: no-repeat;
}
.watch-container.xiaomi_2_pro_silver.watch-skin-preview {
  background-size: 100%;
  background-position: center;
  background-image: url("../img/watches/centered/xiaomi_2_pro_silver-realistic.png");
  background-repeat: no-repeat;
}

.no-skin-watch-container.mej1 {
  border-radius: 18%;
}
.no-skin-watch-container.mej1 img {
  border-radius: 18%;
}

.watch-container {
  display: block;
  margin: 100px auto 120px;
  width: 250px;
  height: 250px;
}
.watch-container.mej1 {
  position: relative;
  overflow: visible;
}
.watch-container.mej1 .watch-shadow {
  position: absolute;
  position: absolute;
  bottom: -50%;
  right: -30%;
  left: -30%;
  height: 16%;
  background: radial-gradient(ellipse at center, #969696 10%, rgba(0, 0, 0, 0) 50%);
  z-index: 0;
}
@media (max-width: 767px) {
  .watch-container.mej1 .watch-shadow {
    right: 5%;
    left: 0%;
    opacity: 50%;
  }
}
.watch-container.mej1 .watch-background {
  position: absolute;
  top: -50%;
  left: -50%;
  width: 200% !important;
  height: 200% !important;
  background-size: 100%;
  background-position: center;
  background-image: url("../img/watches/centered/mej1-realistic.png");
  background-repeat: no-repeat;
  z-index: 1;
  pointer-events: none;
}
.watch-container.mej1 .watch-background img {
  width: 100%;
  height: 100%;
}
.watch-container.mej1 .watch-inner-container {
  position: absolute !important;
  width: 82.5% !important;
  height: 82.5% !important;
  top: 9% !important;
  left: 9% !important;
  border-radius: 50% !important;
  overflow: hidden;
  z-index: 1;
}
.watch-container.mej1 .watch-inner-container .canvas-container,
.watch-container.mej1 .watch-inner-container canvas,
.watch-container.mej1 .watch-inner-container .watchface-image {
  position: absolute !important;
  width: 100% !important;
  height: 100% !important;
  top: 0 !important;
  left: 0 !important;
  border-radius: 50% !important;
}
.watch-container.mej1 .watch-inner-container .watchface-image {
  background-size: 100%;
  background-repeat: no-repeat;
}
.watch-container.mej1.watch-skin-preview {
  background-size: 100%;
  background-position: center;
  background-image: url("../img/watches/centered/mej1-realistic.png");
  background-repeat: no-repeat;
}

.no-skin-watch-container.mej2 {
  border-radius: 18%;
}
.no-skin-watch-container.mej2 img {
  border-radius: 18%;
}

.watch-container {
  display: block;
  margin: 100px auto 120px;
  width: 250px;
  height: 250px;
}
.watch-container.mej2 {
  position: relative;
  overflow: visible;
}
.watch-container.mej2 .watch-shadow {
  position: absolute;
  position: absolute;
  bottom: -50%;
  right: -30%;
  left: -30%;
  height: 16%;
  background: radial-gradient(ellipse at center, #969696 10%, rgba(0, 0, 0, 0) 50%);
  z-index: 0;
}
@media (max-width: 767px) {
  .watch-container.mej2 .watch-shadow {
    right: 5%;
    left: 0%;
    opacity: 50%;
  }
}
.watch-container.mej2 .watch-background {
  position: absolute;
  top: -50%;
  left: -50%;
  width: 200% !important;
  height: 200% !important;
  background-size: 100%;
  background-position: center;
  background-image: url("../img/watches/centered/mej2-realistic.png");
  background-repeat: no-repeat;
  z-index: 1;
  pointer-events: none;
}
.watch-container.mej2 .watch-background img {
  width: 100%;
  height: 100%;
}
.watch-container.mej2 .watch-inner-container {
  position: absolute !important;
  width: 82.5% !important;
  height: 82.5% !important;
  top: 9% !important;
  left: 9% !important;
  border-radius: 50% !important;
  overflow: hidden;
  z-index: 1;
}
.watch-container.mej2 .watch-inner-container .canvas-container,
.watch-container.mej2 .watch-inner-container canvas,
.watch-container.mej2 .watch-inner-container .watchface-image {
  position: absolute !important;
  width: 100% !important;
  height: 100% !important;
  top: 0 !important;
  left: 0 !important;
  border-radius: 50% !important;
}
.watch-container.mej2 .watch-inner-container .watchface-image {
  background-size: 100%;
  background-repeat: no-repeat;
}
.watch-container.mej2.watch-skin-preview {
  background-size: 100%;
  background-position: center;
  background-image: url("../img/watches/centered/mej2-realistic.png");
  background-repeat: no-repeat;
}

.no-skin-watch-container.galaxywatchfeblack {
  border-radius: 18%;
}
.no-skin-watch-container.galaxywatchfeblack img {
  border-radius: 18%;
}

.watch-container {
  display: block;
  margin: 100px auto 120px;
  width: 250px;
  height: 250px;
}
.watch-container.galaxywatchfeblack {
  position: relative;
  overflow: visible;
}
.watch-container.galaxywatchfeblack .watch-shadow {
  position: absolute;
  position: absolute;
  bottom: -50%;
  right: -30%;
  left: -30%;
  height: 16%;
  background: radial-gradient(ellipse at center, #969696 10%, rgba(0, 0, 0, 0) 50%);
  z-index: 0;
}
@media (max-width: 767px) {
  .watch-container.galaxywatchfeblack .watch-shadow {
    right: 5%;
    left: 0%;
    opacity: 50%;
  }
}
.watch-container.galaxywatchfeblack .watch-background {
  position: absolute;
  top: -50%;
  left: -50%;
  width: 200% !important;
  height: 200% !important;
  background-size: 100%;
  background-position: center;
  background-image: url("../img/watches/centered/galaxywatchfeblack-realistic.png");
  background-repeat: no-repeat;
  z-index: 1;
  pointer-events: none;
}
.watch-container.galaxywatchfeblack .watch-background img {
  width: 100%;
  height: 100%;
}
.watch-container.galaxywatchfeblack .watch-inner-container {
  position: absolute !important;
  width: 89% !important;
  height: 89% !important;
  top: 6.5% !important;
  left: 5.5% !important;
  border-radius: 50% !important;
  overflow: hidden;
  z-index: 1;
}
.watch-container.galaxywatchfeblack .watch-inner-container .canvas-container,
.watch-container.galaxywatchfeblack .watch-inner-container canvas,
.watch-container.galaxywatchfeblack .watch-inner-container .watchface-image {
  position: absolute !important;
  width: 100% !important;
  height: 100% !important;
  top: 0 !important;
  left: 0 !important;
  border-radius: 50% !important;
}
.watch-container.galaxywatchfeblack .watch-inner-container .watchface-image {
  background-size: 100%;
  background-repeat: no-repeat;
}
.watch-container.galaxywatchfeblack.watch-skin-preview {
  background-size: 100%;
  background-position: center;
  background-image: url("../img/watches/centered/galaxywatchfeblack-realistic.png");
  background-repeat: no-repeat;
}

.no-skin-watch-container.galaxywatchfeblue {
  border-radius: 18%;
}
.no-skin-watch-container.galaxywatchfeblue img {
  border-radius: 18%;
}

.watch-container {
  display: block;
  margin: 100px auto 120px;
  width: 250px;
  height: 250px;
}
.watch-container.galaxywatchfeblue {
  position: relative;
  overflow: visible;
}
.watch-container.galaxywatchfeblue .watch-shadow {
  position: absolute;
  position: absolute;
  bottom: -50%;
  right: -30%;
  left: -30%;
  height: 16%;
  background: radial-gradient(ellipse at center, #969696 10%, rgba(0, 0, 0, 0) 50%);
  z-index: 0;
}
@media (max-width: 767px) {
  .watch-container.galaxywatchfeblue .watch-shadow {
    right: 5%;
    left: 0%;
    opacity: 50%;
  }
}
.watch-container.galaxywatchfeblue .watch-background {
  position: absolute;
  top: -50%;
  left: -50%;
  width: 200% !important;
  height: 200% !important;
  background-size: 100%;
  background-position: center;
  background-image: url("../img/watches/centered/galaxywatchfeblue-realistic.png");
  background-repeat: no-repeat;
  z-index: 1;
  pointer-events: none;
}
.watch-container.galaxywatchfeblue .watch-background img {
  width: 100%;
  height: 100%;
}
.watch-container.galaxywatchfeblue .watch-inner-container {
  position: absolute !important;
  width: 89% !important;
  height: 89% !important;
  top: 6.5% !important;
  left: 5.5% !important;
  border-radius: 50% !important;
  overflow: hidden;
  z-index: 1;
}
.watch-container.galaxywatchfeblue .watch-inner-container .canvas-container,
.watch-container.galaxywatchfeblue .watch-inner-container canvas,
.watch-container.galaxywatchfeblue .watch-inner-container .watchface-image {
  position: absolute !important;
  width: 100% !important;
  height: 100% !important;
  top: 0 !important;
  left: 0 !important;
  border-radius: 50% !important;
}
.watch-container.galaxywatchfeblue .watch-inner-container .watchface-image {
  background-size: 100%;
  background-repeat: no-repeat;
}
.watch-container.galaxywatchfeblue.watch-skin-preview {
  background-size: 100%;
  background-position: center;
  background-image: url("../img/watches/centered/galaxywatchfeblue-realistic.png");
  background-repeat: no-repeat;
}

.no-skin-watch-container.galaxywatchfepink {
  border-radius: 18%;
}
.no-skin-watch-container.galaxywatchfepink img {
  border-radius: 18%;
}

.watch-container {
  display: block;
  margin: 100px auto 120px;
  width: 250px;
  height: 250px;
}
.watch-container.galaxywatchfepink {
  position: relative;
  overflow: visible;
}
.watch-container.galaxywatchfepink .watch-shadow {
  position: absolute;
  position: absolute;
  bottom: -50%;
  right: -30%;
  left: -30%;
  height: 16%;
  background: radial-gradient(ellipse at center, #969696 10%, rgba(0, 0, 0, 0) 50%);
  z-index: 0;
}
@media (max-width: 767px) {
  .watch-container.galaxywatchfepink .watch-shadow {
    right: 5%;
    left: 0%;
    opacity: 50%;
  }
}
.watch-container.galaxywatchfepink .watch-background {
  position: absolute;
  top: -50%;
  left: -50%;
  width: 200% !important;
  height: 200% !important;
  background-size: 100%;
  background-position: center;
  background-image: url("../img/watches/centered/galaxywatchfepink-realistic.png");
  background-repeat: no-repeat;
  z-index: 1;
  pointer-events: none;
}
.watch-container.galaxywatchfepink .watch-background img {
  width: 100%;
  height: 100%;
}
.watch-container.galaxywatchfepink .watch-inner-container {
  position: absolute !important;
  width: 89% !important;
  height: 89% !important;
  top: 6.5% !important;
  left: 5.5% !important;
  border-radius: 50% !important;
  overflow: hidden;
  z-index: 1;
}
.watch-container.galaxywatchfepink .watch-inner-container .canvas-container,
.watch-container.galaxywatchfepink .watch-inner-container canvas,
.watch-container.galaxywatchfepink .watch-inner-container .watchface-image {
  position: absolute !important;
  width: 100% !important;
  height: 100% !important;
  top: 0 !important;
  left: 0 !important;
  border-radius: 50% !important;
}
.watch-container.galaxywatchfepink .watch-inner-container .watchface-image {
  background-size: 100%;
  background-repeat: no-repeat;
}
.watch-container.galaxywatchfepink.watch-skin-preview {
  background-size: 100%;
  background-position: center;
  background-image: url("../img/watches/centered/galaxywatchfepink-realistic.png");
  background-repeat: no-repeat;
}

.watch-container.amazonechospot .watch-shadow {
  display: none;
}

.user-widget {
  text-align: center;
}
@media (max-width: 767px) {
  .user-widget .user-widget-info-wrapper {
    display: -webkit-flex;
    display: -moz-flex;
    display: -ms-flex;
    display: flex;
    -webkit-align-items: center;
    -moz-align-items: center;
    -ms-align-items: center;
    align-items: center;
    padding: 10px 0;
    border-bottom: 1px solid #d6d6d6;
  }
}
.user-widget .artist-name {
  font-weight: bold;
  margin: 10px auto;
  font-size: 18px;
}
@media (max-width: 767px) {
  .user-widget .artist-name {
    text-align: left;
  }
}
.user-widget .artist {
  background-color: white;
  margin-top: 40px;
  width: 50%;
  border-radius: 50%;
  box-shadow: 0 3px 20px -10px black;
  background-position: center;
}
@media (max-width: 767px) {
  .user-widget .artist {
    margin-top: 0px;
    width: 100%;
  }
}

.top-charts-row {
  font-size: 32px;
}
.top-charts-row .user-widget {
  text-align: right;
  padding: 20px;
}
@media (max-width: 767px) {
  .top-charts-row .user-widget {
    padding: 20px 0;
  }
}
.top-charts-row .user-widget .artist {
  margin-top: 0px;
  width: 100%;
}
@media (max-width: 767px) {
  .top-charts-row .artist-name {
    font-size: 16px;
    max-width: 70%;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
  }
}

.user-profile {
  padding-top: 0 !important;
}
.user-profile #userStats {
  display: -webkit-flex;
  display: -moz-flex;
  display: -ms-flex;
  display: flex;
  text-align: center;
  margin-bottom: 15px;
}
.user-profile #userStats .user-stat {
  -webkit-flex: 1;
  -moz-flex: 1;
  -ms-flex: 1;
  flex: 1;
}
@media (max-width: 767px) {
  .user-profile #userStats .user-stat h3 {
    font-size: 18px;
    margin-top: 15px;
    margin-bottom: 5px;
    color: black;
  }
  .user-profile #userStats .user-stat span {
    font-size: 12px;
  }
  .user-profile #userStats .user-stat small {
    font-size: 10px;
  }
}
.user-profile .username .edit-profile {
  display: inline-block;
  font-size: 50%;
}
@media (max-width: 767px) {
  .user-profile .username .edit-profile {
    font-size: 100%;
  }
}
.user-profile .user-description {
  padding: 30px;
  font-size: 16px;
}
.user-profile .user-description h2 {
  margin-bottom: 0;
}
@media (max-width: 767px) {
  .user-profile .user-description {
    padding-top: 0;
    padding-bottom: 10px;
    font-size: 12px;
  }
  .user-profile .user-description h2 {
    margin-top: 0;
    font-size: 18px;
  }
}
.user-profile .user-category {
  color: var(--facer-dark-4);
  font-style: normal;
  font-weight: 500;
  font-size: 14px;
  line-height: 16px;
  text-transform: uppercase;
}
@media (max-width: 767px) {
  .user-profile .user-category {
    font-size: 12px;
  }
}
.user-profile .user-details-wrapper {
  margin-bottom: 10px;
  border-bottom: 1px solid #d6d6d6;
}
.user-profile .user-details {
  padding-top: 0;
  padding-bottom: 0;
}
.user-profile .user-details .artist {
  background-color: white;
  margin-top: 40px;
  width: 100%;
  border-radius: 50%;
  box-shadow: 0 3px 20px -10px black;
  background-position: center;
}
.user-profile .show-some {
  white-space: nowrap;
  overflow: hidden;
}
.user-profile .show-some > div {
  display: inline-block;
  float: none !important;
}
.user-profile .show-more-link {
  clear: both;
  text-align: center;
  margin-top: 10px;
}
.user-profile .current-watch {
  position: relative;
  height: 205px;
  margin-bottom: 27px;
}
.user-profile .current-watch watchface {
  position: absolute;
  left: 0;
  right: 0;
  bottom: 0;
  height: auto;
}
.user-profile .current-watch watchface .watch-sizing-wrapper {
  height: 250px;
}
.user-profile hr {
  margin: 0 -30px;
}
.user-profile .banner-wrapper {
  padding: 0;
  position: relative;
  background-image: url(/img/default_cover.png);
  background-position-y: 26px;
}
.user-profile .banner-wrapper .banner {
  height: 300px;
  margin-bottom: 0;
  background-size: cover;
  background-position: center center;
}
@media screen and (min-width: 1300px) {
  .user-profile .banner-wrapper .banner {
    height: 400px;
  }
}
@media (max-width: 767px) {
  .user-profile .banner-wrapper .banner {
    height: 150px;
  }
}
.user-profile .banner-wrapper .verified-ribbon {
  position: absolute;
  bottom: 0;
  height: 30px;
  color: #fff;
  width: 100%;
  font-size: 80%;
  line-height: 30px;
  background: rgba(0, 0, 0, 0.32);
  letter-spacing: 2px;
}
.user-profile .banner-wrapper .verified-ribbon > div {
  padding: 0 30px;
}

/**
 * @deprecated This file is deprecated as of 2021-10-24 and will be removed in a future update.
 * Please use '1_settings/colors.scss' for all color-related styles.
 * 
 * TODO: Remove this file once all references have been updated to use global/colors.scss
 */
.blue-text {
  color: #2bade3;
}

.premium-text {
  color: #eeb60b !important;
}

.red-text {
  color: #f31805 !important;
}

.partners {
  padding-top: 0 !important;
  font-size: 17px;
  line-height: 26px;
}
.partners form {
  margin-bottom: 50px;
}
.partners img.icon {
  margin-top: 40px;
  max-width: 90px;
  min-width: 45px;
  width: 100%;
}
.partners #partners-hero {
  max-width: 800px;
  margin-top: 15px;
}
.partners .form-success {
  margin-bottom: 50px;
}
.partners .form-control {
  font-size: 17px;
  line-height: 22px;
  padding: 25px 12px;
}
.partners .btn-green {
  color: #fff;
}
.partners .row {
  margin: 0;
}
.partners .full {
  background-color: #fafafa;
  margin-top: 50px;
  margin-left: 0 !important;
  margin-right: 0 !important;
  padding-bottom: 50px;
}
.partners .logos {
  text-align: center;
}
.partners .logos img {
  width: 100%;
  object-fit: contain;
}
.partners h3 {
  margin-top: 50px;
}
.partners h4 {
  font-size: 22px;
  font-weight: 700;
  margin-top: 40px;
}
.partners .brand-header {
  background: #2bade3;
  padding: 42px;
  color: white;
  margin-top: 0;
  font-size: 32px;
  margin-bottom: 50px;
}
.partners .brand-header .glyphicon-heart {
  color: #ffc7ed;
}
.partners .banner-wrapper {
  padding: 0;
  position: relative;
}
.partners .banner-wrapper .banner {
  background: gray;
  height: 200px;
  margin-bottom: 0;
  background-size: auto;
  background-position: center center;
  padding-top: 10px;
}
@media screen and (min-width: 1300px) {
  .partners .banner-wrapper .banner {
    height: 300px;
  }
}
.partners .banner-wrapper .banner h2 {
  font-size: 14px;
  font-weight: bold;
  color: white;
}
@media screen and (min-width: 1300px) {
  .partners .banner-wrapper .banner h2 {
    font-size: 18px;
    padding-top: 20px;
  }
}
.partners .banner-wrapper .banner h1 {
  font-size: 28px;
  color: white;
}
@media screen and (min-width: 1300px) {
  .partners .banner-wrapper .banner h1 {
    font-size: 48px;
  }
}
.partners .banner-wrapper .banner a.btn-primary {
  font-size: 16px;
  color: white;
  background-color: #6dbd45;
  border-color: #508b33;
}
@media screen and (min-width: 1300px) {
  .partners .banner-wrapper .banner a.btn-primary {
    margin-top: 10px;
  }
}

/**
 * @deprecated This file is deprecated as of 2021-10-24 and will be removed in a future update.
 * Please use '1_settings/colors.scss' for all color-related styles.
 * 
 * TODO: Remove this file once all references have been updated to use global/colors.scss
 */
.blue-text {
  color: #2bade3;
}

.premium-text {
  color: #eeb60b !important;
}

.red-text {
  color: #f31805 !important;
}

.team-container {
  max-width: 1170px;
  margin: 0 auto;
  text-align: center;
  font-family: Roboto;
  padding: 160px 40px;
}

.team-container h1 {
  font-weight: 500;
  font-size: 35px;
  color: #333;
  font-family: Roboto;
}

.team-container .header {
  font-size: 16px;
  max-width: 532px;
  color: #333;
  margin: 70px auto;
  font-family: Roboto;
}

.team-members-container {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  justify-content: center;
  gap: 30px;
}

.team-member-profile-container {
  position: relative;
}

.team-member-profile {
  width: 250px;
  height: 250px;
  border-radius: 50%;
}

.team-member-info {
  margin-top: 10px;
  display: flex;
  flex-direction: column;
  justify-content: center;
}

.team-member-info span:first-child {
  font-weight: 800;
  margin-bottom: 5px;
  font-size: 24px;
  color: #333;
}

.team-member-info span:nth-child(2) {
  color: #a3a3a3;
  font-size: 16px;
}

.team-member-watchface-container {
  position: absolute;
  bottom: 90px;
  width: 250px;
  text-align: center;
  color: white;
  display: flex;
  font-size: 12px;
  flex-direction: column;
}

.team-member-watchface-container span:nth-child(2) {
  font-size: 14px;
  font-weight: bold;
  max-width: 120px;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  margin: auto;
}

.team-member-watchface {
  width: 80px;
  height: 80px;
  background-color: red;
  border-radius: 50%;
  position: absolute;
  right: -30px;
  bottom: 75px;
}

.cta-join-the-team {
  margin: 70px auto;
}

.cta-join-the-team a {
  background-color: #2cade3;
  text-transform: uppercase;
  border: none;
  padding: 11px 28px;
  border-radius: 5px;
  color: white;
  font-size: 16px;
  font-weight: 500;
  font-family: Roboto;
  cursor: pointer;
}

#profile-img-1 {
  background-image: url(/img/team/1.png);
  background-size: contain;
}

#profile-img-2 {
  background-image: url(/img/team/2.png);
  background-size: contain;
}

#profile-img-3 {
  background-image: url(/img/team/3.png);
  background-size: contain;
}

#profile-img-4 {
  background-image: url(/img/team/4.png);
  background-size: contain;
}

#profile-img-5 {
  background-image: url(/img/team/5.png);
  background-size: contain;
}

#profile-img-6 {
  background-image: url(/img/team/6.png);
  background-size: contain;
}

#profile-img-7 {
  background-image: url(/img/team/7.png);
  background-size: contain;
}

#profile-img-8 {
  background-image: url(/img/team/8.png);
  background-size: contain;
}

#profile-img-9 {
  background-image: url(/img/team/9.png);
  background-size: contain;
}

#profile-img-10 {
  background-image: url(/img/team/10.png);
  background-size: contain;
}

.team-member-profile-container .device-image-wrapper {
  position: absolute;
  top: 100px;
  right: 0px;
}

.team-member-profile-container .watch-container {
  height: 50px;
  width: 50px;
}

admin-header {
  height: 138px;
  display: block;
}
admin-header .admin-header-wrapper {
  position: fixed;
  top: 76px;
  left: 20px;
  padding: 10px;
  padding-right: 30px;
  z-index: 1;
  box-shadow: 0 0 32px -10px black;
  background: #fff;
  border-radius: 4%;
}

.admin-flash-sale {
  text-align: center;
}
.admin-flash-sale .sale-default,
.admin-flash-sale .sale-active,
.admin-flash-sale .sale-alert {
  margin: auto;
  display: inline-block;
  width: 25px;
  height: 25px;
  line-height: 28px;
  text-align: center;
  border-radius: 50%;
  background-color: gray;
}
.admin-flash-sale .sale-default i,
.admin-flash-sale .sale-active i,
.admin-flash-sale .sale-alert i {
  color: white;
}
.admin-flash-sale .sale-active {
  background-color: green;
}
.admin-flash-sale .sale-alert {
  background-color: red;
}
.admin-flash-sale button.disabled {
  opacity: 0.15;
}

grid-watchface {
  display: inline-block;
  margin-bottom: 3%;
  position: relative;
  vertical-align: top;
  padding: 1%;
}
@media screen and (min-width: 350px) {
  grid-watchface {
    width: 100%;
  }
}
@media screen and (min-width: 700px) {
  grid-watchface {
    width: 50%;
  }
}
@media screen and (min-width: 1050px) {
  grid-watchface {
    width: 33.3333333333%;
  }
}
@media screen and (min-width: 1400px) {
  grid-watchface {
    width: 25%;
  }
}
@media screen and (min-width: 1750px) {
  grid-watchface {
    width: 20%;
  }
}
@media screen and (min-width: 2100px) {
  grid-watchface {
    width: 16.6666666667%;
  }
}
@media screen and (min-width: 2450px) {
  grid-watchface {
    width: 14.2857142857%;
  }
}
@media screen and (min-width: 2800px) {
  grid-watchface {
    width: 12.5%;
  }
}
@media screen and (min-width: 3150px) {
  grid-watchface {
    width: 11.1111111111%;
  }
}
@media screen and (min-width: 3500px) {
  grid-watchface {
    width: 10%;
  }
}
grid-watchface .grid-watchface-wrapper {
  position: relative;
  border-radius: 1%;
  padding-top: 15px;
  padding-bottom: 3%;
}
grid-watchface .grid-watchface-wrapper.selected {
  background: rgba(0, 0, 0, 0.25);
}
grid-watchface .grid-watchface-wrapper.premium {
  border: 2px dotted #ffc107;
  border-style: solid;
  background: rgba(255, 226, 138, 0.25);
  border-radius: 11px;
  box-shadow: 0px 10px 49px -22px black;
}
grid-watchface .grid-watchface-wrapper.premium .premium-badge {
  color: #ffc107;
}
grid-watchface .batch-select {
  padding: 3%;
  position: absolute;
  top: 0;
  left: 0;
}
grid-watchface .preview-image {
  width: 75%;
  margin: 0px auto;
  border: 5px solid;
  padding: 0.5%;
}
grid-watchface .preview-image label {
  margin: 0;
}
grid-watchface .preview-image.circular {
  border-radius: 50%;
}
grid-watchface .preview-image img {
  width: 100%;
  height: auto;
}
grid-watchface .details {
  text-align: center;
}
grid-watchface .details .time-in-queue {
  top: 0;
  right: 0;
  font-weight: bold;
  color: gray;
}
grid-watchface .details .time-in-queue.needs-attention {
  color: red;
}
grid-watchface .details .title {
  font-weight: bold;
}
grid-watchface .toolbar {
  text-align: center;
  padding: 4% 6%;
}
grid-watchface .toolbar spinner svg {
  height: 30px;
}
grid-watchface .toolbar .btn.disabled {
  opacity: 0.25;
  cursor: not-allowed;
  pointer-events: none;
}
grid-watchface .gpid-details {
  text-align: center;
}
grid-watchface .gpid-details .gpid {
  opacity: #888;
}

.options-list grid-watchface {
  width: 100%;
}
.options-list grid-watchface .grid-watchface-wrapper {
  padding: 0;
}
.options-list grid-watchface .grid-watchface-wrapper.premium {
  border: none;
  background: transparent;
  border-radius: 0;
  box-shadow: none;
}
.options-list grid-watchface .grid-watchface-wrapper .batch-select,
.options-list grid-watchface .grid-watchface-wrapper .preview-image,
.options-list grid-watchface .grid-watchface-wrapper .details {
  display: none;
}
.options-list grid-watchface .grid-watchface-wrapper .toolbar {
  white-space: nowrap;
}

watchface-list .batch-toolbar {
  position: fixed;
  top: 76px;
  right: 20px;
  padding: 10px;
  z-index: 1;
  box-shadow: 0 0 32px -10px black;
  background: #fff;
  border-radius: 4%;
}
watchface-list .batch-toolbar watchface-admin-toolbar {
  display: inline-block;
}
watchface-list .batch-toolbar .selected-count {
  display: inline-block;
  margin: 0 26px;
}
watchface-list .batch-toolbar .btn-default.deselect {
  border: none;
  border-radius: 0;
  border-left: 1px solid gray;
}
watchface-list .batch-toolbar spinner svg {
  height: 30px;
  width: 50px;
}

#watchface-list {
  margin-bottom: 50px;
  clear: right;
}
#watchface-list .watchfaces-inner-wrapper {
  display: -webkit-flex;
  display: -moz-flex;
  display: -ms-flex;
  display: flex;
  -webkit-flex-wrap: wrap;
  -moz-flex-wrap: wrap;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
}
@media (max-width: 767px) {
  #watchface-list .badge-string-icon {
    line-height: normal !important;
  }
  #watchface-list {
    padding-left: 15px;
    margin-top: 5px;
  }
}

.section-list #watchface-list {
  padding-left: 0px;
  margin-bottom: 0;
}
.section-list #watchface-list .watchfaces-inner-wrapper {
  display: block;
}

watchface-status {
  display: block;
  /*border: 1px solid #aaa;
  border-radius: 5px;*/
  margin-bottom: 0px;
  font-size: 18px;
  color: #333;
}
watchface-status .tooltip-dot.live {
  background: #2bade3;
}
watchface-status .tooltip-dot.purchaseable {
  background: gold;
}
watchface-status .tooltip-dot.in-review {
  background: orange;
}
watchface-status .tooltip-dot.rejected {
  background: red;
}
watchface-status .tooltip-dot.draft {
  background: gray;
}
watchface-status .tooltip-dot.ready-for-publish {
  background: rgb(25, 180, 77);
}
watchface-status.small {
  font-size: 120%;
  padding: 0 25px;
  text-align: left;
}
watchface-status.small .tooltip-dot {
  font-size: 11px;
  width: 15px;
  height: 15px;
  line-height: 15px;
}

.watchface-status {
  color: black;
  font-weight: bold;
}
.watchface-status.live {
  color: #2bade3;
}
.watchface-status.purchaseable {
  color: gold;
}
.watchface-status.in-review {
  color: orange;
}
.watchface-status.rejected {
  color: red;
}
.watchface-status.draft {
  color: gray;
}
.watchface-status.ready-for-publish {
  color: rgb(25, 180, 77);
}

/**
 * @deprecated This file is deprecated as of 2021-10-24 and will be removed in a future update.
 * Please use '1_settings/colors.scss' for all color-related styles.
 * 
 * TODO: Remove this file once all references have been updated to use global/colors.scss
 */
.blue-text {
  color: #2bade3;
}

.premium-text {
  color: #eeb60b !important;
}

.red-text {
  color: #f31805 !important;
}

.tooltip-dot {
  font-size: 14px;
  background: #2bade3;
  display: inline-block;
  width: 19px;
  height: 19px;
  border-radius: 50%;
  text-align: center;
  color: #fff;
  margin-left: 6px;
  cursor: pointer;
}
.tooltip-dot.tooltip-dot-small {
  margin-left: 4px;
  font-size: 11px;
  line-height: 15px;
  width: 15px;
  height: 15px;
}
.tooltip-dot.large {
  margin-left: 0;
  font-size: 14px;
  line-height: 19px;
}
.tooltip-dot.tooltip-dot-gray {
  background: #dcdcdc;
  color: #676767;
}

.tooltip-inner {
  white-space: pre-wrap;
}

.horizontal-list-title {
  padding: 3%;
  margin-bottom: 0;
  padding-bottom: 0;
}

.horizontal-list {
  position: -webkit-sticky;
  position: -moz-sticky;
  position: -ms-sticky;
  position: -o-sticky;
  position: sticky;
  top: 60px;
  z-index: 10;
  padding-top: 12px;
  background-color: #fff;
  border-bottom: 1px solid #d6d6d6;
}
.horizontal-list .horizontal-list-wrapper {
  white-space: nowrap;
  overflow: auto;
  padding: 0 3% 12px;
  margin-bottom: 0;
  -webkit-overflow-scrolling: touch;
}
.horizontal-list .horizontal-list-wrapper .horizontal-list-item {
  display: inline-block;
  background: #fff;
  color: #444;
  margin: 0 3px;
  padding: 14px 23px 14px 19px;
  border: 0px solid #444;
  border-radius: 8px;
  box-shadow: 0px 6px 12px -3px #686868;
}
.horizontal-list .horizontal-list-wrapper .horizontal-list-item i {
  font-size: 140%;
  line-height: 8%;
  vertical-align: middle;
  margin-right: 5%;
}
.horizontal-list .horizontal-list-wrapper .horizontal-list-item.active {
  border-width: 4px !important;
}

@media screen and (max-width: 768px) {
  .watchfaces-wrapper .watch-sizing-wrapper {
    height: 220px;
  }
}
.ios-client .horizontal-list {
  top: 0;
}

@media (max-width: 768px) {
  .device-tracker .device-make {
    display: none;
  }
  .device-tracker .device-name-make {
    display: inline-block;
  }
}
.device-tracker h1,
.device-tracker h3 {
  color: #111;
}
.device-tracker #pageHeader {
  margin-top: 40px;
  margin-bottom: 63px;
}
.device-tracker #rankingHeader {
  margin-top: 20px;
  margin-bottom: 12px;
}
.device-tracker .device-make,
.device-tracker .device-name {
  color: #333;
  font-weight: normal;
}
.device-tracker .device-make span,
.device-tracker .device-name span {
  position: relative;
}
.device-tracker .device-make span p,
.device-tracker .device-name span p {
  position: absolute;
  font-weight: normal;
  font-size: 14px;
  color: #5f5f5f;
  margin: 0;
  margin-top: 3px;
  white-space: nowrap;
}
@media (max-width: 768px) {
  .device-tracker .device-make span p,
  .device-tracker .device-name span p {
    position: relative;
    white-space: normal;
  }
}
.device-tracker h3 {
  margin-top: 0;
  font-family: univers-condensed;
}
.device-tracker .charts .chart {
  margin-bottom: 70px;
}
.device-tracker .charts .chart .legend:hover .legend-item {
  opacity: 0.5;
}
.device-tracker .charts .chart .legend .legend-item:hover {
  opacity: 1;
  font-weight: bold;
  color: black;
}
.device-tracker .charts .chart .legend .legend-item:hover .legend-color {
  opacity: 1;
}
.device-tracker .charts .chart .legend .legend-item .legend-color {
  display: inline-block;
  width: 40px;
  height: 10px;
  vertical-align: middle;
  margin-right: 5px;
}
.device-tracker table th {
  font-family: univers-condensed;
  font-size: 15.6px;
  font-weight: 400;
}
.device-tracker table td,
.device-tracker table th {
  vertical-align: middle !important;
}
.device-tracker table td.device-rank,
.device-tracker table th.device-rank {
  text-align: center;
  color: #aaa !important;
}
.device-tracker table td.device-image,
.device-tracker table th.device-image {
  text-align: right;
}
.device-tracker table td.device-image .device-image-wrapper,
.device-tracker table th.device-image .device-image-wrapper {
  position: relative;
  display: inline-block;
  width: 250px;
  text-align: center;
}
@media (max-width: 768px) {
  .device-tracker table td.device-image .device-image-wrapper,
  .device-tracker table th.device-image .device-image-wrapper {
    width: 150px;
    text-align: right;
  }
}
.device-tracker table td.device-image .device-image-wrapper .watch-sizing-wrapper,
.device-tracker table th.device-image .device-image-wrapper .watch-sizing-wrapper {
  display: -webkit-flex;
  display: -moz-flex;
  display: -ms-flex;
  display: flex;
  -webkit-flex-direction: column;
  -moz-flex-direction: column;
  -ms-flex-direction: column;
  flex-direction: column;
  -webkit-justify-content: center;
  -moz-justify-content: center;
  -ms-justify-content: center;
  justify-content: center;
  margin: 0 auto;
  width: 250px;
  height: 250px;
}
@media (max-width: 768px) {
  .device-tracker table td.device-image .device-image-wrapper .watch-sizing-wrapper,
  .device-tracker table th.device-image .device-image-wrapper .watch-sizing-wrapper {
    width: 150px;
    height: 150px;
  }
}
.device-tracker table td.device-image .device-image-wrapper .watch-sizing-wrapper .watch-container,
.device-tracker table th.device-image .device-image-wrapper .watch-sizing-wrapper .watch-container {
  margin: 0 auto;
  width: 50%;
  height: 50%;
}
@media (max-width: 768px) {
  .device-tracker table td.device-image .device-image-wrapper .watch-sizing-wrapper .watch-container,
  .device-tracker table th.device-image .device-image-wrapper .watch-sizing-wrapper .watch-container {
    margin-right: 0;
    margin-left: auto;
  }
}
.device-tracker table td {
  font-weight: bold;
}
.device-tracker table tr {
  font-size: 130%;
}
.device-tracker table tr.top-device .device-make,
.device-tracker table tr.top-device .device-name {
  font-weight: bold;
  color: #111;
}
.device-tracker table tr.top-device .device-image .device-image-wrapper .watch-sizing-wrapper {
  width: 250px;
  height: 250px;
}
@media (max-width: 768px) {
  .device-tracker table tr.top-device .device-image .device-image-wrapper .watch-sizing-wrapper {
    width: 150px;
    height: 150px;
  }
}
.device-tracker #updateTime {
  margin-bottom: 40px;
  text-align: center;
}

/**
 * @deprecated This file is deprecated as of 2021-10-24 and will be removed in a future update.
 * Please use '4_elements/button.scss' for all button-related styles.
 * 
 * TODO: Remove this file once all references have been updated to use 4_elements/button.scss
 */
:root {
  --facer-default-font: "Roboto", Helvetica, Arial, sans-serif;
  --facer-text-size-small: 12px;
  --facer-text-size-normal: 14px;
}

.normal-text, .muted-text, .bold-text, .light-text, .dark-text, .page-title, .auth-modal h1, .auth-page h1, .top-charts .top-charts-header .top-charts-header-title h1, .page-title-medium, .page-subtitle, .top-charts .top-charts-header .top-charts-header-title .top-charts-header-subtitle, .button-text, .caption-text, .notification-feed a .notification-feed-item-content .notification-feed-item-title + .notification-feed-item-message, .text-button, .small-text-button, .notification-feed a .notification-feed-item-content .notification-feed-item-comment-reply-wrapper, .large-button-text, .facer-share-modal .facer-modal-content .facer-modal-inspect-cta, .facer-share-modal .facer-modal-content .facer-modal-share-cta, .xlarge-button-text, .card-text-title,
.modal-text-title,
.facer-share-modal .facer-modal-content .facer-modal-title, .card-text-title-hovered, .stat-text-value, .detail-text, .small-detail-text, .jumbo-text, .jumbo-text-detail, .facer-button, .top-charts .btn, .facer-button i:not(.glyphicon), .top-charts .btn i:not(.glyphicon), .facer-button.btn-xl i, .top-charts .btn-xl.btn i, .facer-button.btn-lg i, .top-charts .btn-lg.btn i, .facer-button.btn-sm,
.facer-button.btn-sm i,
.top-charts .btn-sm.btn i, print-button[type=text] .sync-button .icon-pushtowatch:before,
sync-button[type=text] .sync-button .icon-pushtowatch:before, .follow-button .btn, .follow-button .btn i, .follow-button.follow-button-compact .btn,
.follow-button.follow-button-compact .btn i, .dashboard-outer-wrapper .btn, .dashboard-outer-wrapper .btn i:not(.glyphicon), .dashboard-outer-wrapper .btn-xl.btn i, .dashboard-outer-wrapper .btn-lg.btn i,
.dashboard-outer-wrapper .btn-sm.btn i, .dashboard-outer-wrapper .dashboard-watchface-stats .dashboard-watchface-stat .dashboard-watchface-stat-value, .dashboard-outer-wrapper .default-page .default-page-title, .dashboard-outer-wrapper .default-page .default-page-subtitle, .dashboard-outer-wrapper .default-page .default-page-starting-points .default-page-starting-point .default-page-starting-point-title, .dashboard-outer-wrapper .default-page .default-page-starting-points .default-page-starting-point p, .dashboard-page-header .dashboard-page-header-title, .dashboard-page-header .dashboard-page-header-detail, .dashboard-watchface-list .dashboard-watchface-item:hover .dashboard-watchface-item-title,
.dashboard-watchface-list .dashboard-watchface-item:hover .dashboard-watchface-item-title a, .dashboard-watchface-list .dashboard-watchface-item .dashboard-watchface-item-title-outer-wrapper .dashboard-watchface-item-title,
.dashboard-watchface-list .dashboard-watchface-item .dashboard-watchface-item-title-outer-wrapper .dashboard-watchface-item-title a, .dashboard-watchface-list .dashboard-watchface-item .dashboard-watchface-item-details, .dashboard-watchface-list .dashboard-watchface-item .dashboard-watchface-item-details .edit-date, .dashboard-watchface-list .dashboard-watchface-item .dashboard-watchface-item-extra-details .dashboard-watchface-item-stats, .dashboard-watchface-list .dashboard-watchface-item .dashboard-watchface-item-extra-details .dashboard-watchface-item-stats .dashboard-watchface-item-stat i, .dashboard-watchface-list .dashboard-watchface-item .dashboard-watchface-item-extra-details .dashboard-watchface-item-platforms i, .publish-form__header, .publish-form h1 {
  font-family: var(--facer-default-font);
  color: var(--facer-dark);
}

.muted-text, .dashboard-watchface-list .dashboard-watchface-item .dashboard-watchface-item-details .edit-date, .dashboard-watchface-list .dashboard-watchface-item .dashboard-watchface-item-extra-details .dashboard-watchface-item-platforms i {
  color: var(--facer-muted);
}

.bold-text {
  font-weight: 500;
}

.light-text, .dashboard-outer-wrapper .default-page .default-page-starting-points .default-page-starting-point p {
  color: var(--facer-light);
}

.dark-text {
  color: var(--facer-dark);
}

.page-title, .auth-modal h1, .auth-page h1, .top-charts .top-charts-header .top-charts-header-title h1 {
  font-weight: 500;
  font-size: 26px;
}

.page-title-medium, .dashboard-outer-wrapper .default-page .default-page-starting-points .default-page-starting-point .default-page-starting-point-title, .dashboard-page-header .dashboard-page-header-title {
  font-weight: 500;
  font-size: 22px;
}

.page-subtitle, .top-charts .top-charts-header .top-charts-header-title .top-charts-header-subtitle, .jumbo-text-detail, .dashboard-outer-wrapper .default-page .default-page-subtitle, .dashboard-page-header .dashboard-page-header-detail {
  font-weight: 400;
  font-size: 14px;
  color: var(--facer-light);
}

.button-text, .large-button-text, .facer-share-modal .facer-modal-content .facer-modal-inspect-cta, .facer-share-modal .facer-modal-content .facer-modal-share-cta, .xlarge-button-text, .facer-button, .top-charts .btn, .facer-button i:not(.glyphicon), .top-charts .btn i:not(.glyphicon), .facer-button.btn-xl i, .top-charts .btn-xl.btn i, .facer-button.btn-lg i, .top-charts .btn-lg.btn i, print-button[type=text] .sync-button .icon-pushtowatch:before,
sync-button[type=text] .sync-button .icon-pushtowatch:before, .follow-button .btn, .follow-button .btn i, .follow-button.follow-button-compact .btn, .follow-button.follow-button-compact .btn i, .dashboard-outer-wrapper .btn, .dashboard-outer-wrapper .btn i:not(.glyphicon), .dashboard-outer-wrapper .btn-xl.btn i, .dashboard-outer-wrapper .btn-lg.btn i {
  font-weight: 500;
  font-size: 14px;
}

.caption-text, .notification-feed a .notification-feed-item-content .notification-feed-item-title + .notification-feed-item-message {
  font-weight: 400;
  font-size: 14px;
  font-style: italic;
}

.text-button, .small-text-button, .notification-feed a .notification-feed-item-content .notification-feed-item-comment-reply-wrapper, .facer-button.btn-sm, .top-charts .btn-sm.btn,
.facer-button.btn-sm i,
.top-charts .btn-sm.btn i, .follow-button .btn-sm.btn,
.follow-button .btn-sm.btn i, .follow-button.follow-button-compact .btn,
.follow-button.follow-button-compact .btn i, .dashboard-outer-wrapper .btn-sm.btn,
.dashboard-outer-wrapper .btn-sm.btn i {
  font-weight: 500;
  font-size: 14px;
  color: var(--facer-blue);
}
.text-button:hover, .small-text-button:hover, .notification-feed a .notification-feed-item-content .notification-feed-item-comment-reply-wrapper:hover, .facer-button.btn-sm:hover, .top-charts .btn-sm.btn:hover,
.facer-button.btn-sm i:hover,
.top-charts .btn-sm.btn i:hover, .follow-button .btn-sm.btn:hover,
.follow-button .btn-sm.btn i:hover, .follow-button.follow-button-compact .btn:hover,
.follow-button.follow-button-compact .btn i:hover, .dashboard-outer-wrapper .btn-sm.btn:hover,
.dashboard-outer-wrapper .btn-sm.btn i:hover {
  color: var(--facer-blue-highlight);
}

.small-text-button, .notification-feed a .notification-feed-item-content .notification-feed-item-comment-reply-wrapper, .facer-button.btn-sm, .top-charts .btn-sm.btn,
.facer-button.btn-sm i,
.top-charts .btn-sm.btn i, .follow-button .btn-sm.btn,
.follow-button .btn-sm.btn i, .follow-button.follow-button-compact .btn,
.follow-button.follow-button-compact .btn i, .dashboard-outer-wrapper .btn-sm.btn,
.dashboard-outer-wrapper .btn-sm.btn i {
  font-weight: 500;
  font-size: 11px;
}

.text-button-completed, .notification-feed a .notification-feed-item-content .notification-feed-item-comment-reply-wrapper .notification-feed-item-comment-replied {
  font-weight: 400;
  font-style: italic;
  color: var(--facer-light);
}

.large-button-text, .facer-share-modal .facer-modal-content .facer-modal-inspect-cta, .facer-share-modal .facer-modal-content .facer-modal-share-cta, .facer-button.btn-lg i, .top-charts .btn-lg.btn i, .follow-button .btn i, .follow-button.follow-button-compact .btn i, .dashboard-outer-wrapper .btn-lg.btn i {
  font-weight: 500;
  font-size: 18px;
}

.xlarge-button-text, .facer-button.btn-xl i, .top-charts .btn-xl.btn i, .follow-button .btn-xl.btn i, .dashboard-outer-wrapper .btn-xl.btn i {
  font-weight: 500;
  font-size: 26px;
}

.card-text-title, .card-text-title-hovered, .stat-text-value, .dashboard-outer-wrapper .dashboard-watchface-stats .dashboard-watchface-stat .dashboard-watchface-stat-value, .dashboard-watchface-list .dashboard-watchface-item:hover .dashboard-watchface-item-title,
.dashboard-watchface-list .dashboard-watchface-item:hover .dashboard-watchface-item-title a, .dashboard-watchface-list .dashboard-watchface-item .dashboard-watchface-item-title-outer-wrapper .dashboard-watchface-item-title,
.dashboard-watchface-list .dashboard-watchface-item .dashboard-watchface-item-title-outer-wrapper .dashboard-watchface-item-title a,
.modal-text-title,
.facer-share-modal .facer-modal-content .facer-modal-title {
  font-weight: 500;
  font-size: 20px;
}

.card-text-title-hovered, .dashboard-watchface-list .dashboard-watchface-item:hover .dashboard-watchface-item-title,
.dashboard-watchface-list .dashboard-watchface-item:hover .dashboard-watchface-item-title a {
  color: var(--facer-blue);
}

.stat-text-value, .dashboard-outer-wrapper .dashboard-watchface-stats .dashboard-watchface-stat .dashboard-watchface-stat-value {
  font-weight: bold;
  color: var(--facer-blue);
}

.detail-text, .dashboard-watchface-list .dashboard-watchface-item .dashboard-watchface-item-details {
  font-size: 12px;
}

.small-detail-text, .dashboard-watchface-list .dashboard-watchface-item .dashboard-watchface-item-extra-details .dashboard-watchface-item-stats {
  font-size: 11px;
}

.jumbo-text, .dashboard-outer-wrapper .default-page .default-page-title, .publish-form__header, .publish-form h1 {
  font-weight: 500;
  font-size: 30px;
}

.text-link, .premium-page .premium-page-footer ul li a {
  font-weight: bold;
  color: var(--facer-blue) !important;
}
.text-link:hover, .premium-page .premium-page-footer ul li a:hover {
  color: var(--facer-blue-highlight) !important;
}
.text-link.disabled, .premium-page .premium-page-footer ul li a.disabled {
  color: #999 !important;
  cursor: not-allowed;
}
.text-link i, .premium-page .premium-page-footer ul li a i {
  vertical-align: middle;
  font-size: 130%;
}
.text-link.text-link-orange, .premium-page .premium-page-footer ul li a.text-link-orange {
  color: orange !important;
}
.text-link.text-link-orange:hover, .premium-page .premium-page-footer ul li a.text-link-orange:hover {
  color: #ffaf1d !important;
}

/**
 * @deprecated This file is deprecated as of 2021-10-24 and will be removed in a future update.
 * Please use '1_settings/colors.scss' for all color-related styles.
 * 
 * TODO: Remove this file once all references have been updated to use global/colors.scss
 */
.blue-text {
  color: #2bade3;
}

.premium-text {
  color: #eeb60b !important;
}

.red-text {
  color: #f31805 !important;
}

.media-button, .watchface-media .watchface-media-item .watchface-media-buttons .watchface-media-button, [banner-video] .video-wrapper .controls-wrapper .controls .video-button {
  color: white;
  display: inline-block;
  width: 48px;
  text-align: center;
  height: 48px !important;
  border-radius: 50%;
  font-size: 24px;
  line-height: 40px;
  background-color: rgba(0, 0, 0, 0.75);
  margin: auto;
  display: -webkit-flex;
  display: -moz-flex;
  display: -ms-flex;
  display: flex;
  -webkit-flex-direction: column;
  -moz-flex-direction: column;
  -ms-flex-direction: column;
  flex-direction: column;
  -webkit-justify-content: center;
  -moz-justify-content: center;
  -ms-justify-content: center;
  justify-content: center;
}
.media-button i, .watchface-media .watchface-media-item .watchface-media-buttons .watchface-media-button i, [banner-video] .video-wrapper .controls-wrapper .controls .video-button i {
  vertical-align: middle;
  display: block;
  line-height: 0;
}
.media-button i.icon-play, .watchface-media .watchface-media-item .watchface-media-buttons .watchface-media-button i.icon-play, [banner-video] .video-wrapper .controls-wrapper .controls .video-button i.icon-play {
  line-height: 0;
  margin-left: 5px;
}

.btn.btn-default.btn-secondary {
  border: 1px solid #bbb;
}

.btn.btn-primary-v2 {
  border: 2px solid #2bade3;
  color: #2bade3;
  background-color: white;
}

.facer-button, .top-charts .btn, .follow-button .btn, .follow-button.follow-button-compact .btn, .dashboard-outer-wrapper .btn {
  display: -webkit-flex;
  display: -moz-flex;
  display: -ms-flex;
  display: flex;
  -webkit-justify-content: center;
  -moz-justify-content: center;
  -ms-justify-content: center;
  justify-content: center;
  -webkit-align-items: center;
  -moz-align-items: center;
  -ms-align-items: center;
  align-items: center;
  gap: 10px;
  min-height: 32px;
  height: auto;
  line-height: normal;
  padding: 0 20px;
  border-radius: 16px;
}
.facer-button i:not(.glyphicon), .top-charts .btn i:not(.glyphicon), .follow-button .btn i:not(.glyphicon), .dashboard-outer-wrapper .btn i:not(.glyphicon) {
  height: auto;
  margin: auto;
  line-height: 0;
}
.facer-button.btn-xl, .top-charts .btn-xl.btn, .follow-button .btn-xl.btn, .dashboard-outer-wrapper .btn-xl.btn {
  height: 55px !important;
  padding: 0 20px;
  border-radius: 27.5px;
  vertical-align: middle;
  font-size: 16px;
  font-weight: 500;
}
.facer-button.btn-lg, .top-charts .btn-lg.btn, .dashboard-outer-wrapper .btn-lg.btn, .follow-button .btn, .follow-button.follow-button-compact .btn {
  height: 40px !important;
  padding: 0 20px;
  border-radius: 20px;
  vertical-align: middle;
}
.facer-button.btn-sm, .top-charts .btn-sm.btn, .follow-button .btn-sm.btn, .dashboard-outer-wrapper .btn-sm.btn, .follow-button.follow-button-compact .btn {
  height: 35px !important;
  padding: 0 20px;
  border-radius: 17.5px;
  vertical-align: middle;
}
.facer-button.btn-primary, .top-charts .btn-primary.btn, .follow-button .btn-primary.btn, .dashboard-outer-wrapper .btn-primary.btn {
  color: white !important;
}
.facer-button.btn-primary i, .top-charts .btn-primary.btn i, .follow-button .btn-primary.btn i, .dashboard-outer-wrapper .btn-primary.btn i {
  color: white !important;
}
.facer-button.btn-primary:hover, .top-charts .btn-primary.btn:hover, .follow-button .btn-primary.btn:hover, .dashboard-outer-wrapper .btn-primary.btn:hover {
  box-shadow: 0 4px 6px 0 rgba(43, 173, 227, 0.2);
  background-color: #41b5e6;
  border: none;
}
.facer-button.btn-primary:active, .top-charts .btn-primary.btn:active, .follow-button .btn-primary.btn:active, .dashboard-outer-wrapper .btn-primary.btn:active {
  border-color: #41b5e6;
}
.facer-button.btn-primary[disabled=disabled], .top-charts .btn-primary[disabled=disabled].btn, .follow-button .btn-primary[disabled=disabled].btn, .dashboard-outer-wrapper .btn-primary[disabled=disabled].btn {
  background: #ededed;
  color: #b8b8b8 !important;
}
.facer-button.btn-rounded, .top-charts .btn-rounded.btn, .follow-button .btn-rounded.btn, .dashboard-outer-wrapper .btn-rounded.btn {
  border-radius: 110px;
  padding: 15px 40px;
  font-size: 16px;
}
.facer-button.btn-default, .top-charts .btn-default.btn, .follow-button .btn-default.btn, .dashboard-outer-wrapper .btn-default.btn {
  background: #e6e6e6;
  border-color: #e6e6e6;
}
.facer-button.btn-default:hover, .top-charts .btn-default.btn:hover, .follow-button .btn-default.btn:hover, .dashboard-outer-wrapper .btn-default.btn:hover {
  background-color: #d0d0d0;
}
.facer-button.btn-default:active, .top-charts .btn-default.btn:active, .follow-button .btn-default.btn:active, .dashboard-outer-wrapper .btn-default.btn:active {
  border-color: #d0d0d0;
}
.facer-button.navbar-btn, .top-charts .navbar-btn.btn, .follow-button .navbar-btn.btn, .dashboard-outer-wrapper .navbar-btn.btn {
  background: transparent;
  font-size: 14px;
  display: inline;
}
.facer-button.navbar-btn i, .top-charts .navbar-btn.btn i, .follow-button .navbar-btn.btn i, .dashboard-outer-wrapper .navbar-btn.btn i {
  font-size: 20px;
}
.facer-button.input-btn, .top-charts .input-btn.btn, .follow-button .input-btn.btn, .dashboard-outer-wrapper .input-btn.btn {
  position: absolute;
  top: 4px;
  right: 4px;
  height: 26px !important;
  width: 26px;
  padding: 0;
  color: white;
}
.facer-button.dropdown-toggle, .top-charts .dropdown-toggle.btn, .follow-button .dropdown-toggle.btn, .dashboard-outer-wrapper .dropdown-toggle.btn {
  font-weight: 400;
  padding: 0 15px 0 15px;
}
.facer-button.dropdown-toggle:focus, .top-charts .dropdown-toggle.btn:focus, .follow-button .dropdown-toggle.btn:focus, .dashboard-outer-wrapper .dropdown-toggle.btn:focus {
  box-shadow: none;
  border-color: transparent;
}
.facer-button.dropdown-toggle:hover, .top-charts .dropdown-toggle.btn:hover, .follow-button .dropdown-toggle.btn:hover, .dashboard-outer-wrapper .dropdown-toggle.btn:hover, .facer-button.dropdown-toggle:active, .top-charts .dropdown-toggle.btn:active, .follow-button .dropdown-toggle.btn:active, .dashboard-outer-wrapper .dropdown-toggle.btn:active, .facer-button.dropdown-toggle:focus, .top-charts .dropdown-toggle.btn:focus, .follow-button .dropdown-toggle.btn:focus, .dashboard-outer-wrapper .dropdown-toggle.btn:focus {
  background-color: var(--facer-dark-2);
}
.facer-button .facer-button-tag, .top-charts .btn .facer-button-tag, .follow-button .btn .facer-button-tag, .dashboard-outer-wrapper .btn .facer-button-tag {
  display: -webkit-flex;
  display: -moz-flex;
  display: -ms-flex;
  display: flex;
  -webkit-flex-direction: column;
  -moz-flex-direction: column;
  -ms-flex-direction: column;
  flex-direction: column;
  -webkit-justify-content: center;
  -moz-justify-content: center;
  -ms-justify-content: center;
  justify-content: center;
  font-size: 70%;
  font-weight: 500;
  background: rgba(255, 255, 255, 0.2);
  border-radius: 11px;
  height: 22px;
  padding: 1px 10px 0;
  vertical-align: middle;
}

watchface-media-manager {
  display: block;
  margin-bottom: 15px;
}

#publishForm watchface-media-manager {
  max-width: 340px;
}

.publish-form-wrapper watchface-media-manager {
  max-width: none !important;
}

.watchface-media {
  display: -webkit-flex;
  display: -moz-flex;
  display: -ms-flex;
  display: flex;
  overflow: auto;
}
.watchface-media .watchface-media-vertical-divider {
  border-right: 1px solid #777;
  margin: 2px 5px;
}
.watchface-media .watchface-media-item {
  -webkit-flex: 0 0 180px;
  -moz-flex: 0 0 180px;
  -ms-flex: 0 0 180px;
  flex: 0 0 180px;
  position: relative;
  display: inline-block;
  width: 180px;
  height: 180px;
  background-size: cover;
  background-repeat: no-repeat;
  background-position: center center;
  vertical-align: top;
  border-radius: 4px;
  overflow: hidden;
}
.watchface-media .watchface-media-item:not(:first-child) {
  margin-left: 4px;
}
.watchface-media .watchface-media-item:not(:last-child) {
  margin-right: 4px;
}
.watchface-media .watchface-media-item.small-item {
  width: 90px;
  height: 90px;
  -webkit-flex: 0 0 90px;
  -moz-flex: 0 0 90px;
  -ms-flex: 0 0 90px;
  flex: 0 0 90px;
}
.watchface-media .watchface-media-item.loader-item {
  display: -webkit-flex;
  display: -moz-flex;
  display: -ms-flex;
  display: flex;
}
.watchface-media .watchface-media-item.loader-item spinner {
  width: 50%;
  height: 50%;
  margin: auto;
}
.watchface-media .watchface-media-item.loader-item spinner svg {
  width: 100% !important;
  height: 100% !important;
}
.watchface-media .watchface-media-item.block-item {
  display: block;
  width: auto;
  margin: 0;
  -webkit-flex: 0 0 100%;
  -moz-flex: 0 0 100%;
  -ms-flex: 0 0 100%;
  flex: 0 0 100%;
}
.watchface-media .watchface-media-item.watchface-media-item-image {
  background-color: rgba(0, 0, 0, 0.15);
}
.watchface-media .watchface-media-item .watchface-media-item-controls {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  background: transparent;
}
.watchface-media .watchface-media-item .watchface-media-item-controls .watchface-media-item-controls-remove {
  display: none;
  position: absolute;
  top: 0;
  right: 0;
  color: white;
  padding: 5px;
  z-index: 10;
}
.watchface-media .watchface-media-item .watchface-media-item-controls .watchface-media-item-controls-remove:hover {
  opacity: 0.5;
}
.watchface-media .watchface-media-item .watchface-media-item-controls .watchface-media-item-controls-loading {
  display: none;
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  display: -webkit-flex;
  display: -moz-flex;
  display: -ms-flex;
  display: flex;
  -webkit-flex-direction: column;
  -moz-flex-direction: column;
  -ms-flex-direction: column;
  flex-direction: column;
  -webkit-justify-content: center;
  -moz-justify-content: center;
  -ms-justify-content: center;
  justify-content: center;
}
.watchface-media .watchface-media-item .watchface-media-item-controls .watchface-media-item-controls-loading spinner {
  width: 50%;
  height: 50%;
  margin: auto;
}
.watchface-media .watchface-media-item .watchface-media-item-controls .watchface-media-item-controls-loading spinner svg {
  width: 100% !important;
  height: 100% !important;
}
.watchface-media .watchface-media-item .watchface-media-item-controls .watchface-media-item-controls-loading spinner svg rect:not(:first-child) {
  fill: white;
}
.watchface-media .watchface-media-item:hover .watchface-media-item-controls-remove {
  display: block;
}
.watchface-media .watchface-media-item:hover .watchface-media-item-controls {
  display: block;
  background: rgba(0, 0, 0, 0.5);
}
.watchface-media .watchface-media-item .watchface-media-item-add {
  position: relative;
  border: 1px solid #e0e0e0;
  background: #ededed;
  border-radius: 4px;
  text-align: center;
  height: 100%;
  font-size: 12px;
  padding-top: 3px;
  color: #797979;
  display: -webkit-flex;
  display: -moz-flex;
  display: -ms-flex;
  display: flex;
  -webkit-flex-direction: column;
  -moz-flex-direction: column;
  -ms-flex-direction: column;
  flex-direction: column;
  -webkit-justify-content: center;
  -moz-justify-content: center;
  -ms-justify-content: center;
  justify-content: center;
  cursor: pointer;
}
.watchface-media .watchface-media-item .watchface-media-item-add i {
  font-size: 24px;
}
.watchface-media .watchface-media-item .watchface-media-item-add .watchface-media-item-controls-loading svg rect:not(:first-child) {
  fill: #626262 !important;
}
.watchface-media .watchface-media-item .watchface-media-item-add input {
  z-index: 1;
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  opacity: 0;
  width: 100%;
}
.watchface-media .watchface-media-item .watchface-media-item-add.item-loading {
  opacity: 0.35;
}
.watchface-media .watchface-media-item .watchface-media-item-add.item-loading .watchface-media-item-controls {
  display: block;
  background: transparent;
  cursor: default;
}
.watchface-media .watchface-media-item .watchface-media-item-add.item-loading #addIcon,
.watchface-media .watchface-media-item .watchface-media-item-add.item-loading .add-text {
  display: none;
}
.watchface-media .watchface-media-item .watchface-media-item-add.item-loading input {
  display: none;
}
.watchface-media .watchface-media-item img {
  height: 100%;
  width: auto;
  border-radius: 3px;
}
.watchface-media .watchface-media-item .watchface-media-buttons {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  z-index: 2;
  display: -webkit-flex;
  display: -moz-flex;
  display: -ms-flex;
  display: flex;
  -webkit-flex-direction: column;
  -moz-flex-direction: column;
  -ms-flex-direction: column;
  flex-direction: column;
  -webkit-justify-content: center;
  -moz-justify-content: center;
  -ms-justify-content: center;
  justify-content: center;
}
.watchface-media .watchface-media-item .watchface-media-buttons .watchface-media-button {
  margin: auto;
}

image-uploader.contain .watchface-media-item {
  background-size: contain;
}

.image-uploader-wrapper image-uploader {
  display: inline-block;
  margin: auto;
}

.watchface-table {
  max-height: 331px;
  overflow: auto;
}
.watchface-table .reorder-handle {
  font-size: 24px;
  line-height: 1.9;
}
.watchface-table .remove-button {
  line-height: 2.7;
  font-size: 15px;
  text-align: right;
}
.watchface-table .watchface-name {
  white-space: nowrap;
  line-height: 2.7;
  text-overflow: ellipsis;
  overflow: hidden;
  max-width: 161px;
}
.watchface-table img {
  border-radius: 50%;
}

.collection-header {
  font-family: "Roboto", sans-serif;
  font-weight: 300;
}
.collection-header .collection-header-image {
  text-align: center;
  position: relative;
  background-color: #e7e7e7;
  margin: 0 auto;
  overflow: hidden;
}
.collection-header .collection-header-image.no-image {
  min-height: 100px;
}
.collection-header .collection-header-image.no-image .hero-bg img {
  position: relative;
  z-index: 100;
  opacity: 0.35;
}
.collection-header .collection-header-image .hero {
  position: relative;
  display: inline-block;
}
.collection-header .collection-header-image .hero img {
  position: relative;
  max-width: 900px;
  width: 100%;
  z-index: 2;
}
.collection-header .collection-header-image .hero-bg {
  position: absolute;
  top: 0px;
  right: 0px;
  left: 0px;
  bottom: 0px;
  z-index: 1;
  min-height: 100px;
}
.collection-header .collection-header-image .hero-bg.blur {
  -webkit-filter: blur(100px);
  filter: blur(100px);
  top: -100px;
  right: -100px;
  left: -100px;
  bottom: -100px;
}
.collection-header .collection-header-image .hero-bg img {
  width: 100%;
}
.collection-header .collection-header-image .hero-placeholder {
  font-size: 50px;
  opacity: 0.85;
}
@media (max-width: 767px) {
  .collection-header .collection-header-image .hero-placeholder {
    font-size: 26px;
  }
}
.collection-header .collection-header-image .hero-color {
  z-index: 10;
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
}
.collection-header .collection-header-title {
  padding: 1em;
  overflow: hidden;
}
.collection-header .collection-header-title h2 {
  margin: 0;
  padding: 0;
}
.collection-header .collection-header-title .collection-app-badge {
  margin-top: 10px;
  margin-bottom: 25px;
}
.collection-header .collection-header-title .collection-description {
  max-width: 1170px;
}
.collection-header .collection-details {
  text-align: left;
  padding-top: 60px;
}
.collection-header .collection-details .collection-header-byline {
  color: #999;
  font-size: 14px;
  margin-top: 0px;
  margin-right: auto;
  margin-left: auto;
  max-width: 1170px;
}
@media (max-width: 767px) {
  .collection-header .collection-details .collection-header-byline {
    font-size: 12px;
  }
}
@media (max-width: 767px) {
  .collection-header .collection-details {
    padding-top: 20px;
    padding-bottom: 10px;
    border-bottom: 1px dotted #d6d6d6;
  }
  .collection-header .collection-details h1 {
    font-size: 32px;
    margin-top: 5px;
    margin-bottom: 0;
  }
}
.collection-header .collection-video {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  height: 100%;
  z-index: 2;
  padding: 15px;
  background: rgba(0, 0, 0, 0.93);
  -webkit-transition: background linear 250ms;
  -moz-transition: background linear 250ms;
  -ms-transition: background linear 250ms;
  transition: background linear 250ms;
  bottom: 0;
}
.collection-header .collection-video > div {
  height: 100%;
}
.collection-header .collection-video.stopped {
  background-color: transparent;
}
.collection-header .collection-video.stopped video {
  opacity: 0;
}

.collection-slider-container {
  overflow: auto;
  -webkit-overflow-scrolling: touch;
}
.collection-slider-container::-webkit-scrollbar {
  display: none;
}

.collection-slider {
  white-space: nowrap;
}
.collection-slider .collection-slider-item {
  display: inline-block;
  width: 80%;
}
.collection-slider .collection-slider-item:first-child {
  margin-left: 15px;
}
.collection-slider .collection-slider-item:last-child {
  margin-right: 15px;
}
.collection-slider .collection-slider-item:not(:last-child) {
  margin-right: 10px;
}

collection .hero-placeholder-wrapper {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  display: flex;
  color: #fff;
  flex-direction: column;
  justify-content: center;
  font-size: 19px;
  font-weight: bold;
  padding: 0 15%;
  z-index: 100;
}
@media (max-width: 767px) {
  collection .hero-placeholder-wrapper {
    font-size: 12px;
  }
}
collection .hero-placeholder-wrapper .hero-placeholder {
  text-align: center;
  white-space: normal;
  opacity: 0.85;
}
collection .collection-grid-item {
  margin-top: 10px;
}
collection .collection-grid-item .hero-image {
  overflow: hidden;
  position: relative;
  display: block;
  background-size: cover;
  border-radius: 5px;
  box-shadow: 0px 8px 15px -12px black;
}
collection .collection-grid-item .hero-image.banner-bg {
  background: url("/img/default-banner.png") !important;
}
collection .collection-grid-item .hero-image .no-banner {
  opacity: 0.5;
}
collection .collection-grid-item .hero-image img {
  border-radius: 5px;
  width: 100%;
  height: auto;
}
collection .collection-grid-item .collection-title-wrapper {
  display: -webkit-flex;
  display: -moz-flex;
  display: -ms-flex;
  display: flex;
  -webkit-align-items: center;
  -moz-align-items: center;
  -ms-align-items: center;
  align-items: center;
}
collection .collection-grid-item .collection-title-wrapper .collection-title {
  -webkit-flex: 1;
  -moz-flex: 1;
  -ms-flex: 1;
  flex: 1;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}
@media (max-width: 767px) {
  collection .collection-grid-item .collection-title-wrapper .collection-title {
    margin-top: 10px;
    font-size: 18px;
  }
}
collection .collection-grid-item .collection-stats .collection-stat {
  margin-left: 10px;
}
collection .collection-grid-item .collection-description {
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}
collection .collection-stats .collection-stat {
  font-weight: bold;
}
collection .collection-stats .collection-stat i {
  vertical-align: middle;
}

#register {
  z-index: 10000;
  position: absolute;
  top: env(safe-area-inset-top, 0);
  right: env(safe-area-inset-right, 0);
  bottom: env(safe-area-inset-bottom, 0);
  left: env(safe-area-inset-left, 0);
  border-radius: 4px;
  overflow: auto;
  background-color: rgba(255, 255, 255, 0.95);
  -webkit-transition: all linear 0.25s;
  -moz-transition: all linear 0.25s;
  -ms-transition: all linear 0.25s;
  transition: all linear 0.25s;
}
#register .container {
  height: 100%;
  display: -webkit-flex;
  display: -moz-flex;
  display: -ms-flex;
  display: flex;
  -webkit-flex-direction: column;
  -moz-flex-direction: column;
  -ms-flex-direction: column;
  flex-direction: column;
  -webkit-justify-content: space-between;
  -moz-justify-content: space-between;
  -ms-justify-content: space-between;
  justify-content: space-between;
}
#register #close {
  position: absolute;
  top: 10px;
  right: 10px;
}

.sso-button-row {
  margin-top: 15px;
  display: flex !important;
  justify-content: center !important;
  align-items: center !important;
}

#appleid-signin {
  margin-bottom: 15px;
  max-width: 200px;
  border: 1px solid lightgrey;
  border-radius: 50px;
}

.gsi-material-button {
  -moz-user-select: none;
  -webkit-user-select: none;
  -ms-user-select: none;
  -webkit-appearance: none;
  background-color: WHITE;
  background-image: none;
  border: 1px solid #747775;
  -webkit-border-radius: 20px;
  border-radius: 20px;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  color: #1f1f1f;
  cursor: pointer;
  font-family: "Roboto", arial, sans-serif;
  font-size: 14px;
  height: 40px;
  letter-spacing: 0.25px;
  outline: none;
  overflow: hidden;
  padding: 0 12px;
  position: relative;
  text-align: center;
  -webkit-transition: background-color 0.218s, border-color 0.218s, box-shadow 0.218s;
  transition: background-color 0.218s, border-color 0.218s, box-shadow 0.218s;
  vertical-align: middle;
  white-space: nowrap;
  width: auto;
  max-width: 400px;
  min-width: min-content;
}

.gsi-material-button .gsi-material-button-icon {
  height: 20px;
  margin-right: 12px;
  min-width: 20px;
  width: 20px;
}

.gsi-material-button .gsi-material-button-content-wrapper {
  -webkit-align-items: center;
  align-items: center;
  display: flex;
  -webkit-flex-direction: row;
  flex-direction: row;
  -webkit-flex-wrap: nowrap;
  flex-wrap: nowrap;
  height: 100%;
  justify-content: space-between;
  position: relative;
  width: 100%;
}

.gsi-material-button .gsi-material-button-contents {
  -webkit-flex-grow: 1;
  flex-grow: 1;
  font-family: "Roboto", arial, sans-serif;
  font-weight: 500;
  overflow: hidden;
  text-overflow: ellipsis;
  vertical-align: top;
}

.gsi-material-button .gsi-material-button-state {
  -webkit-transition: opacity 0.218s;
  transition: opacity 0.218s;
  bottom: 0;
  left: 0;
  opacity: 0;
  position: absolute;
  right: 0;
  top: 0;
}

.gsi-material-button:disabled {
  cursor: default;
  background-color: rgba(255, 255, 255, 0.3803921569);
  border-color: rgba(31, 31, 31, 0.1215686275);
}

.gsi-material-button:disabled .gsi-material-button-contents {
  opacity: 38%;
}

.gsi-material-button:disabled .gsi-material-button-icon {
  opacity: 38%;
}

.gsi-material-button:not(:disabled):active .gsi-material-button-state,
.gsi-material-button:not(:disabled):focus .gsi-material-button-state {
  background-color: #303030;
  opacity: 12%;
}

.gsi-material-button:not(:disabled):hover {
  -webkit-box-shadow: 0 1px 2px 0 rgba(60, 64, 67, 0.3), 0 1px 3px 1px rgba(60, 64, 67, 0.15);
  box-shadow: 0 1px 2px 0 rgba(60, 64, 67, 0.3), 0 1px 3px 1px rgba(60, 64, 67, 0.15);
}

.gsi-material-button:not(:disabled):hover .gsi-material-button-state {
  background-color: #303030;
  opacity: 8%;
}

/**
 * @deprecated This file is deprecated as of 2021-10-24 and will be removed in a future update.
 * Please use '1_settings/colors.scss' for all color-related styles.
 * 
 * TODO: Remove this file once all references have been updated to use global/colors.scss
 */
.blue-text {
  color: #2bade3;
}

.premium-text {
  color: #eeb60b !important;
}

.red-text {
  color: #f31805 !important;
}

#notifications {
  position: fixed;
  top: env(safe-area-inset-top, 0);
  bottom: env(safe-area-inset-top, 0);
  right: env(safe-area-inset-right, 0);
  left: env(safe-area-inset-right, 0);
  display: -webkit-flex;
  display: -moz-flex;
  display: -ms-flex;
  display: flex;
  -webkit-flex-direction: column;
  -moz-flex-direction: column;
  -ms-flex-direction: column;
  flex-direction: column;
  -webkit-align-items: flex-start;
  -moz-align-items: flex-start;
  -ms-align-items: flex-start;
  align-items: flex-start;
  padding: 15px;
  z-index: 100000;
  text-align: center;
  pointer-events: none;
}
.route-facer-watchface #notifications {
  top: 0;
}
#notifications .notification {
  white-space: nowrap;
  display: -webkit-flex;
  display: -moz-flex;
  display: -ms-flex;
  display: flex;
  margin: 0 auto;
  margin-bottom: 10px;
  box-shadow: 0px 5px 28px rgba(0, 0, 0, 0.26);
  color: #c1c1c1;
  border-radius: 5px;
  overflow: hidden;
  min-width: 344px;
  text-align: left;
  background: #323232;
  pointer-events: all;
}
@media (max-width: 767px) {
  #notifications .notification {
    width: 100%;
    margin-bottom: 0;
    margin-top: 10px;
  }
}
#notifications .notification .notification-message,
#notifications .notification .notification-actions {
  display: inline-block;
}
#notifications .notification .notification-message,
#notifications .notification .notification-action {
  padding: 16px;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  -webkit-flex: 1;
  -moz-flex: 1;
  -ms-flex: 1;
  flex: 1;
  display: -webkit-flex;
  display: -moz-flex;
  display: -ms-flex;
  display: flex;
  -webkit-flex-direction: column;
  -moz-flex-direction: column;
  -ms-flex-direction: column;
  flex-direction: column;
  -webkit-justify-content: center;
  -moz-justify-content: center;
  -ms-justify-content: center;
  justify-content: center;
}
#notifications .notification .notification-message {
  -webkit-flex: 1;
  -moz-flex: 1;
  -ms-flex: 1;
  flex: 1;
  white-space: normal;
}
#notifications .notification .notification-actions {
  -webkit-flex: 0 0 30px;
  -moz-flex: 0 0 30px;
  -ms-flex: 0 0 30px;
  flex: 0 0 30px;
  display: -webkit-flex;
  display: -moz-flex;
  display: -ms-flex;
  display: flex;
  -webkit-flex-direction: column;
  -moz-flex-direction: column;
  -ms-flex-direction: column;
  flex-direction: column;
  -webkit-justify-content: center;
  -moz-justify-content: center;
  -ms-justify-content: center;
  justify-content: center;
  border-left: 1px solid rgba(157, 215, 241, 0);
  text-align: center;
}
#notifications .notification .notification-actions a {
  text-decoration: none;
}
#notifications .notification .notification-action {
  color: #2bade3;
  text-transform: uppercase;
}
#notifications .notification .notification-action a {
  color: #2bade3;
  font-weight: normal;
}
#notifications .notification a {
  color: #fff;
  text-decoration: underline;
  font-weight: bold;
}
#notifications .notification.notification-error .notification-action {
  color: #fcbebe;
}
#notifications .notification.notification-success {
  color: #2bade3;
}

:root {
  --facer-default-font: "Roboto", Helvetica, Arial, sans-serif;
  --facer-text-size-small: 12px;
  --facer-text-size-normal: 14px;
}

.normal-text, .muted-text, .bold-text, .light-text, .dark-text, .page-title, .auth-modal h1, .auth-page h1, .top-charts .top-charts-header .top-charts-header-title h1, .page-title-medium, .page-subtitle, .top-charts .top-charts-header .top-charts-header-title .top-charts-header-subtitle, .button-text, .caption-text, .notification-feed a .notification-feed-item-content .notification-feed-item-title + .notification-feed-item-message, .text-button, .small-text-button, .notification-feed a .notification-feed-item-content .notification-feed-item-comment-reply-wrapper, .large-button-text, .facer-share-modal .facer-modal-content .facer-modal-inspect-cta, .facer-share-modal .facer-modal-content .facer-modal-share-cta, .xlarge-button-text, .card-text-title,
.modal-text-title,
.facer-share-modal .facer-modal-content .facer-modal-title, .card-text-title-hovered, .stat-text-value, .detail-text, .small-detail-text, .jumbo-text, .jumbo-text-detail, .facer-button, .top-charts .btn, .facer-button i:not(.glyphicon), .top-charts .btn i:not(.glyphicon), .facer-button.btn-xl i, .top-charts .btn-xl.btn i, .facer-button.btn-lg i, .top-charts .btn-lg.btn i, .facer-button.btn-sm,
.facer-button.btn-sm i,
.top-charts .btn-sm.btn i, print-button[type=text] .sync-button .icon-pushtowatch:before,
sync-button[type=text] .sync-button .icon-pushtowatch:before, .follow-button .btn, .follow-button .btn i, .follow-button.follow-button-compact .btn,
.follow-button.follow-button-compact .btn i, .dashboard-outer-wrapper .btn, .dashboard-outer-wrapper .btn i:not(.glyphicon), .dashboard-outer-wrapper .btn-xl.btn i, .dashboard-outer-wrapper .btn-lg.btn i,
.dashboard-outer-wrapper .btn-sm.btn i, .dashboard-outer-wrapper .dashboard-watchface-stats .dashboard-watchface-stat .dashboard-watchface-stat-value, .dashboard-outer-wrapper .default-page .default-page-title, .dashboard-outer-wrapper .default-page .default-page-subtitle, .dashboard-outer-wrapper .default-page .default-page-starting-points .default-page-starting-point .default-page-starting-point-title, .dashboard-outer-wrapper .default-page .default-page-starting-points .default-page-starting-point p, .dashboard-page-header .dashboard-page-header-title, .dashboard-page-header .dashboard-page-header-detail, .dashboard-watchface-list .dashboard-watchface-item:hover .dashboard-watchface-item-title,
.dashboard-watchface-list .dashboard-watchface-item:hover .dashboard-watchface-item-title a, .dashboard-watchface-list .dashboard-watchface-item .dashboard-watchface-item-title-outer-wrapper .dashboard-watchface-item-title,
.dashboard-watchface-list .dashboard-watchface-item .dashboard-watchface-item-title-outer-wrapper .dashboard-watchface-item-title a, .dashboard-watchface-list .dashboard-watchface-item .dashboard-watchface-item-details, .dashboard-watchface-list .dashboard-watchface-item .dashboard-watchface-item-details .edit-date, .dashboard-watchface-list .dashboard-watchface-item .dashboard-watchface-item-extra-details .dashboard-watchface-item-stats, .dashboard-watchface-list .dashboard-watchface-item .dashboard-watchface-item-extra-details .dashboard-watchface-item-stats .dashboard-watchface-item-stat i, .dashboard-watchface-list .dashboard-watchface-item .dashboard-watchface-item-extra-details .dashboard-watchface-item-platforms i, .publish-form__header, .publish-form h1 {
  font-family: var(--facer-default-font);
  color: var(--facer-dark);
}

.muted-text, .dashboard-watchface-list .dashboard-watchface-item .dashboard-watchface-item-details .edit-date, .dashboard-watchface-list .dashboard-watchface-item .dashboard-watchface-item-extra-details .dashboard-watchface-item-platforms i {
  color: var(--facer-muted);
}

.bold-text {
  font-weight: 500;
}

.light-text, .dashboard-outer-wrapper .default-page .default-page-starting-points .default-page-starting-point p {
  color: var(--facer-light);
}

.dark-text {
  color: var(--facer-dark);
}

.page-title, .auth-modal h1, .auth-page h1, .top-charts .top-charts-header .top-charts-header-title h1 {
  font-weight: 500;
  font-size: 26px;
}

.page-title-medium, .dashboard-outer-wrapper .default-page .default-page-starting-points .default-page-starting-point .default-page-starting-point-title, .dashboard-page-header .dashboard-page-header-title {
  font-weight: 500;
  font-size: 22px;
}

.page-subtitle, .top-charts .top-charts-header .top-charts-header-title .top-charts-header-subtitle, .jumbo-text-detail, .dashboard-outer-wrapper .default-page .default-page-subtitle, .dashboard-page-header .dashboard-page-header-detail {
  font-weight: 400;
  font-size: 14px;
  color: var(--facer-light);
}

.button-text, .large-button-text, .facer-share-modal .facer-modal-content .facer-modal-inspect-cta, .facer-share-modal .facer-modal-content .facer-modal-share-cta, .xlarge-button-text, .facer-button, .top-charts .btn, .facer-button i:not(.glyphicon), .top-charts .btn i:not(.glyphicon), .facer-button.btn-xl i, .top-charts .btn-xl.btn i, .facer-button.btn-lg i, .top-charts .btn-lg.btn i, print-button[type=text] .sync-button .icon-pushtowatch:before,
sync-button[type=text] .sync-button .icon-pushtowatch:before, .follow-button .btn, .follow-button .btn i, .follow-button.follow-button-compact .btn, .follow-button.follow-button-compact .btn i, .dashboard-outer-wrapper .btn, .dashboard-outer-wrapper .btn i:not(.glyphicon), .dashboard-outer-wrapper .btn-xl.btn i, .dashboard-outer-wrapper .btn-lg.btn i {
  font-weight: 500;
  font-size: 14px;
}

.caption-text, .notification-feed a .notification-feed-item-content .notification-feed-item-title + .notification-feed-item-message {
  font-weight: 400;
  font-size: 14px;
  font-style: italic;
}

.text-button, .small-text-button, .notification-feed a .notification-feed-item-content .notification-feed-item-comment-reply-wrapper, .facer-button.btn-sm, .top-charts .btn-sm.btn,
.facer-button.btn-sm i,
.top-charts .btn-sm.btn i, .follow-button .btn-sm.btn,
.follow-button .btn-sm.btn i, .follow-button.follow-button-compact .btn,
.follow-button.follow-button-compact .btn i, .dashboard-outer-wrapper .btn-sm.btn,
.dashboard-outer-wrapper .btn-sm.btn i {
  font-weight: 500;
  font-size: 14px;
  color: var(--facer-blue);
}
.text-button:hover, .small-text-button:hover, .notification-feed a .notification-feed-item-content .notification-feed-item-comment-reply-wrapper:hover, .facer-button.btn-sm:hover, .top-charts .btn-sm.btn:hover,
.facer-button.btn-sm i:hover,
.top-charts .btn-sm.btn i:hover, .follow-button .btn-sm.btn:hover,
.follow-button .btn-sm.btn i:hover, .follow-button.follow-button-compact .btn:hover,
.follow-button.follow-button-compact .btn i:hover, .dashboard-outer-wrapper .btn-sm.btn:hover,
.dashboard-outer-wrapper .btn-sm.btn i:hover {
  color: var(--facer-blue-highlight);
}

.small-text-button, .notification-feed a .notification-feed-item-content .notification-feed-item-comment-reply-wrapper, .facer-button.btn-sm, .top-charts .btn-sm.btn,
.facer-button.btn-sm i,
.top-charts .btn-sm.btn i, .follow-button .btn-sm.btn,
.follow-button .btn-sm.btn i, .follow-button.follow-button-compact .btn,
.follow-button.follow-button-compact .btn i, .dashboard-outer-wrapper .btn-sm.btn,
.dashboard-outer-wrapper .btn-sm.btn i {
  font-weight: 500;
  font-size: 11px;
}

.text-button-completed, .notification-feed a .notification-feed-item-content .notification-feed-item-comment-reply-wrapper .notification-feed-item-comment-replied {
  font-weight: 400;
  font-style: italic;
  color: var(--facer-light);
}

.large-button-text, .facer-share-modal .facer-modal-content .facer-modal-inspect-cta, .facer-share-modal .facer-modal-content .facer-modal-share-cta, .facer-button.btn-lg i, .top-charts .btn-lg.btn i, .follow-button .btn i, .follow-button.follow-button-compact .btn i, .dashboard-outer-wrapper .btn-lg.btn i {
  font-weight: 500;
  font-size: 18px;
}

.xlarge-button-text, .facer-button.btn-xl i, .top-charts .btn-xl.btn i, .follow-button .btn-xl.btn i, .dashboard-outer-wrapper .btn-xl.btn i {
  font-weight: 500;
  font-size: 26px;
}

.card-text-title, .card-text-title-hovered, .stat-text-value, .dashboard-outer-wrapper .dashboard-watchface-stats .dashboard-watchface-stat .dashboard-watchface-stat-value, .dashboard-watchface-list .dashboard-watchface-item:hover .dashboard-watchface-item-title,
.dashboard-watchface-list .dashboard-watchface-item:hover .dashboard-watchface-item-title a, .dashboard-watchface-list .dashboard-watchface-item .dashboard-watchface-item-title-outer-wrapper .dashboard-watchface-item-title,
.dashboard-watchface-list .dashboard-watchface-item .dashboard-watchface-item-title-outer-wrapper .dashboard-watchface-item-title a,
.modal-text-title,
.facer-share-modal .facer-modal-content .facer-modal-title {
  font-weight: 500;
  font-size: 20px;
}

.card-text-title-hovered, .dashboard-watchface-list .dashboard-watchface-item:hover .dashboard-watchface-item-title,
.dashboard-watchface-list .dashboard-watchface-item:hover .dashboard-watchface-item-title a {
  color: var(--facer-blue);
}

.stat-text-value, .dashboard-outer-wrapper .dashboard-watchface-stats .dashboard-watchface-stat .dashboard-watchface-stat-value {
  font-weight: bold;
  color: var(--facer-blue);
}

.detail-text, .dashboard-watchface-list .dashboard-watchface-item .dashboard-watchface-item-details {
  font-size: 12px;
}

.small-detail-text, .dashboard-watchface-list .dashboard-watchface-item .dashboard-watchface-item-extra-details .dashboard-watchface-item-stats {
  font-size: 11px;
}

.jumbo-text, .dashboard-outer-wrapper .default-page .default-page-title, .publish-form__header, .publish-form h1 {
  font-weight: 500;
  font-size: 30px;
}

.text-link, .premium-page .premium-page-footer ul li a {
  font-weight: bold;
  color: var(--facer-blue) !important;
}
.text-link:hover, .premium-page .premium-page-footer ul li a:hover {
  color: var(--facer-blue-highlight) !important;
}
.text-link.disabled, .premium-page .premium-page-footer ul li a.disabled {
  color: #999 !important;
  cursor: not-allowed;
}
.text-link i, .premium-page .premium-page-footer ul li a i {
  vertical-align: middle;
  font-size: 130%;
}
.text-link.text-link-orange, .premium-page .premium-page-footer ul li a.text-link-orange {
  color: orange !important;
}
.text-link.text-link-orange:hover, .premium-page .premium-page-footer ul li a.text-link-orange:hover {
  color: #ffaf1d !important;
}

/**
 * @deprecated This file is deprecated as of 2021-10-24 and will be removed in a future update.
 * Please use '4_elements/button.scss' for all button-related styles.
 * 
 * TODO: Remove this file once all references have been updated to use 4_elements/button.scss
 */
:root {
  --facer-default-font: "Roboto", Helvetica, Arial, sans-serif;
  --facer-text-size-small: 12px;
  --facer-text-size-normal: 14px;
}

.normal-text, .muted-text, .bold-text, .light-text, .dark-text, .page-title, .auth-modal h1, .auth-page h1, .top-charts .top-charts-header .top-charts-header-title h1, .page-title-medium, .page-subtitle, .top-charts .top-charts-header .top-charts-header-title .top-charts-header-subtitle, .button-text, .caption-text, .notification-feed a .notification-feed-item-content .notification-feed-item-title + .notification-feed-item-message, .text-button, .small-text-button, .notification-feed a .notification-feed-item-content .notification-feed-item-comment-reply-wrapper, .large-button-text, .facer-share-modal .facer-modal-content .facer-modal-inspect-cta, .facer-share-modal .facer-modal-content .facer-modal-share-cta, .xlarge-button-text, .card-text-title,
.modal-text-title,
.facer-share-modal .facer-modal-content .facer-modal-title, .card-text-title-hovered, .stat-text-value, .detail-text, .small-detail-text, .jumbo-text, .jumbo-text-detail, .facer-button, .top-charts .btn, .facer-button i:not(.glyphicon), .top-charts .btn i:not(.glyphicon), .facer-button.btn-xl i, .top-charts .btn-xl.btn i, .facer-button.btn-lg i, .top-charts .btn-lg.btn i, .facer-button.btn-sm,
.facer-button.btn-sm i,
.top-charts .btn-sm.btn i, print-button[type=text] .sync-button .icon-pushtowatch:before,
sync-button[type=text] .sync-button .icon-pushtowatch:before, .follow-button .btn, .follow-button .btn i, .follow-button.follow-button-compact .btn,
.follow-button.follow-button-compact .btn i, .dashboard-outer-wrapper .btn, .dashboard-outer-wrapper .btn i:not(.glyphicon), .dashboard-outer-wrapper .btn-xl.btn i, .dashboard-outer-wrapper .btn-lg.btn i,
.dashboard-outer-wrapper .btn-sm.btn i, .dashboard-outer-wrapper .dashboard-watchface-stats .dashboard-watchface-stat .dashboard-watchface-stat-value, .dashboard-outer-wrapper .default-page .default-page-title, .dashboard-outer-wrapper .default-page .default-page-subtitle, .dashboard-outer-wrapper .default-page .default-page-starting-points .default-page-starting-point .default-page-starting-point-title, .dashboard-outer-wrapper .default-page .default-page-starting-points .default-page-starting-point p, .dashboard-page-header .dashboard-page-header-title, .dashboard-page-header .dashboard-page-header-detail, .dashboard-watchface-list .dashboard-watchface-item:hover .dashboard-watchface-item-title,
.dashboard-watchface-list .dashboard-watchface-item:hover .dashboard-watchface-item-title a, .dashboard-watchface-list .dashboard-watchface-item .dashboard-watchface-item-title-outer-wrapper .dashboard-watchface-item-title,
.dashboard-watchface-list .dashboard-watchface-item .dashboard-watchface-item-title-outer-wrapper .dashboard-watchface-item-title a, .dashboard-watchface-list .dashboard-watchface-item .dashboard-watchface-item-details, .dashboard-watchface-list .dashboard-watchface-item .dashboard-watchface-item-details .edit-date, .dashboard-watchface-list .dashboard-watchface-item .dashboard-watchface-item-extra-details .dashboard-watchface-item-stats, .dashboard-watchface-list .dashboard-watchface-item .dashboard-watchface-item-extra-details .dashboard-watchface-item-stats .dashboard-watchface-item-stat i, .dashboard-watchface-list .dashboard-watchface-item .dashboard-watchface-item-extra-details .dashboard-watchface-item-platforms i, .publish-form__header, .publish-form h1 {
  font-family: var(--facer-default-font);
  color: var(--facer-dark);
}

.muted-text, .dashboard-watchface-list .dashboard-watchface-item .dashboard-watchface-item-details .edit-date, .dashboard-watchface-list .dashboard-watchface-item .dashboard-watchface-item-extra-details .dashboard-watchface-item-platforms i {
  color: var(--facer-muted);
}

.bold-text {
  font-weight: 500;
}

.light-text, .dashboard-outer-wrapper .default-page .default-page-starting-points .default-page-starting-point p {
  color: var(--facer-light);
}

.dark-text {
  color: var(--facer-dark);
}

.page-title, .auth-modal h1, .auth-page h1, .top-charts .top-charts-header .top-charts-header-title h1 {
  font-weight: 500;
  font-size: 26px;
}

.page-title-medium, .dashboard-outer-wrapper .default-page .default-page-starting-points .default-page-starting-point .default-page-starting-point-title, .dashboard-page-header .dashboard-page-header-title {
  font-weight: 500;
  font-size: 22px;
}

.page-subtitle, .top-charts .top-charts-header .top-charts-header-title .top-charts-header-subtitle, .jumbo-text-detail, .dashboard-outer-wrapper .default-page .default-page-subtitle, .dashboard-page-header .dashboard-page-header-detail {
  font-weight: 400;
  font-size: 14px;
  color: var(--facer-light);
}

.button-text, .large-button-text, .facer-share-modal .facer-modal-content .facer-modal-inspect-cta, .facer-share-modal .facer-modal-content .facer-modal-share-cta, .xlarge-button-text, .facer-button, .top-charts .btn, .facer-button i:not(.glyphicon), .top-charts .btn i:not(.glyphicon), .facer-button.btn-xl i, .top-charts .btn-xl.btn i, .facer-button.btn-lg i, .top-charts .btn-lg.btn i, print-button[type=text] .sync-button .icon-pushtowatch:before,
sync-button[type=text] .sync-button .icon-pushtowatch:before, .follow-button .btn, .follow-button .btn i, .follow-button.follow-button-compact .btn, .follow-button.follow-button-compact .btn i, .dashboard-outer-wrapper .btn, .dashboard-outer-wrapper .btn i:not(.glyphicon), .dashboard-outer-wrapper .btn-xl.btn i, .dashboard-outer-wrapper .btn-lg.btn i {
  font-weight: 500;
  font-size: 14px;
}

.caption-text, .notification-feed a .notification-feed-item-content .notification-feed-item-title + .notification-feed-item-message {
  font-weight: 400;
  font-size: 14px;
  font-style: italic;
}

.text-button, .small-text-button, .notification-feed a .notification-feed-item-content .notification-feed-item-comment-reply-wrapper, .facer-button.btn-sm, .top-charts .btn-sm.btn,
.facer-button.btn-sm i,
.top-charts .btn-sm.btn i, .follow-button .btn-sm.btn,
.follow-button .btn-sm.btn i, .follow-button.follow-button-compact .btn,
.follow-button.follow-button-compact .btn i, .dashboard-outer-wrapper .btn-sm.btn,
.dashboard-outer-wrapper .btn-sm.btn i {
  font-weight: 500;
  font-size: 14px;
  color: var(--facer-blue);
}
.text-button:hover, .small-text-button:hover, .notification-feed a .notification-feed-item-content .notification-feed-item-comment-reply-wrapper:hover, .facer-button.btn-sm:hover, .top-charts .btn-sm.btn:hover,
.facer-button.btn-sm i:hover,
.top-charts .btn-sm.btn i:hover, .follow-button .btn-sm.btn:hover,
.follow-button .btn-sm.btn i:hover, .follow-button.follow-button-compact .btn:hover,
.follow-button.follow-button-compact .btn i:hover, .dashboard-outer-wrapper .btn-sm.btn:hover,
.dashboard-outer-wrapper .btn-sm.btn i:hover {
  color: var(--facer-blue-highlight);
}

.small-text-button, .notification-feed a .notification-feed-item-content .notification-feed-item-comment-reply-wrapper, .facer-button.btn-sm, .top-charts .btn-sm.btn,
.facer-button.btn-sm i,
.top-charts .btn-sm.btn i, .follow-button .btn-sm.btn,
.follow-button .btn-sm.btn i, .follow-button.follow-button-compact .btn,
.follow-button.follow-button-compact .btn i, .dashboard-outer-wrapper .btn-sm.btn,
.dashboard-outer-wrapper .btn-sm.btn i {
  font-weight: 500;
  font-size: 11px;
}

.text-button-completed, .notification-feed a .notification-feed-item-content .notification-feed-item-comment-reply-wrapper .notification-feed-item-comment-replied {
  font-weight: 400;
  font-style: italic;
  color: var(--facer-light);
}

.large-button-text, .facer-share-modal .facer-modal-content .facer-modal-inspect-cta, .facer-share-modal .facer-modal-content .facer-modal-share-cta, .facer-button.btn-lg i, .top-charts .btn-lg.btn i, .follow-button .btn i, .follow-button.follow-button-compact .btn i, .dashboard-outer-wrapper .btn-lg.btn i {
  font-weight: 500;
  font-size: 18px;
}

.xlarge-button-text, .facer-button.btn-xl i, .top-charts .btn-xl.btn i, .follow-button .btn-xl.btn i, .dashboard-outer-wrapper .btn-xl.btn i {
  font-weight: 500;
  font-size: 26px;
}

.card-text-title, .card-text-title-hovered, .stat-text-value, .dashboard-outer-wrapper .dashboard-watchface-stats .dashboard-watchface-stat .dashboard-watchface-stat-value, .dashboard-watchface-list .dashboard-watchface-item:hover .dashboard-watchface-item-title,
.dashboard-watchface-list .dashboard-watchface-item:hover .dashboard-watchface-item-title a, .dashboard-watchface-list .dashboard-watchface-item .dashboard-watchface-item-title-outer-wrapper .dashboard-watchface-item-title,
.dashboard-watchface-list .dashboard-watchface-item .dashboard-watchface-item-title-outer-wrapper .dashboard-watchface-item-title a,
.modal-text-title,
.facer-share-modal .facer-modal-content .facer-modal-title {
  font-weight: 500;
  font-size: 20px;
}

.card-text-title-hovered, .dashboard-watchface-list .dashboard-watchface-item:hover .dashboard-watchface-item-title,
.dashboard-watchface-list .dashboard-watchface-item:hover .dashboard-watchface-item-title a {
  color: var(--facer-blue);
}

.stat-text-value, .dashboard-outer-wrapper .dashboard-watchface-stats .dashboard-watchface-stat .dashboard-watchface-stat-value {
  font-weight: bold;
  color: var(--facer-blue);
}

.detail-text, .dashboard-watchface-list .dashboard-watchface-item .dashboard-watchface-item-details {
  font-size: 12px;
}

.small-detail-text, .dashboard-watchface-list .dashboard-watchface-item .dashboard-watchface-item-extra-details .dashboard-watchface-item-stats {
  font-size: 11px;
}

.jumbo-text, .dashboard-outer-wrapper .default-page .default-page-title, .publish-form__header, .publish-form h1 {
  font-weight: 500;
  font-size: 30px;
}

.text-link, .premium-page .premium-page-footer ul li a {
  font-weight: bold;
  color: var(--facer-blue) !important;
}
.text-link:hover, .premium-page .premium-page-footer ul li a:hover {
  color: var(--facer-blue-highlight) !important;
}
.text-link.disabled, .premium-page .premium-page-footer ul li a.disabled {
  color: #999 !important;
  cursor: not-allowed;
}
.text-link i, .premium-page .premium-page-footer ul li a i {
  vertical-align: middle;
  font-size: 130%;
}
.text-link.text-link-orange, .premium-page .premium-page-footer ul li a.text-link-orange {
  color: orange !important;
}
.text-link.text-link-orange:hover, .premium-page .premium-page-footer ul li a.text-link-orange:hover {
  color: #ffaf1d !important;
}

/**
 * @deprecated This file is deprecated as of 2021-10-24 and will be removed in a future update.
 * Please use '1_settings/colors.scss' for all color-related styles.
 * 
 * TODO: Remove this file once all references have been updated to use global/colors.scss
 */
.blue-text {
  color: #2bade3;
}

.premium-text {
  color: #eeb60b !important;
}

.red-text {
  color: #f31805 !important;
}

.media-button, [banner-video] .video-wrapper .controls-wrapper .controls .video-button, .watchface-media .watchface-media-item .watchface-media-buttons .watchface-media-button {
  color: white;
  display: inline-block;
  width: 48px;
  text-align: center;
  height: 48px !important;
  border-radius: 50%;
  font-size: 24px;
  line-height: 40px;
  background-color: rgba(0, 0, 0, 0.75);
  margin: auto;
  display: -webkit-flex;
  display: -moz-flex;
  display: -ms-flex;
  display: flex;
  -webkit-flex-direction: column;
  -moz-flex-direction: column;
  -ms-flex-direction: column;
  flex-direction: column;
  -webkit-justify-content: center;
  -moz-justify-content: center;
  -ms-justify-content: center;
  justify-content: center;
}
.media-button i, [banner-video] .video-wrapper .controls-wrapper .controls .video-button i, .watchface-media .watchface-media-item .watchface-media-buttons .watchface-media-button i {
  vertical-align: middle;
  display: block;
  line-height: 0;
}
.media-button i.icon-play, [banner-video] .video-wrapper .controls-wrapper .controls .video-button i.icon-play, .watchface-media .watchface-media-item .watchface-media-buttons .watchface-media-button i.icon-play {
  line-height: 0;
  margin-left: 5px;
}

.btn.btn-default.btn-secondary {
  border: 1px solid #bbb;
}

.btn.btn-primary-v2 {
  border: 2px solid #2bade3;
  color: #2bade3;
  background-color: white;
}

.facer-button, .top-charts .btn, .follow-button .btn, .follow-button.follow-button-compact .btn, .dashboard-outer-wrapper .btn {
  display: -webkit-flex;
  display: -moz-flex;
  display: -ms-flex;
  display: flex;
  -webkit-justify-content: center;
  -moz-justify-content: center;
  -ms-justify-content: center;
  justify-content: center;
  -webkit-align-items: center;
  -moz-align-items: center;
  -ms-align-items: center;
  align-items: center;
  gap: 10px;
  min-height: 32px;
  height: auto;
  line-height: normal;
  padding: 0 20px;
  border-radius: 16px;
}
.facer-button i:not(.glyphicon), .top-charts .btn i:not(.glyphicon), .follow-button .btn i:not(.glyphicon), .dashboard-outer-wrapper .btn i:not(.glyphicon) {
  height: auto;
  margin: auto;
  line-height: 0;
}
.facer-button.btn-xl, .top-charts .btn-xl.btn, .follow-button .btn-xl.btn, .dashboard-outer-wrapper .btn-xl.btn {
  height: 55px !important;
  padding: 0 20px;
  border-radius: 27.5px;
  vertical-align: middle;
  font-size: 16px;
  font-weight: 500;
}
.facer-button.btn-lg, .top-charts .btn-lg.btn, .dashboard-outer-wrapper .btn-lg.btn, .follow-button .btn, .follow-button.follow-button-compact .btn {
  height: 40px !important;
  padding: 0 20px;
  border-radius: 20px;
  vertical-align: middle;
}
.facer-button.btn-sm, .top-charts .btn-sm.btn, .follow-button .btn-sm.btn, .dashboard-outer-wrapper .btn-sm.btn, .follow-button.follow-button-compact .btn {
  height: 35px !important;
  padding: 0 20px;
  border-radius: 17.5px;
  vertical-align: middle;
}
.facer-button.btn-primary, .top-charts .btn-primary.btn, .follow-button .btn-primary.btn, .dashboard-outer-wrapper .btn-primary.btn {
  color: white !important;
}
.facer-button.btn-primary i, .top-charts .btn-primary.btn i, .follow-button .btn-primary.btn i, .dashboard-outer-wrapper .btn-primary.btn i {
  color: white !important;
}
.facer-button.btn-primary:hover, .top-charts .btn-primary.btn:hover, .follow-button .btn-primary.btn:hover, .dashboard-outer-wrapper .btn-primary.btn:hover {
  box-shadow: 0 4px 6px 0 rgba(43, 173, 227, 0.2);
  background-color: #41b5e6;
  border: none;
}
.facer-button.btn-primary:active, .top-charts .btn-primary.btn:active, .follow-button .btn-primary.btn:active, .dashboard-outer-wrapper .btn-primary.btn:active {
  border-color: #41b5e6;
}
.facer-button.btn-primary[disabled=disabled], .top-charts .btn-primary[disabled=disabled].btn, .follow-button .btn-primary[disabled=disabled].btn, .dashboard-outer-wrapper .btn-primary[disabled=disabled].btn {
  background: #ededed;
  color: #b8b8b8 !important;
}
.facer-button.btn-rounded, .top-charts .btn-rounded.btn, .follow-button .btn-rounded.btn, .dashboard-outer-wrapper .btn-rounded.btn {
  border-radius: 110px;
  padding: 15px 40px;
  font-size: 16px;
}
.facer-button.btn-default, .top-charts .btn-default.btn, .follow-button .btn-default.btn, .dashboard-outer-wrapper .btn-default.btn {
  background: #e6e6e6;
  border-color: #e6e6e6;
}
.facer-button.btn-default:hover, .top-charts .btn-default.btn:hover, .follow-button .btn-default.btn:hover, .dashboard-outer-wrapper .btn-default.btn:hover {
  background-color: #d0d0d0;
}
.facer-button.btn-default:active, .top-charts .btn-default.btn:active, .follow-button .btn-default.btn:active, .dashboard-outer-wrapper .btn-default.btn:active {
  border-color: #d0d0d0;
}
.facer-button.navbar-btn, .top-charts .navbar-btn.btn, .follow-button .navbar-btn.btn, .dashboard-outer-wrapper .navbar-btn.btn {
  background: transparent;
  font-size: 14px;
  display: inline;
}
.facer-button.navbar-btn i, .top-charts .navbar-btn.btn i, .follow-button .navbar-btn.btn i, .dashboard-outer-wrapper .navbar-btn.btn i {
  font-size: 20px;
}
.facer-button.input-btn, .top-charts .input-btn.btn, .follow-button .input-btn.btn, .dashboard-outer-wrapper .input-btn.btn {
  position: absolute;
  top: 4px;
  right: 4px;
  height: 26px !important;
  width: 26px;
  padding: 0;
  color: white;
}
.facer-button.dropdown-toggle, .top-charts .dropdown-toggle.btn, .follow-button .dropdown-toggle.btn, .dashboard-outer-wrapper .dropdown-toggle.btn {
  font-weight: 400;
  padding: 0 15px 0 15px;
}
.facer-button.dropdown-toggle:focus, .top-charts .dropdown-toggle.btn:focus, .follow-button .dropdown-toggle.btn:focus, .dashboard-outer-wrapper .dropdown-toggle.btn:focus {
  box-shadow: none;
  border-color: transparent;
}
.facer-button.dropdown-toggle:hover, .top-charts .dropdown-toggle.btn:hover, .follow-button .dropdown-toggle.btn:hover, .dashboard-outer-wrapper .dropdown-toggle.btn:hover, .facer-button.dropdown-toggle:active, .top-charts .dropdown-toggle.btn:active, .follow-button .dropdown-toggle.btn:active, .dashboard-outer-wrapper .dropdown-toggle.btn:active, .facer-button.dropdown-toggle:focus, .top-charts .dropdown-toggle.btn:focus, .follow-button .dropdown-toggle.btn:focus, .dashboard-outer-wrapper .dropdown-toggle.btn:focus {
  background-color: var(--facer-dark-2);
}
.facer-button .facer-button-tag, .top-charts .btn .facer-button-tag, .follow-button .btn .facer-button-tag, .dashboard-outer-wrapper .btn .facer-button-tag {
  display: -webkit-flex;
  display: -moz-flex;
  display: -ms-flex;
  display: flex;
  -webkit-flex-direction: column;
  -moz-flex-direction: column;
  -ms-flex-direction: column;
  flex-direction: column;
  -webkit-justify-content: center;
  -moz-justify-content: center;
  -ms-justify-content: center;
  justify-content: center;
  font-size: 70%;
  font-weight: 500;
  background: rgba(255, 255, 255, 0.2);
  border-radius: 11px;
  height: 22px;
  padding: 1px 10px 0;
  vertical-align: middle;
}

.top-charts {
  padding-top: 20px;
}
.top-charts .top-watchface-list-section {
  border-top: none;
  border-bottom: var(--grid-border-style);
}
.top-charts .top-charts-header {
  display: -webkit-flex;
  display: -moz-flex;
  display: -ms-flex;
  display: flex;
}
.top-charts .top-charts-header .top-charts-header-title h1 {
  margin-top: 0;
}
.top-charts .top-charts-header .top-charts-header-nav {
  display: -webkit-flex;
  display: -moz-flex;
  display: -ms-flex;
  display: flex;
  -webkit-flex: 1;
  -moz-flex: 1;
  -ms-flex: 1;
  flex: 1;
  -webkit-justify-content: flex-end;
  -moz-justify-content: flex-end;
  -ms-justify-content: flex-end;
  justify-content: flex-end;
  -webkit-align-items: center;
  -moz-align-items: center;
  -ms-align-items: center;
  align-items: center;
}
.top-charts .top-charts-header .top-charts-header-nav .dropdown {
  margin-left: 15px;
}
.top-charts .top-watchface-list-name {
  display: -webkit-flex;
  display: -moz-flex;
  display: -ms-flex;
  display: flex;
}
.top-charts .top-watchface-list-name .top-watchface-list-name-avatar img {
  width: 50px;
  height: 50px;
  margin: 2px 10px 0;
  border-radius: 50%;
}
.top-charts .top-watchface-list-name .top-watchface-list-name-section {
  min-width: 1px;
}

@media (max-width: 768px) {
  .top-charts .top-watchface-list-name .top-watchface-list-name-avatar img {
    width: 40px !important;
    height: 40px !important;
  }
  .top-chart-info .top-chart-rank {
    font-size: 24px !important;
    padding: 0px !important;
  }
  .top-watchface-list-rank {
    width: 40px !important;
  }
  .top-watchface-list-name {
    width: auto !important;
    display: -webkit-flex !important;
    display: -moz-flex !important;
    display: -ms-flex !important;
    display: flex !important;
    -webkit-align-items: center;
    -moz-align-items: center;
    -ms-align-items: center;
    align-items: center;
  }
  .top-watchface-list-author {
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    margin-bottom: 0;
  }
  .top-watchface-list .top-watchface-list-image {
    width: 105px !important;
  }
  .top-watchface-list .top-watchface-list-image .device-image-wrapper {
    display: -webkit-flex !important;
    display: -moz-flex !important;
    display: -ms-flex !important;
    display: flex !important;
    -webkit-flex: 1;
    -moz-flex: 1;
    -ms-flex: 1;
    flex: 1;
    -webkit-justify-content: center;
    -moz-justify-content: center;
    -ms-justify-content: center;
    justify-content: center;
    width: 100% !important;
  }
  .top-watchface-list .top-watchface-list-image .device-image-wrapper .watch-sizing-wrapper {
    -webkit-flex: 0 0 150px;
    -moz-flex: 0 0 150px;
    -ms-flex: 0 0 150px;
    flex: 0 0 150px;
  }
}
/**
 * @deprecated This file is deprecated as of 2021-10-24 and will be removed in a future update.
 * Please use '1_settings/colors.scss' for all color-related styles.
 * 
 * TODO: Remove this file once all references have been updated to use global/colors.scss
 */
.blue-text {
  color: #2bade3;
}

.premium-text {
  color: #eeb60b !important;
}

.red-text {
  color: #f31805 !important;
}

@media (max-width: 991px) {
  .top-watchface-list {
    overflow: hidden;
    table-layout: fixed;
  }
  .top-watchface-list .top-watchface-list-rank {
    width: 18%;
  }
  .top-watchface-list .top-watchface-list-name {
    width: 50%;
  }
  .top-watchface-list .top-watchface-list-image {
    width: 135px;
  }
  .top-watchface-list .top-watchface-list-image .watch-container {
    margin-left: auto !important;
    margin-right: auto !important;
  }
}

.top-chart-info {
  height: 100%;
  display: -webkit-flex;
  display: -moz-flex;
  display: -ms-flex;
  display: flex;
}
.top-chart-info .top-chart-delta {
  display: -webkit-flex;
  display: -moz-flex;
  display: -ms-flex;
  display: flex;
  -webkit-flex-direction: column;
  -moz-flex-direction: column;
  -ms-flex-direction: column;
  flex-direction: column;
  -webkit-justify-content: center;
  -moz-justify-content: center;
  -ms-justify-content: center;
  justify-content: center;
  text-align: center;
  font-size: 20px;
}
@media (max-width: 767px) {
  .top-chart-info .top-chart-delta {
    font-size: 14px;
  }
}
.top-chart-info .top-chart-delta .top-chart-new {
  display: none;
  color: #2bade3;
}
.top-chart-info .top-chart-delta .top-chart-delta-number {
  color: #848484;
  font-size: 18px;
}
@media (max-width: 767px) {
  .top-chart-info .top-chart-delta .top-chart-delta-number {
    font-size: 14px;
  }
}
.top-chart-info .top-chart-delta.new .negative-arrow, .top-chart-info .top-chart-delta.stable .negative-arrow, .top-chart-info .top-chart-delta.positive .negative-arrow {
  visibility: hidden;
}
.top-chart-info .top-chart-delta.new .positive-arrow, .top-chart-info .top-chart-delta.stable .positive-arrow, .top-chart-info .top-chart-delta.negative .positive-arrow {
  visibility: hidden;
}
.top-chart-info .top-chart-delta.new .top-chart-delta-number {
  display: none;
}
.top-chart-info .top-chart-delta.new .top-chart-new {
  display: block;
}
.top-chart-info .top-chart-delta .positive-arrow {
  padding-top: 5px;
  color: #6cbe43;
}
.top-chart-info .top-chart-delta .negative-arrow {
  color: #eb201f;
  padding-top: 5px;
}
.top-chart-info .top-chart-rank {
  display: -webkit-flex;
  display: -moz-flex;
  display: -ms-flex;
  display: flex;
  -webkit-flex-direction: column;
  -moz-flex-direction: column;
  -ms-flex-direction: column;
  flex-direction: column;
  -webkit-justify-content: center;
  -moz-justify-content: center;
  -ms-justify-content: center;
  justify-content: center;
  font-size: 38px;
  padding: 0 14px 0 40px;
  color: #333;
}
@media (max-width: 767px) {
  .top-chart-info .top-chart-rank {
    font-size: 24px;
    padding: 0 6px 0 10px;
  }
}

.vertical-center {
  vertical-align: middle !important;
}

.fixed-layout {
  table-layout: fixed;
}

/**
 * @deprecated This file is deprecated as of 2021-10-24 and will be removed in a future update.
 * Please use '1_settings/colors.scss' for all color-related styles.
 * 
 * TODO: Remove this file once all references have been updated to use global/colors.scss
 */
.blue-text {
  color: #2bade3;
}

.premium-text {
  color: #eeb60b !important;
}

.red-text {
  color: #f31805 !important;
}

.upload-control {
  display: block !important;
  position: relative;
  margin-top: 10px;
}
.upload-control.list-control {
  margin: 10px 10px 15px;
  height: 34px;
}
.upload-control.toolbar-control {
  margin-top: 0;
  height: 34px;
}
.upload-control button {
  pointer-events: none;
}
.upload-control.is-clickable button {
  pointer-events: all;
}
.upload-control input[type=file] {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  opacity: 0;
  max-width: 100%;
  outline: none;
}
.upload-control .help-message {
  text-align: center;
  margin-top: 5px;
  font-size: 10px;
}

.search-bar {
  height: 32px;
  border-radius: 21.3333333333px;
  border: solid 1px #ededed;
  box-shadow: none !important;
  margin: 1px;
  padding: 16px;
  line-height: 3;
}
.search-bar:focus {
  margin: 0;
  border: solid 2px #2bade3;
}

.badge-string {
  display: flex;
}
.badge-string .badge-string-content,
.badge-string .badge-string-content-fill {
  flex: 0 1 auto;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}
.badge-string .badge-string-content:after,
.badge-string .badge-string-content-fill:after {
  content: " ";
  white-space: pre;
}
.badge-string .badge-string-content-fill {
  flex: 1 1 auto;
}
.badge-string .badge-string-icon i {
  vertical-align: middle;
  margin-left: 0;
}

/**
 * @deprecated This file is deprecated as of 2021-10-24 and will be removed in a future update.
 * Please use '1_settings/colors.scss' for all color-related styles.
 * 
 * TODO: Remove this file once all references have been updated to use global/colors.scss
 */
.blue-text {
  color: #2bade3;
}

.premium-text {
  color: #eeb60b !important;
}

.red-text {
  color: #f31805 !important;
}

.ios-client .premium-page-wrapper {
  height: calc(100vh - env(safe-area-inset-top, 0) - env(safe-area-inset-bottom, 0));
  display: -webkit-flex;
  display: -moz-flex;
  display: -ms-flex;
  display: flex;
  -webkit-flex-direction: column;
  -moz-flex-direction: column;
  -ms-flex-direction: column;
  flex-direction: column;
}
.ios-client .premium-container {
  min-height: auto !important;
  -webkit-flex: 1;
  -moz-flex: 1;
  -ms-flex: 1;
  flex: 1;
}
.ios-client .ios-app-footer {
  color: black;
}

.premium-page-header .mobile-hero {
  display: none !important;
}
@media (max-width: 767px) {
  .premium-page-header .mobile-hero {
    display: block !important;
  }
  .premium-page-header .desktop-hero {
    display: none !important;
  }
}

.premium-container {
  padding-bottom: 320px !important;
  min-height: 100%;
}
.premium-container .secondary-text {
  color: black;
}
.premium-container .ios-feature-description h1,
.premium-container .ios-feature-description h3 {
  color: #333 !important;
}
.premium-container .ios-feature-description h1 {
  font-size: 22px;
  margin: 15px auto 15px;
}
.premium-container .ios-feature-description h3 {
  font-size: 14px;
}
.premium-container#main {
  padding-top: 0 !important;
}
.premium-container #premiumFeaturesList {
  margin-bottom: 25px;
}
.premium-container .subscription-manager-wrapper {
  margin-top: 10px;
  margin-bottom: 20px;
  padding-top: 5px;
}

.fullscreen-modal .premium-container {
  padding-bottom: 100px !important;
}

.ios-client .premium-container {
  padding-bottom: 0 !important;
}

.premium-panel,
.premium-container {
  position: relative;
  background: #f3f4f5;
  color: white;
}
.premium-panel #headerLogo,
.premium-container #headerLogo {
  color: #eeb60b;
  font-size: 52px;
  line-height: 50px;
}
.premium-panel h1,
.premium-container h1 {
  color: white;
  margin-bottom: 0;
  margin-top: 0;
  font-size: 28px;
  font-family: lato;
  font-weight: bold;
}
.premium-panel h3,
.premium-container h3 {
  margin-top: 0;
  color: black;
  font-size: 20px;
}
.premium-panel .payment-request-button-header,
.premium-container .payment-request-button-header {
  color: black;
  font-weight: bold;
  margin-bottom: 17px;
  margin-top: -9px;
}
.premium-panel #premiumBg,
.premium-container #premiumBg {
  position: absolute;
  left: 0;
  right: 0;
}
.premium-panel #premiumBg .dots-stripes-bg,
.premium-container #premiumBg .dots-stripes-bg {
  position: absolute;
  top: 0;
  left: 0;
  max-width: 100%;
}
.premium-panel #premiumBg .zigzag-bg,
.premium-container #premiumBg .zigzag-bg {
  position: absolute;
  top: 300px;
  right: 0;
  max-width: 100%;
}
.premium-panel ul,
.premium-container ul {
  padding: 0;
}
.premium-panel ul li,
.premium-container ul li {
  list-style: none;
  color: black;
  margin-bottom: 20px;
  font-size: 16px;
}
.premium-panel ul li i,
.premium-container ul li i {
  color: #eeb60b;
  display: block;
  font-size: 35px;
  line-height: 1;
}
.premium-panel hr,
.premium-container hr {
  border-color: rgba(141, 150, 156, 0.4509803922);
  border-style: dashed;
}

.premium-panel,
.creator-pro-panel {
  overflow: hidden;
}
.premium-panel #premiumPanelBg,
.creator-pro-panel #premiumPanelBg {
  z-index: 0;
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  opacity: 0.5;
}
.premium-panel #premiumPanelBg .dots-stripes-bg,
.creator-pro-panel #premiumPanelBg .dots-stripes-bg {
  position: absolute;
  left: 0;
  width: 100%;
}
.premium-panel #premiumPanelBg .zigzag-bg,
.creator-pro-panel #premiumPanelBg .zigzag-bg {
  position: absolute;
  right: 0;
  top: 45px;
  width: 40%;
}

.creator-pro-container,
.creator-pro-panel {
  background: white;
  color: #222;
}
.creator-pro-container #headerLogo,
.creator-pro-panel #headerLogo {
  margin-top: 30px;
}
.creator-pro-container #headerLogo img,
.creator-pro-panel #headerLogo img {
  width: 550px;
}
.creator-pro-container h1,
.creator-pro-panel h1 {
  color: #222 !important;
}
.creator-pro-container h3,
.creator-pro-panel h3 {
  color: #555 !important;
}
.creator-pro-container #premiumBg,
.creator-pro-panel #premiumBg {
  opacity: 0.25 !important;
}
.creator-pro-container #premiumPanel,
.creator-pro-panel #premiumPanel {
  background: white !important;
}
.creator-pro-container table thead .selected-product,
.creator-pro-panel table thead .selected-product {
  border-radius: 5px 5px 0 0;
}
.creator-pro-container table .selected-product,
.creator-pro-panel table .selected-product {
  background: #ececec;
}
.creator-pro-container table tfoot th,
.creator-pro-panel table tfoot th {
  font-weight: normal;
}
.creator-pro-container table tfoot .selected-product,
.creator-pro-panel table tfoot .selected-product {
  border-radius: 0 0 5px 5px;
}

.creator-pro-panel {
  overflow: hidden;
  border-width: 1px;
  box-shadow: 0 2px 0 rgba(0, 0, 0, 0.26);
}
.creator-pro-panel #premiumPanelBg {
  opacity: 0.25;
}

.creator-pro-container {
  min-width: 1080px;
  padding-top: 15px;
}
.creator-pro-container .header {
  margin: auto;
}
.creator-pro-container .subscription-manager {
  margin: auto;
}
.creator-pro-container .plans {
  margin-top: 30px;
  max-width: 1300px;
  margin-right: auto;
  margin-left: auto;
  overflow: auto;
}
.creator-pro-container .plan {
  padding: 0;
}
.creator-pro-container .plan:not(.main-plan) {
  padding-top: 8px;
}
.creator-pro-container .main-plan {
  border: 1px solid #bbb;
  border-radius: 14px;
  background: rgba(0, 0, 0, 0.03);
}
.creator-pro-container .plan-header {
  border-bottom: 1px solid #bbb;
  padding-top: 12px;
  margin-bottom: 16px;
}
.creator-pro-container .plan-header .plan-title {
  font-size: 18px;
  font-weight: bold;
}
.creator-pro-container .feature-list {
  padding-top: 15px;
}
.creator-pro-container .feature-list ul {
  width: auto;
  display: inline-block;
  text-align: left;
}
.creator-pro-container .feature-list i {
  font-size: 20px;
  display: inline-block;
  font-weight: bold;
  color: #555 !important;
  text-shadow: none !important;
}
.creator-pro-container .feature-list li {
  color: #555 !important;
  font-size: 18px;
  margin-bottom: 6px !important;
}
.creator-pro-container .feature-list li.unsupported {
  color: #ccc !important;
}
.creator-pro-container .main-plan .feature-list li.main-plan-feature {
  color: #2bade3 !important;
}
.creator-pro-container .main-plan .feature-list li.main-plan-feature i {
  color: #2bade3 !important;
}
.creator-pro-container .plan-price {
  margin-top: 26px;
  margin-bottom: 20px;
}

.partner-plan {
  text-align: center;
  margin-top: 60px;
  font-size: 16px;
  line-height: 26px;
}
.partner-plan p {
  margin-bottom: 0;
}
.partner-plan a {
  color: var(--facer-blue);
  font-weight: bold;
}

.subscription-manager .subscription-manager-content {
  z-index: 1;
  position: relative;
  display: -webkit-flex;
  display: -moz-flex;
  display: -ms-flex;
  display: flex;
  -webkit-flex-direction: horizontal;
  -moz-flex-direction: horizontal;
  -ms-flex-direction: horizontal;
  flex-direction: horizontal;
  -webkit-align-items: center;
  -moz-align-items: center;
  -ms-align-items: center;
  align-items: center;
}
@media (max-width: 767px) {
  .subscription-manager .subscription-manager-content {
    display: block;
  }
}
.subscription-manager .subscription-manager-content .subscription-manager-header {
  -webkit-flex: 10;
  -moz-flex: 10;
  -ms-flex: 10;
  flex: 10;
  display: -webkit-flex;
  display: -moz-flex;
  display: -ms-flex;
  display: flex;
  -webkit-flex-direction: horizontal;
  -moz-flex-direction: horizontal;
  -ms-flex-direction: horizontal;
  flex-direction: horizontal;
  -webkit-align-items: center;
  -moz-align-items: center;
  -ms-align-items: center;
  align-items: center;
}
@media (max-width: 767px) {
  .subscription-manager .subscription-manager-content .subscription-manager-header {
    display: block;
    text-align: center;
  }
}
.subscription-manager .subscription-manager-content .subscription-manager-header .subscription-manager-header-icon {
  font-size: 40px;
  max-width: 50px;
  text-shadow: #1d3240 0 7px 15px;
  margin-right: 9px;
  display: -webkit-flex;
  display: -moz-flex;
  display: -ms-flex;
  display: flex;
  -webkit-flex-direction: column;
  -moz-flex-direction: column;
  -ms-flex-direction: column;
  flex-direction: column;
  -webkit-justify-content: center;
  -moz-justify-content: center;
  -ms-justify-content: center;
  justify-content: center;
}
.subscription-manager .subscription-manager-content .subscription-manager-header .subscription-manager-header-icon img {
  max-width: 100%;
}
.subscription-manager .subscription-manager-content .subscription-manager-header .subscription-manager-header-icon i {
  vertical-align: middle;
  color: #eeb60b;
}
.subscription-manager .subscription-manager-content .subscription-manager-header .subscription-manager-header-text .subscription-manager-title {
  margin-top: 0;
  margin-bottom: 5px;
  font-weight: bold;
}
.subscription-manager .subscription-manager-content .subscription-manager-header .subscription-manager-header-text .subscription-manager-title,
.subscription-manager .subscription-manager-content .subscription-manager-header .subscription-manager-header-text .subscription-manager-subtitle {
  color: white !important;
}
.subscription-manager .subscription-manager-content .subscription-manager-header .subscription-manager-header-text .subscription-manager-subtitle {
  color: black !important;
  margin-top: 0;
  margin-bottom: 4px;
}
.subscription-manager .subscription-manager-content .subscription-manager-actions {
  -webkit-flex: 1;
  -moz-flex: 1;
  -ms-flex: 1;
  flex: 1;
  text-align: center;
}
@media (max-width: 767px) {
  .subscription-manager .subscription-manager-content .subscription-manager-actions {
    margin-top: 20px;
  }
}
.subscription-manager .subscription-manager-content .subscription-manager-actions .btn {
  background: #2bade3;
  color: white;
  font-weight: bold;
}
.subscription-manager .subscription-manager-content .subscription-manager-actions .btn,
.subscription-manager .subscription-manager-content .subscription-manager-actions #paymentRequestButton {
  max-width: 300px;
  margin: auto;
}
.subscription-manager .subscription-manager-content .subscription-manager-actions .subscription-manager-button-title h3 {
  font-weight: bold;
  margin-bottom: 14px;
}
.subscription-manager .subscription-manager-content .subscription-manager-actions .subscription-manager-action-info {
  color: black;
  font-weight: bold;
  margin-top: 10px;
  margin-bottom: 10px;
}
.subscription-manager .subscription-manager-content .subscription-manager-actions .subscription-manager-action-info .strikethrough {
  text-decoration: line-through;
}
.subscription-manager .subscription-manager-content .subscription-manager-actions .subscription-manager-action-info .action-info-detail {
  color: black;
}
.subscription-manager .subscription-manager-settings {
  z-index: 1;
  position: relative;
}
.subscription-manager .subscription-manager-settings .subscription-manager-settings-info {
  display: -webkit-flex;
  display: -moz-flex;
  display: -ms-flex;
  display: flex;
  -webkit-flex-direction: horizontal;
  -moz-flex-direction: horizontal;
  -ms-flex-direction: horizontal;
  flex-direction: horizontal;
  -webkit-align-items: center;
  -moz-align-items: center;
  -ms-align-items: center;
  align-items: center;
}
.subscription-manager .subscription-manager-settings .subscription-manager-settings-info .subscription-manager-settings-status {
  -webkit-flex: 10;
  -moz-flex: 10;
  -ms-flex: 10;
  flex: 10;
}
.subscription-manager .subscription-manager-settings .subscription-manager-settings-info .subscription-manager-settings-action {
  -webkit-flex: 1;
  -moz-flex: 1;
  -ms-flex: 1;
  flex: 1;
  white-space: nowrap;
}
.subscription-manager .subscription-manager-settings .subscription-manager-settings-info .btn {
  background: transparent;
  font-weight: bold;
  border: 2px solid #fff;
}
.subscription-manager .subscription-manager-settings .subscription-manager-settings-info .btn:hover {
  border-color: #1d3240;
  color: #1d3240;
}
.subscription-manager label {
  color: black;
}
.subscription-manager input[type=text] {
  font-size: 18px;
  font-weight: bold;
  background: #dedede;
  color: #2bade3;
  border-color: transparent;
}
.subscription-manager input[type=text]:focus {
  border-color: black;
}
.subscription-manager .coupon-code-form {
  max-width: 300px;
  margin: auto;
}
.subscription-manager .coupon-code-form .form-inline {
  white-space: nowrap;
}
.subscription-manager .coupon-code-form .form-inline .form-control {
  display: inline-block;
  width: auto;
  vertical-align: middle;
}
.subscription-manager .coupon-code-form .help-block {
  color: black;
  font-weight: bold;
}
.subscription-manager loader.spinner {
  margin: 20px auto;
}
.subscription-manager loader.spinner div[class^=rect] {
  background: black;
}
.subscription-manager .yearly-toggle-checkbox {
  background: #b3b3b3;
  padding: 3px 17px;
  display: inline-block;
  border-radius: 6px;
  -webkit-transition: background linear 500ms;
  -moz-transition: background linear 500ms;
  -ms-transition: background linear 500ms;
  transition: background linear 500ms;
}
.subscription-manager .yearly-toggle-checkbox.yearly-toggle-checked {
  background: #fc1939;
}
.subscription-manager .yearly-toggle-checkbox label {
  color: white !important;
}

.premium-panel.premium-blue {
  background-color: #1d263d;
  color: #abbfcc;
}
.premium-panel.premium-blue .subscription-manager-action-info {
  color: white !important;
}
.premium-panel.premium-blue .subscription-manager .subscription-manager-content .subscription-manager-header-text .subscription-manager-subtitle {
  color: #abbfcc !important;
}

.collection-header-image {
  background-color: #f3f4f5 !important;
}

.creator-pro-container .subscription-manager .subscription-manager-content .subscription-manager-header-text .subscription-manager-title,
.creator-pro-panel .subscription-manager .subscription-manager-content .subscription-manager-header-text .subscription-manager-title {
  color: #222 !important;
}
.creator-pro-container .subscription-manager .subscription-manager-content .subscription-manager-header-text .subscription-manager-subtitle,
.creator-pro-panel .subscription-manager .subscription-manager-content .subscription-manager-header-text .subscription-manager-subtitle {
  color: #555 !important;
}
.creator-pro-container .subscription-manager .subscription-manager-content .subscription-manager-action-info,
.creator-pro-panel .subscription-manager .subscription-manager-content .subscription-manager-action-info {
  color: #222 !important;
}
.creator-pro-container .subscription-manager .subscription-manager-content .subscription-manager-action-info .action-info-detail,
.creator-pro-panel .subscription-manager .subscription-manager-content .subscription-manager-action-info .action-info-detail {
  color: #555 !important;
}
.creator-pro-container .payment-request-button-header,
.creator-pro-panel .payment-request-button-header {
  color: #222;
}
.creator-pro-container label,
.creator-pro-panel label {
  color: #555 !important;
}
.creator-pro-container input[type=text],
.creator-pro-panel input[type=text] {
  background: #aaa !important;
  color: #222;
}
.creator-pro-container input[type=text]:focus,
.creator-pro-panel input[type=text]:focus {
  border-color: #2bade3 !important;
}
.creator-pro-container .coupon-code-form .help-block,
.creator-pro-panel .coupon-code-form .help-block {
  color: #555 !important;
}
.creator-pro-container loader.spinner div[class^=rect],
.creator-pro-panel loader.spinner div[class^=rect] {
  background: #555 !important;
}

.version-list {
  max-height: 400px;
  overflow: auto;
}
.version-list .version-wrapper {
  display: -webkit-flex;
  display: -moz-flex;
  display: -ms-flex;
  display: flex;
  -webkit-align-items: center;
  -moz-align-items: center;
  -ms-align-items: center;
  align-items: center;
  padding-top: 10px;
  padding-bottom: 10px;
}
.version-list .version-wrapper .version-image {
  -webkit-flex: 0;
  -moz-flex: 0;
  -ms-flex: 0;
  flex: 0;
  margin-right: 10px;
}
.version-list .version-wrapper .version-image img {
  width: 50px;
  margin-right: 10px;
}
.version-list .version-wrapper .version-image.version-image-round img {
  border-radius: 50%;
}
.version-list .version-wrapper .version-info {
  -webkit-flex: 1;
  -moz-flex: 1;
  -ms-flex: 1;
  flex: 1;
}

/**
 * @deprecated This file is deprecated as of 2021-10-24 and will be removed in a future update.
 * Please use '1_settings/colors.scss' for all color-related styles.
 * 
 * TODO: Remove this file once all references have been updated to use global/colors.scss
 */
.blue-text {
  color: #2bade3;
}

.premium-text {
  color: #eeb60b !important;
}

.red-text {
  color: #f31805 !important;
}

facer-plus-lock,
creator-pro-lock {
  line-height: normal;
}
facer-plus-lock .lock-bg,
creator-pro-lock .lock-bg {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  z-index: 999;
  color: #666666;
  font-weight: bold;
}
facer-plus-lock .lock-bg .lock-flag,
creator-pro-lock .lock-bg .lock-flag {
  width: 30px;
  position: absolute;
  top: 0;
  right: 0;
  margin: 3px 5px;
}
facer-plus-lock .lock-bg .lock-flag img,
creator-pro-lock .lock-bg .lock-flag img {
  max-width: 100%;
  height: auto;
}
facer-plus-lock.padded .lock-flag,
creator-pro-lock.padded .lock-flag {
  margin: 8px;
  width: 35px;
}

/**
 * @deprecated This file is deprecated as of 2021-10-24 and will be removed in a future update.
 * Please use '1_settings/colors.scss' for all color-related styles.
 * 
 * TODO: Remove this file once all references have been updated to use global/colors.scss
 */
.blue-text {
  color: #2bade3;
}

.premium-text {
  color: #eeb60b !important;
}

.red-text {
  color: #f31805 !important;
}

:root {
  --facer-default-font: "Roboto", Helvetica, Arial, sans-serif;
  --facer-text-size-small: 12px;
  --facer-text-size-normal: 14px;
}

.normal-text, .muted-text, .bold-text, .light-text, .dark-text, .page-title, .auth-modal h1, .auth-page h1, .page-title-medium, .page-subtitle, .button-text, .caption-text, .notification-feed a .notification-feed-item-content .notification-feed-item-title + .notification-feed-item-message, .text-button, .small-text-button, .notification-feed a .notification-feed-item-content .notification-feed-item-comment-reply-wrapper, .large-button-text, .facer-share-modal .facer-modal-content .facer-modal-inspect-cta, .facer-share-modal .facer-modal-content .facer-modal-share-cta, .xlarge-button-text, .card-text-title,
.modal-text-title,
.facer-share-modal .facer-modal-content .facer-modal-title, .card-text-title-hovered, .stat-text-value, .detail-text, .small-detail-text, .jumbo-text, .jumbo-text-detail, .facer-button, .facer-button i:not(.glyphicon), .facer-button.btn-xl i, .facer-button.btn-lg i, .facer-button.btn-sm,
.facer-button.btn-sm i, print-button[type=text] .sync-button .icon-pushtowatch:before,
sync-button[type=text] .sync-button .icon-pushtowatch:before, .follow-button .btn, .follow-button .btn i, .follow-button.follow-button-compact .btn,
.follow-button.follow-button-compact .btn i, .dashboard-outer-wrapper .btn, .dashboard-outer-wrapper .btn i:not(.glyphicon), .dashboard-outer-wrapper .btn-xl.btn i, .dashboard-outer-wrapper .btn-lg.btn i,
.dashboard-outer-wrapper .btn-sm.btn i, .dashboard-outer-wrapper .dashboard-watchface-stats .dashboard-watchface-stat .dashboard-watchface-stat-value, .dashboard-outer-wrapper .default-page .default-page-title, .dashboard-outer-wrapper .default-page .default-page-subtitle, .dashboard-outer-wrapper .default-page .default-page-starting-points .default-page-starting-point .default-page-starting-point-title, .dashboard-outer-wrapper .default-page .default-page-starting-points .default-page-starting-point p, .dashboard-page-header .dashboard-page-header-title, .dashboard-page-header .dashboard-page-header-detail, .dashboard-watchface-list .dashboard-watchface-item:hover .dashboard-watchface-item-title,
.dashboard-watchface-list .dashboard-watchface-item:hover .dashboard-watchface-item-title a, .dashboard-watchface-list .dashboard-watchface-item .dashboard-watchface-item-title-outer-wrapper .dashboard-watchface-item-title,
.dashboard-watchface-list .dashboard-watchface-item .dashboard-watchface-item-title-outer-wrapper .dashboard-watchface-item-title a, .dashboard-watchface-list .dashboard-watchface-item .dashboard-watchface-item-details, .dashboard-watchface-list .dashboard-watchface-item .dashboard-watchface-item-details .edit-date, .dashboard-watchface-list .dashboard-watchface-item .dashboard-watchface-item-extra-details .dashboard-watchface-item-stats, .dashboard-watchface-list .dashboard-watchface-item .dashboard-watchface-item-extra-details .dashboard-watchface-item-stats .dashboard-watchface-item-stat i, .dashboard-watchface-list .dashboard-watchface-item .dashboard-watchface-item-extra-details .dashboard-watchface-item-platforms i, .publish-form__header, .publish-form h1, .top-charts .btn, .top-charts .btn i:not(.glyphicon), .top-charts .btn-xl.btn i, .top-charts .btn-lg.btn i,
.top-charts .btn-sm.btn i, .top-charts .top-charts-header .top-charts-header-title h1, .top-charts .top-charts-header .top-charts-header-title .top-charts-header-subtitle {
  font-family: var(--facer-default-font);
  color: var(--facer-dark);
}

.muted-text, .dashboard-watchface-list .dashboard-watchface-item .dashboard-watchface-item-details .edit-date, .dashboard-watchface-list .dashboard-watchface-item .dashboard-watchface-item-extra-details .dashboard-watchface-item-platforms i {
  color: var(--facer-muted);
}

.bold-text {
  font-weight: 500;
}

.light-text, .dashboard-outer-wrapper .default-page .default-page-starting-points .default-page-starting-point p {
  color: var(--facer-light);
}

.dark-text {
  color: var(--facer-dark);
}

.page-title, .auth-modal h1, .auth-page h1, .top-charts .top-charts-header .top-charts-header-title h1 {
  font-weight: 500;
  font-size: 26px;
}

.page-title-medium, .dashboard-outer-wrapper .default-page .default-page-starting-points .default-page-starting-point .default-page-starting-point-title, .dashboard-page-header .dashboard-page-header-title {
  font-weight: 500;
  font-size: 22px;
}

.page-subtitle, .jumbo-text-detail, .dashboard-outer-wrapper .default-page .default-page-subtitle, .dashboard-page-header .dashboard-page-header-detail, .top-charts .top-charts-header .top-charts-header-title .top-charts-header-subtitle {
  font-weight: 400;
  font-size: 14px;
  color: var(--facer-light);
}

.button-text, .large-button-text, .facer-share-modal .facer-modal-content .facer-modal-inspect-cta, .facer-share-modal .facer-modal-content .facer-modal-share-cta, .xlarge-button-text, .facer-button, .facer-button i:not(.glyphicon), .facer-button.btn-xl i, .facer-button.btn-lg i, print-button[type=text] .sync-button .icon-pushtowatch:before,
sync-button[type=text] .sync-button .icon-pushtowatch:before, .follow-button .btn, .follow-button .btn i, .follow-button.follow-button-compact .btn, .follow-button.follow-button-compact .btn i, .dashboard-outer-wrapper .btn, .dashboard-outer-wrapper .btn i:not(.glyphicon), .dashboard-outer-wrapper .btn-xl.btn i, .dashboard-outer-wrapper .btn-lg.btn i, .top-charts .btn, .top-charts .btn i:not(.glyphicon), .top-charts .btn-xl.btn i, .top-charts .btn-lg.btn i {
  font-weight: 500;
  font-size: 14px;
}

.caption-text, .notification-feed a .notification-feed-item-content .notification-feed-item-title + .notification-feed-item-message {
  font-weight: 400;
  font-size: 14px;
  font-style: italic;
}

.text-button, .small-text-button, .notification-feed a .notification-feed-item-content .notification-feed-item-comment-reply-wrapper, .facer-button.btn-sm,
.facer-button.btn-sm i, .follow-button .btn-sm.btn,
.follow-button .btn-sm.btn i, .follow-button.follow-button-compact .btn,
.follow-button.follow-button-compact .btn i, .dashboard-outer-wrapper .btn-sm.btn,
.dashboard-outer-wrapper .btn-sm.btn i, .top-charts .btn-sm.btn,
.top-charts .btn-sm.btn i {
  font-weight: 500;
  font-size: 14px;
  color: var(--facer-blue);
}
.text-button:hover, .small-text-button:hover, .notification-feed a .notification-feed-item-content .notification-feed-item-comment-reply-wrapper:hover, .facer-button.btn-sm:hover,
.facer-button.btn-sm i:hover, .follow-button .btn-sm.btn:hover,
.follow-button .btn-sm.btn i:hover, .follow-button.follow-button-compact .btn:hover,
.follow-button.follow-button-compact .btn i:hover, .dashboard-outer-wrapper .btn-sm.btn:hover,
.dashboard-outer-wrapper .btn-sm.btn i:hover, .top-charts .btn-sm.btn:hover,
.top-charts .btn-sm.btn i:hover {
  color: var(--facer-blue-highlight);
}

.small-text-button, .notification-feed a .notification-feed-item-content .notification-feed-item-comment-reply-wrapper, .facer-button.btn-sm,
.facer-button.btn-sm i, .follow-button .btn-sm.btn,
.follow-button .btn-sm.btn i, .follow-button.follow-button-compact .btn,
.follow-button.follow-button-compact .btn i, .dashboard-outer-wrapper .btn-sm.btn,
.dashboard-outer-wrapper .btn-sm.btn i, .top-charts .btn-sm.btn,
.top-charts .btn-sm.btn i {
  font-weight: 500;
  font-size: 11px;
}

.text-button-completed, .notification-feed a .notification-feed-item-content .notification-feed-item-comment-reply-wrapper .notification-feed-item-comment-replied {
  font-weight: 400;
  font-style: italic;
  color: var(--facer-light);
}

.large-button-text, .facer-share-modal .facer-modal-content .facer-modal-inspect-cta, .facer-share-modal .facer-modal-content .facer-modal-share-cta, .facer-button.btn-lg i, .follow-button .btn i, .follow-button.follow-button-compact .btn i, .dashboard-outer-wrapper .btn-lg.btn i, .top-charts .btn-lg.btn i {
  font-weight: 500;
  font-size: 18px;
}

.xlarge-button-text, .facer-button.btn-xl i, .follow-button .btn-xl.btn i, .dashboard-outer-wrapper .btn-xl.btn i, .top-charts .btn-xl.btn i {
  font-weight: 500;
  font-size: 26px;
}

.card-text-title, .card-text-title-hovered, .stat-text-value, .dashboard-outer-wrapper .dashboard-watchface-stats .dashboard-watchface-stat .dashboard-watchface-stat-value, .dashboard-watchface-list .dashboard-watchface-item:hover .dashboard-watchface-item-title,
.dashboard-watchface-list .dashboard-watchface-item:hover .dashboard-watchface-item-title a, .dashboard-watchface-list .dashboard-watchface-item .dashboard-watchface-item-title-outer-wrapper .dashboard-watchface-item-title,
.dashboard-watchface-list .dashboard-watchface-item .dashboard-watchface-item-title-outer-wrapper .dashboard-watchface-item-title a,
.modal-text-title,
.facer-share-modal .facer-modal-content .facer-modal-title {
  font-weight: 500;
  font-size: 20px;
}

.card-text-title-hovered, .dashboard-watchface-list .dashboard-watchface-item:hover .dashboard-watchface-item-title,
.dashboard-watchface-list .dashboard-watchface-item:hover .dashboard-watchface-item-title a {
  color: var(--facer-blue);
}

.stat-text-value, .dashboard-outer-wrapper .dashboard-watchface-stats .dashboard-watchface-stat .dashboard-watchface-stat-value {
  font-weight: bold;
  color: var(--facer-blue);
}

.detail-text, .dashboard-watchface-list .dashboard-watchface-item .dashboard-watchface-item-details {
  font-size: 12px;
}

.small-detail-text, .dashboard-watchface-list .dashboard-watchface-item .dashboard-watchface-item-extra-details .dashboard-watchface-item-stats {
  font-size: 11px;
}

.jumbo-text, .dashboard-outer-wrapper .default-page .default-page-title, .publish-form__header, .publish-form h1 {
  font-weight: 500;
  font-size: 30px;
}

.text-link, .premium-page .premium-page-footer ul li a {
  font-weight: bold;
  color: var(--facer-blue) !important;
}
.text-link:hover, .premium-page .premium-page-footer ul li a:hover {
  color: var(--facer-blue-highlight) !important;
}
.text-link.disabled, .premium-page .premium-page-footer ul li a.disabled {
  color: #999 !important;
  cursor: not-allowed;
}
.text-link i, .premium-page .premium-page-footer ul li a i {
  vertical-align: middle;
  font-size: 130%;
}
.text-link.text-link-orange, .premium-page .premium-page-footer ul li a.text-link-orange {
  color: orange !important;
}
.text-link.text-link-orange:hover, .premium-page .premium-page-footer ul li a.text-link-orange:hover {
  color: #ffaf1d !important;
}

.unread-badge {
  display: block;
  position: absolute;
  right: 0;
  bottom: 16px;
  background: #fb2c65;
  color: #fff;
  padding: 0px 5px;
  line-height: 1.5;
  font-size: 11px;
  font-weight: bold;
  border-radius: 13px;
}

.facer-editor .unread-badge {
  bottom: 2px;
}

.notification-feed {
  width: 400px;
  max-height: 500px !important;
  line-height: normal;
}
.notification-feed a {
  display: -webkit-flex;
  display: -moz-flex;
  display: -ms-flex;
  display: flex;
  padding: 15px 10px;
  text-decoration: none;
}
.notification-feed a:not(:last-child) {
  border-bottom: 1px solid #ddd;
}
.notification-feed a .notification-feed-item-bell {
  -webkit-flex: 0 0 10px;
  -moz-flex: 0 0 10px;
  -ms-flex: 0 0 10px;
  flex: 0 0 10px;
  display: -webkit-flex;
  display: -moz-flex;
  display: -ms-flex;
  display: flex;
  margin-right: 5px;
  padding-top: 11px;
}
.notification-feed a .notification-feed-item-bell .notification-feed-item-bell-dot {
  width: 7px;
  height: 7px;
  border-radius: 50%;
  background: #fb2c65;
}
.notification-feed a .notification-feed-avatar {
  margin-right: 10px;
}
.notification-feed a .notification-feed-avatar .notification-feed-avatar-image {
  width: 30px;
  height: 30px;
  border-radius: 50%;
  background-size: cover;
  background-position: center;
}
.notification-feed a .notification-feed-item-content {
  -webkit-flex: 1;
  -moz-flex: 1;
  -ms-flex: 1;
  flex: 1;
  margin-right: 20px;
}
.notification-feed a .notification-feed-item-content .notification-feed-item-message {
  color: #555;
  margin-bottom: 5px;
}
.notification-feed a .notification-feed-item-content .notification-feed-item-title + .notification-feed-item-message {
  margin-top: 5px;
}
.notification-feed a .notification-feed-item-content .notification-feed-item-date {
  font-size: 80%;
}
.notification-feed a .notification-feed-item-content .notification-feed-item-attachment-link-wrapper i {
  vertical-align: middle;
  font-size: 18px;
  margin-left: 5px;
  color: #2bade3;
}
.notification-feed a .notification-feed-item-image-wrapper {
  -webkit-flex: 0 0 50px;
  -moz-flex: 0 0 50px;
  -ms-flex: 0 0 50px;
  flex: 0 0 50px;
  height: 50px;
  margin-right: 10px;
  text-align: center;
}
.notification-feed a .notification-feed-item-image-wrapper .notification-feed-item-image {
  display: block;
  width: auto;
  height: 50px;
  background-size: cover;
  border: 1px solid #ddd;
}
.notification-feed a .notification-feed-item-image-wrapper .notification-feed-item-image:not(.no-skin-watch-container) {
  border-radius: 50%;
}
.notification-feed:not(.comment-feed) a:hover {
  background: #e1e1e1;
}

.mn-wrapper .nav-link {
  padding: 0;
  padding-left: 20px;
}
.mn-wrapper .nav-link > a i {
  font-size: 25px !important;
  line-height: 51px !important;
}
.mn-wrapper .unread-badge {
  right: -9px;
  bottom: 11px;
}
.mn-wrapper .notification-feed {
  position: fixed;
  top: 60px;
  right: 0;
  left: 0;
  width: 100%;
  border: none;
  border-top: 1px solid #ddd;
  border-radius: 0;
  bottom: 0;
  max-height: none !important;
}
.mn-wrapper .notification-feed.open {
  display: block;
}

#main-nav.android-banner .notification-feed {
  top: 138px;
}

.watch-skin-list .watch-container {
  margin: 0 !important;
}
.watch-skin-list ul {
  width: 370px;
}
@media (max-width: 767px) {
  .watch-skin-list ul {
    font-size: 10px;
    width: 370px;
  }
}
.watch-skin-list .watch-select b,
.watch-skin-list .watch-select span {
  line-height: 50px;
}
.watch-skin-list .watch-skin-preview {
  width: 50px !important;
  height: 50px !important;
}

.facer-editor .watch-skin-list ul {
  max-height: 300px;
}

.accounting-button {
  margin-top: 10px;
}

.accounting-loader {
  margin: 0 auto;
}

/**
 * @deprecated This file is deprecated as of 2021-10-24 and will be removed in a future update.
 * Please use '1_settings/colors.scss' for all color-related styles.
 * 
 * TODO: Remove this file once all references have been updated to use global/colors.scss
 */
.blue-text {
  color: #2bade3;
}

.premium-text {
  color: #eeb60b !important;
}

.red-text {
  color: #f31805 !important;
}

.facer-colorpicker {
  background: white;
  border: none;
  border-radius: 10px;
  box-shadow: 0 0 41px -17px black;
}
.facer-colorpicker .sp-palette-container {
  border: none !important;
}
.facer-colorpicker .sp-palette-container .sp-palette {
  margin-top: -2px;
}
.facer-colorpicker .sp-palette-container .sp-palette .sp-palette-row-title {
  margin-bottom: 1px;
}
.facer-colorpicker .sp-palette-container .sp-palette .sp-palette-row-title span {
  font-size: 10px;
  font-family: "Lato";
  font-weight: bold;
  color: #b5b5b5;
}
.facer-colorpicker .sp-palette-container .sp-palette .sp-thumb-el {
  width: 20px;
  height: 20px;
  overflow: hidden;
  border-radius: 50%;
}
.facer-colorpicker .sp-palette-container .sp-palette .sp-thumb-el .sp-thumb-inner {
  background-image: none !important;
}
.facer-colorpicker .sp-picker-container {
  border: none !important;
}
.facer-colorpicker .sp-picker-container .sp-color {
  border-radius: 5px;
  border: none !important;
}
.facer-colorpicker .sp-picker-container .sp-color .sp-val {
  border-radius: 5px;
}
.facer-colorpicker .sp-picker-container .sp-color .sp-val .sp-dragger {
  border-radius: 14px;
  height: 7px;
  width: 7px;
  border: 3px solid #000;
  background: rgba(255, 255, 255, 0.168627451);
  transform: translateX(0px) translateY(0px);
}
.facer-colorpicker .sp-picker-container .sp-hue {
  border-radius: 5px;
  border: none !important;
}
.facer-colorpicker .sp-picker-container .sp-hue .sp-slider {
  left: -3px;
  right: -3px;
  border: 3px solid #111;
  border-radius: 11px;
  background: transparent;
}
.facer-colorpicker .sp-picker-container .sp-initial {
  border-color: #d0d0d0;
  border-radius: 5px;
  overflow: hidden;
}
.facer-colorpicker .sp-picker-container .sp-input {
  height: 27px;
  border-radius: 5px;
  border: solid 1px #d0d0d0;
  font-family: "Lato", sans-serif;
}
.facer-colorpicker .sp-picker-container .sp-input:focus {
  outline: none;
}
.facer-colorpicker .sp-picker-container .sp-button-container {
  display: none;
  clear: both;
  font-family: "Lato", sans-serif;
}
.facer-colorpicker .sp-picker-container .sp-button-container .sp-cancel {
  color: #929292 !important;
  text-decoration: none !important;
  font-size: 22px;
  margin: 0;
  padding: 2px;
  text-align: right;
  display: inline-block;
  margin: 10px 0 5px;
  line-height: 0;
}
.facer-colorpicker .sp-picker-container .sp-button-container button {
  display: none;
  font-weight: bold;
  font-family: "Lato", sans-serif;
  background-image: none;
  border: none;
  background: #2bade3;
  height: 30px;
  padding: 0 9px;
  color: #fff;
  border-radius: 5px;
  text-shadow: none;
}
.facer-colorpicker .sp-picker-container .sp-button-container button:focus {
  outline: none;
}

/**
 * @deprecated This file is deprecated as of 2021-10-24 and will be removed in a future update.
 * Please use '1_settings/colors.scss' for all color-related styles.
 * 
 * TODO: Remove this file once all references have been updated to use global/colors.scss
 */
.blue-text {
  color: #2bade3;
}

.premium-text {
  color: #eeb60b !important;
}

.red-text {
  color: #f31805 !important;
}

.watchface-coupon-outer-wrapper {
  position: relative;
  background: black;
  height: 100%;
  height: 100vh;
  z-index: 1;
}
.watchface-coupon-outer-wrapper.watchface-coupon-list {
  height: auto;
  min-height: 100%;
  min-height: 100vh;
  display: block;
  overflow: auto;
}
.watchface-coupon-outer-wrapper.watchface-coupon-list .loader {
  display: block;
  text-align: center;
}
.watchface-coupon-outer-wrapper.watchface-coupon-list .loader svg {
  width: 100px;
  height: 60px;
  padding: 0px 20px;
}
.watchface-coupon-outer-wrapper.watchface-coupon-list .coupon-list-error {
  margin: 0 15px;
}
.watchface-coupon-outer-wrapper.watchface-coupon-list .watchface-coupon-wrapper {
  height: auto !important;
  display: block !important;
  overflow: auto !important;
}
.watchface-coupon-outer-wrapper.watchface-coupon-list .watchface-coupon-list-header {
  display: -webkit-flex;
  display: -moz-flex;
  display: -ms-flex;
  display: flex;
  -webkit-align-items: center;
  -moz-align-items: center;
  -ms-align-items: center;
  align-items: center;
  padding: 15px;
  margin-bottom: 10px;
}
.watchface-coupon-outer-wrapper.watchface-coupon-list .watchface-coupon-list-header .coupon-list-facer-icon {
  margin-right: 10px;
}
.watchface-coupon-outer-wrapper.watchface-coupon-list .watchface-coupon-list-header .coupon-list-facer-icon img {
  width: 50px;
  height: auto;
}
.watchface-coupon-outer-wrapper.watchface-coupon-list .watchface-coupon-list-header .coupon-list-page-title {
  /* Permalink - use to edit and share this gradient: https://colorzilla.com/gradient-editor/#2bade3+0,c1c1c1+100 */
  background: rgb(43, 173, 227); /* Old browsers */
  background: -moz-linear-gradient(-45deg, rgb(43, 173, 227) 0%, rgb(193, 193, 193) 100%); /* FF3.6-15 */
  background: -webkit-linear-gradient(-45deg, rgb(43, 173, 227) 0%, rgb(193, 193, 193) 100%); /* Chrome10-25,Safari5.1-6 */
  background: linear-gradient(135deg, rgb(43, 173, 227) 0%, rgb(193, 193, 193) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr="#2bade3", endColorstr="#c1c1c1",GradientType=1 ); /* IE6-9 fallback on horizontal gradient */
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
}
.watchface-coupon-outer-wrapper.watchface-coupon-list .watchface-coupon-list-header .coupon-list-page-title h1,
.watchface-coupon-outer-wrapper.watchface-coupon-list .watchface-coupon-list-header .coupon-list-page-title h2 {
  font-family: "lato";
  font-weight: bold;
  margin-block-start: 2px;
  margin-block-end: 3px;
}
.watchface-coupon-outer-wrapper.watchface-coupon-list .watchface-coupon-list-header .coupon-list-page-title h1 {
  font-size: 30px;
  letter-spacing: 2px;
}
.watchface-coupon-outer-wrapper.watchface-coupon-list .watchface-coupon-list-header .coupon-list-page-title h2 {
  font-size: 16px;
  letter-spacing: 1px;
}
.watchface-coupon-outer-wrapper .watchface-coupon-wrapper {
  margin: auto;
  max-width: 1000px;
  overflow: hidden;
  height: 100%;
  display: -webkit-flex;
  display: -moz-flex;
  display: -ms-flex;
  display: flex;
  -webkit-flex-direction: column;
  -moz-flex-direction: column;
  -ms-flex-direction: column;
  flex-direction: column;
}
.watchface-coupon-outer-wrapper .watchface-coupon-wrapper watchface,
.watchface-coupon-outer-wrapper .watchface-coupon-wrapper .watchface-hover-wrapper,
.watchface-coupon-outer-wrapper .watchface-coupon-wrapper .watch-sizing-wrapper {
  display: block;
  overflow: visible;
  height: 100%;
}
.watchface-coupon-outer-wrapper .watchface-coupon-wrapper .watchface-coupon-product {
  height: 10px;
  -webkit-flex: 1;
  -moz-flex: 1;
  -ms-flex: 1;
  flex: 1;
  position: relative;
  z-index: 0;
}
.watchface-coupon-outer-wrapper .watchface-coupon-wrapper .watch-sizing-wrapper {
  display: -webkit-flex;
  display: -moz-flex;
  display: -ms-flex;
  display: flex;
  height: 100%;
  max-height: 100vw;
}
.watchface-coupon-outer-wrapper .watchface-coupon-wrapper .watch-sizing-wrapper .watch-shadow {
  opacity: 0.2;
}
.watchface-coupon-outer-wrapper .watchface-coupon-wrapper .watchface-coupon-tool-product-info {
  display: -webkit-flex;
  display: -moz-flex;
  display: -ms-flex;
  display: flex;
  margin: 0 10px;
  border-bottom: 1px solid #777;
  -webkit-align-items: center;
  -moz-align-items: center;
  -ms-align-items: center;
  align-items: center;
  -webkit-flex: 0 0 auto;
  -moz-flex: 0 0 auto;
  -ms-flex: 0 0 auto;
  flex: 0 0 auto;
}
.watchface-coupon-outer-wrapper .watchface-coupon-wrapper .watchface-coupon-tool-product-info a {
  display: block;
}
.watchface-coupon-outer-wrapper .watchface-coupon-wrapper .watchface-coupon-tool-product-info .user-avatar {
  -webkit-flex: 0 0 50px;
  -moz-flex: 0 0 50px;
  -ms-flex: 0 0 50px;
  flex: 0 0 50px;
  height: 50px;
  margin: 10px;
  margin-left: 0;
  border-radius: 50%;
}
.watchface-coupon-outer-wrapper .watchface-coupon-wrapper .watchface-coupon-tool-product-info .user-avatar img {
  width: 100%;
  height: auto;
  border-radius: 50%;
}
.watchface-coupon-outer-wrapper .watchface-coupon-wrapper .watchface-coupon-tool-product-info .watchface-title-wrapper {
  overflow: hidden;
  display: -webkit-flex;
  display: -moz-flex;
  display: -ms-flex;
  display: flex;
  -webkit-flex-direction: column;
  -moz-flex-direction: column;
  -ms-flex-direction: column;
  flex-direction: column;
  -webkit-justify-content: center;
  -moz-justify-content: center;
  -ms-justify-content: center;
  justify-content: center;
  -webkit-flex: 1;
  -moz-flex: 1;
  -ms-flex: 1;
  flex: 1;
}
.watchface-coupon-outer-wrapper .watchface-coupon-wrapper .watchface-coupon-tool-product-info .watchface-title-wrapper .watchface-title-wrapper-title {
  color: #fff;
  font-weight: bold;
  font-size: 16px;
}
.watchface-coupon-outer-wrapper .watchface-coupon-wrapper .watchface-coupon-tool-product-info .watchface-title-wrapper .watchface-title-wrapper-author {
  color: #aaa;
}
.watchface-coupon-outer-wrapper .watchface-coupon-wrapper .watchface-coupon-tool-product-info .watchface-title-wrapper .watchface-title-wrapper-title,
.watchface-coupon-outer-wrapper .watchface-coupon-wrapper .watchface-coupon-tool-product-info .watchface-title-wrapper .watchface-title-wrapper-author {
  white-space: nowrap;
  text-overflow: ellipsis;
  overflow: hidden;
}
.watchface-coupon-outer-wrapper .watchface-coupon-wrapper .watchface-coupon-tool-product-info .watchface-cta-wrapper {
  margin-left: 10px;
}
.watchface-coupon-outer-wrapper .watchface-coupon-wrapper .watchface-coupon-tool-product-info .watchface-cta-wrapper .watchface-cta-button {
  height: 50px;
  width: 50px;
  background: #2bade3;
  color: white;
  font-size: 30px;
  line-height: 30px;
  text-align: center;
  border-radius: 10px;
  display: -webkit-flex;
  display: -moz-flex;
  display: -ms-flex;
  display: flex;
  -webkit-flex-direction: column;
  -moz-flex-direction: column;
  -ms-flex-direction: column;
  flex-direction: column;
  -webkit-justify-content: center;
  -moz-justify-content: center;
  -ms-justify-content: center;
  justify-content: center;
}
.watchface-coupon-outer-wrapper .watchface-coupon-wrapper .watchface-coupon-tool-product-info.placeholder {
  border-bottom-color: #111;
}
.watchface-coupon-outer-wrapper .watchface-coupon-wrapper .watchface-coupon-tool-product-info.placeholder .user-avatar {
  background: #111;
}
.watchface-coupon-outer-wrapper .watchface-coupon-wrapper .watchface-coupon-tool-product-info.placeholder .watchface-title-wrapper {
  width: 100%;
}
.watchface-coupon-outer-wrapper .watchface-coupon-wrapper .watchface-coupon-tool-product-info.placeholder .watchface-title-wrapper .watchface-title-wrapper-title {
  background: #111;
  height: 15px;
  width: 50%;
  border-radius: 10px;
  margin-bottom: 8px;
}
.watchface-coupon-outer-wrapper .watchface-coupon-wrapper .watchface-coupon-tool-product-info.placeholder .watchface-title-wrapper .watchface-title-wrapper-author {
  background: #111;
  height: 10px;
  width: 25%;
  border-radius: 5px;
}
.watchface-coupon-outer-wrapper .watchface-coupon-wrapper .watchface-coupon-list-item {
  margin: 0 12px 20px;
  background: #000;
  overflow: hidden;
  border: 1px solid #999;
  border-radius: 5px;
}
.watchface-coupon-outer-wrapper .watchface-coupon-wrapper .watchface-coupon-list-item .coupon-promo-product {
  border-bottom: 1px solid #333;
  height: 210px;
  position: relative;
  z-index: 1;
}
.watchface-coupon-outer-wrapper .watchface-coupon-wrapper .watchface-coupon-list-item .coupon-promo-product watchface {
  pointer-events: none;
}
.watchface-coupon-outer-wrapper .watchface-coupon-wrapper .watchface-coupon-list-item .coupon-promo-product .coupon-promo-timer {
  position: absolute;
  z-index: 2;
  padding: 3px 7px;
  top: 0;
  right: 0;
  min-width: 45%;
  background: rgba(227, 43, 43, 0.61);
  color: white;
  font-size: 12px;
  text-align: center;
  border-bottom-left-radius: 7px;
}
.watchface-coupon-outer-wrapper .watchface-coupon-wrapper .watchface-coupon-list-item .coupon-promo-product .coupon-promo-timer .timer-number {
  color: white;
  font-weight: bold;
}
.watchface-coupon-outer-wrapper .watchface-coupon-wrapper .watchface-coupon-list-item .coupon-promo-product-info {
  border-top: 1px solid #333;
  background: rgba(0, 0, 0, 0.75);
  position: relative;
  z-index: 2;
}
.watchface-coupon-outer-wrapper .watchface-coupon-wrapper .watchface-coupon-list-item .watchface-coupon-tool-product-info {
  border: none;
}
.watchface-coupon-outer-wrapper .watchface-coupon-wrapper .watchface-coupon-tool {
  position: relative;
  z-index: 1;
  -webkit-flex: 1;
  -moz-flex: 1;
  -ms-flex: 1;
  flex: 1;
  -webkit-flex-direction: column;
  -moz-flex-direction: column;
  -ms-flex-direction: column;
  flex-direction: column;
  margin: 10px;
  border-radius: 10px;
  /* Permalink - use to edit and share this gradient: https://colorzilla.com/gradient-editor/#ffffff+1,7db9e8+100&1+0,0+100 */
  background: -moz-linear-gradient(top, rgba(70, 70, 70, 0.8) 0%, rgba(70, 70, 70, 0.8) 1%, rgba(125, 185, 232, 0) 100%); /* FF3.6-15 */
  background: -webkit-linear-gradient(top, rgba(70, 70, 70, 0.8) 0%, rgba(70, 70, 70, 0.8) 1%, rgba(125, 185, 232, 0) 100%); /* Chrome10-25,Safari5.1-6 */
  background: linear-gradient(to bottom, rgba(70, 70, 70, 0.8) 0%, rgba(70, 70, 70, 0.8) 1%, rgba(125, 185, 232, 0) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr="#ffffff", endColorstr="#007db9e8",GradientType=0 ); /* IE6-9 */
}
.watchface-coupon-outer-wrapper .watchface-coupon-wrapper .watchface-coupon-tool .watchface-coupon-tool-title {
  -webkit-flex: 0 0 auto;
  -moz-flex: 0 0 auto;
  -ms-flex: 0 0 auto;
  flex: 0 0 auto;
  display: -webkit-flex;
  display: -moz-flex;
  display: -ms-flex;
  display: flex;
  -webkit-flex-direction: column;
  -moz-flex-direction: column;
  -ms-flex-direction: column;
  flex-direction: column;
  -webkit-justify-content: center;
  -moz-justify-content: center;
  -ms-justify-content: center;
  justify-content: center;
  font-size: 36px;
  height: 36px;
  text-align: center;
  font-weight: bold;
  text-transform: uppercase;
  margin: 20px 0 25px;
}
@media screen and (max-width: 400px) {
  .watchface-coupon-outer-wrapper .watchface-coupon-wrapper .watchface-coupon-tool .watchface-coupon-tool-title {
    font-size: 26px;
  }
}
.watchface-coupon-outer-wrapper .watchface-coupon-wrapper .watchface-coupon-tool .watchface-coupon-tool-title .watchface-coupon-tool-title-wrapper {
  line-height: 30px;
  /* Permalink - use to edit and share this gradient: https://colorzilla.com/gradient-editor/#2bade3+0,c1c1c1+100 */
  background: rgb(43, 173, 227); /* Old browsers */
  background: -moz-linear-gradient(-45deg, rgb(43, 173, 227) 0%, rgb(193, 193, 193) 100%); /* FF3.6-15 */
  background: -webkit-linear-gradient(-45deg, rgb(43, 173, 227) 0%, rgb(193, 193, 193) 100%); /* Chrome10-25,Safari5.1-6 */
  background: linear-gradient(135deg, rgb(43, 173, 227) 0%, rgb(193, 193, 193) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr="#2bade3", endColorstr="#c1c1c1",GradientType=1 ); /* IE6-9 fallback on horizontal gradient */
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
}
.watchface-coupon-outer-wrapper .watchface-coupon-wrapper .watchface-coupon-tool .watchface-coupon-tool-title .top-line {
  font-size: 18px;
  margin-top: 15px;
  margin-bottom: -10px;
}
.watchface-coupon-outer-wrapper .watchface-coupon-wrapper .watchface-coupon-tool .watchface-coupon-tool-form {
  margin: 5px;
  position: relative;
  -webkit-flex: 0 0 auto;
  -moz-flex: 0 0 auto;
  -ms-flex: 0 0 auto;
  flex: 0 0 auto;
  display: -webkit-flex;
  display: -moz-flex;
  display: -ms-flex;
  display: flex;
  -webkit-flex-direction: column;
  -moz-flex-direction: column;
  -ms-flex-direction: column;
  flex-direction: column;
}
.watchface-coupon-outer-wrapper .watchface-coupon-wrapper .watchface-coupon-tool .watchface-coupon-tool-form .watchface-coupon-tool-form-group {
  position: relative;
  display: -webkit-flex;
  display: -moz-flex;
  display: -ms-flex;
  display: flex;
  -webkit-flex: 0 0 auto;
  -moz-flex: 0 0 auto;
  -ms-flex: 0 0 auto;
  flex: 0 0 auto;
  -webkit-flex-direction: column;
  -moz-flex-direction: column;
  -ms-flex-direction: column;
  flex-direction: column;
}
.watchface-coupon-outer-wrapper .watchface-coupon-wrapper .watchface-coupon-tool .watchface-coupon-tool-form .loader {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
}
.watchface-coupon-outer-wrapper .watchface-coupon-wrapper .watchface-coupon-tool .watchface-coupon-tool-form .loader svg {
  width: 100%;
  height: 100%;
  padding: 20px;
}
.watchface-coupon-outer-wrapper .watchface-coupon-wrapper .watchface-coupon-tool .watchface-coupon-tool-form .watchface-coupon-tool-form-country-select.error select {
  background: #4a2525;
}
.watchface-coupon-outer-wrapper .watchface-coupon-wrapper .watchface-coupon-tool .watchface-coupon-tool-form .watchface-coupon-tool-form-country-select.error label {
  color: red;
}
.watchface-coupon-outer-wrapper .watchface-coupon-wrapper .watchface-coupon-tool .watchface-coupon-tool-form .watchface-coupon-tool-form-country-select label,
.watchface-coupon-outer-wrapper .watchface-coupon-wrapper .watchface-coupon-tool .watchface-coupon-tool-form .watchface-coupon-tool-code-wrapper label {
  -webkit-flex: 0 0 auto;
  -moz-flex: 0 0 auto;
  -ms-flex: 0 0 auto;
  flex: 0 0 auto;
  color: #999;
  margin: 5px auto;
  width: 100%;
  text-align: center;
}
.watchface-coupon-outer-wrapper .watchface-coupon-wrapper .watchface-coupon-tool .watchface-coupon-tool-form .watchface-coupon-tool-form-country-select select,
.watchface-coupon-outer-wrapper .watchface-coupon-wrapper .watchface-coupon-tool .watchface-coupon-tool-form .watchface-coupon-tool-code-box,
.watchface-coupon-outer-wrapper .watchface-coupon-wrapper .watchface-coupon-tool .watchface-coupon-tool-form .watchface-coupon-tool-code-copy-button {
  width: 100%;
  display: block;
  padding: 10px;
  font-size: 18px;
  border: none;
  border-radius: 10px;
  color: white;
  background: #333;
  margin-bottom: 10px;
  -webkit-flex: 0 0 auto;
  -moz-flex: 0 0 auto;
  -ms-flex: 0 0 auto;
  flex: 0 0 auto;
  display: -webkit-flex;
  display: -moz-flex;
  display: -ms-flex;
  display: flex;
  -webkit-flex-direction: column;
  -moz-flex-direction: column;
  -ms-flex-direction: column;
  flex-direction: column;
  -webkit-justify-content: center;
  -moz-justify-content: center;
  -ms-justify-content: center;
  justify-content: center;
  -webkit-align-items: center;
  -moz-align-items: center;
  -ms-align-items: center;
  align-items: center;
  outline: none !important;
  -webkit-appearance: none;
}
.watchface-coupon-outer-wrapper .watchface-coupon-wrapper .watchface-coupon-tool .watchface-coupon-tool-form label.select-caret:after {
  content: "< >";
  font-size: 17px;
  font-weight: bold;
  color: #fff;
  -webkit-transform: rotate(90deg);
  -moz-transform: rotate(90deg);
  -ms-transform: rotate(90deg);
  transform: rotate(90deg);
  right: 8px;
  top: 40px;
  padding: 0 0 2px;
  position: absolute;
  pointer-events: none;
}
.watchface-coupon-outer-wrapper .watchface-coupon-wrapper .watchface-coupon-tool .watchface-coupon-tool-form label.opacity-hide.select-caret:after {
  opacity: 0;
}
.watchface-coupon-outer-wrapper .watchface-coupon-wrapper .watchface-coupon-tool .watchface-coupon-tool-form .watchface-coupon-tool-form-submit {
  -webkit-flex: 0 0 auto;
  -moz-flex: 0 0 auto;
  -ms-flex: 0 0 auto;
  flex: 0 0 auto;
  display: -webkit-flex;
  display: -moz-flex;
  display: -ms-flex;
  display: flex;
  -webkit-flex-direction: column;
  -moz-flex-direction: column;
  -ms-flex-direction: column;
  flex-direction: column;
}
.watchface-coupon-outer-wrapper .watchface-coupon-wrapper .watchface-coupon-tool .watchface-coupon-tool-form .watchface-coupon-tool-form-submit button,
.watchface-coupon-outer-wrapper .watchface-coupon-wrapper .watchface-coupon-tool .watchface-coupon-tool-form .watchface-coupon-tool-form-submit a {
  -webkit-flex: 0 0 60px;
  -moz-flex: 0 0 60px;
  -ms-flex: 0 0 60px;
  flex: 0 0 60px;
  display: -webkit-flex;
  display: -moz-flex;
  display: -ms-flex;
  display: flex;
  -webkit-flex-direction: column;
  -moz-flex-direction: column;
  -ms-flex-direction: column;
  flex-direction: column;
  -webkit-justify-content: center;
  -moz-justify-content: center;
  -ms-justify-content: center;
  justify-content: center;
  -webkit-align-items: center;
  -moz-align-items: center;
  -ms-align-items: center;
  align-items: center;
  background: #2bade3;
  text-transform: uppercase;
  letter-spacing: 1px;
  font-weight: bold;
  border-radius: 10px;
  color: white;
  font-size: 20px;
  border: none;
  outline: none !important;
}
.watchface-coupon-outer-wrapper .watchface-coupon-wrapper .watchface-coupon-tool .watchface-coupon-tool-form .watchface-coupon-tool-form-submit button:active,
.watchface-coupon-outer-wrapper .watchface-coupon-wrapper .watchface-coupon-tool .watchface-coupon-tool-form .watchface-coupon-tool-form-submit a:active {
  opacity: 0.75;
}
.watchface-coupon-outer-wrapper .watchface-coupon-wrapper .watchface-coupon-tool .watchface-coupon-tool-form .watchface-coupon-tool-form-submit.submit-secondary button,
.watchface-coupon-outer-wrapper .watchface-coupon-wrapper .watchface-coupon-tool .watchface-coupon-tool-form .watchface-coupon-tool-form-submit.submit-secondary a {
  flex-basis: 35px;
  margin-top: 10px;
  background: transparent;
  font-size: 18px;
  color: #2aaee4;
  text-transform: none;
}
.watchface-coupon-outer-wrapper .watchface-coupon-wrapper .watchface-coupon-tool .watchface-coupon-tool-code-wrapper {
  text-align: center;
  font-weight: bold;
  -webkit-align-items: left;
  -moz-align-items: left;
  -ms-align-items: left;
  align-items: left;
}
.watchface-coupon-outer-wrapper .watchface-coupon-wrapper .watchface-coupon-tool .watchface-coupon-tool-code-wrapper .copied {
  color: white !important;
}
.watchface-coupon-outer-wrapper .watchface-coupon-wrapper .watchface-coupon-tool .watchface-coupon-tool-code-wrapper .watchface-coupon-tool-code-box {
  border-radius: 10px 0 0 10px;
  -webkit-flex: 1;
  -moz-flex: 1;
  -ms-flex: 1;
  flex: 1;
  background: rgba(255, 255, 255, 0.1) !important;
}
.watchface-coupon-outer-wrapper .watchface-coupon-wrapper .watchface-coupon-tool .watchface-coupon-tool-code-wrapper .watchface-coupon-tool-error {
  border-radius: 10px;
}
.watchface-coupon-outer-wrapper .watchface-coupon-wrapper .watchface-coupon-tool .watchface-coupon-tool-code-wrapper .watchface-coupon-tool-error .watchface-coupon-tool-error-detail {
  font-weight: normal;
  font-size: 14px;
}
.watchface-coupon-outer-wrapper .watchface-coupon-wrapper .watchface-coupon-tool .watchface-coupon-tool-code-wrapper .watchface-coupon-tool-code-box-wrapper {
  display: -webkit-flex;
  display: -moz-flex;
  display: -ms-flex;
  display: flex;
}
.watchface-coupon-outer-wrapper .watchface-coupon-wrapper .watchface-coupon-tool .watchface-coupon-tool-code-wrapper .watchface-coupon-tool-code-copy-button {
  margin-left: 2px;
  border-radius: 0 10px 10px 0;
  background: #555;
  -webkit-flex: 0 0 30%;
  -moz-flex: 0 0 30%;
  -ms-flex: 0 0 30%;
  flex: 0 0 30%;
}
.watchface-coupon-outer-wrapper .watchface-coupon-wrapper .watchface-coupon-tool .watchface-coupon-tool-code-wrapper .watchface-coupon-tool-code-copy-button.copied {
  background: rgba(255, 255, 255, 0.1) !important;
}
.watchface-coupon-outer-wrapper .watchface-coupon-wrapper .watchface-coupon-tool .watchface-coupon-tool-footer {
  margin: 10px 5px 0;
  font-size: 15px;
  display: -webkit-flex;
  display: -moz-flex;
  display: -ms-flex;
  display: flex;
}
.watchface-coupon-outer-wrapper .watchface-coupon-wrapper .watchface-coupon-tool .watchface-coupon-tool-footer .watchface-coupon-tool-footer-left {
  -webkit-flex: 1;
  -moz-flex: 1;
  -ms-flex: 1;
  flex: 1;
}
@-webkit-keyframes coupon-help-link {
  0% {
    opacity: 1;
  }
  60% {
    opacity: 0.5;
  }
}
@-moz-keyframes coupon-help-link {
  0% {
    opacity: 1;
  }
  60% {
    opacity: 0.5;
  }
}
@-ms-keyframes coupon-help-link {
  0% {
    opacity: 1;
  }
  60% {
    opacity: 0.5;
  }
}
@keyframes coupon-help-link {
  0% {
    opacity: 1;
  }
  60% {
    opacity: 0.5;
  }
}
.watchface-coupon-outer-wrapper .watchface-coupon-wrapper .watchface-coupon-tool .watchface-coupon-tool-footer .watchface-coupon-tool-footer-left a.animated {
  -webkit-animation: coupon-help-link 1s 3;
  -moz-animation: coupon-help-link 1s 3;
  -ms-animation: coupon-help-link 1s 3;
  animation: coupon-help-link 1s 3;
}
.watchface-coupon-outer-wrapper .watchface-coupon-wrapper .watchface-coupon-tool .watchface-coupon-tool-footer .watchface-coupon-tool-footer-right {
  -webkit-flex: 1;
  -moz-flex: 1;
  -ms-flex: 1;
  flex: 1;
  text-align: right;
}

/**
 * @deprecated This file is deprecated as of 2021-10-24 and will be removed in a future update.
 * Please use '1_settings/colors.scss' for all color-related styles.
 * 
 * TODO: Remove this file once all references have been updated to use global/colors.scss
 */
.blue-text {
  color: #2bade3;
}

.premium-text {
  color: #eeb60b !important;
}

.red-text {
  color: #f31805 !important;
}

.logged-user-img.beta-outline,
.mn-content-avatar.beta-outline img {
  border: 3px solid #2bade3;
  width: 30px !important;
  height: 30px !important;
  margin-top: -4px;
}

.mn-content-avatar.beta-outline .user-badge.avatar-badge {
  bottom: 1px;
  right: 1px;
}

#betaBadge {
  position: absolute;
  top: -5px;
  left: 14px;
  font-size: 9px;
  width: 15px;
  height: 15px;
  line-height: 15px;
  border-radius: 10px;
  text-align: center;
  font-weight: bold;
  background: #2bade3;
  color: white;
  text-transform: uppercase;
}

.mn-content-avatar.beta-outline #betaBadge {
  top: -7px;
  left: 17px;
}

#betaBox {
  background: #2bade3;
  padding: 5px 20px 10px;
  margin-top: -5px;
  margin-bottom: 5px;
  border-bottom: 1px solid #ddd;
  color: white;
}
#betaBox h3 {
  margin: 0;
  padding: 5px 0px;
  font-size: 14px;
  font-weight: bold;
}
#betaBox ul {
  list-style: none;
  padding-left: 0 !important;
}
#betaBox ul li {
  line-height: normal;
}
#betaBox ul li a {
  color: white;
  opacity: 0.75;
  font-size: 80%;
}

/**
 * @deprecated This file is deprecated as of 2021-10-24 and will be removed in a future update.
 * Please use '1_settings/colors.scss' for all color-related styles.
 * 
 * TODO: Remove this file once all references have been updated to use global/colors.scss
 */
.blue-text {
  color: #2bade3;
}

.premium-text {
  color: #eeb60b !important;
}

.red-text {
  color: #f31805 !important;
}

:root {
  --facer-default-font: "Roboto", Helvetica, Arial, sans-serif;
  --facer-text-size-small: 12px;
  --facer-text-size-normal: 14px;
}

.normal-text, .muted-text, .bold-text, .light-text, .dark-text, .page-title, .auth-modal h1, .auth-page h1, .page-title-medium, .page-subtitle, .button-text, .caption-text, .text-button, .small-text-button, .large-button-text, .facer-share-modal .facer-modal-content .facer-modal-inspect-cta, .facer-share-modal .facer-modal-content .facer-modal-share-cta, .xlarge-button-text, .card-text-title,
.modal-text-title,
.facer-share-modal .facer-modal-content .facer-modal-title, .card-text-title-hovered, .stat-text-value, .detail-text, .small-detail-text, .jumbo-text, .jumbo-text-detail, .facer-button, .facer-button i:not(.glyphicon), .facer-button.btn-xl i, .facer-button.btn-lg i, .facer-button.btn-sm,
.facer-button.btn-sm i, print-button[type=text] .sync-button .icon-pushtowatch:before,
sync-button[type=text] .sync-button .icon-pushtowatch:before, .follow-button .btn, .follow-button .btn i, .follow-button.follow-button-compact .btn,
.follow-button.follow-button-compact .btn i, .dashboard-outer-wrapper .btn, .dashboard-outer-wrapper .btn i:not(.glyphicon), .dashboard-outer-wrapper .btn-xl.btn i, .dashboard-outer-wrapper .btn-lg.btn i,
.dashboard-outer-wrapper .btn-sm.btn i, .dashboard-outer-wrapper .dashboard-watchface-stats .dashboard-watchface-stat .dashboard-watchface-stat-value, .dashboard-outer-wrapper .default-page .default-page-title, .dashboard-outer-wrapper .default-page .default-page-subtitle, .dashboard-outer-wrapper .default-page .default-page-starting-points .default-page-starting-point .default-page-starting-point-title, .dashboard-outer-wrapper .default-page .default-page-starting-points .default-page-starting-point p, .dashboard-page-header .dashboard-page-header-title, .dashboard-page-header .dashboard-page-header-detail, .dashboard-watchface-list .dashboard-watchface-item:hover .dashboard-watchface-item-title,
.dashboard-watchface-list .dashboard-watchface-item:hover .dashboard-watchface-item-title a, .dashboard-watchface-list .dashboard-watchface-item .dashboard-watchface-item-title-outer-wrapper .dashboard-watchface-item-title,
.dashboard-watchface-list .dashboard-watchface-item .dashboard-watchface-item-title-outer-wrapper .dashboard-watchface-item-title a, .dashboard-watchface-list .dashboard-watchface-item .dashboard-watchface-item-details, .dashboard-watchface-list .dashboard-watchface-item .dashboard-watchface-item-details .edit-date, .dashboard-watchface-list .dashboard-watchface-item .dashboard-watchface-item-extra-details .dashboard-watchface-item-stats, .dashboard-watchface-list .dashboard-watchface-item .dashboard-watchface-item-extra-details .dashboard-watchface-item-stats .dashboard-watchface-item-stat i, .dashboard-watchface-list .dashboard-watchface-item .dashboard-watchface-item-extra-details .dashboard-watchface-item-platforms i, .publish-form__header, .publish-form h1, .top-charts .btn, .top-charts .btn i:not(.glyphicon), .top-charts .btn-xl.btn i, .top-charts .btn-lg.btn i,
.top-charts .btn-sm.btn i, .top-charts .top-charts-header .top-charts-header-title h1, .top-charts .top-charts-header .top-charts-header-title .top-charts-header-subtitle, .notification-feed a .notification-feed-item-content .notification-feed-item-title + .notification-feed-item-message, .notification-feed a .notification-feed-item-content .notification-feed-item-comment-reply-wrapper {
  font-family: var(--facer-default-font);
  color: var(--facer-dark);
}

.muted-text, .dashboard-watchface-list .dashboard-watchface-item .dashboard-watchface-item-details .edit-date, .dashboard-watchface-list .dashboard-watchface-item .dashboard-watchface-item-extra-details .dashboard-watchface-item-platforms i {
  color: var(--facer-muted);
}

.bold-text {
  font-weight: 500;
}

.light-text, .dashboard-outer-wrapper .default-page .default-page-starting-points .default-page-starting-point p {
  color: var(--facer-light);
}

.dark-text {
  color: var(--facer-dark);
}

.page-title, .auth-modal h1, .auth-page h1, .top-charts .top-charts-header .top-charts-header-title h1 {
  font-weight: 500;
  font-size: 26px;
}

.page-title-medium, .dashboard-outer-wrapper .default-page .default-page-starting-points .default-page-starting-point .default-page-starting-point-title, .dashboard-page-header .dashboard-page-header-title {
  font-weight: 500;
  font-size: 22px;
}

.page-subtitle, .jumbo-text-detail, .dashboard-outer-wrapper .default-page .default-page-subtitle, .dashboard-page-header .dashboard-page-header-detail, .top-charts .top-charts-header .top-charts-header-title .top-charts-header-subtitle {
  font-weight: 400;
  font-size: 14px;
  color: var(--facer-light);
}

.button-text, .large-button-text, .facer-share-modal .facer-modal-content .facer-modal-inspect-cta, .facer-share-modal .facer-modal-content .facer-modal-share-cta, .xlarge-button-text, .facer-button, .facer-button i:not(.glyphicon), .facer-button.btn-xl i, .facer-button.btn-lg i, print-button[type=text] .sync-button .icon-pushtowatch:before,
sync-button[type=text] .sync-button .icon-pushtowatch:before, .follow-button .btn, .follow-button .btn i, .follow-button.follow-button-compact .btn, .follow-button.follow-button-compact .btn i, .dashboard-outer-wrapper .btn, .dashboard-outer-wrapper .btn i:not(.glyphicon), .dashboard-outer-wrapper .btn-xl.btn i, .dashboard-outer-wrapper .btn-lg.btn i, .top-charts .btn, .top-charts .btn i:not(.glyphicon), .top-charts .btn-xl.btn i, .top-charts .btn-lg.btn i {
  font-weight: 500;
  font-size: 14px;
}

.caption-text, .notification-feed a .notification-feed-item-content .notification-feed-item-title + .notification-feed-item-message {
  font-weight: 400;
  font-size: 14px;
  font-style: italic;
}

.text-button, .small-text-button, .facer-button.btn-sm,
.facer-button.btn-sm i, .follow-button .btn-sm.btn,
.follow-button .btn-sm.btn i, .follow-button.follow-button-compact .btn,
.follow-button.follow-button-compact .btn i, .dashboard-outer-wrapper .btn-sm.btn,
.dashboard-outer-wrapper .btn-sm.btn i, .top-charts .btn-sm.btn,
.top-charts .btn-sm.btn i, .notification-feed a .notification-feed-item-content .notification-feed-item-comment-reply-wrapper {
  font-weight: 500;
  font-size: 14px;
  color: var(--facer-blue);
}
.text-button:hover, .small-text-button:hover, .facer-button.btn-sm:hover,
.facer-button.btn-sm i:hover, .follow-button .btn-sm.btn:hover,
.follow-button .btn-sm.btn i:hover, .follow-button.follow-button-compact .btn:hover,
.follow-button.follow-button-compact .btn i:hover, .dashboard-outer-wrapper .btn-sm.btn:hover,
.dashboard-outer-wrapper .btn-sm.btn i:hover, .top-charts .btn-sm.btn:hover,
.top-charts .btn-sm.btn i:hover, .notification-feed a .notification-feed-item-content .notification-feed-item-comment-reply-wrapper:hover {
  color: var(--facer-blue-highlight);
}

.small-text-button, .facer-button.btn-sm,
.facer-button.btn-sm i, .follow-button .btn-sm.btn,
.follow-button .btn-sm.btn i, .follow-button.follow-button-compact .btn,
.follow-button.follow-button-compact .btn i, .dashboard-outer-wrapper .btn-sm.btn,
.dashboard-outer-wrapper .btn-sm.btn i, .top-charts .btn-sm.btn,
.top-charts .btn-sm.btn i, .notification-feed a .notification-feed-item-content .notification-feed-item-comment-reply-wrapper {
  font-weight: 500;
  font-size: 11px;
}

.text-button-completed, .notification-feed a .notification-feed-item-content .notification-feed-item-comment-reply-wrapper .notification-feed-item-comment-replied {
  font-weight: 400;
  font-style: italic;
  color: var(--facer-light);
}

.large-button-text, .facer-share-modal .facer-modal-content .facer-modal-inspect-cta, .facer-share-modal .facer-modal-content .facer-modal-share-cta, .facer-button.btn-lg i, .follow-button .btn i, .follow-button.follow-button-compact .btn i, .dashboard-outer-wrapper .btn-lg.btn i, .top-charts .btn-lg.btn i {
  font-weight: 500;
  font-size: 18px;
}

.xlarge-button-text, .facer-button.btn-xl i, .follow-button .btn-xl.btn i, .dashboard-outer-wrapper .btn-xl.btn i, .top-charts .btn-xl.btn i {
  font-weight: 500;
  font-size: 26px;
}

.card-text-title, .card-text-title-hovered, .stat-text-value, .dashboard-outer-wrapper .dashboard-watchface-stats .dashboard-watchface-stat .dashboard-watchface-stat-value, .dashboard-watchface-list .dashboard-watchface-item:hover .dashboard-watchface-item-title,
.dashboard-watchface-list .dashboard-watchface-item:hover .dashboard-watchface-item-title a, .dashboard-watchface-list .dashboard-watchface-item .dashboard-watchface-item-title-outer-wrapper .dashboard-watchface-item-title,
.dashboard-watchface-list .dashboard-watchface-item .dashboard-watchface-item-title-outer-wrapper .dashboard-watchface-item-title a,
.modal-text-title,
.facer-share-modal .facer-modal-content .facer-modal-title {
  font-weight: 500;
  font-size: 20px;
}

.card-text-title-hovered, .dashboard-watchface-list .dashboard-watchface-item:hover .dashboard-watchface-item-title,
.dashboard-watchface-list .dashboard-watchface-item:hover .dashboard-watchface-item-title a {
  color: var(--facer-blue);
}

.stat-text-value, .dashboard-outer-wrapper .dashboard-watchface-stats .dashboard-watchface-stat .dashboard-watchface-stat-value {
  font-weight: bold;
  color: var(--facer-blue);
}

.detail-text, .dashboard-watchface-list .dashboard-watchface-item .dashboard-watchface-item-details {
  font-size: 12px;
}

.small-detail-text, .dashboard-watchface-list .dashboard-watchface-item .dashboard-watchface-item-extra-details .dashboard-watchface-item-stats {
  font-size: 11px;
}

.jumbo-text, .dashboard-outer-wrapper .default-page .default-page-title, .publish-form__header, .publish-form h1 {
  font-weight: 500;
  font-size: 30px;
}

.text-link, .premium-page .premium-page-footer ul li a {
  font-weight: bold;
  color: var(--facer-blue) !important;
}
.text-link:hover, .premium-page .premium-page-footer ul li a:hover {
  color: var(--facer-blue-highlight) !important;
}
.text-link.disabled, .premium-page .premium-page-footer ul li a.disabled {
  color: #999 !important;
  cursor: not-allowed;
}
.text-link i, .premium-page .premium-page-footer ul li a i {
  vertical-align: middle;
  font-size: 130%;
}
.text-link.text-link-orange, .premium-page .premium-page-footer ul li a.text-link-orange {
  color: orange !important;
}
.text-link.text-link-orange:hover, .premium-page .premium-page-footer ul li a.text-link-orange:hover {
  color: #ffaf1d !important;
}

.auth-modal, .auth-page {
  -webkit-transition: all linear 0.25s;
  -moz-transition: all linear 0.25s;
  -ms-transition: all linear 0.25s;
  transition: all linear 0.25s;
}
.auth-modal .auth-modal-inner-wrapper, .auth-page .auth-modal-inner-wrapper {
  position: fixed;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  padding-top: env(safe-area-inset-top, 0);
  padding-right: env(safe-area-inset-right, 0);
  padding-bottom: env(safe-area-inset-bottom, 0);
  padding-left: env(safe-area-inset-left, 0);
  background-color: rgb(255, 255, 255);
  overflow: auto;
  z-index: 10000;
  display: -webkit-flex;
  display: -moz-flex;
  display: -ms-flex;
  display: flex;
  -webkit-flex-direction: column;
  -moz-flex-direction: column;
  -ms-flex-direction: column;
  flex-direction: column;
}
.auth-modal .auth-modal-inner-wrapper #close, .auth-page .auth-modal-inner-wrapper #close {
  z-index: 10;
}
.auth-modal .facer-header, .auth-page .facer-header {
  position: relative;
  top: 0;
  left: 0;
  width: 70px;
  height: 70px;
  padding: 0;
}
.auth-modal h1, .auth-page h1 {
  margin-top: 0;
}
.auth-modal .signup_container, .auth-page .signup_container {
  margin-top: 57px;
}
.auth-modal .panel, .auth-page .panel {
  border: none;
  background-color: transparent;
}
.auth-modal .form-btn-wrapper, .auth-page .form-btn-wrapper {
  display: -webkit-flex;
  display: -moz-flex;
  display: -ms-flex;
  display: flex;
  -webkit-justify-content: flex-end;
  -moz-justify-content: flex-end;
  -ms-justify-content: flex-end;
  justify-content: flex-end;
  gap: 10px;
  clear: both;
  padding-top: 12px;
}
.auth-modal .container, .auth-page .container {
  -webkit-flex: 1;
  -moz-flex: 1;
  -ms-flex: 1;
  flex: 1;
  display: -webkit-flex;
  display: -moz-flex;
  display: -ms-flex;
  display: flex;
  -webkit-flex-direction: column;
  -moz-flex-direction: column;
  -ms-flex-direction: column;
  flex-direction: column;
  -webkit-justify-content: space-between;
  -moz-justify-content: space-between;
  -ms-justify-content: space-between;
  justify-content: space-between;
}
.auth-modal #close, .auth-page #close {
  position: absolute;
  top: 10px;
  right: 10px;
}
.auth-modal .panel, .auth-page .panel {
  box-shadow: none;
}

.auth-page {
  display: -webkit-flex;
  display: -moz-flex;
  display: -ms-flex;
  display: flex;
  -webkit-flex-direction: column;
  -moz-flex-direction: column;
  -ms-flex-direction: column;
  flex-direction: column;
  -webkit-justify-content: center;
  -moz-justify-content: center;
  -ms-justify-content: center;
  justify-content: center;
  padding-left: 15px;
  padding-right: 15px;
  margin-right: 0;
  margin-left: 0;
}
.auth-page #close {
  display: none;
}

.auth-container {
  min-height: calc(100vh - 61px);
  padding: 0 !important;
  display: -webkit-flex;
  display: -moz-flex;
  display: -ms-flex;
  display: flex;
  -webkit-flex-direction: column;
  -moz-flex-direction: column;
  -ms-flex-direction: column;
  flex-direction: column;
  -webkit-justify-content: center;
  -moz-justify-content: center;
  -ms-justify-content: center;
  justify-content: center;
}

.ios-client .auth-container {
  min-height: 100vh;
}
.ios-client .auth-page {
  position: absolute;
  top: env(safe-area-inset-top, 0);
  left: env(safe-area-inset-left, 0);
  right: env(safe-area-inset-right, 0);
  bottom: env(safe-area-inset-bottom, 0);
}

.is-ios-client .auth-modal .container,
.is-ios-client .auth-page {
  -webkit-justify-content: start;
  -moz-justify-content: start;
  -ms-justify-content: start;
  justify-content: start;
  margin-top: 20px;
}
@media screen and (max-device-height: 667px) {
  .is-ios-client .facer-header {
    display: none;
  }
}
.is-ios-client.has-fixed-webview-layout .auth-modal .container,
.is-ios-client.has-fixed-webview-layout .auth-page {
  -webkit-justify-content: center;
  -moz-justify-content: center;
  -ms-justify-content: center;
  justify-content: center;
  margin-top: 0;
}
.is-ios-client.has-fixed-webview-layout .auth-container {
  min-height: auto;
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
}

/**
 * @deprecated This file is deprecated as of 2021-10-24 and will be removed in a future update.
 * Please use '1_settings/colors.scss' for all color-related styles.
 * 
 * TODO: Remove this file once all references have been updated to use global/colors.scss
 */
.blue-text {
  color: #2bade3;
}

.premium-text {
  color: #eeb60b !important;
}

.red-text {
  color: #f31805 !important;
}

watchface-comments {
  display: block;
}
watchface-comments .watchface-comments-form {
  display: -webkit-flex;
  display: -moz-flex;
  display: -ms-flex;
  display: flex;
  height: 50px;
  margin-bottom: 20px;
}
watchface-comments .watchface-comments-form .watchface-comments-form-avatar img {
  padding: 5px;
  margin-right: 5px;
  width: 50px;
  height: 50px;
  border-radius: 50%;
}
watchface-comments .watchface-comments-form .watchface-comments-text-input {
  -webkit-flex: 1;
  -moz-flex: 1;
  -ms-flex: 1;
  flex: 1;
  resize: none;
  border: none;
  outline: none;
  border-radius: 0;
  border-bottom: 1px solid #bbb;
  font-size: 16px;
}
watchface-comments .watchface-comments-form .watchface-comments-text-input:focus {
  border-color: #2bade3;
}
watchface-comments .watchface-comments-form .watchface-comments-text-input::placeholder {
  /* Chrome, Firefox, Opera, Safari 10.1+ */
  color: #999;
  opacity: 1; /* Firefox */
}
watchface-comments .watchface-comments-form .watchface-comments-text-input:-ms-input-placeholder {
  /* Internet Explorer 10-11 */
  color: #999;
}
watchface-comments .watchface-comments-form .watchface-comments-text-input:-ms-input-placeholder {
  /* Microsoft Edge */
  color: #999;
}
watchface-comments .watchface-comments-form .watchface-comments-attachment-input {
  margin-left: 5px;
  margin-right: 5px;
}
watchface-comments .watchface-comments-form .watchface-comments-attachment-input .watchface-media {
  margin-top: 0;
}
watchface-comments .watchface-comments-form .watchface-comments-attachment-input .watchface-media .watchface-media-item {
  height: 50px !important;
  width: 50px !important;
}
watchface-comments .watchface-comments-form .watchface-comments-attachment-input .watchface-media .watchface-media-item .watchface-media-item-add {
  border: 0px solid #c9c9c9;
}
watchface-comments .watchface-comments-form .watchface-comments-attachment-input .watchface-media .watchface-media-item i {
  line-height: 22px;
  color: #bbb;
}
watchface-comments .watchface-comments-form .watchface-comments-attachment-input .watchface-media .watchface-media-item span {
  font-size: 10px;
  line-height: 11px;
}
watchface-comments .watchface-comments-form .watchface-comments-submit {
  -webkit-flex: 0 0 65px;
  -moz-flex: 0 0 65px;
  -ms-flex: 0 0 65px;
  flex: 0 0 65px;
  font-size: 16px;
  font-weight: bold;
  line-height: 31px;
  border-radius: 5px;
}
watchface-comments .watchface-comments-form .watchface-comments-submit i {
  display: inline-block;
  margin-top: 5px;
}
watchface-comments .watchface-comments-item {
  margin-bottom: 10px;
  border: 1px solid #ddd;
  border-radius: 5px;
  padding: 13px;
}
watchface-comments .watchface-comments-item .watchface-comments-item-info {
  display: -webkit-flex;
  display: -moz-flex;
  display: -ms-flex;
  display: flex;
}
watchface-comments .watchface-comments-item .watchface-comments-item-info .info-section {
  display: block;
  vertical-align: middle;
}
watchface-comments .watchface-comments-item .watchface-comments-item-info .info-avatar {
  padding-right: 5px;
}
watchface-comments .watchface-comments-item .watchface-comments-item-info .info-avatar img {
  border-radius: 50%;
  width: 30px;
  height: 30px;
}
watchface-comments .watchface-comments-item .watchface-comments-item-info .info-text {
  -webkit-flex: 1;
  -moz-flex: 1;
  -ms-flex: 1;
  flex: 1;
  font-size: 11px;
  line-height: 14px;
}
watchface-comments .watchface-comments-item .watchface-comments-item-info .info-text .author-name {
  font-weight: bold;
  font-size: 14px;
}
watchface-comments .watchface-comments-item .watchface-comments-item-info .info-report {
  font-size: 20px;
  color: #999;
}
watchface-comments .watchface-comments-item .watchface-comments-item-info .info-reply {
  margin-right: 10px;
}
watchface-comments .watchface-comments-item .watchface-comments-item-info .info-reply .replied-label {
  text-decoration: none;
  color: #999;
}
watchface-comments .watchface-comments-item .comment-content {
  display: -webkit-flex;
  display: -moz-flex;
  display: -ms-flex;
  display: flex;
  padding-top: 10px;
  color: #555;
  font-size: 16px;
}
watchface-comments .watchface-comments-item .comment-content .comment-text {
  -webkit-flex: 1;
  -moz-flex: 1;
  -ms-flex: 1;
  flex: 1;
  padding-left: 5px;
  overflow: auto;
  overflow-wrap: break-word;
}
watchface-comments .watchface-comments-item .comment-content .comment-image {
  -webkit-flex: 0 0 100px;
  -moz-flex: 0 0 100px;
  -ms-flex: 0 0 100px;
  flex: 0 0 100px;
  height: 100px;
  border-radius: 5px;
  background-size: cover;
  background-position: center;
}
@media (max-width: 767px) {
  watchface-comments {
    margin-bottom: 20px;
  }
}

/**
 * @deprecated This file is deprecated as of 2021-10-24 and will be removed in a future update.
 * Please use '1_settings/colors.scss' for all color-related styles.
 * 
 * TODO: Remove this file once all references have been updated to use global/colors.scss
 */
.blue-text {
  color: #2bade3;
}

.premium-text {
  color: #eeb60b !important;
}

.red-text {
  color: #f31805 !important;
}

.facer-panel {
  border: 1px solid #bbb;
  padding: 10px 15px;
  border-radius: 16px;
}
.facer-panel .facer-panel-content {
  display: -webkit-flex;
  display: -moz-flex;
  display: -ms-flex;
  display: flex;
}
.facer-panel .facer-panel-content .facer-panel-icon {
  font-size: 70px;
  line-height: 70px;
  display: inline-block;
  height: 70px;
}
.facer-panel .facer-panel-content .facer-panel-body {
  color: #5f5f5f;
  -webkit-flex: 1;
  -moz-flex: 1;
  -ms-flex: 1;
  flex: 1;
  display: -webkit-flex;
  display: -moz-flex;
  display: -ms-flex;
  display: flex;
  -webkit-flex-direction: column;
  -moz-flex-direction: column;
  -ms-flex-direction: column;
  flex-direction: column;
  -webkit-justify-content: space-around;
  -moz-justify-content: space-around;
  -ms-justify-content: space-around;
  justify-content: space-around;
  font-size: 16px;
  margin-left: 20px;
}
.facer-panel .facer-panel-content .facer-panel-body .facer-panel-text {
  font-weight: bold;
}
.facer-panel .facer-panel-content .facer-panel-body .facer-panel-actions {
  text-align: left;
}
.facer-panel .facer-panel-content .facer-panel-body .facer-panel-actions .facer-panel-action {
  display: inline-block;
  margin-right: 10px;
}
.facer-panel .facer-panel-content .facer-panel-body .facer-panel-actions .facer-panel-main-action {
  font-weight: bold;
  background: #5f5f5f;
  color: white;
  display: inline-block;
  padding: 5px 10px;
  border-radius: 5px;
}
.facer-panel.facer-panel-blue .facer-panel-icon {
  color: #2bade3;
}
.facer-panel.facer-panel-blue .facer-panel-main-action {
  background: #2bade3 !important;
}
.facer-panel.facer-panel-gold .facer-panel-icon {
  color: #eeb60b;
}
.facer-panel.facer-panel-gold .facer-panel-main-action {
  background: #eeb60b !important;
}
.facer-panel.facer-panel-new {
  border-radius: 10px;
  padding: 15px 20px;
  border: none;
}
.facer-panel.facer-panel-new .facer-panel-text {
  font-size: 16px !important;
  font-weight: 400 !important;
}
.facer-panel.facer-panel-new .facer-panel-icon {
  font-size: 29px;
  line-height: normal;
  height: auto;
  display: -webkit-flex;
  display: -moz-flex;
  display: -ms-flex;
  display: flex;
  -webkit-align-items: center;
  -moz-align-items: center;
  -ms-align-items: center;
  align-items: center;
}
.facer-panel.facer-panel-new .facer-panel-body {
  -webkit-flex-direction: row;
  -moz-flex-direction: row;
  -ms-flex-direction: row;
  flex-direction: row;
  -webkit-justify-content: space-between;
  -moz-justify-content: space-between;
  -ms-justify-content: space-between;
  justify-content: space-between;
  -webkit-align-items: center;
  -moz-align-items: center;
  -ms-align-items: center;
  align-items: center;
}
.facer-panel.facer-panel-new .facer-panel-actions {
  display: -webkit-flex;
  display: -moz-flex;
  display: -ms-flex;
  display: flex;
  -webkit-align-items: center;
  -moz-align-items: center;
  -ms-align-items: center;
  align-items: center;
}
.facer-panel.facer-panel-new.facer-panel-blue {
  background: #2bade3 !important;
}
.facer-panel.facer-panel-new.facer-panel-blue .facer-panel-icon,
.facer-panel.facer-panel-new.facer-panel-blue .facer-panel-text,
.facer-panel.facer-panel-new.facer-panel-blue .facer-panel-action {
  color: white;
}
.facer-panel.facer-panel-new.facer-panel-blue .facer-panel-dismiss-action {
  opacity: 0.5;
}
.facer-panel.facer-panel-new.facer-panel-blue .facer-panel-main-action {
  border-radius: 40px !important;
  background: white !important;
  color: #2bade3 !important;
  margin-right: 25px !important;
  padding: 10px 40px !important;
}

rating-prompt .items-wrapper {
  display: block;
  padding: 15px 15px 5px;
}

.page-modal .iframe-wrapper {
  z-index: 1;
  margin: auto;
  height: 500px;
  height: 600px;
  width: 400px;
}
.page-modal .iframe-wrapper iframe {
  border-radius: 5px;
  height: 100%;
  width: 100%;
  border: none;
  outline: none;
}

.template-select-modal .facer-modal-content {
  position: relative;
  max-width: none !important;
  width: 750px !important;
}
.template-select-modal .header-options {
  display: -webkit-flex;
  display: -moz-flex;
  display: -ms-flex;
  display: flex;
  gap: 10px;
}
.template-select-modal watchface,
.template-select-modal .facer-modal-body {
  padding: 20px;
  margin-bottom: 0 !important;
}
.template-select-modal watchface.wearos-tizen-watchface .no-skin-watch-preview-wrapper {
  border-radius: 100% !important;
  border: #777 4px solid;
}
.template-select-modal .facer-modal-title-flex {
  display: -webkit-flex;
  display: -moz-flex;
  display: -ms-flex;
  display: flex;
  -webkit-align-items: center;
  -moz-align-items: center;
  -ms-align-items: center;
  align-items: center;
  gap: 20px;
}
.template-select-modal .facer-modal-title-flex .header-title {
  -webkit-flex: 1;
  -moz-flex: 1;
  -ms-flex: 1;
  flex: 1;
}
.template-select-modal .facer-modal-close {
  position: absolute;
  color: #ccc;
  top: 13px;
  right: 13px;
}
.template-select-modal .watchface-wrapper {
  margin: auto;
  float: none;
  display: inline-block;
  width: 200px;
}
.template-select-modal .watchface-wrapper .watch-sizing-wrapper {
  margin: 0;
}

:root {
  --facer-default-font: "Roboto", Helvetica, Arial, sans-serif;
  --facer-text-size-small: 12px;
  --facer-text-size-normal: 14px;
}

.normal-text, .muted-text, .bold-text, .light-text, .dark-text, .page-title, .page-title-medium, .page-subtitle, .button-text, .caption-text, .text-button, .small-text-button, .large-button-text, .facer-share-modal .facer-modal-content .facer-modal-inspect-cta, .facer-share-modal .facer-modal-content .facer-modal-share-cta, .xlarge-button-text, .card-text-title,
.modal-text-title,
.facer-share-modal .facer-modal-content .facer-modal-title, .card-text-title-hovered, .stat-text-value, .detail-text, .small-detail-text, .jumbo-text, .jumbo-text-detail, .facer-button, .facer-button i:not(.glyphicon), .facer-button.btn-xl i, .facer-button.btn-lg i, .facer-button.btn-sm,
.facer-button.btn-sm i, print-button[type=text] .sync-button .icon-pushtowatch:before,
sync-button[type=text] .sync-button .icon-pushtowatch:before, .follow-button .btn, .follow-button .btn i, .follow-button.follow-button-compact .btn,
.follow-button.follow-button-compact .btn i, .dashboard-outer-wrapper .btn, .dashboard-outer-wrapper .btn i:not(.glyphicon), .dashboard-outer-wrapper .btn-xl.btn i, .dashboard-outer-wrapper .btn-lg.btn i,
.dashboard-outer-wrapper .btn-sm.btn i, .dashboard-outer-wrapper .dashboard-watchface-stats .dashboard-watchface-stat .dashboard-watchface-stat-value, .dashboard-outer-wrapper .default-page .default-page-title, .dashboard-outer-wrapper .default-page .default-page-subtitle, .dashboard-outer-wrapper .default-page .default-page-starting-points .default-page-starting-point .default-page-starting-point-title, .dashboard-outer-wrapper .default-page .default-page-starting-points .default-page-starting-point p, .dashboard-page-header .dashboard-page-header-title, .dashboard-page-header .dashboard-page-header-detail, .dashboard-watchface-list .dashboard-watchface-item:hover .dashboard-watchface-item-title,
.dashboard-watchface-list .dashboard-watchface-item:hover .dashboard-watchface-item-title a, .dashboard-watchface-list .dashboard-watchface-item .dashboard-watchface-item-title-outer-wrapper .dashboard-watchface-item-title,
.dashboard-watchface-list .dashboard-watchface-item .dashboard-watchface-item-title-outer-wrapper .dashboard-watchface-item-title a, .dashboard-watchface-list .dashboard-watchface-item .dashboard-watchface-item-details, .dashboard-watchface-list .dashboard-watchface-item .dashboard-watchface-item-details .edit-date, .dashboard-watchface-list .dashboard-watchface-item .dashboard-watchface-item-extra-details .dashboard-watchface-item-stats, .dashboard-watchface-list .dashboard-watchface-item .dashboard-watchface-item-extra-details .dashboard-watchface-item-stats .dashboard-watchface-item-stat i, .dashboard-watchface-list .dashboard-watchface-item .dashboard-watchface-item-extra-details .dashboard-watchface-item-platforms i, .publish-form__header, .publish-form h1, .top-charts .btn, .top-charts .btn i:not(.glyphicon), .top-charts .btn-xl.btn i, .top-charts .btn-lg.btn i,
.top-charts .btn-sm.btn i, .top-charts .top-charts-header .top-charts-header-title h1, .top-charts .top-charts-header .top-charts-header-title .top-charts-header-subtitle, .notification-feed a .notification-feed-item-content .notification-feed-item-title + .notification-feed-item-message, .notification-feed a .notification-feed-item-content .notification-feed-item-comment-reply-wrapper, .auth-modal h1, .auth-page h1 {
  font-family: var(--facer-default-font);
  color: var(--facer-dark);
}

.muted-text, .dashboard-watchface-list .dashboard-watchface-item .dashboard-watchface-item-details .edit-date, .dashboard-watchface-list .dashboard-watchface-item .dashboard-watchface-item-extra-details .dashboard-watchface-item-platforms i {
  color: var(--facer-muted);
}

.bold-text {
  font-weight: 500;
}

.light-text, .dashboard-outer-wrapper .default-page .default-page-starting-points .default-page-starting-point p {
  color: var(--facer-light);
}

.dark-text {
  color: var(--facer-dark);
}

.page-title, .top-charts .top-charts-header .top-charts-header-title h1, .auth-modal h1, .auth-page h1 {
  font-weight: 500;
  font-size: 26px;
}

.page-title-medium, .dashboard-outer-wrapper .default-page .default-page-starting-points .default-page-starting-point .default-page-starting-point-title, .dashboard-page-header .dashboard-page-header-title {
  font-weight: 500;
  font-size: 22px;
}

.page-subtitle, .jumbo-text-detail, .dashboard-outer-wrapper .default-page .default-page-subtitle, .dashboard-page-header .dashboard-page-header-detail, .top-charts .top-charts-header .top-charts-header-title .top-charts-header-subtitle {
  font-weight: 400;
  font-size: 14px;
  color: var(--facer-light);
}

.button-text, .large-button-text, .facer-share-modal .facer-modal-content .facer-modal-inspect-cta, .facer-share-modal .facer-modal-content .facer-modal-share-cta, .xlarge-button-text, .facer-button, .facer-button i:not(.glyphicon), .facer-button.btn-xl i, .facer-button.btn-lg i, print-button[type=text] .sync-button .icon-pushtowatch:before,
sync-button[type=text] .sync-button .icon-pushtowatch:before, .follow-button .btn, .follow-button .btn i, .follow-button.follow-button-compact .btn, .follow-button.follow-button-compact .btn i, .dashboard-outer-wrapper .btn, .dashboard-outer-wrapper .btn i:not(.glyphicon), .dashboard-outer-wrapper .btn-xl.btn i, .dashboard-outer-wrapper .btn-lg.btn i, .top-charts .btn, .top-charts .btn i:not(.glyphicon), .top-charts .btn-xl.btn i, .top-charts .btn-lg.btn i {
  font-weight: 500;
  font-size: 14px;
}

.caption-text, .notification-feed a .notification-feed-item-content .notification-feed-item-title + .notification-feed-item-message {
  font-weight: 400;
  font-size: 14px;
  font-style: italic;
}

.text-button, .small-text-button, .facer-button.btn-sm,
.facer-button.btn-sm i, .follow-button .btn-sm.btn,
.follow-button .btn-sm.btn i, .follow-button.follow-button-compact .btn,
.follow-button.follow-button-compact .btn i, .dashboard-outer-wrapper .btn-sm.btn,
.dashboard-outer-wrapper .btn-sm.btn i, .top-charts .btn-sm.btn,
.top-charts .btn-sm.btn i, .notification-feed a .notification-feed-item-content .notification-feed-item-comment-reply-wrapper {
  font-weight: 500;
  font-size: 14px;
  color: var(--facer-blue);
}
.text-button:hover, .small-text-button:hover, .facer-button.btn-sm:hover,
.facer-button.btn-sm i:hover, .follow-button .btn-sm.btn:hover,
.follow-button .btn-sm.btn i:hover, .follow-button.follow-button-compact .btn:hover,
.follow-button.follow-button-compact .btn i:hover, .dashboard-outer-wrapper .btn-sm.btn:hover,
.dashboard-outer-wrapper .btn-sm.btn i:hover, .top-charts .btn-sm.btn:hover,
.top-charts .btn-sm.btn i:hover, .notification-feed a .notification-feed-item-content .notification-feed-item-comment-reply-wrapper:hover {
  color: var(--facer-blue-highlight);
}

.small-text-button, .facer-button.btn-sm,
.facer-button.btn-sm i, .follow-button .btn-sm.btn,
.follow-button .btn-sm.btn i, .follow-button.follow-button-compact .btn,
.follow-button.follow-button-compact .btn i, .dashboard-outer-wrapper .btn-sm.btn,
.dashboard-outer-wrapper .btn-sm.btn i, .top-charts .btn-sm.btn,
.top-charts .btn-sm.btn i, .notification-feed a .notification-feed-item-content .notification-feed-item-comment-reply-wrapper {
  font-weight: 500;
  font-size: 11px;
}

.text-button-completed, .notification-feed a .notification-feed-item-content .notification-feed-item-comment-reply-wrapper .notification-feed-item-comment-replied {
  font-weight: 400;
  font-style: italic;
  color: var(--facer-light);
}

.large-button-text, .facer-share-modal .facer-modal-content .facer-modal-inspect-cta, .facer-share-modal .facer-modal-content .facer-modal-share-cta, .facer-button.btn-lg i, .follow-button .btn i, .follow-button.follow-button-compact .btn i, .dashboard-outer-wrapper .btn-lg.btn i, .top-charts .btn-lg.btn i {
  font-weight: 500;
  font-size: 18px;
}

.xlarge-button-text, .facer-button.btn-xl i, .follow-button .btn-xl.btn i, .dashboard-outer-wrapper .btn-xl.btn i, .top-charts .btn-xl.btn i {
  font-weight: 500;
  font-size: 26px;
}

.card-text-title, .card-text-title-hovered, .stat-text-value, .dashboard-outer-wrapper .dashboard-watchface-stats .dashboard-watchface-stat .dashboard-watchface-stat-value, .dashboard-watchface-list .dashboard-watchface-item:hover .dashboard-watchface-item-title,
.dashboard-watchface-list .dashboard-watchface-item:hover .dashboard-watchface-item-title a, .dashboard-watchface-list .dashboard-watchface-item .dashboard-watchface-item-title-outer-wrapper .dashboard-watchface-item-title,
.dashboard-watchface-list .dashboard-watchface-item .dashboard-watchface-item-title-outer-wrapper .dashboard-watchface-item-title a,
.modal-text-title,
.facer-share-modal .facer-modal-content .facer-modal-title {
  font-weight: 500;
  font-size: 20px;
}

.card-text-title-hovered, .dashboard-watchface-list .dashboard-watchface-item:hover .dashboard-watchface-item-title,
.dashboard-watchface-list .dashboard-watchface-item:hover .dashboard-watchface-item-title a {
  color: var(--facer-blue);
}

.stat-text-value, .dashboard-outer-wrapper .dashboard-watchface-stats .dashboard-watchface-stat .dashboard-watchface-stat-value {
  font-weight: bold;
  color: var(--facer-blue);
}

.detail-text, .dashboard-watchface-list .dashboard-watchface-item .dashboard-watchface-item-details {
  font-size: 12px;
}

.small-detail-text, .dashboard-watchface-list .dashboard-watchface-item .dashboard-watchface-item-extra-details .dashboard-watchface-item-stats {
  font-size: 11px;
}

.jumbo-text, .dashboard-outer-wrapper .default-page .default-page-title, .publish-form__header, .publish-form h1 {
  font-weight: 500;
  font-size: 30px;
}

.text-link, .premium-page .premium-page-footer ul li a {
  font-weight: bold;
  color: var(--facer-blue) !important;
}
.text-link:hover, .premium-page .premium-page-footer ul li a:hover {
  color: var(--facer-blue-highlight) !important;
}
.text-link.disabled, .premium-page .premium-page-footer ul li a.disabled {
  color: #999 !important;
  cursor: not-allowed;
}
.text-link i, .premium-page .premium-page-footer ul li a i {
  vertical-align: middle;
  font-size: 130%;
}
.text-link.text-link-orange, .premium-page .premium-page-footer ul li a.text-link-orange {
  color: orange !important;
}
.text-link.text-link-orange:hover, .premium-page .premium-page-footer ul li a.text-link-orange:hover {
  color: #ffaf1d !important;
}

.facer-share-modal .facer-modal-content {
  max-width: none !important;
  width: auto !important;
}
.facer-share-modal .facer-modal-content .facer-modal-title {
  margin-top: 10px;
  margin-bottom: 15px !important;
  text-align: left;
}
.facer-share-modal .facer-modal-content .share-buttons {
  text-align: left;
  display: -webkit-flex;
  display: -moz-flex;
  display: -ms-flex;
  display: flex;
  gap: 10px;
}
.facer-share-modal .facer-modal-content .share-buttons .share-button {
  display: inline-block;
  width: 40px;
  height: 40px;
  border-radius: 20px;
  font-size: 20px;
  background: #a1a1a1;
  color: white;
  display: -webkit-flex;
  display: -moz-flex;
  display: -ms-flex;
  display: flex;
  -webkit-flex-direction: row;
  -moz-flex-direction: row;
  -ms-flex-direction: row;
  flex-direction: row;
  -webkit-align-items: center;
  -moz-align-items: center;
  -ms-align-items: center;
  align-items: center;
  -webkit-justify-content: center;
  -moz-justify-content: center;
  -ms-justify-content: center;
  justify-content: center;
}
.facer-share-modal .facer-modal-content .share-buttons .share-button.share-button-facebook {
  background: #4565af;
}
.facer-share-modal .facer-modal-content .share-buttons .share-button.share-button-twitter {
  background: #3c9cf4;
}
.facer-share-modal .facer-modal-content .share-buttons .share-button.share-button-reddit {
  background: #ff5700;
}
.facer-share-modal .facer-modal-content .facer-modal-share-cta {
  font-size: 16px;
  text-align: left;
}
.facer-share-modal .facer-modal-content .facer-modal-inspect-cta {
  display: -webkit-flex;
  display: -moz-flex;
  display: -ms-flex;
  display: flex;
  -webkit-align-items: center;
  -moz-align-items: center;
  -ms-align-items: center;
  align-items: center;
  margin-top: 20px;
  font-size: 16px;
  background-color: #f8f8f8;
  border-radius: 6px;
  padding: 10px;
  text-align: left;
}
.facer-share-modal .facer-modal-content .facer-modal-inspect-cta span {
  -webkit-flex: 1;
  -moz-flex: 1;
  -ms-flex: 1;
  flex: 1;
}
.facer-share-modal .facer-modal-content .facer-modal-inspect-cta i {
  font-size: 30px;
  color: #2c2c2c;
  margin-right: 10px;
}
.facer-share-modal .facer-modal-content .facer-modal-inspect-cta .toggle {
  width: 40px;
  height: 20px;
  padding: 2px 22px 2px 2px;
  border-radius: 10px;
  background-color: gray;
  -webkit-transition: padding linear 100ms, background-color linear 250ms;
  -moz-transition: padding linear 100ms, background-color linear 250ms;
  -ms-transition: padding linear 100ms, background-color linear 250ms;
  transition: padding linear 100ms, background-color linear 250ms;
}
.facer-share-modal .facer-modal-content .facer-modal-inspect-cta .toggle .toggle-btn {
  width: 16px;
  height: 16px;
  background-color: #fff;
  border-radius: 10px;
}
.facer-share-modal .facer-modal-content .facer-modal-inspect-cta .toggle.enabled {
  background-color: var(--facer-blue);
  padding-left: 22px;
  padding-right: 2px;
}
@media screen and (min-width: 1000px) {
  .facer-share-modal .facer-modal-content {
    display: -webkit-flex;
    display: -moz-flex;
    display: -ms-flex;
    display: flex;
    padding-bottom: 20px !important;
  }
  .facer-share-modal .facer-modal-content .facer-modal-image {
    margin-right: 30px !important;
    margin-bottom: 0 !important;
  }
  .facer-share-modal .facer-modal-content .facer-modal-image img {
    border-radius: 6px;
  }
  .facer-share-modal .facer-modal-content .facer-modal-body {
    text-align: left;
  }
  .facer-share-modal .facer-modal-content .facer-modal-form {
    width: 350px;
  }
}

/**
 * @deprecated This file is deprecated as of 2021-10-24 and will be removed in a future update.
 * Please use '1_settings/colors.scss' for all color-related styles.
 * 
 * TODO: Remove this file once all references have been updated to use global/colors.scss
 */
.blue-text {
  color: #2bade3;
}

.premium-text {
  color: #eeb60b !important;
}

.red-text {
  color: #f31805 !important;
}

/**
 * @deprecated This file is deprecated as of 2021-10-24 and will be removed in a future update.
 * Please use '4_elements/button.scss' for all button-related styles.
 * 
 * TODO: Remove this file once all references have been updated to use 4_elements/button.scss
 */
:root {
  --facer-default-font: "Roboto", Helvetica, Arial, sans-serif;
  --facer-text-size-small: 12px;
  --facer-text-size-normal: 14px;
}

.normal-text, .muted-text, .bold-text, .light-text, .dark-text, .page-title, .page-title-medium, .page-subtitle, .button-text, .caption-text, .text-button, .small-text-button, .large-button-text, .xlarge-button-text, .card-text-title,
.modal-text-title, .card-text-title-hovered, .stat-text-value, .detail-text, .small-detail-text, .jumbo-text, .jumbo-text-detail, .facer-button, .facer-button i:not(.glyphicon), .facer-button.btn-xl i, .facer-button.btn-lg i, .facer-button.btn-sm,
.facer-button.btn-sm i, print-button[type=text] .sync-button .icon-pushtowatch:before,
sync-button[type=text] .sync-button .icon-pushtowatch:before, .follow-button .btn, .follow-button .btn i, .follow-button.follow-button-compact .btn,
.follow-button.follow-button-compact .btn i, .dashboard-outer-wrapper .btn, .dashboard-outer-wrapper .btn i:not(.glyphicon), .dashboard-outer-wrapper .btn-xl.btn i, .dashboard-outer-wrapper .btn-lg.btn i,
.dashboard-outer-wrapper .btn-sm.btn i, .dashboard-outer-wrapper .dashboard-watchface-stats .dashboard-watchface-stat .dashboard-watchface-stat-value, .dashboard-outer-wrapper .default-page .default-page-title, .dashboard-outer-wrapper .default-page .default-page-subtitle, .dashboard-outer-wrapper .default-page .default-page-starting-points .default-page-starting-point .default-page-starting-point-title, .dashboard-outer-wrapper .default-page .default-page-starting-points .default-page-starting-point p, .dashboard-page-header .dashboard-page-header-title, .dashboard-page-header .dashboard-page-header-detail, .dashboard-watchface-list .dashboard-watchface-item:hover .dashboard-watchface-item-title,
.dashboard-watchface-list .dashboard-watchface-item:hover .dashboard-watchface-item-title a, .dashboard-watchface-list .dashboard-watchface-item .dashboard-watchface-item-title-outer-wrapper .dashboard-watchface-item-title,
.dashboard-watchface-list .dashboard-watchface-item .dashboard-watchface-item-title-outer-wrapper .dashboard-watchface-item-title a, .dashboard-watchface-list .dashboard-watchface-item .dashboard-watchface-item-details, .dashboard-watchface-list .dashboard-watchface-item .dashboard-watchface-item-details .edit-date, .dashboard-watchface-list .dashboard-watchface-item .dashboard-watchface-item-extra-details .dashboard-watchface-item-stats, .dashboard-watchface-list .dashboard-watchface-item .dashboard-watchface-item-extra-details .dashboard-watchface-item-stats .dashboard-watchface-item-stat i, .dashboard-watchface-list .dashboard-watchface-item .dashboard-watchface-item-extra-details .dashboard-watchface-item-platforms i, .publish-form__header, .publish-form h1, .top-charts .btn, .top-charts .btn i:not(.glyphicon), .top-charts .btn-xl.btn i, .top-charts .btn-lg.btn i,
.top-charts .btn-sm.btn i, .top-charts .top-charts-header .top-charts-header-title h1, .top-charts .top-charts-header .top-charts-header-title .top-charts-header-subtitle, .notification-feed a .notification-feed-item-content .notification-feed-item-title + .notification-feed-item-message, .notification-feed a .notification-feed-item-content .notification-feed-item-comment-reply-wrapper, .auth-modal h1, .auth-page h1,
.facer-share-modal .facer-modal-content .facer-modal-title, .facer-share-modal .facer-modal-content .facer-modal-share-cta, .facer-share-modal .facer-modal-content .facer-modal-inspect-cta {
  font-family: var(--facer-default-font);
  color: var(--facer-dark);
}

.muted-text, .dashboard-watchface-list .dashboard-watchface-item .dashboard-watchface-item-details .edit-date, .dashboard-watchface-list .dashboard-watchface-item .dashboard-watchface-item-extra-details .dashboard-watchface-item-platforms i {
  color: var(--facer-muted);
}

.bold-text {
  font-weight: 500;
}

.light-text, .dashboard-outer-wrapper .default-page .default-page-starting-points .default-page-starting-point p {
  color: var(--facer-light);
}

.dark-text {
  color: var(--facer-dark);
}

.page-title, .top-charts .top-charts-header .top-charts-header-title h1, .auth-modal h1, .auth-page h1 {
  font-weight: 500;
  font-size: 26px;
}

.page-title-medium, .dashboard-outer-wrapper .default-page .default-page-starting-points .default-page-starting-point .default-page-starting-point-title, .dashboard-page-header .dashboard-page-header-title {
  font-weight: 500;
  font-size: 22px;
}

.page-subtitle, .jumbo-text-detail, .dashboard-outer-wrapper .default-page .default-page-subtitle, .dashboard-page-header .dashboard-page-header-detail, .top-charts .top-charts-header .top-charts-header-title .top-charts-header-subtitle {
  font-weight: 400;
  font-size: 14px;
  color: var(--facer-light);
}

.button-text, .large-button-text, .xlarge-button-text, .facer-button, .facer-button i:not(.glyphicon), .facer-button.btn-xl i, .facer-button.btn-lg i, print-button[type=text] .sync-button .icon-pushtowatch:before,
sync-button[type=text] .sync-button .icon-pushtowatch:before, .follow-button .btn, .follow-button .btn i, .follow-button.follow-button-compact .btn, .follow-button.follow-button-compact .btn i, .dashboard-outer-wrapper .btn, .dashboard-outer-wrapper .btn i:not(.glyphicon), .dashboard-outer-wrapper .btn-xl.btn i, .dashboard-outer-wrapper .btn-lg.btn i, .top-charts .btn, .top-charts .btn i:not(.glyphicon), .top-charts .btn-xl.btn i, .top-charts .btn-lg.btn i, .facer-share-modal .facer-modal-content .facer-modal-share-cta, .facer-share-modal .facer-modal-content .facer-modal-inspect-cta {
  font-weight: 500;
  font-size: 14px;
}

.caption-text, .notification-feed a .notification-feed-item-content .notification-feed-item-title + .notification-feed-item-message {
  font-weight: 400;
  font-size: 14px;
  font-style: italic;
}

.text-button, .small-text-button, .facer-button.btn-sm,
.facer-button.btn-sm i, .follow-button .btn-sm.btn,
.follow-button .btn-sm.btn i, .follow-button.follow-button-compact .btn,
.follow-button.follow-button-compact .btn i, .dashboard-outer-wrapper .btn-sm.btn,
.dashboard-outer-wrapper .btn-sm.btn i, .top-charts .btn-sm.btn,
.top-charts .btn-sm.btn i, .notification-feed a .notification-feed-item-content .notification-feed-item-comment-reply-wrapper {
  font-weight: 500;
  font-size: 14px;
  color: var(--facer-blue);
}
.text-button:hover, .small-text-button:hover, .facer-button.btn-sm:hover,
.facer-button.btn-sm i:hover, .follow-button .btn-sm.btn:hover,
.follow-button .btn-sm.btn i:hover, .follow-button.follow-button-compact .btn:hover,
.follow-button.follow-button-compact .btn i:hover, .dashboard-outer-wrapper .btn-sm.btn:hover,
.dashboard-outer-wrapper .btn-sm.btn i:hover, .top-charts .btn-sm.btn:hover,
.top-charts .btn-sm.btn i:hover, .notification-feed a .notification-feed-item-content .notification-feed-item-comment-reply-wrapper:hover {
  color: var(--facer-blue-highlight);
}

.small-text-button, .facer-button.btn-sm,
.facer-button.btn-sm i, .follow-button .btn-sm.btn,
.follow-button .btn-sm.btn i, .follow-button.follow-button-compact .btn,
.follow-button.follow-button-compact .btn i, .dashboard-outer-wrapper .btn-sm.btn,
.dashboard-outer-wrapper .btn-sm.btn i, .top-charts .btn-sm.btn,
.top-charts .btn-sm.btn i, .notification-feed a .notification-feed-item-content .notification-feed-item-comment-reply-wrapper {
  font-weight: 500;
  font-size: 11px;
}

.text-button-completed, .notification-feed a .notification-feed-item-content .notification-feed-item-comment-reply-wrapper .notification-feed-item-comment-replied {
  font-weight: 400;
  font-style: italic;
  color: var(--facer-light);
}

.large-button-text, .facer-button.btn-lg i, .follow-button .btn i, .follow-button.follow-button-compact .btn i, .dashboard-outer-wrapper .btn-lg.btn i, .top-charts .btn-lg.btn i, .facer-share-modal .facer-modal-content .facer-modal-share-cta, .facer-share-modal .facer-modal-content .facer-modal-inspect-cta {
  font-weight: 500;
  font-size: 18px;
}

.xlarge-button-text, .facer-button.btn-xl i, .follow-button .btn-xl.btn i, .dashboard-outer-wrapper .btn-xl.btn i, .top-charts .btn-xl.btn i {
  font-weight: 500;
  font-size: 26px;
}

.card-text-title, .card-text-title-hovered, .stat-text-value, .dashboard-outer-wrapper .dashboard-watchface-stats .dashboard-watchface-stat .dashboard-watchface-stat-value, .dashboard-watchface-list .dashboard-watchface-item:hover .dashboard-watchface-item-title,
.dashboard-watchface-list .dashboard-watchface-item:hover .dashboard-watchface-item-title a, .dashboard-watchface-list .dashboard-watchface-item .dashboard-watchface-item-title-outer-wrapper .dashboard-watchface-item-title,
.dashboard-watchface-list .dashboard-watchface-item .dashboard-watchface-item-title-outer-wrapper .dashboard-watchface-item-title a,
.modal-text-title,
.facer-share-modal .facer-modal-content .facer-modal-title {
  font-weight: 500;
  font-size: 20px;
}

.card-text-title-hovered, .dashboard-watchface-list .dashboard-watchface-item:hover .dashboard-watchface-item-title,
.dashboard-watchface-list .dashboard-watchface-item:hover .dashboard-watchface-item-title a {
  color: var(--facer-blue);
}

.stat-text-value, .dashboard-outer-wrapper .dashboard-watchface-stats .dashboard-watchface-stat .dashboard-watchface-stat-value {
  font-weight: bold;
  color: var(--facer-blue);
}

.detail-text, .dashboard-watchface-list .dashboard-watchface-item .dashboard-watchface-item-details {
  font-size: 12px;
}

.small-detail-text, .dashboard-watchface-list .dashboard-watchface-item .dashboard-watchface-item-extra-details .dashboard-watchface-item-stats {
  font-size: 11px;
}

.jumbo-text, .dashboard-outer-wrapper .default-page .default-page-title, .publish-form__header, .publish-form h1 {
  font-weight: 500;
  font-size: 30px;
}

.text-link, .premium-page .premium-page-footer ul li a {
  font-weight: bold;
  color: var(--facer-blue) !important;
}
.text-link:hover, .premium-page .premium-page-footer ul li a:hover {
  color: var(--facer-blue-highlight) !important;
}
.text-link.disabled, .premium-page .premium-page-footer ul li a.disabled {
  color: #999 !important;
  cursor: not-allowed;
}
.text-link i, .premium-page .premium-page-footer ul li a i {
  vertical-align: middle;
  font-size: 130%;
}
.text-link.text-link-orange, .premium-page .premium-page-footer ul li a.text-link-orange {
  color: orange !important;
}
.text-link.text-link-orange:hover, .premium-page .premium-page-footer ul li a.text-link-orange:hover {
  color: #ffaf1d !important;
}

/**
 * @deprecated This file is deprecated as of 2021-10-24 and will be removed in a future update.
 * Please use '1_settings/colors.scss' for all color-related styles.
 * 
 * TODO: Remove this file once all references have been updated to use global/colors.scss
 */
.blue-text {
  color: #2bade3;
}

.premium-text {
  color: #eeb60b !important;
}

.red-text {
  color: #f31805 !important;
}

.media-button, [banner-video] .video-wrapper .controls-wrapper .controls .video-button, .watchface-media .watchface-media-item .watchface-media-buttons .watchface-media-button {
  color: white;
  display: inline-block;
  width: 48px;
  text-align: center;
  height: 48px !important;
  border-radius: 50%;
  font-size: 24px;
  line-height: 40px;
  background-color: rgba(0, 0, 0, 0.75);
  margin: auto;
  display: -webkit-flex;
  display: -moz-flex;
  display: -ms-flex;
  display: flex;
  -webkit-flex-direction: column;
  -moz-flex-direction: column;
  -ms-flex-direction: column;
  flex-direction: column;
  -webkit-justify-content: center;
  -moz-justify-content: center;
  -ms-justify-content: center;
  justify-content: center;
}
.media-button i, [banner-video] .video-wrapper .controls-wrapper .controls .video-button i, .watchface-media .watchface-media-item .watchface-media-buttons .watchface-media-button i {
  vertical-align: middle;
  display: block;
  line-height: 0;
}
.media-button i.icon-play, [banner-video] .video-wrapper .controls-wrapper .controls .video-button i.icon-play, .watchface-media .watchface-media-item .watchface-media-buttons .watchface-media-button i.icon-play {
  line-height: 0;
  margin-left: 5px;
}

.btn.btn-default.btn-secondary {
  border: 1px solid #bbb;
}

.btn.btn-primary-v2 {
  border: 2px solid #2bade3;
  color: #2bade3;
  background-color: white;
}

.facer-button, .follow-button .btn, .follow-button.follow-button-compact .btn, .dashboard-outer-wrapper .btn, .top-charts .btn {
  display: -webkit-flex;
  display: -moz-flex;
  display: -ms-flex;
  display: flex;
  -webkit-justify-content: center;
  -moz-justify-content: center;
  -ms-justify-content: center;
  justify-content: center;
  -webkit-align-items: center;
  -moz-align-items: center;
  -ms-align-items: center;
  align-items: center;
  gap: 10px;
  min-height: 32px;
  height: auto;
  line-height: normal;
  padding: 0 20px;
  border-radius: 16px;
}
.facer-button i:not(.glyphicon), .follow-button .btn i:not(.glyphicon), .dashboard-outer-wrapper .btn i:not(.glyphicon), .top-charts .btn i:not(.glyphicon) {
  height: auto;
  margin: auto;
  line-height: 0;
}
.facer-button.btn-xl, .follow-button .btn-xl.btn, .dashboard-outer-wrapper .btn-xl.btn, .top-charts .btn-xl.btn {
  height: 55px !important;
  padding: 0 20px;
  border-radius: 27.5px;
  vertical-align: middle;
  font-size: 16px;
  font-weight: 500;
}
.facer-button.btn-lg, .dashboard-outer-wrapper .btn-lg.btn, .top-charts .btn-lg.btn, .follow-button .btn, .follow-button.follow-button-compact .btn {
  height: 40px !important;
  padding: 0 20px;
  border-radius: 20px;
  vertical-align: middle;
}
.facer-button.btn-sm, .follow-button .btn-sm.btn, .dashboard-outer-wrapper .btn-sm.btn, .top-charts .btn-sm.btn, .follow-button.follow-button-compact .btn {
  height: 35px !important;
  padding: 0 20px;
  border-radius: 17.5px;
  vertical-align: middle;
}
.facer-button.btn-primary, .follow-button .btn-primary.btn, .dashboard-outer-wrapper .btn-primary.btn, .top-charts .btn-primary.btn {
  color: white !important;
}
.facer-button.btn-primary i, .follow-button .btn-primary.btn i, .dashboard-outer-wrapper .btn-primary.btn i, .top-charts .btn-primary.btn i {
  color: white !important;
}
.facer-button.btn-primary:hover, .follow-button .btn-primary.btn:hover, .dashboard-outer-wrapper .btn-primary.btn:hover, .top-charts .btn-primary.btn:hover {
  box-shadow: 0 4px 6px 0 rgba(43, 173, 227, 0.2);
  background-color: #41b5e6;
  border: none;
}
.facer-button.btn-primary:active, .follow-button .btn-primary.btn:active, .dashboard-outer-wrapper .btn-primary.btn:active, .top-charts .btn-primary.btn:active {
  border-color: #41b5e6;
}
.facer-button.btn-primary[disabled=disabled], .follow-button .btn-primary[disabled=disabled].btn, .dashboard-outer-wrapper .btn-primary[disabled=disabled].btn, .top-charts .btn-primary[disabled=disabled].btn {
  background: #ededed;
  color: #b8b8b8 !important;
}
.facer-button.btn-rounded, .follow-button .btn-rounded.btn, .dashboard-outer-wrapper .btn-rounded.btn, .top-charts .btn-rounded.btn {
  border-radius: 110px;
  padding: 15px 40px;
  font-size: 16px;
}
.facer-button.btn-default, .follow-button .btn-default.btn, .dashboard-outer-wrapper .btn-default.btn, .top-charts .btn-default.btn {
  background: #e6e6e6;
  border-color: #e6e6e6;
}
.facer-button.btn-default:hover, .follow-button .btn-default.btn:hover, .dashboard-outer-wrapper .btn-default.btn:hover, .top-charts .btn-default.btn:hover {
  background-color: #d0d0d0;
}
.facer-button.btn-default:active, .follow-button .btn-default.btn:active, .dashboard-outer-wrapper .btn-default.btn:active, .top-charts .btn-default.btn:active {
  border-color: #d0d0d0;
}
.facer-button.navbar-btn, .follow-button .navbar-btn.btn, .dashboard-outer-wrapper .navbar-btn.btn, .top-charts .navbar-btn.btn {
  background: transparent;
  font-size: 14px;
  display: inline;
}
.facer-button.navbar-btn i, .follow-button .navbar-btn.btn i, .dashboard-outer-wrapper .navbar-btn.btn i, .top-charts .navbar-btn.btn i {
  font-size: 20px;
}
.facer-button.input-btn, .follow-button .input-btn.btn, .dashboard-outer-wrapper .input-btn.btn, .top-charts .input-btn.btn {
  position: absolute;
  top: 4px;
  right: 4px;
  height: 26px !important;
  width: 26px;
  padding: 0;
  color: white;
}
.facer-button.dropdown-toggle, .follow-button .dropdown-toggle.btn, .dashboard-outer-wrapper .dropdown-toggle.btn, .top-charts .dropdown-toggle.btn {
  font-weight: 400;
  padding: 0 15px 0 15px;
}
.facer-button.dropdown-toggle:focus, .follow-button .dropdown-toggle.btn:focus, .dashboard-outer-wrapper .dropdown-toggle.btn:focus, .top-charts .dropdown-toggle.btn:focus {
  box-shadow: none;
  border-color: transparent;
}
.facer-button.dropdown-toggle:hover, .follow-button .dropdown-toggle.btn:hover, .dashboard-outer-wrapper .dropdown-toggle.btn:hover, .top-charts .dropdown-toggle.btn:hover, .facer-button.dropdown-toggle:active, .follow-button .dropdown-toggle.btn:active, .dashboard-outer-wrapper .dropdown-toggle.btn:active, .top-charts .dropdown-toggle.btn:active, .facer-button.dropdown-toggle:focus, .follow-button .dropdown-toggle.btn:focus, .dashboard-outer-wrapper .dropdown-toggle.btn:focus, .top-charts .dropdown-toggle.btn:focus {
  background-color: var(--facer-dark-2);
}
.facer-button .facer-button-tag, .follow-button .btn .facer-button-tag, .dashboard-outer-wrapper .btn .facer-button-tag, .top-charts .btn .facer-button-tag {
  display: -webkit-flex;
  display: -moz-flex;
  display: -ms-flex;
  display: flex;
  -webkit-flex-direction: column;
  -moz-flex-direction: column;
  -ms-flex-direction: column;
  flex-direction: column;
  -webkit-justify-content: center;
  -moz-justify-content: center;
  -ms-justify-content: center;
  justify-content: center;
  font-size: 70%;
  font-weight: 500;
  background: rgba(255, 255, 255, 0.2);
  border-radius: 11px;
  height: 22px;
  padding: 1px 10px 0;
  vertical-align: middle;
}

:root {
  --facer-default-font: "Roboto", Helvetica, Arial, sans-serif;
  --facer-text-size-small: 12px;
  --facer-text-size-normal: 14px;
}

.normal-text, .muted-text, .bold-text, .light-text, .dark-text, .page-title, .page-title-medium, .page-subtitle, .button-text, .caption-text, .text-button, .small-text-button, .large-button-text, .xlarge-button-text, .card-text-title,
.modal-text-title, .card-text-title-hovered, .stat-text-value, .detail-text, .small-detail-text, .jumbo-text, .jumbo-text-detail, .facer-button, .facer-button i:not(.glyphicon), .facer-button.btn-xl i, .facer-button.btn-lg i, .facer-button.btn-sm,
.facer-button.btn-sm i, print-button[type=text] .sync-button .icon-pushtowatch:before,
sync-button[type=text] .sync-button .icon-pushtowatch:before, .follow-button .btn, .follow-button .btn i, .follow-button.follow-button-compact .btn,
.follow-button.follow-button-compact .btn i, .dashboard-outer-wrapper .btn, .dashboard-outer-wrapper .btn i:not(.glyphicon), .dashboard-outer-wrapper .btn-xl.btn i, .dashboard-outer-wrapper .btn-lg.btn i,
.dashboard-outer-wrapper .btn-sm.btn i, .dashboard-outer-wrapper .dashboard-watchface-stats .dashboard-watchface-stat .dashboard-watchface-stat-value, .dashboard-outer-wrapper .default-page .default-page-title, .dashboard-outer-wrapper .default-page .default-page-subtitle, .dashboard-outer-wrapper .default-page .default-page-starting-points .default-page-starting-point .default-page-starting-point-title, .dashboard-outer-wrapper .default-page .default-page-starting-points .default-page-starting-point p, .dashboard-page-header .dashboard-page-header-title, .dashboard-page-header .dashboard-page-header-detail, .dashboard-watchface-list .dashboard-watchface-item:hover .dashboard-watchface-item-title,
.dashboard-watchface-list .dashboard-watchface-item:hover .dashboard-watchface-item-title a, .dashboard-watchface-list .dashboard-watchface-item .dashboard-watchface-item-title-outer-wrapper .dashboard-watchface-item-title,
.dashboard-watchface-list .dashboard-watchface-item .dashboard-watchface-item-title-outer-wrapper .dashboard-watchface-item-title a, .dashboard-watchface-list .dashboard-watchface-item .dashboard-watchface-item-details, .dashboard-watchface-list .dashboard-watchface-item .dashboard-watchface-item-details .edit-date, .dashboard-watchface-list .dashboard-watchface-item .dashboard-watchface-item-extra-details .dashboard-watchface-item-stats, .dashboard-watchface-list .dashboard-watchface-item .dashboard-watchface-item-extra-details .dashboard-watchface-item-stats .dashboard-watchface-item-stat i, .dashboard-watchface-list .dashboard-watchface-item .dashboard-watchface-item-extra-details .dashboard-watchface-item-platforms i, .publish-form__header, .publish-form h1, .top-charts .btn, .top-charts .btn i:not(.glyphicon), .top-charts .btn-xl.btn i, .top-charts .btn-lg.btn i,
.top-charts .btn-sm.btn i, .top-charts .top-charts-header .top-charts-header-title h1, .top-charts .top-charts-header .top-charts-header-title .top-charts-header-subtitle, .notification-feed a .notification-feed-item-content .notification-feed-item-title + .notification-feed-item-message, .notification-feed a .notification-feed-item-content .notification-feed-item-comment-reply-wrapper, .auth-modal h1, .auth-page h1,
.facer-share-modal .facer-modal-content .facer-modal-title, .facer-share-modal .facer-modal-content .facer-modal-share-cta, .facer-share-modal .facer-modal-content .facer-modal-inspect-cta {
  font-family: var(--facer-default-font);
  color: var(--facer-dark);
}

.muted-text, .dashboard-watchface-list .dashboard-watchface-item .dashboard-watchface-item-details .edit-date, .dashboard-watchface-list .dashboard-watchface-item .dashboard-watchface-item-extra-details .dashboard-watchface-item-platforms i {
  color: var(--facer-muted);
}

.bold-text {
  font-weight: 500;
}

.light-text, .dashboard-outer-wrapper .default-page .default-page-starting-points .default-page-starting-point p {
  color: var(--facer-light);
}

.dark-text {
  color: var(--facer-dark);
}

.page-title, .top-charts .top-charts-header .top-charts-header-title h1, .auth-modal h1, .auth-page h1 {
  font-weight: 500;
  font-size: 26px;
}

.page-title-medium, .dashboard-outer-wrapper .default-page .default-page-starting-points .default-page-starting-point .default-page-starting-point-title, .dashboard-page-header .dashboard-page-header-title {
  font-weight: 500;
  font-size: 22px;
}

.page-subtitle, .jumbo-text-detail, .dashboard-outer-wrapper .default-page .default-page-subtitle, .dashboard-page-header .dashboard-page-header-detail, .top-charts .top-charts-header .top-charts-header-title .top-charts-header-subtitle {
  font-weight: 400;
  font-size: 14px;
  color: var(--facer-light);
}

.button-text, .large-button-text, .xlarge-button-text, .facer-button, .facer-button i:not(.glyphicon), .facer-button.btn-xl i, .facer-button.btn-lg i, print-button[type=text] .sync-button .icon-pushtowatch:before,
sync-button[type=text] .sync-button .icon-pushtowatch:before, .follow-button .btn, .follow-button .btn i, .follow-button.follow-button-compact .btn, .follow-button.follow-button-compact .btn i, .dashboard-outer-wrapper .btn, .dashboard-outer-wrapper .btn i:not(.glyphicon), .dashboard-outer-wrapper .btn-xl.btn i, .dashboard-outer-wrapper .btn-lg.btn i, .top-charts .btn, .top-charts .btn i:not(.glyphicon), .top-charts .btn-xl.btn i, .top-charts .btn-lg.btn i, .facer-share-modal .facer-modal-content .facer-modal-share-cta, .facer-share-modal .facer-modal-content .facer-modal-inspect-cta {
  font-weight: 500;
  font-size: 14px;
}

.caption-text, .notification-feed a .notification-feed-item-content .notification-feed-item-title + .notification-feed-item-message {
  font-weight: 400;
  font-size: 14px;
  font-style: italic;
}

.text-button, .small-text-button, .facer-button.btn-sm,
.facer-button.btn-sm i, .follow-button .btn-sm.btn,
.follow-button .btn-sm.btn i, .follow-button.follow-button-compact .btn,
.follow-button.follow-button-compact .btn i, .dashboard-outer-wrapper .btn-sm.btn,
.dashboard-outer-wrapper .btn-sm.btn i, .top-charts .btn-sm.btn,
.top-charts .btn-sm.btn i, .notification-feed a .notification-feed-item-content .notification-feed-item-comment-reply-wrapper {
  font-weight: 500;
  font-size: 14px;
  color: var(--facer-blue);
}
.text-button:hover, .small-text-button:hover, .facer-button.btn-sm:hover,
.facer-button.btn-sm i:hover, .follow-button .btn-sm.btn:hover,
.follow-button .btn-sm.btn i:hover, .follow-button.follow-button-compact .btn:hover,
.follow-button.follow-button-compact .btn i:hover, .dashboard-outer-wrapper .btn-sm.btn:hover,
.dashboard-outer-wrapper .btn-sm.btn i:hover, .top-charts .btn-sm.btn:hover,
.top-charts .btn-sm.btn i:hover, .notification-feed a .notification-feed-item-content .notification-feed-item-comment-reply-wrapper:hover {
  color: var(--facer-blue-highlight);
}

.small-text-button, .facer-button.btn-sm,
.facer-button.btn-sm i, .follow-button .btn-sm.btn,
.follow-button .btn-sm.btn i, .follow-button.follow-button-compact .btn,
.follow-button.follow-button-compact .btn i, .dashboard-outer-wrapper .btn-sm.btn,
.dashboard-outer-wrapper .btn-sm.btn i, .top-charts .btn-sm.btn,
.top-charts .btn-sm.btn i, .notification-feed a .notification-feed-item-content .notification-feed-item-comment-reply-wrapper {
  font-weight: 500;
  font-size: 11px;
}

.text-button-completed, .notification-feed a .notification-feed-item-content .notification-feed-item-comment-reply-wrapper .notification-feed-item-comment-replied {
  font-weight: 400;
  font-style: italic;
  color: var(--facer-light);
}

.large-button-text, .facer-button.btn-lg i, .follow-button .btn i, .follow-button.follow-button-compact .btn i, .dashboard-outer-wrapper .btn-lg.btn i, .top-charts .btn-lg.btn i, .facer-share-modal .facer-modal-content .facer-modal-share-cta, .facer-share-modal .facer-modal-content .facer-modal-inspect-cta {
  font-weight: 500;
  font-size: 18px;
}

.xlarge-button-text, .facer-button.btn-xl i, .follow-button .btn-xl.btn i, .dashboard-outer-wrapper .btn-xl.btn i, .top-charts .btn-xl.btn i {
  font-weight: 500;
  font-size: 26px;
}

.card-text-title, .card-text-title-hovered, .stat-text-value, .dashboard-outer-wrapper .dashboard-watchface-stats .dashboard-watchface-stat .dashboard-watchface-stat-value, .dashboard-watchface-list .dashboard-watchface-item:hover .dashboard-watchface-item-title,
.dashboard-watchface-list .dashboard-watchface-item:hover .dashboard-watchface-item-title a, .dashboard-watchface-list .dashboard-watchface-item .dashboard-watchface-item-title-outer-wrapper .dashboard-watchface-item-title,
.dashboard-watchface-list .dashboard-watchface-item .dashboard-watchface-item-title-outer-wrapper .dashboard-watchface-item-title a,
.modal-text-title,
.facer-share-modal .facer-modal-content .facer-modal-title {
  font-weight: 500;
  font-size: 20px;
}

.card-text-title-hovered, .dashboard-watchface-list .dashboard-watchface-item:hover .dashboard-watchface-item-title,
.dashboard-watchface-list .dashboard-watchface-item:hover .dashboard-watchface-item-title a {
  color: var(--facer-blue);
}

.stat-text-value, .dashboard-outer-wrapper .dashboard-watchface-stats .dashboard-watchface-stat .dashboard-watchface-stat-value {
  font-weight: bold;
  color: var(--facer-blue);
}

.detail-text, .dashboard-watchface-list .dashboard-watchface-item .dashboard-watchface-item-details {
  font-size: 12px;
}

.small-detail-text, .dashboard-watchface-list .dashboard-watchface-item .dashboard-watchface-item-extra-details .dashboard-watchface-item-stats {
  font-size: 11px;
}

.jumbo-text, .dashboard-outer-wrapper .default-page .default-page-title, .publish-form__header, .publish-form h1 {
  font-weight: 500;
  font-size: 30px;
}

.text-link, .premium-page .premium-page-footer ul li a {
  font-weight: bold;
  color: var(--facer-blue) !important;
}
.text-link:hover, .premium-page .premium-page-footer ul li a:hover {
  color: var(--facer-blue-highlight) !important;
}
.text-link.disabled, .premium-page .premium-page-footer ul li a.disabled {
  color: #999 !important;
  cursor: not-allowed;
}
.text-link i, .premium-page .premium-page-footer ul li a i {
  vertical-align: middle;
  font-size: 130%;
}
.text-link.text-link-orange, .premium-page .premium-page-footer ul li a.text-link-orange {
  color: orange !important;
}
.text-link.text-link-orange:hover, .premium-page .premium-page-footer ul li a.text-link-orange:hover {
  color: #ffaf1d !important;
}

.premium-page {
  display: flex;
  flex-direction: column;
  gap: 15px;
  font-family: "SanFrancisco_Display_Medium";
  font-size: 14px;
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  padding-top: env(safe-area-inset-top, 0);
  padding-right: env(safe-area-inset-right, 0);
  padding-bottom: env(safe-area-inset-bottom, 0);
  padding-left: env(safe-area-inset-left, 0);
}
.premium-page__promo {
  font-family: "SanFrancisco_Display_Medium";
  font-size: 16px;
  max-width: 310px;
  margin: 10px auto 0;
  padding: 2px 10px;
  background: rgba(255, 206, 78, 0.3);
  border-radius: 8px;
}
.premium-page__active-content {
  margin: 0 auto;
  padding: 0 15px;
  text-align: center;
}
.premium-page__active-content-list {
  text-align: center;
}
.premium-page__active-content-list ul {
  text-align: left;
  margin: 0 auto;
  max-width: 240px;
  list-style: none;
  padding: 0;
}
.premium-page__active-content-list ul li {
  display: inline-flex;
  align-items: center;
  gap: 5px;
}
.premium-page .premium-page-loading {
  flex: 1;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  display: none;
}
.premium-page .premium-page-loading spinner svg {
  width: 50px;
  height: 50px;
}
.premium-page .premium-page-section {
  order: 0;
}
.premium-page .premium-page-header-image {
  text-align: center;
}
.premium-page .premium-page-header-image img {
  width: 100%;
  margin: 0 auto;
}
.premium-page .premium-page-logo {
  text-align: center;
}
.premium-page .premium-page-logo__logo {
  margin-bottom: 10px;
}
.premium-page .premium-page-logo__icon {
  width: 60px;
}
.premium-page .premium-page-title {
  text-align: center;
}
.premium-page .premium-page-title h1 {
  font-family: "SanFrancisco_Display_Bold" !important;
  font-size: 31px;
  margin-top: 0;
  margin-bottom: 0;
}
.premium-page .premium-page-title h1 span {
  font-size: 26px;
}
.premium-page .premium-page-title p {
  font-family: "SanFrancisco_Display_Medium" !important;
  font-size: 16px;
  margin-bottom: 0;
}
.premium-page .premium-page-purchase-info {
  display: flex;
  flex-direction: column;
  margin: 0 30px;
  text-align: center;
  color: #969696;
}
.premium-page .premium-page-purchase-info p {
  white-space: pre-wrap;
  margin-bottom: 0;
  font-size: 12px;
  line-height: 1.2;
}
.premium-page .premium-page-purchase-info a {
  color: var(--facer-blue);
}
.premium-page .premium-page-purchase-buttons {
  display: flex;
  flex-direction: column;
  align-items: center;
  margin: 0 22px;
}
.premium-page .premium-page-purchase-buttons .premium-page-purchase-button-label {
  font-size: 16px;
}
.premium-page .premium-page-purchase-buttons button {
  font-family: "SanFrancisco_Display_Bold" !important;
  width: 100%;
}
.premium-page .premium-page-purchase-buttons button + button {
  margin-top: 10px;
}
.premium-page .premium-page-purchase-buttons .arrow-helper {
  flex: 1;
}
.premium-page .premium-page-purchase-buttons img.arrow-helper {
  opacity: 0;
  flex: 0;
}
.premium-page .premium-page-purchase-info-bottom {
  order: 1;
}
.premium-page .premium-page-footer {
  order: 2;
  font-size: 12px;
  margin-bottom: 5px;
}
.premium-page .premium-page-footer ul {
  display: flex;
  justify-content: center;
  gap: 20px;
  list-style: none;
  padding: 0;
}
.premium-page .premium-page-footer ul li a {
  font-family: "SanFrancisco_Display_Medium" !important;
  font-weight: normal;
}
.premium-page .premium-page-background {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  z-index: -1;
  transform: translateY(-50%);
}
.premium-page.premium-page-is-loading .premium-page-section {
  display: none;
}
.premium-page.premium-page-is-loading .premium-page-loading {
  display: flex;
}
@media screen and (max-device-height: 667px) {
  .premium-page .premium-page-logo img {
    width: 150px;
  }
  .premium-page .premium-page-title {
    text-align: center;
  }
  .premium-page .premium-page-title h1 {
    font-size: 24px;
  }
  .premium-page .premium-page-title p {
    font-size: 12px;
  }
  .premium-page .premium-page-purchase-buttons .premium-page-purchase-button-label {
    font-size: 14px;
  }
  .premium-page .premium-page-purchase-buttons .premium-page-purchase-button-label p {
    margin-bottom: 5px;
  }
  .premium-page .premium-page-purchase-buttons button {
    height: 40px !important;
    padding: 0 20px;
    border-radius: 20px;
    vertical-align: middle;
  }
  .premium-page .premium-page-purchase-buttons button + button {
    margin-top: 5px;
  }
}
@media screen and (min-device-height: 668px) {
  .premium-page .premium-page-purchase-buttons button {
    height: 55px !important;
    padding: 0 20px;
    border-radius: 27.5px;
    vertical-align: middle;
    font-size: 16px;
    font-weight: 500;
  }
}

/**
 * @deprecated This file is deprecated as of 2021-10-24 and will be removed in a future update.
 * Please use '1_settings/colors.scss' for all color-related styles.
 * 
 * TODO: Remove this file once all references have been updated to use global/colors.scss
 */
.blue-text {
  color: #2bade3;
}

.premium-text {
  color: #eeb60b !important;
}

.red-text {
  color: #f31805 !important;
}

header.v2 {
  -webkit-flex: 0 0 70px;
  -moz-flex: 0 0 70px;
  -ms-flex: 0 0 70px;
  flex: 0 0 70px;
  min-width: 1080px;
  background-color: #fff;
  z-index: 100;
  position: relative;
  box-shadow: 0 4px 6px 0 rgba(0, 0, 0, 0.08);
  display: -webkit-flex;
  display: -moz-flex;
  display: -ms-flex;
  display: flex;
  -webkit-align-items: center;
  -moz-align-items: center;
  -ms-align-items: center;
  align-items: center;
}
header.v2 .nav-section {
  display: -webkit-flex;
  display: -moz-flex;
  display: -ms-flex;
  display: flex;
  -webkit-align-items: center;
  -moz-align-items: center;
  -ms-align-items: center;
  align-items: center;
}
header.v2 .nav-section #logo {
  display: block;
  margin: 0 10px;
}
header.v2 .nav-section .btn-group {
  display: -webkit-flex;
  display: -moz-flex;
  display: -ms-flex;
  display: flex;
}
header.v2 .nav-section .navbar-btn {
  display: -webkit-flex;
  display: -moz-flex;
  display: -ms-flex;
  display: flex;
  padding: 0 5px;
  margin: 0 5px;
  border-radius: 6px;
  min-width: 36px;
  transition: var(--transition-default);
}
header.v2 .nav-section .navbar-btn:hover {
  background-color: var(--facer-dark-1);
}
header.v2 .nav-section .navbar-btn[aria-expanded=true] i {
  color: var(--facer-blue);
}
header.v2 .nav-section .navbar-btn[aria-expanded=true] svg path {
  fill: var(--facer-blue);
}
header.v2 .nav-section .navbar-btn.editor-publish-btn {
  margin: 0 10px;
}
header.v2 .nav-section .navbar-btn i {
  font-size: 18px !important;
}
header.v2 .nav-section .navbar-btn.btn-default, header.v2 .nav-section .navbar-btn.btn-premium {
  padding: 0 20px;
}
header.v2 .nav-section .navbar-btn.btn-default {
  background-color: var(--facer-dark-1);
  border: none;
  border-radius: 20px;
  transition: var(--transition-default);
}
header.v2 .nav-section .navbar-btn.btn-default:hover {
  background-color: var(--facer-dark-2);
}
header.v2 .nav-section-palette-width {
  -webkit-flex: 0 0 260px;
  -moz-flex: 0 0 260px;
  -ms-flex: 0 0 260px;
  flex: 0 0 260px;
}
header.v2 .nav-section-center {
  -webkit-flex: 1;
  -moz-flex: 1;
  -ms-flex: 1;
  flex: 1;
}
header.v2 .nav-section-right {
  -webkit-flex: 0 1;
  -moz-flex: 0 1;
  -ms-flex: 0 1;
  flex: 0 1;
}
header.v2 current-user {
  margin: 0 15px 0 30px;
}

.facer-editor #notifications {
  margin-top: 70px;
}

/**
 * @deprecated This file is deprecated as of 2021-10-24 and will be removed in a future update.
 * Please use '1_settings/colors.scss' for all color-related styles.
 * 
 * TODO: Remove this file once all references have been updated to use global/colors.scss
 */
.blue-text {
  color: #2bade3;
}

.premium-text {
  color: #eeb60b !important;
}

.red-text {
  color: #f31805 !important;
}

.mobile-nav {
  position: fixed;
  top: 0;
  left: 0;
  right: 0;
  color: #333;
  z-index: 1000;
  box-shadow: 0 -55px 11px 60px rgba(0, 0, 0, 0.28);
}
.mobile-nav .mn-wrapper {
  position: relative;
  z-index: 1;
  height: 64px;
  background-color: white;
}
.mobile-nav .mn-wrapper .mn-content-wrapper {
  height: 64px;
  display: -webkit-flex;
  display: -moz-flex;
  display: -ms-flex;
  display: flex;
}
.mobile-nav .mn-wrapper .mn-content-wrapper .mn-content-avatar {
  display: inline-block;
  position: relative;
}
.mobile-nav .mn-wrapper .mn-content-wrapper .mn-content {
  padding: 11px 8px;
  height: 100%;
}
.mobile-nav .mn-wrapper .mn-content-wrapper .mn-content i {
  font-size: 27px;
  line-height: 47px;
  vertical-align: middle;
}
.mobile-nav .mn-wrapper .mn-content-wrapper .mn-right,
.mobile-nav .mn-wrapper .mn-content-wrapper .mn-left {
  width: 61px;
  text-align: center;
}
.mobile-nav .mn-wrapper .mn-content-wrapper .mn-right {
  white-space: nowrap;
  padding: 11px 14px;
  width: auto;
}
.mobile-nav .mn-wrapper .mn-content-wrapper .mn-right img {
  border-radius: 50%;
  height: 24px;
  width: auto;
  margin: -4px 3px 0px 0px;
}
.mobile-nav .mn-wrapper .mn-content-wrapper .mn-left img {
  height: 28px;
  width: auto;
  margin-top: 8px;
}
.mobile-nav .mn-wrapper .mn-content-wrapper .mn-center {
  -webkit-flex: 1;
  -moz-flex: 1;
  -ms-flex: 1;
  flex: 1;
}
.mobile-nav .mn-wrapper .mn-content-wrapper .mn-center a {
  text-decoration: none;
  color: #333 !important;
}
.mobile-nav .mn-wrapper .mn-content-wrapper .mn-center #open-app-button {
  color: #ffffff !important;
  border-radius: 500px;
  margin: 6px;
}
.mobile-nav .mn-wrapper .mn-content-wrapper .mn-center img {
  height: 100%;
  width: auto;
  padding: 1%;
}
.mobile-nav .mn-wrapper .mn-content-wrapper .mn-center .nav-link-text {
  padding-top: 12px;
}
.mobile-nav .mn-wrapper .mn-content-wrapper .mn-center .nav-link-image span {
  height: auto;
}
.mobile-nav .mn-wrapper .mn-content-wrapper .mn-center .nav-link-image img {
  margin-top: 5px;
  height: 33px;
  opacity: 80%;
}
.mobile-nav .mn-menu-wrapper {
  position: fixed;
  bottom: 0;
  top: 64px;
  right: 0;
  left: 0;
}
.mobile-nav .mn-menu-wrapper .horizontal-list {
  border: 0;
  margin: 2px 0 5px;
  position: relative;
  top: 0;
}
.mobile-nav .mn-menu-wrapper .mn-menu {
  padding-bottom: 65px;
  border-top: 1px solid #aaa;
  position: absolute;
  top: 0;
  left: 0;
  bottom: 0;
  right: 0;
  background-color: white;
  z-index: 1;
  overflow: auto;
}
.mobile-nav .mn-menu-wrapper .mn-menu .mn-menu-links {
  margin-top: 15px;
}
.mobile-nav .mn-menu-wrapper .mn-menu .mn-menu-links .menu-link {
  display: block;
  white-space: nowrap;
  padding: 15px;
  margin: 1px 0;
  font-weight: bold;
  min-width: 128px;
  text-align: center;
  background-color: #e4e4e4;
  color: #333;
}
.mobile-nav .mn-menu-wrapper .mn-menu .mn-menu-links .menu-link i {
  float: right;
  font-size: 115%;
  margin-right: 3px;
}
.mobile-nav .mn-menu-wrapper .mn-menu .mn-auth-item {
  padding: 0 20px;
  margin: 1px 0;
  height: 50px;
  line-height: 50px;
  text-align: center;
  background-color: #e4e4e4;
}
.mobile-nav .mn-menu-wrapper .mn-menu .mn-auth-item a {
  color: #2bade3;
  font-weight: bold;
  text-decoration: underline;
  margin: 5px;
}
.mobile-nav .mn-menu-wrapper .mn-menu .mn-auth-item i {
  font-size: 18px;
  color: #a2a2a2;
  display: inline-block;
  margin-top: 1px;
  vertical-align: middle;
}
.mobile-nav .mn-menu-wrapper .mn-menu .mn-auth-item .mn-logged-in img {
  height: 25px;
  border-radius: 50%;
}
.mobile-nav .mn-menu-wrapper .mn-menu .mn-app-item {
  font-weight: bold;
  color: #a2a2a2;
  text-align: center;
}
.mobile-nav .mn-menu-wrapper .mn-menu .mn-app-item .mn-app-link {
  margin: 10px 0px 10px 20px;
  width: 50px;
  display: inline-block;
  vertical-align: middle;
}
.mobile-nav .mn-menu-wrapper .mn-menu .mn-app-item .mn-app-link i {
  font-size: 175%;
  color: #a2a2a2;
}
.mobile-nav .mn-menu-wrapper .mn-menu .mn-app-item .mn-app-link div {
  font-size: 85%;
  color: #a2a2a2;
}
.mobile-nav .mn-menu-wrapper .mn-menu-bg {
  position: fixed;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  background-color: rgba(0, 0, 0, 0.28);
}
.mobile-nav .mn-close {
  text-align: center;
  position: fixed;
  padding-bottom: 15px;
  bottom: 0;
  left: 0;
  right: 0;
}
.mobile-nav .mn-close i {
  display: inline-block;
  background-color: #e4e4e4;
  font-size: 15px !important;
  line-height: 43px;
  border-radius: 50%;
  height: 40px;
  width: 40px;
  box-shadow: 0px 3px 18px -3px #484848;
}

@media screen and (max-width: 768px) {
  .navbar #navbar {
    max-height: calc(100vh - 60px) !important;
  }
  .navbar .navbar-nav {
    margin-top: 0;
  }
  .navbar #getTheApp,
  .navbar #browseWatchfaces,
  .navbar #createYourOwn,
  .navbar #partners,
  .navbar #user-nav-item {
    display: none;
  }
  .navbar #searchWatchfaces form {
    margin-top: 0;
  }
  .navbar .category-link {
    font-size: 175%;
    font-weight: bold;
  }
}