.os-world{--wc-gold: #ddc18a;display:grid;grid-template-columns:minmax(300px,.8fr) minmax(0,1.2fr);gap:24px;position:relative;isolation:isolate;padding:calc(var(--header-height,72px) + 65px) max(5vw,22px) 60px;background:radial-gradient(ellipse at 74% 44%,#15304455,transparent 55%),#070b14;color:#f4f1e9;overflow:hidden;min-height:850px}.os-world:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;z-index:-1;opacity:.35;background-image:radial-gradient(1px 1px at 15% 30%,#fff 90%,transparent),radial-gradient(1px 1px at 75% 60%,#d9b879 90%,transparent),radial-gradient(1px 1px at 40% 80%,#fff 90%,transparent);background-size:181px 227px,293px 313px,367px 421px;pointer-events:none}.os-world__intro{align-self:center;position:relative;z-index:2;max-width:490px}.os-world__kicker{color:var(--wc-gold);font-size:11px;letter-spacing:.16em;line-height:1.5;font-weight:500}.os-world h1{font-size:clamp(43px,5.2vw,78px);line-height:1;letter-spacing:-.045em;margin:28px 0 22px;font-weight:600;color:#f4f1e9}.os-world h1 span{color:var(--wc-gold);font-weight:400}.os-world__tagline{font-size:16px;color:#d9c8a5;margin-bottom:28px}.os-world__search{position:relative;display:flex;align-items:center;border:1px solid #d9bd7f77;border-radius:12px;background:#0b101b}.os-world__search>span{font-size:30px;color:var(--wc-gold);margin-left:17px}.os-world__search input{width:100%;background:transparent;color:inherit;border:0;outline-offset:4px;font:inherit;font-size:15px;padding:18px 14px;min-width:0}.os-world__search input::placeholder{color:#afb6c4}.os-world__search ul{position:absolute;top:100%;left:0;right:0;z-index:5;background:#101724;border:1px solid #d9bd7f66;border-radius:10px;max-height:260px;overflow:auto;list-style:none;padding:6px;margin:7px 0;box-shadow:0 15px 45px #0009}.os-world__search li{padding:13px 12px;font-size:14px;cursor:pointer;border-radius:5px}.os-world__search li:hover,.os-world__search li[aria-selected=true]{background:#d9bd7f22;color:#f4dca6}.os-world [hidden]{display:none!important}.os-world__card{margin-top:20px;border:1px solid #dec38a22;background:linear-gradient(130deg,#151e2cdd,#0d1421aa);border-radius:14px;padding:20px;min-height:215px;display:flow-root}.os-world__card>.os-world__kicker{margin:0 0 15px}.os-world__country{display:flex;gap:12px;align-items:center}.os-world__country img{object-fit:contain;width:34px;height:24px}.os-world__country h2{font-size:23px;line-height:1.2;color:inherit;margin:0}.os-world__jersey{float:right;object-fit:contain;width:110px;height:125px;margin:10px 0 0 15px;filter:drop-shadow(0 10px 12px #0008)}.os-world__availability{font-size:13px;color:#abb6c7;line-height:1.6;margin:18px 0}.os-world__card a{display:inline-block;border-bottom:1px solid #d9bd7f77;color:var(--wc-gold);text-decoration:none;padding:7px 0;font-size:14px;min-height:40px}.os-world__legend{display:flex;align-items:center;gap:8px;font-size:10px;color:#b4bac4;margin-top:20px;flex-wrap:wrap}.os-world__legend i{display:inline-block;width:7px;height:7px;border-radius:50%;background:#f4d285;box-shadow:0 0 9px #eacb7988}.os-world__legend i.muted{background:#978054;box-shadow:0 0 3px #97805433;margin-left:10px}.os-world__visual{position:relative;min-width:0;align-self:center}.os-world__globe{height:620px;width:100%;cursor:grab;touch-action:pan-y}.os-world__globe:active{cursor:grabbing}.os-world__globe canvas{max-width:100%;display:block;touch-action:none}.os-world__status{position:absolute;inset:40% 10% auto;text-align:center;color:#c4c9d2;font-size:14px;line-height:1.6}.os-world__controls{display:flex;justify-content:center;gap:8px}.os-world__controls button{min-width:44px;height:44px;padding:0 15px;background:#111b29b3;border:1px solid #d9bd7f44;border-radius:24px;color:#e5d1a7;cursor:pointer;font:inherit;font-size:13px}.os-world__controls button:hover{border-color:#d9bd7f}.os-world__hint{text-align:center;color:#8d9aa9;font-size:11px;letter-spacing:.03em;margin-top:15px}.os-world__directory{grid-column:1 / -1;border-top:1px solid #d9bd7f22;padding-top:25px;margin-top:15px}.os-world__directory summary{cursor:pointer;color:#cdb782;font-size:13px;min-height:44px}.os-world__countries{display:grid;grid-template-columns:repeat(4,1fr);gap:8px;margin-top:15px}.os-world__countries a{color:#c4cad4;text-decoration:none;padding:10px;font-size:13px;min-height:42px}.os-world__countries a:hover{color:#eacb79;background:#d9bd7f11}.os-world :focus-visible{outline:2px solid #edce89;outline-offset:4px}.os-world.is-departing .os-world__intro{opacity:.25;transition:opacity .65s}.os-world.has-fallback .os-world__controls{display:none}.os-world.has-fallback .os-world__globe{height:300px}#trouver-mon-maillot{scroll-margin-top:100px;position:relative}#offside-demande{position:absolute;top:0;left:0;scroll-margin-top:100px}.os-club-tile--world .os-club-tile__image{object-position:center}@media(max-width:999px){.os-world{grid-template-columns:1fr;padding-top:calc(var(--header-height,70px) + 32px);gap:20px;min-height:0}.os-world__intro{max-width:none}.os-world h1{font-size:48px;margin:18px 0}.os-world h1 br{display:none}.os-world h1 span:before{content:" "}.os-world__tagline{margin-bottom:20px}.os-world__globe{height:460px}.os-world__card{min-height:180px}.os-world__countries{grid-template-columns:repeat(3,1fr)}}@media(max-width:599px){.os-world{padding-left:20px;padding-right:20px;padding-bottom:35px}.os-world h1{font-size:40px}.os-world__tagline{font-size:14px}.os-world__globe{height:360px}.os-world__card{padding:17px}.os-world__country h2{font-size:22px}.os-world__countries{grid-template-columns:repeat(2,1fr)}.os-world__legend{font-size:10px}.os-world__jersey{height:100px;width:85px}}@media(max-width:749px){.os-world__intro{display:contents}.os-world__intro>.os-world__kicker,.os-world__intro>h1,.os-world__intro>.os-world__tagline,.os-world__intro>label,.os-world__search{order:0}.os-world__search{z-index:5}.os-world__visual{order:1}.os-world__card{order:2;margin-top:0}.os-world__legend{order:3;margin-top:0}.os-world__directory{order:4}.os-world__intro>h1,.os-world__intro>.os-world__tagline,.os-world__intro>.os-world__kicker{margin-top:0;margin-bottom:0}}@media(prefers-reduced-motion:reduce){.os-world *{transition:none!important;scroll-behavior:auto!important}}
/*# sourceMappingURL=/cdn/shop/t/4/assets/offside-world-cup.css.map */