.btn-base {
  display: flex;
  width: 71.7557251908vw;
  height: 14.2493638677vw;
  padding: 0 10.1781170483vw;
  justify-content: center;
  align-items: center;
  border-radius: 17.8117048346vw;
  background: #0077c8;
  border: 1px solid #0058A3;
  color: #FFF;
  text-align: center;
  font-size: 4.0712468193vw;
  font-weight: 700;
}
.btn-base:hover, .btn-base:focus, .btn-base:active {
  text-decoration: none;
  filter: brightness(1.2);
  color: #FFF;
}
.btn-base.white {
  background-color: #FFF;
  color: #111;
  border: 1px solid #DFDFDF;
}
.btn-base.white:hover, .btn-base.white:focus, .btn-base.white:active {
  color: #111;
}
.btn-base:disabled, .btn-base.disabled {
  background: var(--dfdfdf, #DFDFDF);
  border: 1px solid var(--dfdfdf, #DFDFDF);
  color: var(--929592, #929592);
  pointer-events: none;
  cursor: default;
  filter: none;
}

.btn-base-small {
  display: flex;
  width: auto;
  padding: 2.0356234097vw 3.0534351145vw;
  align-items: center;
  border: none;
  border-radius: 7.6335877863vw;
  background: #0077c8;
  color: #FFF;
  text-align: center;
  font-size: 3.0534351145vw;
  font-weight: 700;
  justify-content: center;
}
.btn-base-small:hover, .btn-base-small:focus, .btn-base-small:active {
  text-decoration: none;
  filter: brightness(1.2);
  color: #FFF;
}
.btn-base-small.white {
  background-color: #FFF;
  color: #111;
  border: 1px solid #DFDFDF;
}
.btn-base-small.white:hover, .btn-base-small.white:focus, .btn-base-small.white:active {
  color: #111;
}
.btn-base-small:disabled, .btn-base-small.disabled {
  background: var(--dfdfdf, #DFDFDF);
  border: 1px solid var(--dfdfdf, #DFDFDF);
  color: var(--929592, #929592);
  pointer-events: none;
  cursor: default;
  filter: none;
}

section .link-tnc {
  color: #111;
  text-decoration: underline;
}
section .link-tnc:hover, section .link-tnc:active, section .link-tnc:visited, section .link-tnc:focus {
  color: hsl(0, 0%, 0%);
}

#Home .kv-bg {
  background-image: url(../images/home_bg_mobile.png);
  background-repeat: no-repeat;
  background-size: cover;
  background-position: center top;
}
#Home section.prize-list-oldest,
#Home section.prize-list-fav {
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 3.8167938931vw;
  align-self: stretch;
}
#Home section.prize-list-oldest .mb-prize,
#Home section.prize-list-fav .mb-prize {
  margin-bottom: 3.8167938931vw;
}
#Home section.prize-list-oldest .flex-prize,
#Home section.prize-list-fav .flex-prize {
  display: flex;
  flex-direction: row;
  flex-wrap: nowrap;
  gap: 3.8167938931vw;
}
#Home section.prize-list-oldest h3,
#Home section.prize-list-fav h3 {
  width: 100%;
  text-align: left;
}
#Home section.prize-list-oldest .part1,
#Home section.prize-list-fav .part1 {
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 3.8167938931vw;
  align-self: stretch;
}
#Home section.prize-list-oldest .tvc .video-container,
#Home section.prize-list-fav .tvc .video-container {
  position: relative;
  width: 100%;
  aspect-ratio: 1/1;
  display: flex;
  justify-content: center;
  align-items: center;
  cursor: pointer;
}
#Home section.prize-list-oldest .tvc .video-thumbnail,
#Home section.prize-list-fav .tvc .video-thumbnail {
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
     object-fit: cover;
}
#Home section.showcase .showcase-list {
  overflow: hidden;
}
#Home section.showcase .case {
  display: flex;
  width: 73.2824427481vw;
  flex-direction: column;
  align-items: flex-start;
  cursor: pointer;
  box-shadow: 0px 0px 8px rgba(0, 0, 0, 0.1);
}
#Home section.showcase .case .img-box {
  width: 100%;
  height: 73.2824427481vw;
  align-self: stretch;
  background-color: #DEDEDE;
  background-size: cover;
  background-position: top center;
}
#Home section.showcase .case .info-box {
  display: flex;
  height: 57.5063613232vw;
  padding: 6.3613231552vw 5.0890585242vw;
  flex-direction: column;
  align-items: flex-start;
  gap: 7.6335877863vw;
  align-self: stretch;
}
#Home section.showcase .case .info-box.c0 {
  background-color: #FDD900;
}
#Home section.showcase .case .info-box.c1 {
  background-color: #FFAA01;
}
#Home section.showcase .case .info-box.c2 {
  background-color: #FFA6DA;
}
#Home section.showcase .case .info-box.c3 {
  background-color: #7CB512;
}
#Home section.showcase .case .info-box.c4 {
  background-color: #8DDDFF;
}
#Home section.showcase .case .info-box .content {
  display: flex;
  width: 100%;
  height: 100%;
  flex-direction: column;
  align-items: flex-start;
  position: relative;
}
#Home section.showcase .case .info-box .content .btn-view {
  display: inline-block;
  width: 10.1781170483vw;
  position: absolute;
  bottom: 0;
}
#Home .video-modal {
  display: none;
  position: fixed;
  z-index: 9999;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  background-color: rgba(0, 0, 0, 0.8);
  -webkit-backdrop-filter: blur(5px);
          backdrop-filter: blur(5px);
}
#Home .video-modal .video-modal-content {
  position: relative;
  background-color: transparent;
  margin: 8% auto;
  padding: 0;
  width: 80%;
  max-width: 500px;
}
#Home .video-modal .video-modal-close {
  position: absolute;
  top: -40px;
  right: 0;
  color: white;
  font-size: 35px;
  font-weight: bold;
  cursor: pointer;
  z-index: 10000;
}
#Home .video-modal .video-modal-close:hover, #Home .video-modal .video-modal-close:focus {
  color: #ccc;
}
#Home .video-modal .modal-video {
  width: 100%;
  height: auto;
  border-radius: 8px;
}
#Home #tncModal h3 {
  color: #0077c8;
}
#Home #tncModal p,
#Home #tncModal li {
  margin-bottom: 2.5445292621vw;
}
#Home #tncModal a {
  color: #111;
  text-decoration: underline;
  word-break: break-word;
}
#Home #tncModal a:hover {
  color: #111;
  text-decoration: underline;
}

