/* /assets/components-search-box-search-box-Dlct8yXy.css */
.search-box{position:relative;width:100%}.search-box__field{display:flex;align-items:stretch;height:40px;background-color:var(--color-surface-sunken);border:var(--border-width) solid var(--color-border-strong);border-radius:var(--radius-sm);overflow:hidden;clip-path:polygon(var(--bevel-sm) 0,100% 0,100% calc(100% - var(--bevel-sm)),calc(100% - var(--bevel-sm)) 100%,0 100%,0 var(--bevel-sm));transition:border-color var(--duration-base) var(--ease-out),box-shadow var(--duration-base) var(--ease-out)}.search-box__field:focus-within{border-color:var(--color-accent);box-shadow:var(--shadow-glow-accent)}.search-box__field:focus-within .search-box__server{border-right-color:transparent}.search-box__field .search-box__input:focus-visible{outline:none}.search-box__field .search-box__server:focus-visible,.search-box__field .search-box__submit:focus-visible{outline-offset:-2px}.search-box__server{padding-inline:var(--space-2);font-size:var(--text-xs);font-weight:var(--weight-bold);letter-spacing:var(--tracking-wide);color:var(--color-text-accent);background-color:var(--color-surface-alt);border:0;border-right:var(--border-width) solid var(--color-border);outline:none;cursor:pointer;transition:border-color var(--duration-base) var(--ease-out)}.search-box__server option{color:var(--color-text);background-color:var(--color-surface)}.search-box__input{flex:1;min-width:0;padding-inline:var(--space-3);font-size:var(--text-sm);background:none;border:0;outline:none}.search-box__submit{padding-inline:var(--space-4);font-size:var(--text-xs);font-weight:var(--weight-bold);letter-spacing:var(--tracking-wide);text-transform:uppercase;white-space:nowrap;color:var(--color-accent);cursor:pointer;transition:color var(--duration-fast) var(--ease-out),background-color var(--duration-fast) var(--ease-out)}.search-box__submit:hover{color:var(--color-accent-contrast);background-color:var(--color-accent)}.search-box[data-size=lg] .search-box__field{height:56px;box-shadow:var(--shadow-glow-accent-lg)}.search-box[data-size=lg] .search-box__server{padding-inline:var(--space-4);font-size:var(--text-sm)}.search-box[data-size=lg] .search-box__input{padding-inline:var(--space-4);font-size:var(--text-base)}.search-box[data-size=lg] .search-box__submit{padding-inline:var(--space-5);font-size:var(--text-sm)}.search-box__dropdown{position:absolute;top:calc(100% + var(--space-2));left:0;right:0;max-height:380px;overflow-y:auto;background-color:var(--color-surface);border:var(--border-width) solid var(--color-border-strong);border-radius:var(--radius-md);box-shadow:var(--shadow-lg);padding:var(--space-2);z-index:var(--z-dropdown)}.search-box__section-title{padding:var(--space-2) var(--space-2) var(--space-1);font-size:var(--text-xs);font-weight:var(--weight-bold);letter-spacing:var(--tracking-widest);text-transform:uppercase;color:var(--color-text-accent)}.search-box__row{display:flex;align-items:center;gap:var(--space-2);width:100%;padding:var(--space-2);border:var(--border-width) solid transparent;border-radius:var(--radius-sm);background:none;color:var(--color-text);text-align:left;text-decoration:none;cursor:pointer;transition:background-color var(--duration-fast) var(--ease-out),border-color var(--duration-fast) var(--ease-out)}.search-box__row:hover,.search-box__row.is-active{background-color:var(--color-surface-hover);border-color:var(--color-border)}.search-box__row-icon{flex-shrink:0;border-radius:var(--radius-full);border:var(--border-width) solid var(--color-border)}.search-box__row-name{flex:1;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-weight:var(--weight-semibold)}.search-box__row-rank{flex-shrink:0;width:24px;height:24px;object-fit:contain}.search-box__row-tag{flex-shrink:0;font-family:var(--font-mono);font-size:var(--text-xs);color:var(--color-text-accent)}.search-box__row-search{width:28px;height:28px;flex-shrink:0;display:inline-flex;align-items:center;justify-content:center;font-size:var(--text-lg);line-height:1;color:var(--color-text-accent)}.search-box__row--exact .search-box__row-name{color:var(--color-text-accent)}.search-box__empty{padding:var(--space-3) var(--space-2);text-align:center;color:var(--color-text-muted);font-size:var(--text-sm)}@media(max-width:767px){.search-box__server,.search-box__input{font-size:var(--text-base)}.search-box__dropdown{max-width:calc(100vw - var(--space-4))}}



