.drawer-section .backdrop{z-index:1;-webkit-backdrop-filter:blur(3px);backdrop-filter:blur(3px);opacity:0;cursor:default;pointer-events:none;background:rgba(0,0,0,.2);transition:opacity .2s;position:fixed;top:0;bottom:0;left:0;right:0}.drawer-section .drawer{z-index:1;background:#fff;height:100%;padding:2rem;transition:translate .2s;position:fixed;top:0;right:0;translate:100%}.drawer-section .drawer p{margin-bottom:1rem}.drawer-section .toggle:checked~.backdrop{opacity:1;pointer-events:all}.drawer-section .toggle:checked~.drawer{translate:0}
.dropdown-section details{position:relative}.dropdown-section details[open] summary:after{rotate:180deg}.dropdown-section details[open] div{animation:.2s forwards details}.dropdown-section summary{cursor:pointer;transition:opacity .2s}.dropdown-section summary:hover{opacity:.7}.dropdown-section summary:after{content:"▼";margin-left:1rem;transition:rotate .2s;display:inline-block}.dropdown-section div{opacity:0;background:#fff;border:1px solid #000;border-radius:.25rem;padding:1rem;position:absolute;top:100%;left:0;translate:0 -.5rem}.dropdown-section div p:not(:last-of-type){margin-bottom:1rem}@keyframes details{to{opacity:1;translate:0}}
.filter-section>div{grid-template-columns:repeat(2,minmax(0,1fr));gap:.5rem;margin-bottom:2rem;display:grid}.filter-section input:checked+label{background:#ff0}.filter-section label{text-align:center;background:0 0;border:4px solid #ff0;border-radius:.5rem;padding:.5rem 1rem;font-size:.75rem;display:inline-block}.filter-section ul{flex-wrap:wrap;gap:1rem;margin-top:1rem;display:flex}.filter-section:has(.filter1:checked) ul li:not(.item1){display:none}.filter-section:has(.filter2:checked) ul li:not(.item2){display:none}.filter-section:has(.filter3:checked) ul li:not(.item3){display:none}@media (min-width:1024px){.filter-section>div{grid-template-columns:repeat(4,minmax(0,1fr))}}
.modal-section .backdrop{z-index:1;-webkit-backdrop-filter:blur(3px);backdrop-filter:blur(3px);opacity:0;cursor:default;pointer-events:none;background:rgba(0,0,0,.2);transition:opacity .2s;position:fixed;top:0;bottom:0;left:0;right:0}.modal-section .modal{z-index:1;opacity:0;pointer-events:none;background:#fff;border-radius:.5rem;width:-moz-fit-content;width:fit-content;height:-moz-fit-content;height:fit-content;margin:auto;padding:2rem;transition:opacity .2s;position:fixed;top:0;bottom:0;left:0;right:0}.modal-section .modal p{margin-bottom:1rem}.modal-section .toggle:checked~.backdrop{opacity:1;pointer-events:all}.modal-section .toggle:checked~.modal{opacity:1;pointer-events:all}
.slider-section .slider{margin-bottom:.5rem;position:relative;overflow:hidden}.slider-section .slider figure{transition:translate .4s;display:flex}.slider-section .slider img{object-fit:cover;border-radius:.5rem;width:100%}.slider-section .slider .prev-btn{color:#000;cursor:pointer;background:#ff0;border-radius:50%;place-content:center;width:2rem;height:2rem;font-weight:700;transition:opacity .2s;display:none;position:absolute;top:50%;translate:0 -50%}.slider-section .slider .prev-btn:hover{opacity:.8}.slider-section .slider .next-btn{color:#000;cursor:pointer;background:#ff0;border-radius:50%;place-content:center;width:2rem;height:2rem;font-weight:700;transition:opacity .2s;display:none;position:absolute;top:50%;translate:0 -50%}.slider-section .slider .next-btn:hover{opacity:.8}.slider-section .slider .prev-btn{left:.5rem}.slider-section .slider .next-btn{right:.5rem}.slider-section .thumb{grid-template-columns:repeat(3,minmax(0,1fr));gap:.5rem;display:grid}.slider-section .thumb label{border-radius:.5rem}.slider-section .thumb label:hover{opacity:1}.slider-section .thumb img{object-fit:cover;border-radius:.5rem;width:100%;height:auto}.slider-section .slide1:checked~.slider figure{translate:0}.slider-section .slide1:checked~.thumb label:first-of-type{border:4px solid #ff0;border-radius:.5rem}.slider-section .slide1:checked~.slider .prev-btn:nth-child(2){display:grid}.slider-section .slide1:checked~.slider .next-btn:nth-child(5){display:grid}.slider-section .slide2:checked~.slider figure{translate:-100%}.slider-section .slide2:checked~.thumb label:nth-of-type(2){border:4px solid #ff0}.slider-section .slide2:checked~.slider .prev-btn:nth-child(3){display:grid}.slider-section .slide2:checked~.slider .next-btn:nth-child(6){display:grid}.slider-section .slide3:checked~.slider figure{translate:-200%}.slider-section .slide3:checked~.thumb label:nth-of-type(3){border:4px solid #ff0}.slider-section .slide3:checked~.slider .prev-btn:nth-child(4){display:grid}.slider-section .slide3:checked~.slider .next-btn:nth-child(7){display:grid}
.tour-section>.button{margin-bottom:1rem}.tour-section>a:not(.button){color:transparent;-webkit-backdrop-filter:blur(3px);backdrop-filter:blur(3px);pointer-events:none;opacity:0;cursor:default;z-index:1;background:rgba(0,0,0,.2);transition:opacity .2s;position:fixed;top:0;bottom:0;left:0;right:0}.tour-section:has(li:target)>a:not(.button){pointer-events:all;opacity:1}.tour-section ul{grid-template-columns:repeat(1,minmax(0,1fr));gap:1rem;scroll-margin-top:8rem;display:grid}.tour-section li{text-align:center;border:1px solid #000;border-radius:.5rem;padding:2rem;scroll-margin-top:8rem;transition:background .2s;position:relative}.tour-section li a{pointer-events:none;background:#d3d3d3;display:block}.tour-section li:target{z-index:2;background:#ff0}.tour-section li:target a{pointer-events:all;opacity:1;background:#fff}.tour-section p{margin-bottom:1rem}.tour-section a{text-decoration:none}@media (min-width:744px){.tour-section ul{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (min-width:1024px){.tour-section ul{grid-template-columns:repeat(3,minmax(0,1fr))}}
.transition-section a{text-decoration:none}body:before{content:"";z-index:-1;pointer-events:none;opacity:.05;filter:grayscale();background:url(../media/icon.eb37c6ea.svg) 50%/25vw no-repeat;transition-property:opacity,filter,translate;transition-duration:1s;position:fixed;top:0;bottom:0;left:0;right:0;translate:50% 50%}body:has(.transition):before{opacity:1;filter:grayscale(0);translate:0}
.valid-section>div{flex-direction:column;gap:.5rem;display:flex}.valid-section input{border:1px solid #000;border-radius:.25rem;order:2;padding:.75rem}.valid-section input:not(:placeholder-shown):invalid+label span{color:red;font-weight:700}.valid-section label{cursor:default;order:1;gap:2rem;display:flex}.valid-section label:hover{opacity:1}.valid-section label span{transition:color .2s}
._top-module__xNxz5q__wrap{padding-top:2rem;padding-bottom:2rem}._top-module__xNxz5q__wrap>div{margin-bottom:2rem;position:relative}._top-module__xNxz5q__wrap>div img{width:6rem;margin:0 auto .5rem;display:block}._top-module__xNxz5q__wrap>div h1{text-align:center;color:#fff;text-shadow:0 0 1px rgba(0,0,0,.8),0 -1px 1px rgba(0,0,0,.8),0 1px 1px rgba(0,0,0,.8),-1px 0 1px rgba(0,0,0,.8),1px 0 1px rgba(0,0,0,.8),-1px -1px 1px rgba(0,0,0,.8),-1px 1px 1px rgba(0,0,0,.8),1px -1px 1px rgba(0,0,0,.8),1px 1px 1px rgba(0,0,0,.8);width:100%;margin:0;font-size:1.5rem;position:absolute;top:2.5rem;left:50%;translate:-50%}._top-module__xNxz5q__wrap>article{grid-template-columns:repeat(1,minmax(0,1fr));gap:4rem 2rem;max-width:1440px;margin-left:auto;margin-right:auto;padding-left:1rem;padding-right:1rem;display:grid}@media (min-width:744px){._top-module__xNxz5q__wrap>article{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (min-width:1280px){._top-module__xNxz5q__wrap>article{grid-template-columns:repeat(3,minmax(0,1fr))}}
@keyframes toast{5%,95%{translate:0}to{translate:calc(100% + 2rem)}}.toast-section>dl{display:none}.toast-section>dl dt{margin-bottom:1rem}.toast-section>dl button{border:none}.toast-section div{text-align:center;background:#fff;border:1px solid #000;border-radius:.5rem;padding:2rem 1rem 1rem;font-size:.875rem;position:fixed;top:1rem;right:1rem;overflow:hidden;translate:calc(100% + 2rem)}.toast-section div:before{content:"";transform-origin:0;background:#ff0;width:100%;height:1rem;transition:scale 3s .2s;position:absolute;top:0;left:0;scale:0 1}.toast-section div p{margin-bottom:1rem}.toast-section input:checked+label{display:none}.toast-section input:checked~dl{display:block}.toast-section input:checked~div{animation:3.2s toast}.toast-section input:checked~div:before{scale:1}