#Submission h1.thankyou {
  color: #0077c8;
}
#Submission .content-box,
#Submission .thank-box {
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 3.8167938931vw;
}
#Submission .content-box .step,
#Submission .thank-box .step {
  width: 100%;
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 3.8167938931vw;
}
#Submission .content-box h2,
#Submission .thank-box h2 {
  color: #0077c8;
  width: 100%;
}
#Submission .content-box p,
#Submission .thank-box p {
  width: 100%;
}
#Submission .button-box {
  display: flex;
  width: 100%;
  flex-direction: row;
  flex-wrap: wrap;
  justify-content: center;
  gap: 2.5445292621vw;
}
#Submission .intro .btn-findtag {
  border-radius: 17.8117048346vw;
  border: 1px solid #DFDFDF;
  background: #FFF;
  width: 71.7557251908vw;
  height: 10.1781170483vw;
  font-size: 3.5623409669vw;
  display: flex;
  justify-content: center;
  align-items: center;
  color: #111;
}
#Submission .join-form .error {
  display: none;
  color: red;
  font-size: 3.0534351145vw;
}
#Submission .join-form .error.active {
  display: block;
}
#Submission .join-form .error.info {
  color: #0077c8;
}
#Submission .join-form .form-wrapper {
  display: flex;
  width: 100%;
  flex-direction: column;
  align-items: flex-start;
  gap: 7.6335877863vw;
}
#Submission .join-form .form-wrapper .input-box {
  width: 100%;
}
#Submission .join-form .form-wrapper .input-box label {
  font-size: 3.0534351145vw;
  color: #484848;
}
#Submission .join-form .form-wrapper .input-box input[type=text],
#Submission .join-form .form-wrapper .input-box input[type=email],
#Submission .join-form .form-wrapper .input-box input[type=number],
#Submission .join-form .form-wrapper .input-box select,
#Submission .join-form .form-wrapper .input-box textarea {
  border-radius: 2.5445292621vw;
  border: 1px solid #929592;
  background: #FFF;
  display: flex;
  height: 14.2493638677vw;
  padding: 1.5267175573vw 3.0534351145vw;
  font-size: 4.0712468193vw;
  width: 100%;
}
#Submission .join-form .form-wrapper .input-box input:-webkit-autofill,
#Submission .join-form .form-wrapper .input-box input:-webkit-autofill:hover,
#Submission .join-form .form-wrapper .input-box input:-webkit-autofill:focus,
#Submission .join-form .form-wrapper .input-box textarea:-webkit-autofill,
#Submission .join-form .form-wrapper .input-box select:-webkit-autofill {
  -webkit-box-shadow: 0 0 0px 1000px rgba(100, 100, 100, 0.1) inset !important;
  -webkit-text-fill-color: inherit !important;
  background-color: transparent !important;
  -webkit-transition: background-color 5000s ease-in-out 0s !important;
  transition: background-color 5000s ease-in-out 0s !important;
}
#Submission .join-form .form-wrapper .input-box input[type=checkbox] {
  width: 5.0890585242vw;
  height: 5.0890585242vw;
  cursor: pointer;
  margin-right: 2.5445292621vw;
  margin-top: 0.7633587786vw;
  appearance: none;
  -webkit-appearance: none;
  -moz-appearance: none;
  border: 2px solid #929592;
  border-radius: 1.0178117048vw;
  background-color: #FFF;
  position: relative;
  transition: all 0.2s ease;
  vertical-align: top;
  flex-shrink: 0;
}
#Submission .join-form .form-wrapper .input-box input[type=checkbox]:checked {
  background-color: #0077c8;
  border-color: #0077c8;
}
#Submission .join-form .form-wrapper .input-box input[type=checkbox]:checked::after {
  content: "";
  position: absolute;
  left: 50%;
  top: 50%;
  transform: translate(-50%, -60%) rotate(45deg);
  width: 2.0356234097vw;
  height: 3.5623409669vw;
  border: solid #FFD900;
  border-width: 0 0.7633587786vw 0.7633587786vw 0;
}
#Submission .join-form .form-wrapper .input-box input[type=checkbox]:focus {
  outline: none;
  box-shadow: 0 0 0 2px rgba(0, 88, 163, 0.2);
}
#Submission .join-form .form-wrapper .input-box select {
  appearance: none;
  -webkit-appearance: none;
  -moz-appearance: none;
  background-image: url("data:image/svg+xml;charset=UTF-8,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='currentColor' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3e%3cpolyline points='6,9 12,15 18,9'%3e%3c/polyline%3e%3c/svg%3e");
  background-repeat: no-repeat;
  background-position: right 3.0534351145vw center;
  background-size: 5.0890585242vw;
  padding-right: 10.1781170483vw;
  cursor: pointer;
}
#Submission .join-form .form-wrapper .input-box select:focus {
  outline: none;
  border-color: #0077c8;
  box-shadow: 0 0 0 2px rgba(0, 88, 163, 0.2);
}
#Submission .join-form .form-wrapper .input-box textarea {
  height: initial;
  resize: vertical;
  min-height: 28.4987277354vw;
}
#Submission .join-form .form-wrapper .input-box input[type=file] {
  display: none;
}
#Submission .join-form .form-wrapper .input-box .image-preview {
  margin-top: 2.5445292621vw;
  border: 2px dashed #ccc;
  border-radius: 2.0356234097vw;
  padding: 5.0890585242vw;
  text-align: center;
  cursor: pointer;
  min-height: 30.534351145vw;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  background-color: #f9f9f9;
  transition: all 0.3s ease;
}
#Submission .join-form .form-wrapper .input-box .image-preview:hover {
  border-color: #0077c8;
  background-color: #f0f8ff;
}
#Submission .join-form .form-wrapper .input-box .image-preview.has-image {
  border-style: solid;
  border-color: #e0e0e0;
  background-color: #fff;
  padding: 2.5445292621vw;
}
#Submission .join-form .form-wrapper .input-box .image-preview.has-image:hover {
  border-color: #ccc;
  background-color: #fff;
}
#Submission .join-form .form-wrapper .input-box .image-preview .upload-placeholder {
  color: #666;
  font-size: 3.5623409669vw;
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 2.5445292621vw;
}
#Submission .join-form .form-wrapper .input-box .image-preview .upload-placeholder .upload-icon {
  font-size: 6.106870229vw;
  color: #999;
}
#Submission .join-form .form-wrapper .input-box .image-preview img {
  width: auto;
  height: auto;
  max-width: 50.8905852417vw;
  max-height: 50.8905852417vw;
  border-radius: 2.0356234097vw;
}
#Submission .join-form .form-wrapper .input-box .image-preview .remove-image {
  background: #ff4444;
  color: white;
  border: none;
  border-radius: 1.0178117048vw;
  padding: 1.272264631vw 2.5445292621vw;
  font-size: 3.0534351145vw;
  cursor: pointer;
  margin-top: 2.5445292621vw;
}
#Submission .join-form .form-wrapper .input-box .image-preview .remove-image:hover {
  background: #cc3333;
}
#Submission .join-form .form-wrapper.confirmation-mode input.readonly-confirmation,
#Submission .join-form .form-wrapper.confirmation-mode select.readonly-confirmation {
  background-color: transparent;
  border: none;
  padding: 0;
  height: auto;
  color: #111;
  font-weight: 500;
  cursor: default;
  pointer-events: none;
  min-height: initial;
}
#Submission .join-form .form-wrapper.confirmation-mode textarea.readonly-confirmation {
  background-color: transparent;
  border: none;
  padding: 0;
  color: #111;
  font-weight: 500;
  cursor: default;
  pointer-events: none;
}
#Submission .join-form .form-wrapper.confirmation-mode input.readonly-confirmation:-webkit-autofill,
#Submission .join-form .form-wrapper.confirmation-mode input.readonly-confirmation:-webkit-autofill:hover,
#Submission .join-form .form-wrapper.confirmation-mode input.readonly-confirmation:-webkit-autofill:focus,
#Submission .join-form .form-wrapper.confirmation-mode textarea.readonly-confirmation:-webkit-autofill,
#Submission .join-form .form-wrapper.confirmation-mode select.readonly-confirmation:-webkit-autofill {
  -webkit-box-shadow: 0 0 0px 1000px rgba(100, 100, 100, 0.1) inset !important;
  -webkit-text-fill-color: inherit !important;
  background-color: transparent !important;
  -webkit-transition: background-color 5000s ease-in-out 0s !important;
  transition: background-color 5000s ease-in-out 0s !important;
}
#Submission .join-form .form-wrapper.confirmation-mode select.readonly-confirmation {
  appearance: none;
  -webkit-appearance: none;
  -moz-appearance: none;
  background-image: none;
}
#Submission .join-form .form-wrapper.confirmation-mode .image-preview.readonly-confirmation {
  border: none;
  background-color: transparent;
  padding: 0;
  cursor: default;
  min-height: auto;
  align-items: self-start;
}
#Submission .join-form .form-wrapper.confirmation-mode .image-preview.readonly-confirmation:hover {
  border-color: transparent;
  background-color: transparent;
}
#Submission .join-form .form-wrapper.confirmation-mode .image-preview.readonly-confirmation .remove-image {
  display: none;
}
#Submission .join-form .form-wrapper.confirmation-mode .image-preview.readonly-confirmation img {
  max-width: 100%;
  max-height: 76.3358778626vw;
}
#Submission .join-form .form-wrapper.confirmation-mode input[type=checkbox]:disabled {
  opacity: 0.7;
  cursor: default;
}
#Submission .thankyou .img-tick {
  width: 30.534351145vw;
}

