:root{--search-tone-0:#ec008c14;--search-tone-1:#fff;--search-tone-2:#fff7fb;--search-tone-3:#effbff;--search-tone-4:#92215e38;--search-tone-5:#b7dce6;--search-tone-6:var(--brand-pink);--search-tone-7:#ec008c0d;--search-tone-8:#0086aa;--search-tone-9:#243746;--search-tone-10:#687987;--search-tone-11:#ec008c77;--search-tone-12:#586777;--search-tone-13:#fff0f8;--search-tone-14:#18556a;--search-tone-15:#edf9fc;--search-tone-16:#dff5fc;--search-tone-17:#00b4e629;--search-tone-18:var(--brand-pink-dark);--search-tone-19:#dce9ef;--search-tone-20:#2437464d;--search-tone-21:#edf2f5;--search-tone-22:#cfe7ed;--search-tone-23:#26485d;--search-tone-24:#ac0067;--search-tone-25:#0081a4;--search-tone-26:#a60063;--search-tone-27:#edb6d7;--search-tone-28:#fff8fc;--search-tone-29:#ec008c99;--search-tone-30:#00b4e6;--search-tone-31:#f0fbff}.hk-coloring-search{border:1px solid var(--search-tone-0);background:linear-gradient(125deg, var(--search-tone-1), var(--search-tone-2) 65%, var(--search-tone-3));box-shadow:0 10px 36px -18px var(--search-tone-4);border-radius:1.5rem;padding:.65rem}.hk-search-toolbar{align-items:center;gap:.65rem;display:flex}.hk-search-toolbar form{flex:1;min-width:0}.hk-search-field{border:1.5px solid var(--search-tone-5);background:#fff;border-radius:1rem;align-items:center;gap:.4rem;padding:.35rem;transition:border-color .18s,box-shadow .18s;display:flex}.hk-search-field:focus-within{border-color:var(--search-tone-6);box-shadow:0 0 0 4px var(--search-tone-7)}.hk-search-icon{color:var(--search-tone-8);flex-shrink:0;margin-left:.5rem}.hk-search-field input[type=search]{width:100%;min-width:0;color:var(--search-tone-9);background:0 0;border:0;outline:0;padding:.65rem .2rem;font-size:1rem}.hk-search-field input::placeholder{color:var(--search-tone-10)}.hk-search-field input::-webkit-search-cancel-button{display:none}.hk-search-submit,.hk-search-clear,.hk-search-filter-toggle,.hk-panel-close{cursor:pointer;border-radius:.75rem;flex-shrink:0;justify-content:center;align-items:center;min-height:44px;display:inline-flex}.hk-search-submit{background:var(--search-tone-6);color:#fff;box-shadow:0 5px 14px -6px var(--search-tone-11);gap:.5rem;padding:.55rem 1.2rem;font-size:1.2rem;font-weight:700;transition:transform .18s,box-shadow .18s}.hk-search-submit svg{transition:transform .18s}.hk-search-submit:disabled{opacity:.65;cursor:progress}.hk-search-clear{width:36px;color:var(--search-tone-12)}.hk-search-clear:hover,.hk-panel-close:hover{background:var(--search-tone-13)}.hk-search-filter-toggle{color:var(--search-tone-14);background:var(--search-tone-15);border:1px solid var(--search-tone-5);gap:.4rem;padding:.6rem .75rem;font-size:.875rem;font-weight:650;transition:background .18s,box-shadow .18s}.hk-search-filter-toggle::-webkit-details-marker{display:none}.hk-search-filter-toggle::marker{content:""}.hk-search-filter-disclosure[open]>summary{background:var(--search-tone-16);box-shadow:0 0 0 2px var(--search-tone-17)}.hk-filter-dot{background:var(--search-tone-18);border-radius:50%;width:7px;height:7px}.hk-search-native-suggestions{cursor:pointer;color:var(--search-tone-14);padding:.5rem;display:none}.hk-search-disclosure:not([open])>.hk-search-popover{display:none}.hk-search-popover{border:1px solid var(--search-tone-19);background:var(--search-tone-1);box-shadow:0 16px 45px -16px var(--search-tone-20);color:var(--search-tone-9);overscroll-behavior:contain;border-radius:1.25rem;margin-top:.5rem;overflow:auto}.hk-search-popover[data-enhanced=true]{z-index:40;margin:0;animation:.18s cubic-bezier(.2,.7,.3,1) both hk-search-panel-in;position:fixed}.hk-search-panel-heading{z-index:1;border-bottom:1px solid var(--search-tone-21);background:#fff;justify-content:space-between;align-items:center;gap:.5rem;padding:.45rem .8rem .25rem 1rem;display:flex;position:sticky;top:0}.hk-search-panel-heading h3{margin:0;font-size:1rem;font-weight:700}.hk-panel-close{width:44px;color:var(--search-tone-12)}.hk-search-panel-body{padding:1rem}.hk-search-suggestions{flex-wrap:wrap;gap:.5rem;display:flex}.hk-search-suggestion{border:1px solid var(--search-tone-22);background:var(--search-tone-1);min-height:42px;color:var(--search-tone-23);border-radius:999px;align-items:center;gap:.45rem;padding:.45rem .8rem;font-size:.85rem;font-weight:600;transition:background .18s,border-color .18s,transform .18s;display:inline-flex}.hk-search-suggestion[aria-current=true]{background:var(--search-tone-13);border-color:var(--search-tone-6);color:var(--search-tone-24)}.hk-search-count{margin-top:.6rem}@keyframes hk-search-panel-in{0%{opacity:0;transform:translateY(5px)}to{opacity:1;transform:none}}@media (width<=639px){.hk-search-toolbar{flex-wrap:wrap;gap:.5rem}.hk-search-toolbar form{flex-basis:100%}.hk-search-field{flex-wrap:wrap;gap:.2rem}.hk-search-field input[type=search]{flex:1;width:0}.hk-search-field .hk-search-submit{width:100%;margin-top:.2rem}.hk-search-filter-toggle{min-height:44px;padding:.45rem .75rem}.hk-search-field input::placeholder{font-size:.85rem}.hk-search-panel-body{padding:.75rem}}.hk-gallery-controls .hk-filter{transition:background .18s,border-color .16s,transform .16s}.hk-gallery-controls :is(button,a,summary):focus-visible{outline:3px solid var(--search-tone-25);outline-offset:3px}.hk-gallery-controls .hk-search-field input:focus-visible{outline:2px solid var(--search-tone-25);outline-offset:2px;border-radius:.4rem}.hk-search-active{flex-wrap:wrap;align-items:center;gap:.5rem;margin-top:1rem;display:flex}.hk-search-active button{background:var(--search-tone-15);min-height:40px;color:var(--search-tone-14);cursor:pointer;overflow-wrap:anywhere;text-align:left;border-radius:999px;align-items:center;gap:.4rem;padding:.4rem .75rem;font-size:.8rem;display:inline-flex}.hk-search-active button.hk-search-reset{color:var(--search-tone-26);text-underline-offset:3px;background:0 0;text-decoration:underline}.hk-search-empty{border:1px dashed var(--search-tone-27);background:var(--search-tone-28);text-align:center;border-radius:1.5rem;padding:2.5rem 1.25rem}.hk-search-empty p{max-width:32rem;color:var(--search-tone-12);margin:.65rem auto}@media (hover:hover) and (pointer:fine){.hk-search-submit:not(:disabled):hover{box-shadow:0 9px 20px -9px var(--search-tone-29);transform:translateY(-1px)}.hk-search-submit:not(:disabled):hover svg{transform:translate(3px)}.hk-search-suggestion:hover{border-color:var(--search-tone-30);background:var(--search-tone-31);transform:translateY(-1px)}.hk-gallery-controls .hk-filter:hover{transform:translateY(-1px)}}.hk-search-suggestion:active,.hk-search-submit:not(:disabled):active,.hk-gallery-controls .hk-filter:active{transform:scale(.98)}@media (prefers-reduced-motion:reduce){.hk-gallery-controls *,.hk-gallery-controls :before,.hk-gallery-controls :after{transition:none!important;animation:none!important}.hk-gallery-controls :is(button,a,svg){transform:none!important}}@media print{.hk-gallery-controls{display:none!important}}
