.spx.spx--g{padding-bottom:32px}.spx--g .g-grid{display:grid;grid-template-columns:repeat(12,minmax(0,1fr));column-gap:var(--x-g);row-gap:32px;align-items:start}.spx--g .g-a{grid-column:1 / span 2;grid-row:1 / span 2;align-self:stretch;display:flex;flex-direction:column;gap:24px;min-width:0;padding-right:calc(var(--x-g) / 2);margin-right:calc(var(--x-g) / -2);border-right:1px solid var(--n-line)}.spx--g .g-d{font-family:var(--n-font);font-size:40px;line-height:40px;font-weight:700;letter-spacing:.01em;text-transform:uppercase;color:var(--n-ink);margin:0}.spx--g .g-d>span{display:block}.spx--g .g-d mark{display:inline;color:inherit;padding:0 2px;margin-left:-2px;background:linear-gradient(0deg,var(--n-mint) 0 30%,transparent 30%);-webkit-box-decoration-break:clone;box-decoration-break:clone}@media screen and (min-width:1600px){.spx--g .g-d{font-size:56px;line-height:52px}}.spx--g .g-sw{display:flex;flex-direction:column;gap:8px;margin-top:auto}.spx--g .g-swt{display:flex;align-items:center;gap:12px;width:100%;min-height:64px;padding:8px 12px 8px 16px;margin:0;border:0;border-radius:12px;background:#fff;color:var(--n-ink);box-shadow:inset 0 0 0 1px var(--n-field);text-align:left;cursor:pointer;font-family:var(--n-font);-webkit-appearance:none;appearance:none;box-sizing:border-box}.spx--g .g-swt:hover{background:var(--n-mint-soft);box-shadow:inset 0 0 0 1px var(--n-ink)}.spx--g .g-swt:focus-visible{outline:2px solid var(--n-ink);outline-offset:2px}.spx--g .g-swt[aria-pressed=true]{background:var(--n-ink);color:#fff;box-shadow:none}.spx--g .g-swx{display:flex;flex-direction:column;gap:4px;flex:1;min-width:0}.spx--g .g-swt .spx-l{color:var(--n-muted)}.spx--g .g-swt[aria-pressed=true] .spx-l{color:#b8bfbc}.spx--g .g-swr{flex:none;width:20px;height:20px;border-radius:50%;box-shadow:inset 0 0 0 2px var(--n-field)}.spx--g .g-swt[aria-pressed=true] .g-swr{box-shadow:inset 0 0 0 6px var(--n-mint)}.spx--g .g-note{display:flex;flex-direction:column;gap:4px;padding:12px 16px;border-radius:12px;background:var(--n-ground);margin-top:auto}.spx--g .g-b{grid-column:3 / span 7;min-width:0}.spx--g .g-tab{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));column-gap:var(--x-g);align-items:start}.spx--g .g-g{display:flex;flex-direction:column;min-width:0}.spx--g .g-gh{display:flex;flex-direction:column;gap:4px;padding-bottom:11px;margin-bottom:8px;border-bottom:1px solid var(--n-line)}.spx--g .g-gn{margin-right:8px}.spx--g .g-lst{display:grid;grid-template-columns:minmax(0,1fr)}.spx--g .g-row{display:flex;align-items:center;gap:12px;min-height:40px;padding:4px 0;color:var(--n-ink);box-sizing:border-box;text-decoration:none}.spx--g .g-ib{flex:none;width:32px;height:32px;margin:0 -4px;border-radius:50%;display:inline-flex;align-items:center;justify-content:center;transition:background-color .15s}.spx--g .g-rt{display:flex;flex-direction:column;flex:1;min-width:0}.spx--g .g-nml{display:flex;align-items:center;gap:8px;flex-wrap:wrap}.spx--g .g-nm{color:var(--n-ink)}.spx--g .g-ct{flex:none;color:var(--n-muted);font-variant-numeric:tabular-nums}.spx--g .g-sub a{color:inherit}.spx--g .g-sub a:hover{color:var(--n-ink);text-decoration:underline;text-decoration-color:var(--n-mint);text-decoration-thickness:2px;text-underline-offset:4px}.spx--g .g-x-off{color:var(--n-field)}.spx--g .g-row:hover .g-ib,.spx--g .g-row:focus-within .g-ib,.spx--g .g-row.is-on .g-ib{background:var(--n-mint);color:var(--n-on-mint)}.spx--g .g-row:hover .g-nm,.spx--g a.g-row:focus-visible .g-nm,.spx--g .g-row.is-on .g-nm,.spx--g .g-row[aria-current=page] .g-nm,.spx--g .g-row--multi a.g-nm:hover{text-decoration:underline;text-decoration-color:var(--n-mint);text-decoration-thickness:2px;text-underline-offset:4px}.spx--g a.g-row:focus-visible{outline:2px solid var(--n-ink);outline-offset:2px;border-radius:12px}.spx--g .g-row--off,.spx--g .g-row--off .spx-l{color:var(--n-field)}.spx--g .g-nb{display:inline-flex;align-items:center;height:20px;padding:2px 6px;border-radius:12px;background:var(--n-mint);color:var(--n-on-mint);box-sizing:border-box}.spx--g .g-row--b{min-height:48px}.spx--g .g-lt{flex:none;width:72px;height:40px;border-radius:12px;background:var(--n-ground);display:inline-flex;align-items:center;justify-content:center;color:var(--n-ink);transition:background-color .15s}.spx--g .g-lt img{display:block;height:calc(var(--h, 22px) * .72);max-height:26px;width:auto;max-width:56px;object-fit:contain;filter:grayscale(1)}.spx--g .g-row--b:hover .g-lt,.spx--g .g-row--b:focus-visible .g-lt,.spx--g .g-row--b.is-on .g-lt{background:var(--n-mint)}.spx--g li.is-dim .g-row,.spx--g li.is-dim .g-nm,.spx--g li.is-dim .spx-l,.spx--g li.is-dim .g-ct{color:var(--n-field)}.spx--g li.is-dim .g-lt img,.spx--g li.is-dim .g-lt svg{opacity:.35}.spx--g .g-c{grid-column:10 / span 3;grid-row:1 / span 2;align-self:stretch;min-width:0}.spx--g .g-stage{height:100%;min-height:520px;box-sizing:border-box;padding:24px;border-radius:24px;background:var(--n-ink);color:#fff;display:flex;flex-direction:column}.spx--g .g-st{display:flex;flex-direction:column;gap:20px;flex:1;min-height:0}.spx--g .g-img{position:relative;flex:none;height:200px;border-radius:12px;background:var(--n-ground);overflow:hidden;display:flex;align-items:center;justify-content:center}@media screen and (min-width:1600px){.spx--g .g-img{height:240px}}.spx--g .g-img>img,.spx--g .g-img img.g-cover{width:100%;height:100%;object-fit:cover;display:block}.spx--g .g-logo{position:absolute;top:0;right:0;bottom:0;left:0;display:flex;align-items:center;justify-content:center;padding:32px}.spx--g .g-logo img{max-width:70%;max-height:60%;width:auto;height:auto;object-fit:contain}.spx--g .g-icn{color:var(--n-ink)}.spx--g .g-trio{display:flex;align-items:flex-end;justify-content:center;width:100%;height:100%;padding:16px 16px 0;box-sizing:border-box}.spx--g .g-trio img{flex:1 1 0;min-width:0;width:33.333%;height:85%;object-fit:contain;mix-blend-mode:darken;margin:0 -4px}.spx--g .g-badge{position:absolute;top:16px;left:16px;z-index:2;display:inline-flex;align-items:center;height:24px;padding:4px 8px;border-radius:12px;background:var(--n-mint);color:var(--n-on-mint);box-sizing:border-box}.spx--g .g-tx{display:flex;flex-direction:column;gap:8px}.spx--g .g-stage .g-k{color:var(--n-mint)}.spx--g .g-stage .g-t{color:#fff}.spx--g .g-stage .g-x{color:#b8bfbc}.spx--g .g-act{margin-top:auto;display:flex;flex-direction:column;gap:16px}.spx--g .g-act .spx-btn{width:100%}.spx--g .g-stage a.g-dl{color:var(--n-mint)}.spx--g .g-stage a.g-dl:hover{color:#9cf0de}.spx--g .g-stage a.g-dl:focus-visible{outline:2px solid var(--n-mint);outline-offset:2px}.spx--g .g-d-row{grid-column:3 / span 7;display:flex;flex-direction:column;gap:12px;padding-top:24px;border-top:1px solid var(--n-line);min-width:0}.spx--g .g-chips{display:flex;flex-wrap:wrap;gap:8px}.spx--g .g-chips .spx-k[aria-pressed=true]{background:var(--n-mint);color:var(--n-on-mint);box-shadow:none}
/*# sourceMappingURL=/cdn/shop/t/150/assets/sp-nav2-griff.css.map */