.header-context{position:relative;container-type:inline-size;aspect-ratio:1122/180;overflow:hidden}
.header-context .header{margin:0}
.header-html{container-type:inline-size}
.header-html::before{content:"";position:absolute;inset:0 0 auto;height:60%;background:linear-gradient(105deg,#001625,#00101e 60%,#001727);border-bottom:1px solid #147794}
.header-html .header-links{position:absolute;inset:0}
.header-html .nav-item{position:absolute;left:calc(var(--left)*1%);top:14%;width:calc(var(--width)*1%);height:40%;display:flex;align-items:center;justify-content:center;padding:0;min-height:0;border:0;border-radius:0;background:transparent;color:#f4f8ff;font:400 1.16cqw/1 Arial,Helvetica,sans-serif;text-decoration:none;cursor:pointer}
.header-html .nav-item.active{color:#77f3ff;font-weight:700}
.header-html .nav-item.active::after{content:"";position:absolute;bottom:.16cqw;left:20%;right:20%;height:.18cqw;border-radius:1cqw;background:#00f3ff}
.header-html .nav-item:hover{color:#00eaff}
.header-html .amazon-button{position:absolute;left:75.1%;top:14%;width:16%;height:40%;min-height:0;padding:0;border:1px solid #ffe475;border-radius:4cqw;background:linear-gradient(#ffe868,#ffd322 55%,#ffc40c);box-shadow:0 0 1cqw #ffd32a70,inset 0 1px 1px #fff9;color:#080c0e;display:flex;align-items:center;justify-content:center;gap:1cqw;font:700 1.16cqw/1 Arial,Helvetica,sans-serif;cursor:pointer}
.header-html .amazon-button:hover{filter:brightness(1.07)}
.amazon-mark{display:block;width:2.4cqw;height:2.4cqw;background:url('assets/amazon-mark-v3.png') center/contain no-repeat;flex-shrink:0}
.header-html .nav-item:focus-visible,.header-html .amazon-button:focus-visible{outline:2px solid #00edff;outline-offset:3px}

.header-html .box-owner-button{text-decoration:none;gap:.55cqw;white-space:nowrap}
.header-html .box-owner-icon{background:none;object-fit:contain}