광역 이동 저상 좌석버스 공모전 수상작 온라인 전시회

%3Clink%20href%3D%22https%3A%2F%2Ffonts.gstatic.com%22%20rel%3D%22preconnect%22%20%2F%3E%0D%0A%3Clink%20href%3D%22https%3A%2F%2Ffonts.googleapis.com%2Fcss2%3Ffamily%3DNunito%3Awght%40400%3B700%26display%3Dswap%22%20rel%3D%22stylesheet%22%20%2F%3E%0D%0A%3Cstyle%20type%3D%22text%2Fcss%22%3E.background-box%20%7B%0D%0A%20%20%20%20%20%20%20%20%20%20%20%20width%3A%20100vw%3B%0D%0A%20%20%20%20height%3A%20100dvh%3B%0D%0A%20%20%20%20min-height%3A%20100vh%3B%0D%0A%20%20%20%20position%3A%20relative%3B%0D%0A%20%20%20%20overflow-y%3A%20auto%3B%0D%0A%20%20%20%20display%3A%20flex%3B%0D%0A%20%20%20%20justify-content%3A%20center%3B%0D%0A%20%20%20%20align-items%3A%20center%3B%0D%0A%20%20%20%20%20%20%20%20%7D%0D%0A%0D%0A%20%20%20%20%20%20%20%20.background%20%7B%0D%0A%20%20%20%20%20%20%20%20%20%20%20%20position%3A%20absolute%3B%0D%0A%20%20%20%20%20%20%20%20%20%20%20%20top%3A%200%3B%0D%0A%20%20%20%20%20%20%20%20%20%20%20%20left%3A%200%3B%0D%0A%20%20%20%20%20%20%20%20%20%20%20%20right%3A%200%3B%0D%0A%20%20%20%20%20%20%20%20%20%20%20%20bottom%3A%200%3B%0D%0A%20%20%20%20%20%20%20%20%20%20%20%20background%3A%20url%28%27https%3A%2F%2Fmy.metachamber.co.kr%2Ftour%2Ff%2Ff%3Aenhg7t4mz%3Fext%3Djpeg%27%29%20no-repeat%20center%20center%20%2F%20cover%3B%0D%0A%20%20%20%20%20%20%20%20%20%20%20%20z-index%3A%200%3B%0D%0A%20%20%20%20%20%20%20%20%7D%0D%0A%0D%0A%20%20%20%20%20%20%20%20.content__box%20%7B%0D%0A%20%20%20%20%20%20%20%20%20%20%20%20position%3A%20relative%20%21important%3B%0D%0A%20%20%20%20%20%20%20%20%20%20%20%20z-index%3A%201%3B%0D%0A%20%20%20%20%20%20%20%20%20%20%20%20width%3A%2090vw%20%21important%3B%0D%0A%20%20%20%20%20%20%20%20%20%20%20%20max-width%3A%20440px%20%21important%3B%0D%0A%20%20%20%20%20%20%20%20%20%20%20%20margin%3A%200%20auto%20%21important%3B%0D%0A%20%20%20%20%20%20%20%20%20%20%20%20left%3A%200%20%21important%3B%0D%0A%20%20%20%20%20%20%20%20%20%20%20%20%2F%2F%20top%3A%2050%25%20%21important%3B%0D%0A%20%20%20%20%20%20%20%20%20%20%20%20%2F%2F%20transform%3A%20translateY%28-50%25%29%3B%0D%0A%20%20%20%20%20%20%20%20%20%20%20%20display%3A%20flex%3B%0D%0A%20%20%20%20%20%20%20%20%20%20%20%20flex-direction%3A%20column%3B%0D%0A%20%20%20%20%20%20%20%20%20%20%20%20justify-content%3A%20center%3B%0D%0A%20%20%20%20%20%20%20%20%20%20%20%20height%3A%20100%25%3B%0D%0A%20%20%20%20%20%20%20%20%7D%0D%0A%0D%0A%20%20%20%20%20%20%20%20.content__box%20%3E%20div%20%7B%0D%0A%20%20%20%20%20%20%20%20%20%20%20%20text-align%3A%20center%3B%0D%0A%20%20%20%20%20%20%20%20%7D%0D%0A%0D%0A%20%20%20%20%20%20%20%20.content__box%20img%20%7B%0D%0A%20%20%20%20%20%20%20%20%20%20%20%20width%3A%2090%25%20%21important%3B%0D%0A%20%20%20%20%20%20%20%20%20%20%20%20max-width%3A%2090%25%20%21important%3B%0D%0A%20%20%20%20%20%20%20%20%20%20%20%20height%3A%20auto%20%21important%3B%0D%0A%20%20%20%20%20%20%20%20%20%20%20%20display%3A%20block%3B%0D%0A%20%20%20%20%20%20%20%20%20%20%20%20margin%3A%200%20auto%3B%0D%0A%20%20%20%20%20%20%20%20%7D%0D%0A%0D%0A%20%20%20%20%20%20%20%20.z7-image-wrapper%20%7B%0D%0A%20%20%20%20%20%20%20%20%20%20%20%20position%3A%20relative%3B%0D%0A%20%20%20%20%20%20%20%20%20%20%20%20display%3A%20flex%3B%0D%0A%20%20%20%20%20%20%20%20%20%20%20%20justify-content%3A%20center%3B%0D%0A%20%20%20%20%20%20%20%20%7D%0D%0A%0D%0A%20%20%20%20%20%20%20%20.z7-image-wrapper%20img%20%7B%0D%0A%20%20%20%20%20%20%20%20%20%20%20%20width%3A%20100%25%20%21important%3B%0D%0A%20%20%20%20%20%20%20%20%20%20%20%20max-width%3A%20100%25%20%21important%3B%0D%0A%20%20%20%20%20%20%20%20%20%20%20%20height%3A%20auto%3B%0D%0A%20%20%20%20%20%20%20%20%20%20%20%20display%3A%20block%3B%0D%0A%20%20%20%20%20%20%20%20%7D%0D%0A%0D%0A%20%20%20%20%20%20%20%20.hearts-container%20%7B%0D%0A%20%20%20%20%20%20%20%20%20%20%20%20position%3A%20absolute%3B%0D%0A%20%20%20%20%20%20%20%20%20%20%20%20top%3A%200%3B%0D%0A%20%20%20%20%20%20%20%20%20%20%20%20left%3A%200%3B%0D%0A%20%20%20%20%20%20%20%20%20%20%20%20width%3A%20100%25%3B%0D%0A%20%20%20%20%20%20%20%20%20%20%20%20height%3A%20100%25%3B%0D%0A%20%20%20%20%20%20%20%20%20%20%20%20pointer-events%3A%20none%3B%0D%0A%20%20%20%20%20%20%20%20%20%20%20%20overflow%3A%20hidden%3B%0D%0A%20%20%20%20%20%20%20%20%7D%0D%0A%0D%0A%20%20%20%20%20%20%20%20.heart-float%20%7B%0D%0A%20%20%20%20%20%20%20%20%20%20%20%20position%3A%20absolute%3B%0D%0A%20%20%20%20%20%20%20%20%20%20%20%20font-size%3A%2016px%3B%0D%0A%20%20%20%20%20%20%20%20%20%20%20%20color%3A%20%23FF3366%3B%0D%0A%20%20%20%20%20%20%20%20%20%20%20%20animation%3A%20floatUp%203s%20linear%20forwards%3B%0D%0A%20%20%20%20%20%20%20%20%20%20%20%20opacity%3A%200.8%3B%0D%0A%20%20%20%20%20%20%20%20%7D%0D%0A%0D%0A%20%20%20%20%20%20%20%20%40keyframes%20floatUp%20%7B%0D%0A%20%20%20%20%20%20%20%20%20%20%20%200%25%20%7B%20transform%3A%20translateY%280%29%3B%20opacity%3A%201%3B%20%7D%0D%0A%20%20%20%20%20%20%20%20%20%20%20%20100%25%20%7B%20transform%3A%20translateY%28-120px%29%3B%20opacity%3A%200%3B%20%7D%0D%0A%20%20%20%20%20%20%20%20%7D%0D%0A%0D%0A%20%20%20%20%20%20%20%20.progress-bar-container%20%7B%0D%0A%20%20%20%20%20%20%20%20%20%20%20%20position%3A%20absolute%3B%0D%0A%20%20%20%20%20%20%20%20%20%20%20%20bottom%3A%2050px%3B%0D%0A%20%20%20%20%20%20%20%20%20%20%20%20left%3A%2050%25%3B%0D%0A%20%20%20%20%20%20%20%20%20%20%20%20transform%3A%20translateX%28-50%25%29%3B%0D%0A%20%20%20%20%20%20%20%20%20%20%20%20width%3A%2070%25%3B%0D%0A%20%20%20%20%20%20%20%20%20%20%20%20max-width%3A%20200px%3B%0D%0A%20%20%20%20%20%20%20%20%20%20%20%20height%3A%207px%3B%0D%0A%20%20%20%20%20%20%20%20%20%20%20%20background-color%3A%20rgba%28255%2C%20255%2C%20255%2C%200.4%29%3B%0D%0A%20%20%20%20%20%20%20%20%20%20%20%20border-radius%3A%204px%3B%0D%0A%20%20%20%20%20%20%20%20%20%20%20%20overflow%3A%20visible%3B%0D%0A%20%20%20%20%20%20%20%20%20%20%20%20display%3A%20none%3B%0D%0A%20%20%20%20%20%20%20%20%7D%0D%0A%0D%0A%20%20%20%20%20%20%20%20.progress-bar-fill%20%7B%0D%0A%20%20%20%20%20%20%20%20%20%20%20%20width%3A%200%25%3B%0D%0A%20%20%20%20%20%20%20%20%20%20%20%20height%3A%20100%25%3B%0D%0A%20%20%20%20%20%20%20%20%20%20%20%20background-color%3A%20%23F27695%3B%0D%0A%20%20%20%20%20%20%20%20%20%20%20%20transition%3A%20width%200.05s%20linear%3B%0D%0A%20%20%20%20%20%20%20%20%20%20%20%20border-radius%3A%204px%3B%0D%0A%20%20%20%20%20%20%20%20%7D%0D%0A%0D%0A%20%20%20%20%20%20%20%20.progress-thumb%20%7B%0D%0A%20%20%20%20%20%20%20%20%20%20%20%20position%3A%20absolute%3B%0D%0A%20%20%20%20%20%20%20%20%20%20%20%20top%3A%2050%25%3B%0D%0A%20%20%20%20%20%20%20%20%20%20%20%20left%3A%200%25%3B%0D%0A%20%20%20%20%20%20%20%20%20%20%20%20transform%3A%20translate%28-50%25%2C%20-50%25%29%3B%0D%0A%20%20%20%20%20%20%20%20%20%20%20%20width%3A%2014px%3B%0D%0A%20%20%20%20%20%20%20%20%20%20%20%20height%3A%2014px%3B%0D%0A%20%20%20%20%20%20%20%20%20%20%20%20background-color%3A%20%23313D76%3B%0D%0A%20%20%20%20%20%20%20%20%20%20%20%20border-radius%3A%2050%25%3B%0D%0A%20%20%20%20%20%20%20%20%20%20%20%20z-index%3A%202%3B%0D%0A%20%20%20%20%20%20%20%20%20%20%20%20transition%3A%20left%200.05s%20linear%3B%0D%0A%20%20%20%20%20%20%20%20%7D%0D%0A%0D%0A%0D%0A%20%20%20%20%20%20%20%20.button-area%20%7B%0D%0A%20%20%20%20%20%20%20%20%20%20%20%20text-align%3A%20center%3B%0D%0A%20%20%20%20%20%20%20%20%20%20%20%20z-index%3A%202%3B%0D%0A%20%20%20%20%20%20%20%20%20%20%20%20display%3A%20none%3B%0D%0A%20%20%20%20%20%20%20%20%7D%0D%0A%0D%0A%20%20%20%20%20%20%20%20.button-area%20a%20%7B%0D%0A%20%20%20%20%20%20%20%20%20%20%20%20display%3A%20inline-flex%3B%0D%0A%20%20%20%20%20%20%20%20%20%20%20%20align-items%3A%20center%3B%0D%0A%20%20%20%20%20%20%20%20%20%20%20%20justify-content%3A%20center%3B%0D%0A%20%20%20%20%20%20%20%20%20%20%20%20background-color%3A%20%23DC6B38%3B%0D%0A%20%20%20%20%20%20%20%20%20%20%20%20color%3A%20%23fff%20%21important%3B%0D%0A%20%20%20%20%20%20%20%20%20%20%20%20padding%3A%2010px%2020px%3B%0D%0A%20%20%20%20%20%20%20%20%20%20%20%20border-radius%3A%2018px%3B%0D%0A%20%20%20%20%20%20%20%20%20%20%20%20font-size%3A%2018px%3B%0D%0A%20%20%20%20%20%20%20%20%20%20%20%20font-weight%3A%20700%3B%0D%0A%20%20%20%20%20%20%20%20%20%20%20%20text-decoration%3A%20none%3B%0D%0A%20%20%20%20%20%20%20%20%20%20%20%20transition%3A%20all%200.3s%20ease%3B%0D%0A%20%20%20%20%20%20%20%20%20%20%20%20gap%3A%208px%3B%0D%0A%20%20%20%20%20%20%20%20%20%20%20%20position%3A%20relative%3B%0D%0A%20%20%20%20%20%20%20%20%20%20%20%20overflow%3A%20hidden%3B%0D%0A%20%20%20%20%20%20%20%20%20%20%20%20box-shadow%3A%200%204px%2015px%20rgba%28220%2C%20107%2C%2056%2C%200.3%29%3B%0D%0A%20%20%20%20%20%20%20%20%7D%0D%0A%0D%0A%20%20%20%20%20%20%20%20.button-area%20a%3A%3Abefore%20%7B%0D%0A%20%20%20%20%20%20%20%20%20%20%20%20content%3A%20%27%27%3B%0D%0A%20%20%20%20%20%20%20%20%20%20%20%20position%3A%20absolute%3B%0D%0A%20%20%20%20%20%20%20%20%20%20%20%20top%3A%2050%25%3B%0D%0A%20%20%20%20%20%20%20%20%20%20%20%20left%3A%2050%25%3B%0D%0A%20%20%20%20%20%20%20%20%20%20%20%20width%3A%200%3B%0D%0A%20%20%20%20%20%20%20%20%20%20%20%20height%3A%200%3B%0D%0A%20%20%20%20%20%20%20%20%20%20%20%20border-radius%3A%2050%25%3B%0D%0A%20%20%20%20%20%20%20%20%20%20%20%20background-color%3A%20rgba%28255%2C%20255%2C%20255%2C%200.2%29%3B%0D%0A%20%20%20%20%20%20%20%20%20%20%20%20transform%3A%20translate%28-50%25%2C%20-50%25%29%3B%0D%0A%20%20%20%20%20%20%20%20%20%20%20%20transition%3A%20width%200.6s%20ease%2C%20height%200.6s%20ease%3B%0D%0A%20%20%20%20%20%20%20%20%7D%0D%0A%0D%0A%20%20%20%20%20%20%20%20.button-area%20a%3Ahover%3A%3Abefore%20%7B%0D%0A%20%20%20%20%20%20%20%20%20%20%20%20width%3A%20300px%3B%0D%0A%20%20%20%20%20%20%20%20%20%20%20%20height%3A%20300px%3B%0D%0A%20%20%20%20%20%20%20%20%7D%0D%0A%0D%0A%20%20%20%20%20%20%20%20.button-area%20a%3Ahover%20%7B%0D%0A%20%20%20%20%20%20%20%20%20%20%20%20background-color%3A%20%23cc4620%3B%0D%0A%20%20%20%20%20%20%20%20%20%20%20%20transform%3A%20translateY%28-3px%29%3B%0D%0A%20%20%20%20%20%20%20%20%20%20%20%20box-shadow%3A%200%208px%2025px%20rgba%28220%2C%20107%2C%2056%2C%200.5%29%3B%0D%0A%20%20%20%20%20%20%20%20%7D%0D%0A%0D%0A%20%20%20%20%20%20%20%20.button-area%20a%3Aactive%20%7B%0D%0A%20%20%20%20%20%20%20%20%20%20%20%20transform%3A%20translateY%28-1px%29%3B%0D%0A%20%20%20%20%20%20%20%20%20%20%20%20box-shadow%3A%200%204px%2015px%20rgba%28220%2C%20107%2C%2056%2C%200.4%29%3B%0D%0A%20%20%20%20%20%20%20%20%7D%0D%0A%0D%0A%20%20%20%20%20%20%20%20.button-area%20a%20span%20%7B%0D%0A%20%20%20%20%20%20%20%20%20%20%20%20display%3A%20inline-flex%3B%0D%0A%20%20%20%20%20%20%20%20%20%20%20%20justify-content%3A%20center%3B%0D%0A%20%20%20%20%20%20%20%20%20%20%20%20align-items%3A%20center%3B%0D%0A%20%20%20%20%20%20%20%20%20%20%20%20width%3A%2024px%3B%0D%0A%20%20%20%20%20%20%20%20%20%20%20%20height%3A%2024px%3B%0D%0A%20%20%20%20%20%20%20%20%20%20%20%20border-radius%3A%2050%25%3B%0D%0A%20%20%20%20%20%20%20%20%20%20%20%20font-weight%3A%20bold%3B%0D%0A%20%20%20%20%20%20%20%20%20%20%20%20font-size%3A%2013px%3B%0D%0A%20%20%20%20%20%20%20%20%20%20%20%20border%3A%203px%20solid%20%23ffffff%3B%0D%0A%20%20%20%20%20%20%20%20%20%20%20%20box-sizing%3A%20border-box%3B%0D%0A%20%20%20%20%20%20%20%20%20%20%20%20padding-left%3A%203px%3B%0D%0A%20%20%20%20%20%20%20%20%20%20%20%20transition%3A%20transform%200.3s%20ease%3B%0D%0A%20%20%20%20%20%20%20%20%7D%0D%0A%0D%0A%20%20%20%20%20%20%20%20.button-area%20a%3Ahover%20span%20%7B%0D%0A%20%20%20%20%20%20%20%20%20%20%20%20transform%3A%20translateX%284px%29%3B%0D%0A%20%20%20%20%20%20%20%20%7D%0D%0A%0D%0A%20%20%20%20%20%20%20%20%2F%2A%20%EC%9E%91%EC%9D%80%20%ED%99%94%EB%A9%B4%EC%97%90%EC%84%9C%EB%A7%8C%20%EC%95%BD%EA%B0%84%EC%9D%98%20%EC%A1%B0%EC%A0%95%20%28320px%20%EC%9D%B4%ED%95%98%29%20%2A%2F%0D%0A%20%20%20%20%20%20%20%20%40media%20%28max-width%3A%20400px%29%20%7B%0D%0A%20%20%20%20%20%20%20%20%20%20%20%20.content__box%20%7B%0D%0A%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20width%3A%2090vw%20%21important%3B%0D%0A%20%20%20%20%20%20%20%20%20%20%20%20%7D%0D%0A%20%20%20%20%20%20%20%20%20%20%20%20.button-area%20a%20%7B%0D%0A%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20font-size%3A%2015px%3B%0D%0A%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20padding%3A%2011px%2020px%3B%0D%0A%20%20%20%20%20%20%20%20%20%20%20%20%7D%0D%0A%20%20%20%20%20%20%20%20%20%20%20%20.progress-bar-container%20%7B%0D%0A%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20bottom%3A%2035px%3B%0D%0A%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20width%3A%2060%25%3B%0D%0A%20%20%20%20%20%20%20%20%20%20%20%20%7D%0D%0A%20%20%20%20%20%20%20%20%7D%0D%0A%0D%0A%20%20%20%20%20%20%20%20%2F%2A%20%EB%A7%A4%EC%9A%B0%20%EC%A7%A7%EC%9D%80%20%ED%99%94%EB%A9%B4%20%EB%86%92%EC%9D%B4%20%EB%8C%80%EC%9D%91%20%2A%2F%0D%0A%20%20%20%20%20%20%20%20%40media%20%28max-height%3A%20600px%29%20%7B%0D%0A%20%20%20%20%20%20%20%20%20%20%20%20.content__box%20%7B%0D%0A%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20padding%3A%201vh%200%3B%0D%0A%20%20%20%20%20%20%20%20%20%20%20%20%7D%0D%0A%20%20%20%20%20%20%20%20%20%20%20%20.progress-bar-container%20%7B%0D%0A%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20bottom%3A%2025px%3B%0D%0A%20%20%20%20%20%20%20%20%20%20%20%20%7D%0D%0A%20%20%20%20%20%20%20%20%20%20%20%20.button-area%20a%20%7B%0D%0A%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20padding%3A%2011px%2020px%3B%0D%0A%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20font-size%3A%2016px%3B%0D%0A%20%20%20%20%20%20%20%20%20%20%20%20%7D%0D%0A%20%20%20%20%20%20%20%20%7D%0D%0A%3C%2Fstyle%3E%0D%0A%3Cdiv%20class%3D%22background-box%22%3E%0D%0A%3Cdiv%20class%3D%22background%22%3E%0D%0A%3Cdiv%20class%3D%22content__box%22%3E%0D%0A%3Cdiv%20class%3D%22content__box__first%22%3E%3Cimg%20alt%3D%22%22%20src%3D%22https%3A%2F%2Fmy.metachamber.co.kr%2Ftour%2Ff%2Ff%3A9mt6zn4qxz%3Fext%3Dpng%22%20%2F%3E%3C%2Fdiv%3E%0D%0A%0D%0A%3Cdiv%20class%3D%22z7-image-wrapper%22%3E%3Cimg%20alt%3D%22main%22%20src%3D%22https%3A%2F%2Fmy.metachamber.co.kr%2Ftour%2Ff%2Ff%3Az7rqe4zd8w%3Fext%3Dpng%22%20%2F%3E%0D%0A%3Cdiv%20class%3D%22hearts-container%22%3E%C2%A0%3C%2Fdiv%3E%0D%0A%0D%0A%3Cdiv%20class%3D%22progress-bar-container%22%3E%0D%0A%3Cdiv%20class%3D%22progress-bar-fill%22%20id%3D%22progressZ7%22%3E%C2%A0%3C%2Fdiv%3E%0D%0A%3C%2Fdiv%3E%0D%0A%3C%2Fdiv%3E%0D%0A%0D%0A%3Cdiv%20class%3D%22content__box__third%22%3E%3Cimg%20alt%3D%22%22%20src%3D%22https%3A%2F%2Fmy.metachamber.co.kr%2Ftour%2Ff%2Ff%3Abbm6nznnyy%3Fext%3Dpng%22%20%2F%3E%3C%2Fdiv%3E%0D%0A%0D%0A%3Cdiv%20class%3D%22button-area%22%3E%3Ca%20target%3D%22_blank%22%20href%3D%22https%3A%2F%2Fmy.metachamber.co.kr%2Ftour%2Fkappd-lowfloorbus%3Fplay%3D1%26sr%3D-.09%2C.54%26ss%3D22%22%20target%3D%22_blank%22%3E%3Cspan%3E%E2%96%BA%3C%2Fspan%3E%20VR%20%EA%B3%B5%EB%AA%A8%EC%A0%84%20%EC%A0%84%EC%8B%9C%ED%9A%8C%20%EC%9E%85%EC%9E%A5%ED%95%98%EA%B8%B0%3C%2Fa%3E%3C%2Fdiv%3E%0D%0A%3C%2Fdiv%3E%0D%0A%3C%2Fdiv%3E%0D%0A%3C%2Fdiv%3E%0D%0A%3Cscript%3E%0D%0A%20%20%20%20setTimeout%28%28%29%20%3D%3E%20%7B%0D%0A%20%20%20%20%20%20%20%20%20%20%20%20const%20progressBar%20%3D%20document.querySelector%28%27.progress-bar-container%27%29%3B%0D%0A%20%20%20%20%20%20%20%20%20%20%20%20const%20buttonArea%20%3D%20document.querySelector%28%27.button-area%27%29%3B%0D%0A%0D%0A%20%20%20%20%20%20%20%20%20%20%20%20if%20%28progressBar%29%20%7B%0D%0A%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20progressBar.style.display%20%3D%20%27block%27%3B%0D%0A%20%20%20%20%20%20%20%20%20%20%20%20%7D%0D%0A%20%20%20%20%20%20%20%20%20%20%20%20if%20%28buttonArea%29%20%7B%0D%0A%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20buttonArea.style.display%20%3D%20%27block%27%3B%0D%0A%20%20%20%20%20%20%20%20%20%20%20%20%7D%0D%0A%20%20%20%20%20%20%20%20%7D%2C%20800%29%3B%0D%0A%20%20%20%20%20%20%20%20function%20createFloatingHeart%28%29%20%7B%0D%0A%20%20%20%20%20%20%20%20%20%20%20%20const%20container%20%3D%20document.querySelector%28%27.hearts-container%27%29%3B%0D%0A%20%20%20%20%20%20%20%20%20%20%20%20if%20%28%21container%29%20return%3B%0D%0A%0D%0A%20%20%20%20%20%20%20%20%20%20%20%20const%20heart%20%3D%20document.createElement%28%27div%27%29%3B%0D%0A%20%20%20%20%20%20%20%20%20%20%20%20heart.classList.add%28%27heart-float%27%29%3B%0D%0A%20%20%20%20%20%20%20%20%20%20%20%20heart.innerText%20%3D%20%27%E2%9D%A4%EF%B8%8F%27%3B%0D%0A%0D%0A%20%20%20%20%20%20%20%20%20%20%20%20const%20randomLeft%20%3D%20Math.random%28%29%20%2A%2013%20%2B%2070%3B%0D%0A%20%20%20%20%20%20%20%20%20%20%20%20const%20randomBottom%20%3D%20Math.random%28%29%20%2A%2010%20%2B%2020%3B%0D%0A%20%20%20%20%20%20%20%20%20%20%20%20const%20randomSize%20%3D%20Math.random%28%29%20%2A%2010%20%2B%2014%3B%0D%0A%20%20%20%20%20%20%20%20%20%20%20%20const%20randomDelay%20%3D%20Math.random%28%29%20%2A%202%3B%0D%0A%0D%0A%20%20%20%20%20%20%20%20%20%20%20%20heart.style.left%20%3D%20%60%24%7BrandomLeft%7D%25%60%3B%0D%0A%20%20%20%20%20%20%20%20%20%20%20%20heart.style.bottom%20%3D%20%60%24%7BrandomBottom%7D%25%60%3B%0D%0A%20%20%20%20%20%20%20%20%20%20%20%20heart.style.fontSize%20%3D%20%60%24%7BrandomSize%7Dpx%60%3B%0D%0A%20%20%20%20%20%20%20%20%20%20%20%20heart.style.animationDelay%20%3D%20%60%24%7BrandomDelay%7Ds%60%3B%0D%0A%0D%0A%20%20%20%20%20%20%20%20%20%20%20%20container.appendChild%28heart%29%3B%0D%0A%0D%0A%20%20%20%20%20%20%20%20%20%20%20%20setTimeout%28%28%29%20%3D%3E%20%7B%0D%0A%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20heart.remove%28%29%3B%0D%0A%20%20%20%20%20%20%20%20%20%20%20%20%7D%2C%203000%29%3B%0D%0A%20%20%20%20%20%20%20%20%7D%0D%0A%0D%0A%20%20%20%20%20%20%20%20setInterval%28createFloatingHeart%2C%20700%29%3B%0D%0A%0D%0A%20%20%20%20%20%20%20%20const%20progressBarContainer%20%3D%20document.querySelector%28%27.progress-bar-container%27%29%3B%0D%0A%20%20%20%20%20%20%20%20const%20progressThumb%20%3D%20document.createElement%28%27span%27%29%3B%0D%0A%20%20%20%20%20%20%20%20progressThumb.className%20%3D%20%27progress-thumb%27%3B%0D%0A%20%20%20%20%20%20%20%20progressThumb.id%20%3D%20%27progressThumb%27%3B%0D%0A%20%20%20%20%20%20%20%20progressBarContainer.appendChild%28progressThumb%29%3B%0D%0A%0D%0A%20%20%20%20%20%20%20%20const%20progressZ7%20%3D%20document.getElementById%28%27progressZ7%27%29%3B%0D%0A%20%20%20%20%20%20%20%20let%20z7Progress%20%3D%200%3B%0D%0A%0D%0A%20%20%20%20%20%20%20%20const%20z7Interval%20%3D%20setInterval%28%28%29%20%3D%3E%20%7B%0D%0A%20%20%20%20%20%20%20%20%20%20%20%20if%20%28z7Progress%20%3E%3D%20100%29%20%7B%0D%0A%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20clearInterval%28z7Interval%29%3B%0D%0A%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20return%3B%0D%0A%20%20%20%20%20%20%20%20%20%20%20%20%7D%0D%0A%0D%0A%20%20%20%20%20%20%20%20%20%20%20%20z7Progress%20%2B%3D%201%3B%0D%0A%0D%0A%20%20%20%20%20%20%20%20%20%20%20%20progressZ7.style.width%20%3D%20z7Progress%20%2B%20%27%25%27%3B%0D%0A%20%20%20%20%20%20%20%20%20%20%20%20progressThumb.style.left%20%3D%20z7Progress%20%2B%20%27%25%27%3B%0D%0A%0D%0A%20%20%20%20%20%20%20%20%7D%2C%2050%29%3B%0D%0A%20%20%20%20%3C%2Fscript%3E