#Leaderboard .tab-box {
  display: flex;
  align-items: center;
  flex: 1 0 0;
}
#Leaderboard .tab-box .tab {
  display: flex;
  flex-direction: column;
  align-items: center;
  flex: 1 0 0;
  border-bottom: 2px solid #dfdfdf;
  cursor: pointer;
}
#Leaderboard .tab-box .tab p {
  margin: 0 2.0356234097vw;
  padding: 2.0356234097vw 0;
  font-weight: bold;
  font-size: 3.5623409669vw;
}
#Leaderboard .tab-box .tab .highlight {
  width: 100%;
  height: 0.7633587786vw;
  background: transparent;
  border-radius: 0.7633587786vw 0.7633587786vw 0 0;
}
#Leaderboard .tab-box .tab.active.blue {
  color: #0077c8;
}
#Leaderboard .tab-box .tab.active.blue .highlight {
  background: #0077c8;
}
#Leaderboard .tab-box .tab.active.pink {
  color: #EB2C81;
}
#Leaderboard .tab-box .tab.active.pink .highlight {
  background: #EB2C81;
}
#Leaderboard .item {
  display: flex;
  align-items: flex-start;
  align-self: stretch;
}
#Leaderboard .item .img-box {
  position: relative;
  width: 33.5877862595vw;
  height: 33.5877862595vw;
  aspect-ratio: 1/1;
  background-color: #DEDEDE;
  background-size: cover;
  background-position: top center;
}
#Leaderboard .item .info-box {
  display: flex;
  padding: 3.8167938931vw;
  flex-direction: column;
  align-items: flex-start;
  gap: 3.8167938931vw;
  flex: 1 0 0;
  align-self: stretch;
  background: #FFF;
}
#Leaderboard .item .info-box .btnView {
  width: 6.106870229vw;
}
#Leaderboard .item .flag {
  position: absolute;
  left: 0;
  top: 0;
  width: 10.1781170483vw;
}
#Leaderboard .item .flag img {
  width: 100%;
}
#Leaderboard .item .flag .img-flag {
  height: 10.1781170483vw;
  height: 13.4860050891vw;
  background-image: url("../images/leaderboard_flag_oldest_normal.png");
  background-size: contain;
}
#Leaderboard .item .flag h4 {
  position: absolute;
  width: 100%;
  top: 2.5445292621vw;
  text-align: center;
  font-weight: bold;
}
#Leaderboard .item .upper {
  flex-grow: 1;
  display: flex;
  gap: 1.0178117048vw;
  flex-direction: column;
}
#Leaderboard .item .upper h5 {
  color: rgba(0, 0, 0, 0.6);
}
#Leaderboard .item .lower {
  display: flex;
  width: 100%;
  align-items: center;
  gap: 2.5445292621vw;
}
#Leaderboard .item .votes-bar {
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: flex-start;
  gap: 2.5445292621vw;
  flex: 1 0 0;
  align-self: stretch;
  border-radius: 5.0890585242vw;
  background: #F5A8AA;
}
#Leaderboard .item .votes-bar .bar {
  display: flex;
  border-radius: 5.0890585242vw;
  background: linear-gradient(90deg, #FF779E 0%, #EF3167 100%);
  min-width: 16%;
  height: 100%;
  flex-direction: row;
  justify-content: flex-end;
  align-items: center;
}
#Leaderboard .item .votes-bar .bar .icon-favorite {
  font-size: 3.0534351145vw;
  color: #FFF;
  margin: 0 1.5267175573vw;
}
#Leaderboard .item.oldest.r1 .info-box, #Leaderboard .item.oldest.r2 .info-box, #Leaderboard .item.oldest.r3 .info-box {
  background: var(--fddb-09, #FFD900);
}
#Leaderboard .item.oldest.r1 .flag .img-flag, #Leaderboard .item.oldest.r2 .flag .img-flag, #Leaderboard .item.oldest.r3 .flag .img-flag {
  background-image: url("../images/leaderboard_flag_oldest.png");
}
#Leaderboard .item.oldest.r1 .flag h4, #Leaderboard .item.oldest.r2 .flag h4, #Leaderboard .item.oldest.r3 .flag h4 {
  top: 1.272264631vw;
}
#Leaderboard .item.oldest .flag h4 {
  color: #0077c8;
}
#Leaderboard .item.votes.r1 .info-box, #Leaderboard .item.votes.r2 .info-box, #Leaderboard .item.votes.r3 .info-box {
  background: #FFCFD6;
}
#Leaderboard .item.votes.r1 .flag .img-flag, #Leaderboard .item.votes.r2 .flag .img-flag, #Leaderboard .item.votes.r3 .flag .img-flag {
  background-image: url("../images/leaderboard_flag_votes.png");
}
#Leaderboard .item.votes .flag h4 {
  color: #111;
  top: 2.0356234097vw;
}
#Leaderboard .more {
  display: flex;
  flex-direction: column;
  flex-wrap: wrap;
  gap: 3.8167938931vw;
}
#Leaderboard .more .button-box-h {
  display: flex;
  flex-direction: row;
  flex-wrap: wrap;
  gap: 3.8167938931vw;
}
#Leaderboard .more .button-box-h .btn-base {
  width: 47%;
  flex-grow: 1;
}

