:root{--dashed-border:dashed .075rem var(--color-medium-04)}#student-detail-container.svelte-1pl36p8.svelte-1pl36p8.svelte-1pl36p8{display:flex}#student-detail-container.svelte-1pl36p8 #student-portrait.svelte-1pl36p8.svelte-1pl36p8{position:sticky;will-change:transform;top:9rem;z-index:0;width:40%;height:calc(100svh - var(--header-height) - 9rem)}#student-detail-container.svelte-1pl36p8 #student-portrait img.svelte-1pl36p8.svelte-1pl36p8{position:absolute;top:0;left:50%;width:90vw;height:100%;transform:translate(-50%);object-fit:contain;object-position:center}#student-detail-container.svelte-1pl36p8 #student-details.svelte-1pl36p8.svelte-1pl36p8{display:flex;flex-direction:column;gap:2.5rem;width:60%}#student-detail-container.svelte-1pl36p8 #student-details .student-detail.svelte-1pl36p8.svelte-1pl36p8{position:relative;box-sizing:border-box;padding:1rem;background:var(--solid-shadow-block-background);border:var(--solid-shadow-block-border)}#student-detail-container.svelte-1pl36p8 #student-details .student-detail h2.svelte-1pl36p8.svelte-1pl36p8{padding-bottom:1rem;font-size:1.25rem;font-weight:600;text-align:center;border-bottom:solid .075rem var(--color-medium-04)}#student-detail-container.svelte-1pl36p8 #student-details .student-detail h3.annotation.svelte-1pl36p8.svelte-1pl36p8{margin:.875rem .625rem 0;font-size:.95rem;line-height:1.5;text-align:center;border-top:solid .075rem var(--color-medium-03);border-bottom:solid .075rem var(--color-medium-03)}#student-detail-container.svelte-1pl36p8 #student-details .student-detail .level-input-field.svelte-1pl36p8.svelte-1pl36p8{display:flex;gap:.75rem;align-items:center;height:1.5rem;margin:.5rem .625rem}#student-detail-container.svelte-1pl36p8 #student-details .student-detail .level-input-field input[type=range].svelte-1pl36p8.svelte-1pl36p8{width:100%;height:.225rem;-webkit-appearance:none;-moz-appearance:none;appearance:none;background-color:var(--color-medium-02);border-radius:9999vh}#student-detail-container.svelte-1pl36p8 #student-details .student-detail .level-input-field input[type=range].svelte-1pl36p8.svelte-1pl36p8::-webkit-slider-thumb{width:.875rem;height:.875rem;-webkit-appearance:none;-moz-appearance:none;appearance:none;cursor:pointer;background-color:var(--color-medium-04);border-radius:9999vh}#student-detail-container.svelte-1pl36p8 #student-details .student-detail .level-input-field input[type=range].svelte-1pl36p8.svelte-1pl36p8::-moz-range-thumb{width:.825rem;height:.825rem;-webkit-appearance:none;-moz-appearance:none;appearance:none;cursor:pointer;background-color:var(--color-medium-04);border:none;border-radius:9999vh}#student-detail-container.svelte-1pl36p8 #student-details .student-detail .level-input-field label.svelte-1pl36p8.svelte-1pl36p8{display:flex;gap:.175rem;align-items:center;height:.925rem;font-size:.925rem}#student-detail-container.svelte-1pl36p8 #student-details .student-detail .level-input-field label input[type=number].svelte-1pl36p8.svelte-1pl36p8{width:1.275rem;font-family:inherit;font-size:inherit;text-decoration:underline;-webkit-appearance:textfield;-moz-appearance:textfield;appearance:textfield;background-color:transparent;border:none}#student-detail-container.svelte-1pl36p8 #student-details .student-detail .level-input-field label input[type=number].svelte-1pl36p8.svelte-1pl36p8::-webkit-inner-spin-button{margin:0;-webkit-appearance:none;-moz-appearance:none;appearance:none}#student-detail-container.svelte-1pl36p8 #student-details .student-detail .level-input-field label input[type=number].svelte-1pl36p8.svelte-1pl36p8:before{display:block;content:"Lv."}#student-detail-container.svelte-1pl36p8 #student-details .student-detail .plus-skill-selector.svelte-1pl36p8.svelte-1pl36p8{position:relative;display:inline-block;width:fit-content;height:fit-content;margin:0 .75rem .625rem}#student-detail-container.svelte-1pl36p8 #student-details .student-detail .plus-skill-selector label.svelte-1pl36p8.svelte-1pl36p8{box-sizing:border-box;display:inline-block;padding:.275rem .75rem;font-size:.95rem;font-feature-settings:"palt";letter-spacing:.0625rem;white-space:nowrap;-webkit-user-select:none;user-select:none;background-color:var(--color-main-01);border:solid .1rem var(--color-medium-03);border-radius:.275rem;transition:border-color .25s,background-color .25s}#student-detail-container.svelte-1pl36p8 #student-details .student-detail .plus-skill-selector input.svelte-1pl36p8.svelte-1pl36p8{position:absolute;width:100%;height:100%;-webkit-appearance:none;-moz-appearance:none;appearance:none}#student-detail-container.svelte-1pl36p8 #student-details .student-detail .plus-skill-selector input.svelte-1pl36p8:checked+label.svelte-1pl36p8{color:var(--color-white);background-color:var(--color-dominant);border-color:var(--color-main-02)}#student-detail-container.svelte-1pl36p8 #student-details .student-detail .student-detail-list.svelte-1pl36p8.svelte-1pl36p8{display:flex;flex-wrap:wrap;justify-content:space-between;padding:0 .5rem;margin-top:.175rem;list-style:none}#student-detail-container.svelte-1pl36p8 #student-details .student-detail .student-detail-list .list-element.svelte-1pl36p8.svelte-1pl36p8{box-sizing:border-box;display:flex;align-items:center;justify-content:space-between;width:47.5%;padding:.5rem .625rem;border-bottom:var(--dashed-border)}#student-detail-container.svelte-1pl36p8 #student-details .student-detail .student-detail-list .list-element .list-label.svelte-1pl36p8.svelte-1pl36p8{font-size:.925rem;color:var(--color-medium-04)}#student-detail-container.svelte-1pl36p8 #student-details .student-detail .student-equipment-list.svelte-1pl36p8.svelte-1pl36p8{display:flex;flex-direction:column;padding:0 .625rem}#student-detail-container.svelte-1pl36p8 #student-details .student-detail .student-equipment-list .equipment.svelte-1pl36p8.svelte-1pl36p8{padding:.5rem .5rem .625rem;border-bottom:var(--dashed-border)}#student-detail-container.svelte-1pl36p8 #student-details .student-detail .student-equipment-list .equipment .equipment-container-top.svelte-1pl36p8.svelte-1pl36p8{display:flex;align-items:center;width:fit-content;padding-bottom:.75rem}#student-detail-container.svelte-1pl36p8 #student-details .student-detail .student-equipment-list .equipment .equipment-container-top .equipment-icon.svelte-1pl36p8.svelte-1pl36p8{width:auto;height:3.75rem}#student-detail-container.svelte-1pl36p8 #student-details .student-detail .student-equipment-list .equipment .equipment-container-top .equipment-info.svelte-1pl36p8.svelte-1pl36p8{margin-left:.75rem}#student-detail-container.svelte-1pl36p8 #student-details .student-detail .student-equipment-list .equipment .equipment-container-top .equipment-info .equipment-category-tier.svelte-1pl36p8.svelte-1pl36p8{font-size:.925rem;color:var(--color-medium-04)}#student-detail-container.svelte-1pl36p8 #student-details .student-detail .student-equipment-list .equipment .equipment-container-top .equipment-info h3.svelte-1pl36p8.svelte-1pl36p8{margin-top:.325rem}#student-detail-container.svelte-1pl36p8 #student-details .student-detail .student-equipment-list .equipment .equipment-params.svelte-1pl36p8.svelte-1pl36p8{display:flex;flex-direction:column;gap:.625rem;padding:.75rem .625rem .25rem;border-top:solid .075rem var(--color-medium-03)}#student-detail-container.svelte-1pl36p8 #student-details .student-detail .student-equipment-list .equipment .equipment-params .list-element.svelte-1pl36p8.svelte-1pl36p8{display:flex;gap:.5rem;align-items:center}#student-detail-container.svelte-1pl36p8 #student-details .student-detail .student-equipment-list .equipment .equipment-params .list-element .list-label.svelte-1pl36p8.svelte-1pl36p8{font-size:.925rem;color:var(--color-medium-04)}#student-detail-container.svelte-1pl36p8 #student-details .student-detail .student-skill-list.svelte-1pl36p8.svelte-1pl36p8{display:flex;flex-direction:column;gap:.75rem;padding:0 .625rem}#student-detail-container.svelte-1pl36p8 #student-details .student-detail .student-skill-list .skill.svelte-1pl36p8.svelte-1pl36p8{display:flex;flex-direction:column;gap:.325rem;padding:.75rem .5rem 0;border-top:var(--dashed-border)}#student-detail-container.svelte-1pl36p8 #student-details .student-detail .student-skill-list .skill .skill-type.svelte-1pl36p8.svelte-1pl36p8{font-size:.925rem;color:var(--color-medium-04)}#student-detail-container.svelte-1pl36p8 #student-details .student-detail .student-skill-list .skill .skill-name.svelte-1pl36p8.svelte-1pl36p8{display:flex;align-items:center;justify-content:space-between}#student-detail-container.svelte-1pl36p8 #student-details .student-detail .student-skill-list .skill .skill-name h3.svelte-1pl36p8.svelte-1pl36p8{font-size:1.125rem}#student-detail-container.svelte-1pl36p8 #student-details .student-detail .student-skill-list .skill .skill-name span.svelte-1pl36p8.svelte-1pl36p8{font-size:.925rem;color:var(--color-medium-04)}#student-detail-container.svelte-1pl36p8 #student-details .student-detail .student-skill-list .skill .skill-desc.svelte-1pl36p8.svelte-1pl36p8{line-height:1.25}#student-detail-container.svelte-1pl36p8 #student-details .student-detail .student-skill-list .skill.svelte-1pl36p8.svelte-1pl36p8:not(.related-skill):first-of-type{padding-top:0;border:none}#student-detail-container.svelte-1pl36p8 #student-details .student-detail .student-skill-list.related-skills.svelte-1pl36p8.svelte-1pl36p8{padding-right:0;padding-left:1rem}#student-detail-container.svelte-1pl36p8 #student-details .student-detail .skill-upgrade-requirements.svelte-1pl36p8.svelte-1pl36p8{display:flex;gap:.875rem;justify-content:center;padding:.425rem 1.125rem 0}#student-detail-container.svelte-1pl36p8 #student-details .student-detail .skill-upgrade-requirements .skill-upgrade-requirement.svelte-1pl36p8.svelte-1pl36p8{display:flex;flex-direction:column;gap:.125rem;align-items:center}#student-detail-container.svelte-1pl36p8 #student-details .student-detail .skill-upgrade-requirements .skill-upgrade-requirement a.svelte-1pl36p8.svelte-1pl36p8{display:contents}#student-detail-container.svelte-1pl36p8 #student-details .student-detail .skill-upgrade-requirements .skill-upgrade-requirement a img.svelte-1pl36p8.svelte-1pl36p8{width:auto;height:3.75rem}#student-detail-container.svelte-1pl36p8 #student-details .student-detail .skill-upgrade-requirements .skill-upgrade-requirement a span.svelte-1pl36p8.svelte-1pl36p8{width:92.5%;padding:.075rem 0;font-size:.925rem;color:var(--color-main-01);text-align:center;background-color:var(--color-main-02);border-radius:.125rem}@media (max-width: 1280px){#student-detail-container.svelte-1pl36p8 #student-details .student-detail .skill-upgrade-requirements .skill-upgrade-requirement a span.svelte-1pl36p8.svelte-1pl36p8{width:87.5%;font-size:.9125rem}}@media (max-width: 1280px){#student-detail-container.svelte-1pl36p8 #student-details .student-detail .skill-upgrade-requirements.svelte-1pl36p8.svelte-1pl36p8{gap:.15rem}}#student-detail-container.svelte-1pl36p8 #student-details .student-detail .skill-level-max-dialogue.svelte-1pl36p8.svelte-1pl36p8{display:flex;align-items:center;justify-content:center;height:4.875rem;padding-top:.5rem}#student-detail-container.svelte-1pl36p8 #student-details .student-detail .skill-level-max-dialogue p.svelte-1pl36p8.svelte-1pl36p8{font-size:.925rem;color:var(--color-medium-04)}#student-detail-container.svelte-1pl36p8 #student-details .student-detail.svelte-1pl36p8.svelte-1pl36p8:after{position:absolute;top:.65rem;left:.65rem;z-index:-1;width:100%;height:100%;content:"";background:var(--color-dominant);border:var(--solid-shadow-block-border)}@media (max-width: 1280px){#student-detail-container.svelte-1pl36p8.svelte-1pl36p8.svelte-1pl36p8{position:relative;flex-direction:column}#student-detail-container.svelte-1pl36p8 section.svelte-1pl36p8.svelte-1pl36p8{width:var(--body-width)}#student-detail-container.svelte-1pl36p8 #student-portrait.svelte-1pl36p8.svelte-1pl36p8{position:fixed;top:calc(50% + 1rem);left:50%;z-index:-1;height:72svh;transform:translate(-50%,-50%)}#student-detail-container.svelte-1pl36p8 #student-portrait img.svelte-1pl36p8.svelte-1pl36p8{position:absolute;top:0;width:100svh}#student-detail-container.svelte-1pl36p8 #student-details.svelte-1pl36p8.svelte-1pl36p8{width:var(--body-width);margin-top:72svh}#student-detail-container.svelte-1pl36p8 #student-details .student-detail.svelte-1pl36p8.svelte-1pl36p8:after{top:.625rem;left:.625rem}#student-detail-container.svelte-1pl36p8 #student-details .student-detail .student-detail-list .list-element.svelte-1pl36p8.svelte-1pl36p8{flex-direction:column;gap:.25rem;align-items:start}#student-detail-container.svelte-1pl36p8 #student-details .student-detail .student-detail-list .list-element .list-label.svelte-1pl36p8.svelte-1pl36p8{font-size:.875rem}}