.pie-wrapper{height:160px;width:160px;margin-top:4px}@media(min-width: 1280px){.pie-wrapper{height:300px;width:300px}}.pie-wrapper .pie{height:100%;width:100%;clip:rect(0, 160px, 160px, 80px);left:0;top:0}@media(min-width: 1280px){.pie-wrapper .pie{clip:rect(0, 300px, 300px, 150px)}}.pie-wrapper .pie .half-circle{height:100%;width:100%;clip:rect(0, 80px, 160px, 0);border:13px solid #3498db;left:0;top:0}@media(min-width: 1280px){.pie-wrapper .pie .half-circle{clip:rect(0, 150px, 300px, 0);border:25px solid #3498db}}.pie-wrapper.half-pie .pie .half-circle{border-color:#c60f01}.pie-wrapper.half-pie .pie .right-side{display:none}.pie-wrapper.full-pie .pie{clip:rect(auto, auto, auto, auto)}.pie-wrapper.full-pie .pie .half-circle{border-color:#f9ad0f}.pie-wrapper.full-pie .pie .right-side{transform:rotate(180deg)}.pie-wrapper.completed .pie{clip:rect(auto, auto, auto, auto)}.pie-wrapper.completed .pie .left-side{transform:rotate(360deg)}.pie-wrapper.completed .pie .half-circle{border-color:#0e8a00}.pie-wrapper.completed .pie .right-side{transform:rotate(180deg)}.pie-wrapper .label{background:linear-gradient(180deg, #676767 0%, #000000 100%);box-shadow:0px 0px 20px #000;color:#bebebe;cursor:default;line-height:1;font-size:50px;bottom:13px;top:13px;right:13px;left:13px}@media(min-width: 1280px){.pie-wrapper .label{font-size:100px;bottom:25px;top:25px;right:25px;left:25px}}.pie-wrapper .label .percentage-label{padding-right:10px;text-shadow:.25px .25px .25px rgba(0,0,0,.25)}.pie-wrapper .label .percentage-label .smaller{color:#bdc3c7;font-size:30px;left:calc(100% - 10px);bottom:3px}@media(min-width: 1280px){.pie-wrapper .label .percentage-label .smaller{font-size:60px}}.pie-wrapper .label .extra-smaller{text-shadow:0 1.23px 2.46px rgba(0,0,0,.5);font-weight:300;font-size:10px}@media(min-width: 1280px){.pie-wrapper .label .extra-smaller{font-size:16px}}.pie-wrapper.progress-1 .pie .left-side{transform:rotate(3.6deg)}.pie-wrapper.progress-2 .pie .left-side{transform:rotate(7.2deg)}.pie-wrapper.progress-3 .pie .left-side{transform:rotate(10.8deg)}.pie-wrapper.progress-4 .pie .left-side{transform:rotate(14.4deg)}.pie-wrapper.progress-5 .pie .left-side{transform:rotate(18deg)}.pie-wrapper.progress-6 .pie .left-side{transform:rotate(21.6deg)}.pie-wrapper.progress-7 .pie .left-side{transform:rotate(25.2deg)}.pie-wrapper.progress-8 .pie .left-side{transform:rotate(28.8deg)}.pie-wrapper.progress-9 .pie .left-side{transform:rotate(32.4deg)}.pie-wrapper.progress-10 .pie .left-side{transform:rotate(36deg)}.pie-wrapper.progress-11 .pie .left-side{transform:rotate(39.6deg)}.pie-wrapper.progress-12 .pie .left-side{transform:rotate(43.2deg)}.pie-wrapper.progress-13 .pie .left-side{transform:rotate(46.8deg)}.pie-wrapper.progress-14 .pie .left-side{transform:rotate(50.4deg)}.pie-wrapper.progress-15 .pie .left-side{transform:rotate(54deg)}.pie-wrapper.progress-16 .pie .left-side{transform:rotate(57.6deg)}.pie-wrapper.progress-17 .pie .left-side{transform:rotate(61.2deg)}.pie-wrapper.progress-18 .pie .left-side{transform:rotate(64.8deg)}.pie-wrapper.progress-19 .pie .left-side{transform:rotate(68.4deg)}.pie-wrapper.progress-20 .pie .left-side{transform:rotate(72deg)}.pie-wrapper.progress-21 .pie .left-side{transform:rotate(75.6deg)}.pie-wrapper.progress-22 .pie .left-side{transform:rotate(79.2deg)}.pie-wrapper.progress-23 .pie .left-side{transform:rotate(82.8deg)}.pie-wrapper.progress-24 .pie .left-side{transform:rotate(86.4deg)}.pie-wrapper.progress-25 .pie .left-side{transform:rotate(90deg)}.pie-wrapper.progress-26 .pie .left-side{transform:rotate(93.6deg)}.pie-wrapper.progress-27 .pie .left-side{transform:rotate(97.2deg)}.pie-wrapper.progress-28 .pie .left-side{transform:rotate(100.8deg)}.pie-wrapper.progress-29 .pie .left-side{transform:rotate(104.4deg)}.pie-wrapper.progress-30 .pie .left-side{transform:rotate(108deg)}.pie-wrapper.progress-31 .pie .left-side{transform:rotate(111.6deg)}.pie-wrapper.progress-32 .pie .left-side{transform:rotate(115.2deg)}.pie-wrapper.progress-33 .pie .left-side{transform:rotate(118.8deg)}.pie-wrapper.progress-34 .pie .left-side{transform:rotate(122.4deg)}.pie-wrapper.progress-35 .pie .left-side{transform:rotate(126deg)}.pie-wrapper.progress-36 .pie .left-side{transform:rotate(129.6deg)}.pie-wrapper.progress-37 .pie .left-side{transform:rotate(133.2deg)}.pie-wrapper.progress-38 .pie .left-side{transform:rotate(136.8deg)}.pie-wrapper.progress-39 .pie .left-side{transform:rotate(140.4deg)}.pie-wrapper.progress-40 .pie .left-side{transform:rotate(144deg)}.pie-wrapper.progress-41 .pie .left-side{transform:rotate(147.6deg)}.pie-wrapper.progress-42 .pie .left-side{transform:rotate(151.2deg)}.pie-wrapper.progress-43 .pie .left-side{transform:rotate(154.8deg)}.pie-wrapper.progress-44 .pie .left-side{transform:rotate(158.4deg)}.pie-wrapper.progress-45 .pie .left-side{transform:rotate(162deg)}.pie-wrapper.progress-46 .pie .left-side{transform:rotate(165.6deg)}.pie-wrapper.progress-47 .pie .left-side{transform:rotate(169.2deg)}.pie-wrapper.progress-48 .pie .left-side{transform:rotate(172.8deg)}.pie-wrapper.progress-49 .pie .left-side{transform:rotate(176.4deg)}.pie-wrapper.progress-50 .pie .left-side{transform:rotate(180deg)}.pie-wrapper.progress-51 .pie .left-side{transform:rotate(183.6deg)}.pie-wrapper.progress-52 .pie .left-side{transform:rotate(187.2deg)}.pie-wrapper.progress-53 .pie .left-side{transform:rotate(190.8deg)}.pie-wrapper.progress-54 .pie .left-side{transform:rotate(194.4deg)}.pie-wrapper.progress-55 .pie .left-side{transform:rotate(198deg)}.pie-wrapper.progress-56 .pie .left-side{transform:rotate(201.6deg)}.pie-wrapper.progress-57 .pie .left-side{transform:rotate(205.2deg)}.pie-wrapper.progress-58 .pie .left-side{transform:rotate(208.8deg)}.pie-wrapper.progress-59 .pie .left-side{transform:rotate(212.4deg)}.pie-wrapper.progress-60 .pie .left-side{transform:rotate(216deg)}.pie-wrapper.progress-61 .pie .left-side{transform:rotate(219.6deg)}.pie-wrapper.progress-62 .pie .left-side{transform:rotate(223.2deg)}.pie-wrapper.progress-63 .pie .left-side{transform:rotate(226.8deg)}.pie-wrapper.progress-64 .pie .left-side{transform:rotate(230.4deg)}.pie-wrapper.progress-65 .pie .left-side{transform:rotate(234deg)}.pie-wrapper.progress-66 .pie .left-side{transform:rotate(237.6deg)}.pie-wrapper.progress-67 .pie .left-side{transform:rotate(241.2deg)}.pie-wrapper.progress-68 .pie .left-side{transform:rotate(244.8deg)}.pie-wrapper.progress-69 .pie .left-side{transform:rotate(248.4deg)}.pie-wrapper.progress-70 .pie .left-side{transform:rotate(252deg)}.pie-wrapper.progress-71 .pie .left-side{transform:rotate(255.6deg)}.pie-wrapper.progress-72 .pie .left-side{transform:rotate(259.2deg)}.pie-wrapper.progress-73 .pie .left-side{transform:rotate(262.8deg)}.pie-wrapper.progress-74 .pie .left-side{transform:rotate(266.4deg)}.pie-wrapper.progress-75 .pie .left-side{transform:rotate(270deg)}.pie-wrapper.progress-76 .pie .left-side{transform:rotate(273.6deg)}.pie-wrapper.progress-77 .pie .left-side{transform:rotate(277.2deg)}.pie-wrapper.progress-78 .pie .left-side{transform:rotate(280.8deg)}.pie-wrapper.progress-79 .pie .left-side{transform:rotate(284.4deg)}.pie-wrapper.progress-80 .pie .left-side{transform:rotate(288deg)}.pie-wrapper.progress-81 .pie .left-side{transform:rotate(291.6deg)}.pie-wrapper.progress-82 .pie .left-side{transform:rotate(295.2deg)}.pie-wrapper.progress-83 .pie .left-side{transform:rotate(298.8deg)}.pie-wrapper.progress-84 .pie .left-side{transform:rotate(302.4deg)}.pie-wrapper.progress-85 .pie .left-side{transform:rotate(306deg)}.pie-wrapper.progress-86 .pie .left-side{transform:rotate(309.6deg)}.pie-wrapper.progress-87 .pie .left-side{transform:rotate(313.2deg)}.pie-wrapper.progress-88 .pie .left-side{transform:rotate(316.8deg)}.pie-wrapper.progress-89 .pie .left-side{transform:rotate(320.4deg)}.pie-wrapper.progress-90 .pie .left-side{transform:rotate(324deg)}.pie-wrapper.progress-91 .pie .left-side{transform:rotate(327.6deg)}.pie-wrapper.progress-92 .pie .left-side{transform:rotate(331.2deg)}.pie-wrapper.progress-93 .pie .left-side{transform:rotate(334.8deg)}.pie-wrapper.progress-94 .pie .left-side{transform:rotate(338.4deg)}.pie-wrapper.progress-95 .pie .left-side{transform:rotate(342deg)}.pie-wrapper.progress-96 .pie .left-side{transform:rotate(345.6deg)}.pie-wrapper.progress-97 .pie .left-side{transform:rotate(349.2deg)}.pie-wrapper.progress-98 .pie .left-side{transform:rotate(352.8deg)}.pie-wrapper.progress-99 .pie .left-side{transform:rotate(356.4deg)}@media(min-width: 992px){.mission-slider-container{margin:0 35px;padding:2px}}.mission-slider-container .pie-wrapper .label .percentage-label{padding-right:20px}@media(min-width: 992px){.mission-slider-container .pie-wrapper .label .percentage-label{padding-right:30px}}.mission-slider-container .pie-wrapper .label .percentage-label .smaller{left:calc(100% - 20px)}@media(min-width: 992px){.mission-slider-container .pie-wrapper .label .percentage-label .smaller{left:calc(100% - 30px)}}@media(min-width: 1281px){.mission-slide{min-height:500px}}.mission-slide .full-img{-o-object-fit:cover;object-fit:cover}.mission-slide .cover-icon{border-top-left-radius:10px;border-top-right-radius:10px;-o-object-fit:cover;object-fit:cover;-o-object-position:bottom;object-position:bottom}@media(min-width: 992px){.mission-slide .cover-icon{border-top-left-radius:10px;border-bottom-left-radius:10px;border-top-right-radius:0;-o-object-position:right top;object-position:right top;-o-object-fit:cover;object-fit:cover}}.mission-slide .cover-icon-contain{border-top-left-radius:10px;border-top-right-radius:10px;-o-object-fit:contain;object-fit:contain;-o-object-position:bottom;object-position:bottom}.mission-slide .mission-slide-content{display:flex;flex-direction:column;align-items:center;gap:20px}@media(min-width: 992px){.mission-slide .mission-slide-content{display:grid;grid-template-columns:1fr 1fr 1fr;gap:0}}@media(min-width: 1281px){.mission-slide .mission-slide-content{min-height:500px}}.mission-slide .mission-slide-content .mission-banner-details{min-height:360px}@media only screen and (min-width: 992px)and (max-width: 1280px){.mission-slide .mission-slide-content .mission-banner-details{min-height:inherit}}.mission-slide .mission-slide-content .mission-banner-details .mission-banner-details-content{padding:10px 10px 10px;gap:20px;min-height:300px}@media(min-width: 1281px){.mission-slide .mission-slide-content .mission-banner-details .mission-banner-details-content{width:75%;gap:0;padding:25px 10px 10px}}@media only screen and (min-width: 992px)and (max-width: 1280px){.mission-slide .mission-slide-content .mission-banner-details .mission-banner-details-content{width:65%;gap:20px;padding:20px 10px 10px}}.mission-slide .mission-slide-content .mission-banner-details .mission-banner-details-content .category-title{background:linear-gradient(180deg, #676767 0.01%, #000000 100.01%);border-width:2px 10px;border-style:solid;border-color:#fd960b;z-index:2;min-height:44px;line-height:44px;font-size:20px}@media(min-width: 992px){.mission-slide .mission-slide-content .mission-banner-details .mission-banner-details-content .category-title{min-height:50px;line-height:50px}}@media only screen and (min-width: 992px)and (max-width: 1560px){.mission-slide .mission-slide-content .mission-banner-details .mission-banner-details-content .category-title{font-size:12px}}@media only screen and (min-width: 1561px){.mission-slide .mission-slide-content .mission-banner-details .mission-banner-details-content .category-title{padding-right:1.5rem;padding-left:1.5rem;font-size:24px}}.mission-slide .mission-slide-content .mission-banner-details .mission-banner-details-content .mission-info-wrap img{max-height:100px}@media(min-width: 1281px){.mission-slide .mission-slide-content .mission-banner-details .mission-banner-details-content .mission-info-wrap img{max-height:200px}}.mission-slide .mission-slide-content .mission-banner-details .mission-banner-details-content .mission-participated span{background:#008b1c;max-width:170px}@media(min-width: 992px){.mission-slide .mission-slide-content .mission-banner-details .mission-banner-details-content .mission-participated span{max-width:280px}}.mission-slide .mission-slide-content .mission-banner-details .mission-banner-details-content .status{padding:4px 16px;height:30px;max-width:-moz-max-content;max-width:max-content}@media(min-width: 992px){.mission-slide .mission-slide-content .mission-banner-details .mission-banner-details-content .status{margin-right:10px}}.mission-slide .mission-slide-content .mission-banner-details .mission-banner-details-content .status.active{background:#0e8a00;color:#fff}.mission-slide .mission-slide-content .mission-banner-details .mission-banner-details-content .status.completed{background:#b4ada4;color:#000}.mission-slide .mission-slide-content .mission-banner-details .mission-banner-details-content .status.inactive{background:#ad0000;color:#fff}.mission-slide .mission-slide-content .mission-button{background:linear-gradient(94.22deg, #FDBC0B 1.32%, #F08718 100%),linear-gradient(0deg, #F9AD0F, #F9AD0F);border:1px solid #f9ad0f;box-shadow:2px 4px 8px 0 rgba(0,0,0,.35);height:44px;min-width:180px;width:-moz-max-content;width:max-content;padding:10px 16px}@media(max-width: 991px){.mission-slide .mission-slide-content .mission-button{margin:auto;height:50px;min-width:200px}}.mission-slide .mission-slide-content .mission-button .mission-title span{border-bottom:1px solid rgba(0,0,0,0)}.mission-slide .mission-slide-content .mission-button:hover{color:#0f1116;border:0;box-shadow:0 0 8px 0 #fd960b;background:linear-gradient(94deg, #F08718 1.32%, #FDBC0B 100%)}.mission-slide .mission-slide-content .mission-button:hover .mission-title span{border-bottom:1px solid #fff}@media(max-width: 1280px){.mission-slide .mission-slide-content .mission-banner-percentage{gap:30px}}.mission-slide .mission-slide-content .mission-banner-percentage .pie-wrapper{margin-top:auto !important;margin-bottom:auto}@media(min-width: 992px){.mission-slide .mission-slide-content .mission-banner-percentage .pie-wrapper{margin-top:30% !important}}.mission-slide .mission-slide-content .mission-banner-details>*{z-index:2;position:relative}.mission-slide .mission-slide-content .expiration-date-wrapper .flip-clock__piece{min-width:82px}.mission-slide .mission-slide-content .expiration-date-wrapper .flip-clock__slot{font-size:11px;line-height:11px;color:#fd960b;padding-top:5px}.mission-slide .mission-slide-content .expiration-date-wrapper .clock-card{padding-bottom:.8em;font-size:36px;line-height:41px;overflow:hidden}.mission-slide .mission-slide-content .expiration-date-wrapper .card__top,.mission-slide .mission-slide-content .expiration-date-wrapper .card__bottom,.mission-slide .mission-slide-content .expiration-date-wrapper .card__back::before,.mission-slide .mission-slide-content .expiration-date-wrapper .card__back::after{display:block;height:.8em;color:#ccc;background:#222;padding:.25em .25em;border-radius:.22em .22em 0 0;backface-visiblity:hidden;transform-style:preserve-3d;width:1.8em;transform:translateZ(0)}.mission-slide .mission-slide-content .expiration-date-wrapper .card__bottom{color:#fff;position:absolute;top:50%;left:0;border-top:solid 1px #000;background:#393939;border-radius:0 0 .22em .22em;pointer-events:none;overflow:hidden}.mission-slide .mission-slide-content .expiration-date-wrapper .card__bottom::after{display:block;margin-top:-0.8em}.mission-slide .mission-slide-content .expiration-date-wrapper .card__back::before,.mission-slide .mission-slide-content .expiration-date-wrapper .card__bottom::after{content:attr(data-value)}.mission-slide .mission-slide-content .expiration-date-wrapper .card__back{position:absolute;top:0;height:100%;left:0;pointer-events:none}.mission-slide .mission-slide-content .expiration-date-wrapper .card__back::before{position:relative;z-index:-1;overflow:hidden}.mission-slide .mission-slide-content .expiration-date-wrapper .flip .card__back::before{animation:flipTop .3s cubic-bezier(0.37, 0.01, 0.94, 0.35);animation-fill-mode:both;transform-origin:center bottom}.mission-slide .mission-slide-content .expiration-date-wrapper .flip .card__back .card__bottom{transform-origin:center top;animation-fill-mode:both;animation:flipBottom .6s cubic-bezier(0.15, 0.45, 0.28, 1)}@keyframes flipTop{0%{rotate:x 0deg;z-index:2}0%,99%{opacity:.99}100%{rotate:x -90deg;opacity:0}}@keyframes flipBottom{0%,50%{z-index:-1;rotate:x 90deg;opacity:0}51%{opacity:.99}100%{opacity:.99;rotate:x 0deg;z-index:5}}.mission-slide .percentage-label span:first-child{float:left}

/*# sourceMappingURL=missionPage.min.css.map*/