*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;color:#171717;background:#fff;font-family:Arial,Helvetica,sans-serif}button,a,input,summary{-webkit-tap-highlight-color:transparent}button{font:inherit;cursor:pointer}button:focus-visible,a:focus-visible,input:focus-visible,summary:focus-visible{outline:3px solid #3157ff;outline-offset:4px}button,a{color:inherit}.notice{height:34px;background:#111;color:#fff;padding:0 5%;display:flex;align-items:center;justify-content:space-between;font-size:10px;letter-spacing:1.8px}header{height:96px;border-bottom:1px solid #e3e3e3;padding:0 5%;display:flex;align-items:center;justify-content:space-between}.brand{display:flex;gap:12px;align-items:center;text-decoration:none}.brand b{font-size:40px;font-style:italic;letter-spacing:-3px}.brand span{font-size:10px;font-weight:800;line-height:1.4;letter-spacing:1px}nav{display:flex;gap:35px;align-items:center;font-size:11px;letter-spacing:1.3px;font-weight:700}nav a{text-decoration:none}nav button{background:none;border:0;font-size:11px;letter-spacing:1.2px}nav span{display:inline-grid;place-items:center;margin-left:8px;border:1px solid #ccc;border-radius:50%;width:22px;height:22px}main{max-width:1600px;margin:auto;display:grid;grid-template-columns:57% 43%;padding:45px 5% 60px;gap:0}.eyebrow{font-size:10px;letter-spacing:2px;font-weight:700;color:#666}.viewer{position:sticky;top:20px;align-self:start;padding:20px 42px 0 0}.image-wrap{height:520px;position:relative;display:grid;place-items:center}.image-wrap img{max-width:100%;height:100%;object-fit:contain}.photo-label{position:absolute;bottom:4px;left:0;font-size:9px;letter-spacing:1.5px;color:#666}.views{display:flex;justify-content:center;gap:12px;margin-top:22px}.views button{background:#fff;border:1px solid #ddd;width:65px;height:65px;padding:3px}.views button.active{border:2px solid #151515}.views img{width:100%;height:100%;object-fit:contain}.caption{font-size:11px;line-height:1.6;color:#666;max-width:430px;margin:22px auto;text-align:center}.selected-colors{display:flex;gap:24px;justify-content:center;margin-bottom:30px}.selected-colors span{font-size:9px;letter-spacing:1px;text-align:center;max-width:110px}.selected-colors i{display:block;width:28px;height:28px;margin:0 auto 9px;border:1px solid #ccc;border-radius:50%}.viewer-footer{padding-top:22px;border-top:1px solid #ddd;display:flex;justify-content:space-between;align-items:center;font-weight:700;font-size:10px;letter-spacing:1.5px}.viewer-footer button{border:0;background:none;font-size:11px;color:#666;letter-spacing:0;font-weight:400}.config{border-left:1px solid #e7e7e7;padding-left:45px}.intro{padding-bottom:20px}.intro h1{font-size:48px;font-weight:900;line-height:.99;letter-spacing:-1.5px;margin:17px 0}.intro>p{font-size:13px;color:#606060}.lead{margin-top:25px;font-size:10px;font-weight:700;line-height:1.8;letter-spacing:.5px}.lead a{display:block;font-size:10px;letter-spacing:0;color:#666;font-weight:400}.option{border-top:1px solid #ddd;padding:21px 0}.option summary{cursor:pointer;display:flex;justify-content:space-between;gap:10px;align-items:center;list-style:none}.option summary::-webkit-details-marker{display:none}.option summary:after{content:"+";font-size:22px;font-weight:300}.option[open] summary:after{content:"\2212"}.option h2{margin:0;font-size:12px;text-transform:uppercase;letter-spacing:1.2px}.option .chosen{font-size:10px;font-weight:400;color:#666;margin:8px 0 0;line-height:1.4}.choices{display:flex;gap:8px;flex-wrap:wrap;margin-top:17px}.choice{border:1px solid #d4d4d4;background:#fff;padding:12px 13px;font-size:11px;position:relative;min-height:39px}.choice:hover{border-color:#555}.choice[aria-pressed=true]{border:2px solid #111;padding:11px 12px;background:#f7f7f7}.choice small{display:block;margin-top:5px;color:#777;font-size:10px}.swatches{gap:9px}.swatch{width:34px;height:34px;min-height:34px;border-radius:50%;padding:4px!important;background:#fff!important;display:grid;place-items:center}.swatch i{width:24px;height:24px;border-radius:50%;border:1px solid #ddd;background:var(--color)}.swatch[aria-pressed=true]{border-color:#111;outline:1px solid white;box-shadow:0 0 0 1px #111}.swatch[aria-pressed=true]:after{content:"\2713";position:absolute;color:var(--ink);font-size:13px;font-weight:700}.finish-label{font-size:9px;letter-spacing:1.4px;margin:18px 0 10px;color:#777}.facemasks{display:grid;grid-template-columns:repeat(3,1fr)}.mask{padding:5px!important;min-width:0;font-size:9px;line-height:1.5}.mask img{width:100%;aspect-ratio:1.2;object-fit:contain}.mask[disabled]{opacity:.3;cursor:not-allowed}.mask[aria-pressed=true]{background:#fff}.option-hint{font-size:10px;color:#666;margin:14px 0 0;line-height:1.6}#summary{border-top:1px solid #ddd;border-bottom:1px solid #ddd;padding:20px 0;font-size:12px}#summary summary{cursor:pointer;font-weight:700}dl{font-size:11px}dl div{display:flex;justify-content:space-between;gap:20px;padding:9px 0;border-bottom:1px solid #eee}dt{color:#777}dd{margin:0;text-align:right;font-weight:700}.purchase{display:grid;grid-template-columns:1fr auto;gap:14px;padding-top:25px}.price strong{font-size:30px;display:block;letter-spacing:-1px}.price span{display:block;font-size:9px;letter-spacing:1.2px;color:#666;margin-top:6px}.qty{font-size:9px;letter-spacing:1px}.qty input{display:block;margin-top:7px;width:60px;height:35px;border:1px solid #ddd;padding:8px}.primary,.secondary{grid-column:1/-1;min-height:48px;font-size:11px;font-weight:700;letter-spacing:1.5px}.primary{background:#111;color:#fff;border:1px solid #111}.primary:hover{background:#333}.secondary{background:#fff;border:1px solid #aaa}.purchase p{grid-column:1/-1;color:#777;font-size:10px;line-height:1.7;margin:0}.purchase output{grid-column:1/-1;font-size:11px;color:#176039}footer{background:#111;color:#fff;padding:40px 5%;font-size:11px}footer b{letter-spacing:1.5px}footer p{color:#aaa}footer a{font-size:10px;color:#bbb}dialog{border:1px solid #ccc;width:min(600px,95vw);max-height:85vh;padding:25px}dialog::backdrop{background:#0007}.dialog-head{display:flex;align-items:center;justify-content:space-between}.dialog-head h2{font-size:22px}.dialog-head button{border:0;background:none;font-size:20px}.saved-build{border-top:1px solid #ddd;padding:18px 0}.saved-build p{font-size:11px;color:#666;line-height:1.8}.saved-build button{padding:9px 16px;background:#fff;border:1px solid #aaa;margin-right:9px;font-size:11px}@media(min-width:1500px){.image-wrap{height:650px}}@media(max-width:1000px){main{grid-template-columns:52% 48%;padding-left:3%;padding-right:3%}.viewer{padding-right:25px}.config{padding-left:25px}.image-wrap{height:420px}.intro h1{font-size:39px}.facemasks{grid-template-columns:repeat(2,1fr)}}@media(max-width:700px){.notice{font-size:8px;padding:0 5%}.notice span{font-size:8px;letter-spacing:.7px}header{height:75px}.brand b{font-size:32px}.brand span{font-size:8px}nav{gap:5px}nav a{display:none}nav button{font-size:9px}main{display:flex;flex-direction:column;padding:20px 5% 40px}.viewer{position:static;padding:0;width:100%}.image-wrap{height:340px}.views button{width:50px;height:50px}.caption{margin:15px auto}.selected-colors{margin-bottom:20px}.viewer-footer{padding:15px 0 25px}.config{border-left:0;padding-left:0}.intro{padding-top:25px}.intro h1{font-size:42px}.facemasks{grid-template-columns:repeat(3,1fr)}}.color-grid{display:grid;grid-template-columns:repeat(6,minmax(0,1fr));gap:22px 6px}.swatch{width:100%;height:auto;min-height:88px;border:0!important;border-radius:0;display:flex;flex-direction:column;align-items:center;justify-content:start;gap:10px;box-shadow:none!important;outline:none!important}.swatch i{width:34px;height:34px;flex-shrink:0}.swatch-name{font-size:9px;font-weight:700;text-transform:uppercase;line-height:1.5;letter-spacing:.5px}.swatch small{margin-top:0;font-size:9px}.swatch[aria-pressed=true] i{outline:2px solid #111;outline-offset:3px}.swatch[aria-pressed=true]:after{display:none}.swatch:focus-visible i{outline:3px solid #3157ff;outline-offset:4px}.swatch:hover i{outline:1px solid #888;outline-offset:3px}.facemasks{grid-template-columns:repeat(5,minmax(0,1fr));gap:12px 6px}.mask{border:0}.mask[aria-pressed=true]{border:0;border-bottom:2px solid #111}.mask img{aspect-ratio:1.4}.mask span{display:block;text-transform:uppercase;letter-spacing:.3px;font-weight:700}@media(max-width:1000px){.color-grid{grid-template-columns:repeat(4,minmax(0,1fr))}.facemasks{grid-template-columns:repeat(3,minmax(0,1fr))}}@media(max-width:700px){.color-grid{grid-template-columns:repeat(6,minmax(0,1fr))}.facemasks{grid-template-columns:repeat(5,minmax(0,1fr))}.swatch-name{font-size:8px;letter-spacing:0}}@media(max-width:400px){.color-grid{grid-template-columns:repeat(4,minmax(0,1fr))}.facemasks{grid-template-columns:repeat(3,minmax(0,1fr))}}.helper-link{display:block;margin-top:16px;text-decoration:underline;text-underline-offset:3px}@media(min-width:1001px){main{grid-template-columns:53% 47%;padding-top:30px;min-height:800px}.viewer{position:sticky;top:20px;padding-top:30px;padding-right:8%}.config{display:flex;flex-direction:column;height:calc(100vh - 165px);min-height:620px;padding-left:7%;border-left:0}.config-scroll{min-height:0;overflow-y:auto;overscroll-behavior:contain;padding-right:18px;scrollbar-width:thin;scrollbar-color:#aaa #f5f5f5}.config-bottom{flex-shrink:0;background:#fff;padding-right:18px}.intro h1{font-size:32px;line-height:1.1;margin:10px 0}.intro h1 br{display:none}.option .choices:not(.color-grid):not(.facemasks){display:flex;flex-direction:column;gap:10px}.option .choices:not(.color-grid):not(.facemasks) .choice{width:100%;display:flex;justify-content:space-between;align-items:center;min-height:40px;font-size:12px;font-weight:700;text-transform:uppercase;text-align:left}.option .choices:not(.color-grid):not(.facemasks) .choice small{margin:0;font-weight:400;font-size:12px}.option .choices:not(.color-grid):not(.facemasks) .choice[aria-pressed=true]{background:#0006ff;border-color:#0006ff;color:#fff}.option .choices:not(.color-grid):not(.facemasks) .choice[aria-pressed=true] small{color:#fff}.purchase{grid-template-columns:1fr 60px 1.35fr;align-items:center;gap:10px;padding-top:16px}.purchase .primary{grid-column:3;grid-row:1}.purchase .secondary{grid-column:1/-1;min-height:32px}.purchase .price strong{font-size:27px}.purchase .price span{font-size:8px}#summary{max-height:210px;overflow:auto;padding:0;border:0}#summary summary{padding:13px 20px;background:#d0d0d0;border-bottom:1px solid black;text-transform:uppercase;letter-spacing:1px;position:sticky;top:0;z-index:1}#summary dl{margin:10px 0;padding:0 20px;text-transform:uppercase}}.fullscreen{position:absolute;right:4px;bottom:4px;border:1px solid #ddd;background:#fff;border-radius:50%;width:35px;height:35px;font-size:20px;display:grid;place-items:center}#renderer{position:absolute;top:0;right:0;bottom:0;left:0;background:#fff}#renderer[hidden]{display:block;visibility:hidden;pointer-events:none}.image-wrap:fullscreen{height:100vh;width:100vw;background:#fff;padding:4vh}.image-wrap:fullscreen img{height:92vh;width:92vw}[hidden]{display:none!important}#renderer[hidden]{display:block!important}.primary:disabled{opacity:.6;cursor:wait}@media(max-width:1000px){.config-scroll{overflow:visible}.config-bottom{background:#fff}.config-bottom{position:sticky;bottom:0;z-index:2;margin:0 -5vw;padding:0 5vw 10px;border-top:1px solid #ddd;box-shadow:0 -5px 15px #00000005}#summary{padding:0;max-height:180px;overflow:auto;border:0}#summary summary{padding:12px;background:#d0d0d0;text-transform:uppercase;font-size:10px;position:sticky;top:0}.purchase{grid-template-columns:1fr 45px 1.35fr;gap:9px;padding-top:10px}.purchase .primary{grid-column:3;grid-row:1;padding:0 5px;font-size:9px;letter-spacing:.8px}.purchase .secondary{min-height:30px}.price strong{font-size:25px}.price span{font-size:7px}.qty input{width:42px;padding:6px}.purchase p{font-size:9px;line-height:1.4}}.primary{background:#0006ff;border-color:#0006ff}.primary:hover{background:#0003cc;border-color:#0003cc}@media(max-width:1000px){body{padding-bottom:180px}.config-bottom{position:fixed;left:0;right:0;bottom:0;width:100%;margin:0;padding:0 5vw calc(10px + env(safe-area-inset-bottom));box-shadow:0 -4px 15px #0000000a}.config-bottom .purchase p{display:none}#summary{max-height:min(38vh,240px)}.purchase output:empty{display:none}.brand{flex-shrink:0}nav{min-width:0;flex-shrink:0}}@media(max-width:420px){.brand span{display:none}header{gap:20px}.notice{letter-spacing:.5px}.notice span{font-size:7px;letter-spacing:.3px}.image-wrap{height:280px}}@media(max-width:700px){.photo-label{display:none}}.timing-note{display:block;font-size:10px;color:#666;font-weight:400;letter-spacing:0;line-height:1.6;margin-top:5px}.size-button{padding:0;border:0;background:none;font-family:inherit;cursor:pointer}#size-guide{width:min(850px,95vw);max-height:90vh;padding:20px;overflow:auto}#size-guide h2{font-size:18px;line-height:1.4;padding-right:20px}#size-chart{display:block;width:100%;height:auto}.size-links{display:flex;gap:20px;flex-wrap:wrap;margin-top:20px;font-size:11px;line-height:1.8}#color-preview{max-width:100%;max-height:100%;width:auto;height:100%;object-fit:contain}#color-preview[hidden],#helmet[hidden],#views[hidden]{display:none!important}.views .color-view{font-size:9px;font-weight:700;line-height:1.4;padding:5px}.views{flex-wrap:wrap;gap:8px}.image-wrap #color-preview{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;max-height:100%;object-fit:contain}.model-overview{font-size:11px;line-height:1.6;color:#555;max-width:560px}.model-overview p{margin:12px 0}.model-overview strong{color:#171717}.request-link{display:block;text-align:left;background:none;border:0;padding:0;text-decoration:underline;font-weight:400;line-height:1.7}.footer-request{display:block;background:none;color:#bbb;border:0;padding:0;text-align:left;text-decoration:underline;font-size:10px;line-height:1.7}.footer-fit{display:block;margin-top:15px}.compact-size{width:min(480px,94vw);padding:22px}.compact-size .dialog-head h2{font-size:13px;text-transform:uppercase;margin:0}.compact-size .dialog-head{margin-bottom:20px}.size-table{width:100%;border-collapse:collapse;text-align:left;font-size:10px;letter-spacing:1px}.size-table caption{text-align:left;text-transform:uppercase;font-size:12px;font-weight:700;border-bottom:1px solid #222;padding:0 0 7px}.size-table th{font-size:8px;text-transform:uppercase;letter-spacing:1.6px;padding:16px 5px 12px;line-height:1.5}.size-table td{padding:7px 5px;text-transform:uppercase}.size-table .selected-size{background:#f0f0ff;font-weight:700}.size-instructions{font-size:11px;line-height:1.65;margin:18px 0 10px}.compact-size .size-links{display:flex;flex-wrap:wrap;gap:15px;font-size:10px;margin:14px 0 0}.request-dialog{width:min(620px,94vw);padding:25px}.request-dialog .dialog-head h2{font-size:21px}.request-dialog>p{font-size:12px;line-height:1.7}.request-build{padding:12px;background:#f4f4f4}.form-grid{display:grid;grid-template-columns:1fr 1fr;gap:15px;margin:20px 0}.form-grid label{font-size:11px;line-height:1.5}.form-grid input,.form-grid textarea{display:block;width:100%;padding:11px;border:1px solid #aaa;background:#fff;border-radius:0;font:14px Arial;margin-top:5px}.form-grid .wide{grid-column:1/-1}.request-note{font-size:11px;color:#666;line-height:1.7}.request-submit{width:100%;background:#0006ff;border:0}.size-model-note{font-size:10px}@media(max-width:500px){.form-grid{grid-template-columns:1fr}.model-overview{font-size:12px}.size-table{letter-spacing:.5px}.size-table th{letter-spacing:1px}.compact-size{padding:18px}}.request-native{display:flex;align-items:center;justify-content:center;text-decoration:none;color:#fff;min-height:48px;margin-top:20px}.selected-colors{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px;width:min(100%,330px);margin-left:auto;margin-right:auto}.selected-colors>span{width:100%;max-width:none;min-width:0;line-height:1.4}.selected-colors b{display:block}.custom-color-help{font-size:12px;line-height:1.7}.inline-request{display:inline;padding:0;border:0;background:none;color:#0006ff;text-decoration:underline;font:inherit;font-weight:700}.views button{touch-action:manipulation}.views button img{pointer-events:none}.image-wrap{overflow:hidden;isolation:isolate}.image-wrap #helmet{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;max-height:100%;object-fit:contain;pointer-events:none}.image-wrap #color-preview{pointer-events:none}.views{position:relative;z-index:2}.views button{position:relative;z-index:1}.selected-facemask{display:block;margin:12px auto 24px;padding:10px 16px;border:1px solid #bbb;background:#fff;font-size:11px;line-height:1.5}.selected-facemask[aria-pressed=true]{border-color:#0006ff;color:#0006ff}
/*# sourceMappingURL=/cdn/shop/t/51/assets/gcahs-style.css.map */