#Showcase select {
  border-radius: 5.0890585242vw;
  border: 1px solid #929592;
  background: #FFF;
  display: flex;
  height: 10.1781170483vw;
  padding: 1.5267175573vw 3.0534351145vw;
  font-size: 4.0712468193vw;
  width: 40.7124681934vw;
  appearance: none;
  -webkit-appearance: none;
  -moz-appearance: none;
  background-image: url("data:image/svg+xml;charset=UTF-8,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='currentColor' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3e%3cpolyline points='6,9 12,15 18,9'%3e%3c/polyline%3e%3c/svg%3e");
  background-repeat: no-repeat;
  background-position: right 3.0534351145vw center;
  background-size: 5.0890585242vw;
  padding-right: 10.1781170483vw;
  cursor: pointer;
}
#Showcase select:focus {
  outline: none;
  border-color: #0077c8;
  box-shadow: 0 0 0 2px rgba(0, 88, 163, 0.2);
}
#Showcase #listing {
  display: flex;
  width: 100%;
  align-items: flex-start;
  align-content: flex-start;
  gap: 3.8167938931vw;
  flex-wrap: wrap;
}
#Showcase .entry {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  width: 43.0025445293vw;
}
#Showcase .entry .img-box {
  width: 100%;
  background-color: #DEDEDE;
  background-size: cover;
  background-position: top center;
  height: 43.0025445293vw;
}
#Showcase .entry .info-box {
  display: flex;
  width: 100%;
  padding: 3.8167938931vw 2.5445292621vw;
  flex-direction: column;
  align-items: flex-start;
  height: 30.534351145vw;
}
#Showcase .entry .info-box.c0 {
  background-color: #FDD900;
}
#Showcase .entry .info-box.c1 {
  background-color: #FFAA01;
}
#Showcase .entry .info-box.c2 {
  background-color: #FFA6DA;
}
#Showcase .entry .info-box.c3 {
  background-color: #7CB512;
}
#Showcase .entry .info-box.c4 {
  background-color: #8DDDFF;
}
#Showcase .entry .info-box .upper {
  display: flex;
  width: 100%;
  flex-direction: column;
  align-items: flex-start;
  flex-grow: 1;
}
#Showcase .entry .info-box .lower .btnView {
  width: 6.106870229vw;
}
#Showcase #btnLoadMore {
  color: #111;
}

