.hcg{position:relative;display:block;width:100%;margin:0 auto;line-height:1;font-size:16px;color:#fff;text-align:left;-webkit-tap-highlight-color:transparent}.hcg,.hcg *,.hcg *:before,.hcg *:after{box-sizing:border-box}.hcg .hcg-stage{--hcg-px: 2px;--hcg-ink: #1b1030;position:relative;width:100%;aspect-ratio:2 / 1;overflow:hidden;background:var(--hcg-ink);outline:none;touch-action:manipulation;-webkit-user-select:none;user-select:none;-webkit-touch-callout:none;box-shadow:0 0 0 calc(var(--hcg-px) * 2) var(--hcg-ink),calc(var(--hcg-px) * 5) calc(var(--hcg-px) * 5) 0 calc(var(--hcg-px) * 2) #ff2e2e}.hcg .hcg-stage:focus-visible{box-shadow:0 0 0 calc(var(--hcg-px) * 2) var(--hcg-ink),0 0 0 calc(var(--hcg-px) * 4) #ffd23f,calc(var(--hcg-px) * 5) calc(var(--hcg-px) * 5) 0 calc(var(--hcg-px) * 2) #ff2e2e}.hcg .hcg-canvas{position:absolute;top:0;right:0;bottom:0;left:0;display:block;width:100%;height:100%;image-rendering:-moz-crisp-edges;image-rendering:crisp-edges;image-rendering:pixelated}.hcg .hcg-ui{position:absolute;top:0;right:0;bottom:0;left:0;pointer-events:none}.hcg .hcg-ui button{pointer-events:auto}.hcg .hcg-actions{position:absolute;left:0;right:0;top:0;display:flex;justify-content:center;gap:calc(var(--hcg-px) * 9);pointer-events:none}.hcg .hcg-actions[hidden]{display:none}.hcg .hcg-btn{all:unset;box-sizing:border-box;position:relative;display:flex;align-items:center;justify-content:center;padding:calc(var(--hcg-px) * 5) calc(var(--hcg-px) * 10) calc(var(--hcg-px) * 6);background:#ffd23f;cursor:pointer;box-shadow:inset 0 calc(var(--hcg-px) * -3) 0 #ff9a1f,inset 0 calc(var(--hcg-px) * 2) 0 #fff3a8,0 0 0 calc(var(--hcg-px) * 1.5) #1b1030,calc(var(--hcg-px) * 3) calc(var(--hcg-px) * 3) 0 calc(var(--hcg-px) * 1.5) #1b1030;transition:background-color .08s linear}.hcg .hcg-btn[hidden]{display:none}.hcg .hcg-btn:hover{background:#ffe066}.hcg .hcg-btn:active{transform:translateY(calc(var(--hcg-px) * 2));box-shadow:inset 0 calc(var(--hcg-px) * -2) 0 #ff9a1f,0 0 0 calc(var(--hcg-px) * 1.5) #1b1030,calc(var(--hcg-px) * 1) calc(var(--hcg-px) * 1) 0 calc(var(--hcg-px) * 1.5) #1b1030}.hcg .hcg-btn--alt{background:#1fd6a3;box-shadow:inset 0 calc(var(--hcg-px) * -3) 0 #14a37b,inset 0 calc(var(--hcg-px) * 2) 0 #9ff5dc,0 0 0 calc(var(--hcg-px) * 1.5) #1b1030,calc(var(--hcg-px) * 3) calc(var(--hcg-px) * 3) 0 calc(var(--hcg-px) * 1.5) #1b1030}.hcg .hcg-btn--alt:hover{background:#4fe6bb}.hcg .hcg-btn--small{align-self:center;padding:calc(var(--hcg-px) * 5) calc(var(--hcg-px) * 7) calc(var(--hcg-px) * 6)}.hcg .hcg-btn:focus-visible{outline:calc(var(--hcg-px) * 1) dashed #fff;outline-offset:calc(var(--hcg-px) * 4)}.hcg .hcg-btn__label{display:block;image-rendering:-moz-crisp-edges;image-rendering:crisp-edges;image-rendering:pixelated}.hcg .hcg-tools{position:absolute;top:calc(var(--hcg-px) * 4);right:calc(var(--hcg-px) * 4);display:flex;gap:calc(var(--hcg-px) * 3)}.hcg .hcg-tool{all:unset;box-sizing:border-box;position:relative;display:grid;place-items:center;width:calc(var(--hcg-px) * 14);height:calc(var(--hcg-px) * 14);background:#1b1030c7;color:#fff;cursor:pointer;box-shadow:0 0 0 calc(var(--hcg-px) * 1) #1b1030}.hcg .hcg-tool:after{content:"";position:absolute;top:-8px;right:-8px;bottom:-8px;left:-8px}.hcg .hcg-tool:hover{color:#ffd23f}.hcg .hcg-tool:focus-visible{outline:2px solid #ffd23f;outline-offset:2px}.hcg .hcg-tool svg{display:block;width:calc(var(--hcg-px) * 7);height:calc(var(--hcg-px) * 7)}.hcg .hcg-sr{position:absolute!important;width:1px;height:1px;margin:-1px;padding:0;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap;border:0}.hcg.hcg--fs{position:fixed;top:0;right:0;bottom:0;left:0;z-index:2147483000;width:100%;height:100%;max-width:none;margin:0;display:flex;align-items:center;justify-content:center;background:#120a24;padding:env(safe-area-inset-top) env(safe-area-inset-right) env(safe-area-inset-bottom) env(safe-area-inset-left)}.hcg.hcg--fs .hcg-stage{width:min(100%,200vh);width:min(100%,200dvh);box-shadow:none}.hcg-section{background:var(--hcg-section-bg, transparent)}.hcg-section .hcg-section__inner{margin:0 auto;padding:0 26px 0 16px}.hcg-section .hcg-section__heading{margin:0 0 8px;text-align:center}.hcg-section .hcg-section__text{margin:0 0 20px;text-align:center;opacity:.8}.hcg-section .hcg-noscript{padding:24px;text-align:center}
/*# sourceMappingURL=/cdn/shop/t/4/assets/habibi-cars-game.css.map */
