.career-gift-art{display:block;width:100%;aspect-ratio:1;background-image:url('/assets/career-gifts.png');background-size:300% 300%;background-position:var(--gift-x) var(--gift-y);background-repeat:no-repeat;border-radius:12px}
.career-preview{column-gap:16px}
.career-preview-item{padding:8px 8px 14px;border:1px solid #e4e7ed;border-radius:16px;background:#fcfdff}
.career-preview-item+ .career-preview-item::before{content:none}
.career-preview-item .career-gift-art{margin-bottom:12px}
.career-preview-item .career-preview-rank{margin:0 4px 8px;font-size:11px}
.career-preview-item .career-preview-reward{margin:0 4px;font-size:21px}
.career-rewards[data-expanded="true"] .career-preview{display:none}
.career-gift-gallery{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px;align-items:start}
.career-gift-gallery .career-rank{min-width:0;overflow:hidden;margin:0;border:1px solid #e4e7ed;border-radius:16px;background:#fcfdff;box-shadow:0 5px 14px rgba(25,36,59,.04)}
.career-gift-gallery .career-rank:last-of-type{border:1px solid #e4e7ed}
.career-gift-gallery .career-rank summary{position:relative;display:grid;grid-template-columns:minmax(0,1fr);gap:12px;padding:12px;min-height:0}
.career-gift-gallery .career-rank-number{position:absolute;left:16px;top:16px;width:23px;height:23px;background:rgba(255,255,255,.9);z-index:1}
.career-gift-gallery .career-rank-heading{display:block;min-height:85px;padding-right:17px}
.career-gift-gallery .career-rank-name{font-size:13px;line-height:1.35}
.career-gift-gallery .career-rank-reward{font-size:12px;line-height:1.4}
.career-gift-gallery .career-rank summary svg{position:absolute;right:10px;bottom:16px;width:18px;height:18px}
.career-gift-gallery .career-rank[open]{grid-column:1/-1;border-color:#d7dce5}
.career-gift-gallery .career-rank[open] summary{grid-template-columns:minmax(0,.9fr) minmax(0,1.1fr);align-items:center;gap:16px;padding:14px}
.career-gift-gallery .career-rank[open] .career-rank-heading{min-height:0;padding-right:16px}
.career-gift-gallery .career-rank[open] .career-rank-name{font-size:16px}
.career-gift-gallery .career-rank[open] .career-rank-reward{font-size:15px}
.career-gift-gallery .career-rank[open] summary svg{right:14px;bottom:14px}
.career-gift-gallery .career-rank-conditions{margin:0;padding:0 16px 16px}
.career-gift-gallery .career-rank-conditions div{padding:8px 0;border-top:1px solid #e9ecf1}
::view-transition-group(career-gift-1),::view-transition-group(career-gift-2),::view-transition-group(career-gift-3),::view-transition-group(career-gift-4),::view-transition-group(career-gift-5),::view-transition-group(career-gift-6),::view-transition-group(career-gift-7),::view-transition-group(career-gift-8),::view-transition-group(career-gift-9){animation-duration:320ms;animation-timing-function:cubic-bezier(.22,.8,.25,1)}
@media(max-width:390px){.career-preview{column-gap:12px}.career-preview-item .career-preview-reward{font-size:19px}.career-gift-gallery{gap:12px}.career-gift-gallery .career-rank summary{padding:9px;gap:10px}.career-gift-gallery .career-rank[open] summary{padding:12px;gap:12px}.career-gift-gallery .career-rank[open] .career-rank-name{font-size:15px}.career-gift-gallery .career-rank[open] .career-rank-reward{font-size:14px}}