@charset "UTF-8";.webapp-search-container{width:90%;max-width:740px;margin:0 auto;padding:0;background-color:#fff;border-radius:16px;-webkit-box-shadow:0 0 5px rgba(0,0,0,.3);box-shadow:0 0 5px rgba(0,0,0,.3)}.webapp-search-title{font-size:clamp(15px, 4.2vw, 20px);font-weight:700;margin-bottom:20px;padding:20px;text-align:center;color:#fff;background-color:#4B859D;border-radius:16px 16px 0 0}.webapp-search-title span{display:inline-block}.webapp-search-form{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;padding:30px;gap:25px}.search-group{position:relative;border-bottom:1px solid #d0d0d0;padding-bottom:20px}.search-group h3{font-size:clamp(16px, 4.1vw, 18px);margin-bottom:15px;color:#404040}.radio-group{display:-webkit-box;display:-ms-flexbox;display:flex;-ms-flex-wrap:wrap;flex-wrap:wrap;gap:20px}.radio-group li{display:block;position:relative}.radio-group label{position:relative;display:inline-block;cursor:pointer;height:20px;line-height:20px;padding:0 0 0 26px}.radio-group label::before{position:absolute;top:0;left:0;content:"";width:20px;height:20px;border-radius:10px;background-color:#fff;border:1px solid gray}.radio-group input[type=radio]{position:absolute;opacity:0;width:0;height:0}.radio-group input[type=radio]:checked+label::after{content:"";position:absolute;top:5px;left:5px;display:block;width:10px;height:10px;border-radius:10px;background-color:#4B859D}.checkbox-group{display:-webkit-box;display:-ms-flexbox;display:flex;-ms-flex-wrap:wrap;flex-wrap:wrap;gap:12px}.checkbox-group li{display:block;position:relative}.checkbox-group label{position:relative;display:inline-block;cursor:pointer;height:20px;line-height:20px;padding:0 0 0 26px}.checkbox-group label::before{content:"";position:absolute;top:0;left:0;width:20px;height:20px;border-radius:4px;background-color:#fff;border:1px solid gray}.checkbox-group input[type=checkbox]{position:absolute;opacity:0;width:0;height:0}.checkbox-group input[type=checkbox]:checked+label::after{content:"";position:absolute;top:0;left:4px;display:block;width:20px;height:10px;-webkit-transform:rotate(-45deg);transform:rotate(-45deg);border-left:4px solid #4B859D;border-bottom:4px solid #4B859D}.select-all-container{position:absolute;top:0;right:0;display:-webkit-box;display:-ms-flexbox;display:flex;gap:10px;margin-bottom:10px}.select-all-button,.unselect-all-button{display:inline-block;padding:0 0 0 1em;font-size:14px;border:none;cursor:pointer;color:#4B859D;text-decoration:underline}.select-all-button:hover,.unselect-all-button:hover{opacity:.9}.search-result{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;-webkit-box-align:center;-ms-flex-align:center;align-items:center;margin-top:15px;gap:15px}.result-count{font-size:18px;font-weight:700;color:#fff;background-color:#404040;padding:.5em 1em;border-radius:40px}.search-button{width:100%;min-height:80px;padding:14px 24px;font-size:16px;background:#FF6D94 url(../../../../../../../themes/kikon-match/asset/images/arrow-right@2x.webp) right 30px center/20px 20px no-repeat;color:#fff;border:4px solid #fff;border-radius:16px;-webkit-box-shadow:0 0 5px rgba(0,0,0,.3);box-shadow:0 0 5px rgba(0,0,0,.3);cursor:pointer;-webkit-transition:all 0.3s ease;transition:all 0.3s ease}.search-button:hover{background-color:#FFA2BA}.search-button.disabled{background-color:#ccc;background-image:none;cursor:not-allowed}@media (max-width:768px){.webapp-search-container{padding:0}.webapp-search-form{padding:20px}.radio-group,.checkbox-group{-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;gap:8px}.search-result{-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;gap:15px}.search-button{width:100%;min-height:60px;border:2px solid #fff;border-radius:8px;background:#FF6D94 url(../../../../../../../themes/kikon-match/asset/images/arrow-right@2x.webp) right 20px center/10px 10px no-repeat;-webkit-box-shadow:0 0 3px rgba(0,0,0,.3);box-shadow:0 0 3px rgba(0,0,0,.3)}}.radio-group input[type=radio],.checkbox-group input[type=checkbox]{margin-right:8px}