#Entry .current-rank {
  display: flex;
  align-items: flex-start;
}
#Entry .current-rank .rank {
  display: flex;
  flex-grow: 1;
  padding: 2.5445292621vw 1.272264631vw;
  flex-direction: column;
  align-items: center;
  gap: 1.7811704835vw;
  align-self: stretch;
}
#Entry .current-rank .rank h4 {
  font-weight: bold;
}
#Entry .current-rank .rank.oldest {
  background-color: #FFF;
  color: #0077c8;
}
#Entry .current-rank .rank.votes {
  background-color: #FFCFD6;
  color: #EB2C81;
}
#Entry .current-rank .rank.cover {
  background-color: #DFDFDF;
}
#Entry .cover-box {
  display: flex;
  flex-direction: row;
  padding: 2.5445292621vw;
  justify-content: space-between;
  align-items: center;
  background-color: #0077c8;
}
#Entry .cover-box h4 {
  font-weight: 700;
  color: #FFF;
}
#Entry .cover-box .btn-base-small {
  width: 40.7124681934vw;
}
#Entry .cover-box .btn-base-small img {
  width: 4.0712468193vw;
}
#Entry .spec {
  display: flex;
  align-items: flex-start;
  gap: 3.8167938931vw;
  align-self: stretch;
}
#Entry .tag-img {
  display: flex;
  width: 43.2569974555vw;
  height: 43.2569974555vw;
  flex-direction: column;
  justify-content: flex-start;
  align-items: center;
  gap: 3.8167938931vw;
  aspect-ratio: 1/1;
}
#Entry .info {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  gap: 5.0890585242vw;
  flex: 1 0 0;
}
#Entry .info-box {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  align-self: stretch;
}
#Entry .info-box h5 {
  color: #484848;
}
#Entry .story-wrapper {
  display: flex;
  width: 100%;
  flex-direction: column;
  align-items: flex-start;
  gap: 7.6335877863vw;
}
#Entry .button-box {
  display: flex;
  align-items: center;
  gap: 3.8167938931vw;
  align-self: stretch;
}
#Entry .btn-share {
  display: flex;
  width: 14.2493638677vw;
  height: 14.2493638677vw;
  justify-content: center;
  align-items: center;
  gap: 2.5445292621vw;
  border-radius: 17.8117048346vw;
  border: 1px solid var(--dfdfdf, #DFDFDF);
  background: #FFF;
  color: #111;
}
#Entry .btn-share:hover, #Entry .btn-share:focus, #Entry .btn-share:active {
  text-decoration: none;
  filter: brightness(1.2);
  color: #111;
}
#Entry #btnMoreProducts img {
  width: 4.0712468193vw;
}
#Entry #voteModal .modal-body {
  padding-top: 5.0890585242vw 3.8167938931vw;
}
#Entry #voteModal .error {
  display: none;
  color: red;
  font-size: 3.0534351145vw;
}
#Entry #voteModal .info {
  color: #0077c8;
  font-size: 3.0534351145vw;
}
#Entry #voteModal h2 {
  text-align: center;
}
#Entry #voteModal .content {
  display: flex;
  width: 100%;
  flex-direction: column;
  align-items: flex-start;
  gap: 3.8167938931vw;
}
#Entry #voteModal .input-box {
  width: 100%;
}
#Entry #voteModal .input-box label {
  font-size: 3.0534351145vw;
  color: #484848;
}
#Entry #voteModal .input-box input[type=text],
#Entry #voteModal .input-box .input-group {
  border-radius: 2.5445292621vw;
  border: 1px solid #929592;
  background: #FFF;
  display: flex;
  height: 14.2493638677vw;
  padding: 1.5267175573vw 3.0534351145vw;
  font-size: 4.0712468193vw;
  width: 100%;
}
#Entry #voteModal .input-box input[type=email] {
  border: none;
  padding: 0;
}
#Entry #voteModal .input-box input:focus {
  outline: none;
  border-color: none;
  box-shadow: none;
}
#Entry #voteModal .modal-button-box {
  display: flex;
  width: 100%;
  flex-direction: row;
  flex-wrap: wrap;
  justify-content: center;
  gap: 2.5445292621vw;
  margin-top: 7.6335877863vw;
}
#Entry #catalogModal .modal-body {
  padding: 0;
}
#Entry #catalogModal #catalogCanvas canvas {
  position: relative;
  width: 80%;
  margin: 0 auto;
  height: auto;
}
#Entry #catalogModal #catalogImage img {
  display: block;
  width: 80%;
  margin: 0 auto;
}

.modal-header {
  border-bottom: none;
  padding-bottom: 0;
}

.modal-header {
  justify-content: flex-end;
}
.modal-header .btn-close-img {
  width: 5.0890585242vw;
}/*# sourceMappingURL=main.css.map */