.g8 .g8-skipanim{display:none}html.g8-motion .g8 #story .g8-skipanim,html.g8-os-motion .g8 #about .g8-skipanim{position:absolute;z-index:7;right:var(--pad-r);bottom:calc(22px + env(safe-area-inset-bottom,0px));display:inline-flex;align-items:center;gap:8px;min-height:40px;padding:0 16px;border:1px solid rgba(250,248,244,.3);border-radius:999px;background:#06070c80;color:#faf8f4;font:500 11px/1 var(--f-mono);letter-spacing:.14em;text-transform:uppercase;cursor:pointer;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);transition:opacity .3s,visibility 0s,background .25s,border-color .25s,color .25s}.g8 .g8-skipanim span{font-family:var(--f-body);font-size:13px;letter-spacing:0}html.g8-motion .g8 #story .g8-skipanim:hover,html.g8-motion .g8 #story .g8-skipanim:focus-visible,html.g8-os-motion .g8 #about .g8-skipanim:hover,html.g8-os-motion .g8 #about .g8-skipanim:focus-visible{border-color:var(--gold);color:var(--gold);background:#06070cb8}.g8 .g8-skipanim:focus-visible{outline:2px solid var(--gold);outline-offset:3px}html.g8-motion .g8 #story .stage.light .g8-skipanim{background:#faf8f4c7;color:var(--ink);border-color:#1e161138}html.g8-motion .g8 #story .stage.light .g8-skipanim:hover,html.g8-motion .g8 #story .stage.light .g8-skipanim:focus-visible{color:#80552d;border-color:#80552d;background:#faf8f4f0}.g8 .g8-skipanim.off{opacity:0;visibility:hidden;pointer-events:none;transition:opacity .3s,visibility 0s linear .3s}html.g8-motion .g8 #skip,html.g8-os-motion .g8 .os-skip{display:none}@media(max-aspect-ratio:1/1){html.g8-motion .g8 #story .g8-skipanim,html.g8-os-motion .g8 #about .g8-skipanim{bottom:calc(6px + env(safe-area-inset-bottom,0px));min-height:38px;padding:0 14px;font-size:10px}}@media(prefers-reduced-motion:reduce){.g8 .g8-skipanim{transition:none}}.ga-skipanim{display:none}html.ga-motion .ga-bar{right:calc(var(--pad-r) + 196px)}html.ga-motion .ga-skipanim{position:absolute;z-index:4;right:var(--pad-r);bottom:calc(clamp(28px,5svh,52px) - 19px);display:inline-flex;align-items:center;gap:8px;min-height:40px;padding:0 16px;border:1px solid rgba(250,248,244,.3);border-radius:999px;background:#06070c80;color:var(--ivory);font:500 11px/1 var(--f-mono);letter-spacing:.14em;text-transform:uppercase;cursor:pointer;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);transition:opacity .3s,visibility 0s,background .25s,border-color .25s,color .25s}.ga-skipanim span{font-family:var(--f-body);font-size:13px;letter-spacing:0}html.ga-motion .ga-skipanim:hover,html.ga-motion .ga-skipanim:focus-visible{border-color:var(--gold);color:var(--gold);background:#06070cb8}.ga-skipanim.off{opacity:0;visibility:hidden;pointer-events:none;transition:opacity .3s,visibility 0s linear .3s}@media(max-aspect-ratio:1/1){html.ga-motion .ga-bar{right:calc(var(--pad-r) + 176px)}html.ga-motion .ga-skipanim{padding:0 14px;font-size:10px}}@media(prefers-reduced-motion:reduce){.ga-skipanim{transition:none}}.g8 .g8-pre .g8-pre-skipanim{position:absolute;z-index:2;right:max(clamp(16px,4.4vw,72px),env(safe-area-inset-right,0px));bottom:calc(22px + env(safe-area-inset-bottom,0px));display:inline-flex;align-items:center;gap:8px;min-height:40px;margin:0;padding:0 16px;border:1px solid rgba(250,248,244,.3);border-radius:999px;background:#06070c80;color:#faf8f4;font:500 11px/1 IBM Plex Mono,ui-monospace,Menlo,monospace;letter-spacing:.14em;text-transform:uppercase;cursor:pointer;transition:background .25s,border-color .25s,color .25s}.g8 .g8-pre .g8-pre-skipanim:hover,.g8 .g8-pre .g8-pre-skipanim:focus-visible{border-color:#c9a04a;color:#c9a04a;background:#06070cb8}@media(max-aspect-ratio:1/1){.g8 .g8-pre .g8-pre-skipanim{bottom:calc(14px + env(safe-area-inset-bottom,0px));min-height:38px;padding:0 14px;font-size:10px}}
/*# sourceMappingURL=/cdn/shop/t/30/assets/granadas-v8-skip.css.map */