/* /assets/views-pet-list-pet-list-CBjfzNOG.css */
.g-pet-picker{margin-block-end:var(--space-6)}.g-pet-picker__search{display:flex;justify-content:flex-end;margin-block-end:var(--space-4)}.g-pet-picker__search input{width:min(260px,100%);min-height:var(--space-7);padding-inline:var(--space-3);font-size:var(--text-sm);color:var(--color-text);background-color:var(--color-surface-sunken);border:var(--border-width) solid var(--color-border);border-radius:var(--radius-sm)}.g-pet-picker__list{display:grid;grid-template-columns:repeat(auto-fill,minmax(64px,1fr));gap:var(--space-1);max-height:300px;padding-inline-end:var(--space-2);overflow-y:auto;list-style:none}[data-pet-row][hidden]{display:none}.g-pet-picker__empty{margin-block-start:var(--space-4);font-size:var(--text-sm);text-align:center}.g-pet-chip{display:flex;flex-direction:column;align-items:center;gap:var(--space-1);height:100%;padding:var(--space-1);color:var(--color-text-muted);text-decoration:none;background-color:var(--color-surface-sunken);border:var(--border-width) solid var(--color-border);border-radius:var(--radius-sm);transition:border-color var(--duration-fast) var(--ease-out),background-color var(--duration-fast) var(--ease-out)}.g-pet-chip:hover{background-color:var(--color-surface-hover);border-color:var(--color-border-strong);color:var(--color-text)}.g-pet-chip[data-active=true]{color:var(--color-text);border-color:var(--color-border-accent);background-color:var(--color-surface-alt)}.g-pet-chip__art{width:40px;height:40px;object-fit:cover;object-position:center 30%;border-radius:var(--radius-sm);background-color:var(--color-bg-alt)}.g-pet-chip__name{max-width:100%;font-size:var(--text-xs);line-height:var(--leading-tight);text-align:center}.g-pet-detail__head{display:flex;align-items:baseline;gap:var(--space-3);margin-block-end:var(--space-4)}.g-pet-detail__title{font-size:var(--text-2xl)}.g-pet-variants{--grid-min: 200px;list-style:none}.g-pet-variant{display:flex;flex-direction:column;overflow:hidden}.g-pet-variant__media{position:relative;background-color:var(--color-bg-alt)}.g-pet-variant__art{display:block;width:100%;height:auto;aspect-ratio:345 / 230;object-fit:cover;transition:opacity var(--duration-base) var(--ease-out)}.g-pet-variant[data-art-loading=true] .g-pet-variant__art{opacity:.25}.g-pet-variant[data-art-loading=true] .g-pet-variant__media:after{content:"";position:absolute;inset-block-start:50%;inset-inline-start:50%;width:var(--space-6);height:var(--space-6);margin:calc(var(--space-6) / -2) 0 0 calc(var(--space-6) / -2);border:var(--border-width-thick) solid var(--color-border);border-block-start-color:var(--color-accent);border-radius:var(--radius-full);animation:g-pet-spin var(--duration-slow) linear infinite}@keyframes g-pet-spin{to{transform:rotate(360deg)}}@media(prefers-reduced-motion:reduce){.g-pet-variant[data-art-loading=true] .g-pet-variant__media:after{animation:none}}.g-pet-variant__body{display:flex;flex-direction:column;align-items:center;gap:var(--space-2);padding:var(--space-3)}.g-pet-variant__name{font-size:var(--text-sm);font-weight:var(--weight-semibold);line-height:var(--leading-tight);text-align:center}.g-pet-variant__rarity{align-self:center}.g-pet-variant__tiers{display:flex;gap:var(--space-2);margin-block-start:auto;padding-block-start:var(--space-1)}.g-pet-variant__tier{min-width:var(--space-7);padding:var(--space-1) var(--space-2);font-size:var(--text-xs);color:var(--color-text-faint);cursor:pointer;background-color:var(--color-surface-sunken);border:var(--border-width) solid var(--color-border);border-radius:var(--radius-full);transition:color var(--duration-fast) var(--ease-out),border-color var(--duration-fast) var(--ease-out)}.g-pet-variant__tier:hover{color:var(--color-text);border-color:var(--color-border-strong)}.g-pet-variant__tier[data-active=true]{color:var(--color-text-accent);border-color:var(--color-border-accent)}@media(min-width:768px){.g-pet-picker__list{grid-template-columns:repeat(auto-fill,minmax(72px,1fr));max-height:360px}.g-pet-variants{--grid-min: 230px}}