.w3w-premium { scroll-margin-top:82px; overflow:hidden; border-bottom:1px solid rgba(255,255,255,.08); background:radial-gradient(circle at 14% 30%,rgba(255,62,93,.1),transparent 30%),radial-gradient(circle at 86% 72%,rgba(0,217,173,.07),transparent 28%),#090708; }
#integrateur-api-what3words .mdk-split__panel:last-child { display:flex; flex-direction:column; justify-content:center; }
.w3w-premium__heading { margin-bottom:46px; }
.w3w-premium__workspace { display:grid; grid-template-columns:minmax(0,.9fr) minmax(500px,1.1fr); overflow:hidden; border:1px solid rgba(255,255,255,.12); border-radius:12px; background:rgba(8,6,7,.95); box-shadow:0 38px 96px rgba(0,0,0,.31); }
.w3w-premium__confirm,.w3w-premium__square { min-height:590px; padding:29px 31px; }
.w3w-premium__confirm { border-right:1px solid rgba(255,255,255,.1); }
.w3w-premium__square { background:linear-gradient(145deg,rgba(255,62,93,.025),rgba(0,217,173,.025)); }
.w3w-premium__panel-head { display:flex; justify-content:space-between; gap:18px; padding-bottom:18px; border-bottom:1px solid rgba(255,255,255,.1); }
.w3w-premium__panel-head>div { display:grid; gap:5px; }
.w3w-premium__panel-head span,.w3w-premium__panel-head small,.w3w-premium__field span,.w3w-premium__field small,.w3w-premium__suggestions small,.w3w-premium__context,.w3w-premium__warning span,.w3w-premium__decision span,.w3w-premium__trace span,.w3w-premium__trace small,.w3w-premium__errors { color:rgba(255,255,255,.39); font-family:"Roboto Mono",monospace; font-size:8px; letter-spacing:.08em; text-transform:uppercase; }
.w3w-premium__panel-head strong { color:#f3eff0; font-size:14px; }
.w3w-premium__panel-head>small { color:#ff5571; }
.w3w-premium__panel-head>small i { display:inline-block; width:7px; height:7px; margin-right:6px; border-radius:50%; background:#ff3e5d; box-shadow:0 0 14px rgba(255,62,93,.5); }
.w3w-premium__field { display:grid; gap:6px; margin-top:18px; padding:17px 18px; border:1px solid rgba(255,62,93,.2); border-radius:7px; background:rgba(255,62,93,.035); }
.w3w-premium__field span { color:#ff6f87; }
.w3w-premium__field strong { color:#f5f1f2; font-size:17px; }
.w3w-premium__suggestions { margin-top:14px; }
.w3w-premium__suggestions article { display:grid; grid-template-columns:26px minmax(0,1fr) auto; gap:10px; align-items:center; padding:15px 0; border-bottom:1px solid rgba(255,255,255,.08); }
.w3w-premium__suggestions article.is-selected { background:linear-gradient(90deg,rgba(255,62,93,.035),transparent); }
.w3w-premium__suggestions article>span { color:#ff637c; font-family:"Roboto Mono",monospace; font-size:8px; }
.w3w-premium__suggestions article>div { display:grid; gap:4px; }
.w3w-premium__suggestions strong { color:rgba(255,255,255,.8); font-size:10px; }
.w3w-premium__suggestions article>i { padding:4px 6px; border:1px solid rgba(255,62,93,.16); border-radius:3px; color:rgba(255,255,255,.42); font-family:"Roboto Mono",monospace; font-size:7px; font-style:normal; text-transform:uppercase; }
.w3w-premium__suggestions .is-selected>i { color:#ff7188; }
.w3w-premium__context { display:grid; grid-template-columns:1fr auto; gap:0; margin-top:16px; border:1px solid rgba(255,255,255,.09); border-radius:6px; }
.w3w-premium__context>* { padding:11px 13px; border-bottom:1px solid rgba(255,255,255,.07); }
.w3w-premium__context>*:nth-last-child(-n+2) { border-bottom:0; }
.w3w-premium__context strong { color:rgba(255,255,255,.72); font-size:8px; font-weight:500; }
.w3w-premium__map { position:relative; min-height:390px; margin-top:18px; overflow:hidden; border:1px solid rgba(255,255,255,.09); border-radius:7px; background:linear-gradient(145deg,#141014,#080b0a); }
.w3w-premium__map-grid { position:absolute; inset:0; opacity:.4; background-image:linear-gradient(rgba(255,255,255,.055) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.055) 1px,transparent 1px); background-size:54px 54px; }
.w3w-premium__site { position:absolute; top:58px; right:52px; width:230px; height:190px; border:1px solid rgba(255,255,255,.14); background:rgba(255,255,255,.035); transform:skew(-7deg); }
.w3w-premium__map svg { position:absolute; inset:15px 2% 20px; width:96%; height:calc(100% - 35px); }
.w3w-premium__map svg path { fill:none; stroke:rgba(255,255,255,.38); stroke-width:10; stroke-linecap:round; stroke-dasharray:12 12; }
.w3w-premium__gate { position:absolute; z-index:3; top:212px; right:247px; display:flex; gap:7px; align-items:center; padding:8px 10px; border:1px solid rgba(0,217,173,.2); border-radius:5px; color:var(--dwp-accent); font-family:"Roboto Mono",monospace; font-size:8px; background:rgba(5,9,8,.9); }
.w3w-premium__gate iconify-icon { font-size:16px; }
.w3w-premium__target { position:absolute; z-index:4; top:105px; right:126px; display:grid; place-items:center; width:64px; height:64px; border:2px solid #ff3e5d; background:rgba(255,62,93,.12); box-shadow:0 0 25px rgba(255,62,93,.24); }
.w3w-premium__target span { width:8px; height:8px; border-radius:50%; background:#ff5e78; box-shadow:0 0 12px #ff3e5d; }
.w3w-premium__target strong { position:absolute; top:69px; color:#ff7087; font-family:"Roboto Mono",monospace; font-size:8px; white-space:nowrap; }
.w3w-premium__warning { position:absolute; z-index:4; right:18px; bottom:18px; display:grid; gap:4px; max-width:265px; padding:13px 14px; border:1px solid rgba(255,62,93,.2); border-radius:6px; background:rgba(8,6,7,.92); backdrop-filter:blur(7px); }
.w3w-premium__warning span { color:#ff6c84; }
.w3w-premium__warning strong { color:rgba(255,255,255,.8); font-size:10px; }
.w3w-premium__decision { display:flex; justify-content:space-between; gap:16px; align-items:center; margin-top:14px; padding:15px 16px; border-left:2px solid var(--dwp-accent); background:rgba(0,217,173,.035); }
.w3w-premium__decision>div { display:grid; gap:5px; }
.w3w-premium__decision strong { color:rgba(255,255,255,.8); font-size:10px; }
.w3w-premium__decision>b { display:inline-flex; gap:6px; align-items:center; color:var(--dwp-accent); font-family:"Roboto Mono",monospace; font-size:8px; font-weight:500; text-transform:uppercase; white-space:nowrap; }
.w3w-premium__decision iconify-icon { font-size:17px; }
.w3w-premium__trace { display:grid; grid-template-columns:repeat(4,minmax(0,1fr)); border:1px solid rgba(255,255,255,.1); border-top:0; border-radius:0 0 10px 10px; background:rgba(255,255,255,.018); }
.w3w-premium__trace article { display:grid; grid-template-columns:auto minmax(0,1fr); gap:4px 11px; padding:19px 21px; }
.w3w-premium__trace article+article { border-left:1px solid rgba(255,255,255,.09); }
.w3w-premium__trace span { grid-row:1/3; color:#ff647d; }
.w3w-premium__trace strong { color:#f1eef0; font-size:12px; }
.w3w-premium__errors { display:grid; grid-template-columns:repeat(4,minmax(0,1fr)); gap:8px; margin-top:14px; }
.w3w-premium__errors p { display:grid; grid-template-columns:auto minmax(0,1fr); gap:3px 9px; margin:0; padding:12px 13px; border:1px solid rgba(255,255,255,.08); border-radius:5px; }
.w3w-premium__errors span { grid-row:1/3; color:#ff647d; }
.w3w-premium__errors strong { color:rgba(255,255,255,.7); font-size:8px; }
.w3w-premium__errors small { color:rgba(255,255,255,.34); font-size:7px; }
.w3w-premium__proof { display:grid; grid-template-columns:minmax(0,1fr) auto; gap:34px; align-items:end; margin-top:24px; padding:28px 30px; border:1px solid rgba(255,62,93,.18); border-radius:10px; background:linear-gradient(110deg,rgba(255,62,93,.055),rgba(0,217,173,.025)); }
.w3w-premium__proof h3 { max-width:850px; margin:8px 0 10px; color:#f3f0f1; font-size:clamp(22px,2.35vw,34px); line-height:1.15; }
.w3w-premium__proof div>p:last-child { max-width:940px; margin:0; color:rgba(255,255,255,.61); font-size:13px; line-height:1.7; }
.w3w-premium__proof .dwp-premium__button { white-space:nowrap; }
@media (max-width:1080px) { .w3w-premium__workspace{grid-template-columns:1fr}.w3w-premium__confirm{border-right:0;border-bottom:1px solid rgba(255,255,255,.1)}.w3w-premium__confirm,.w3w-premium__square{min-height:0} }
@media (max-width:767px) { .w3w-premium__heading{margin-bottom:34px}.w3w-premium__confirm,.w3w-premium__square{padding:24px 20px}.w3w-premium__map{min-height:360px}.w3w-premium__site{right:25px;width:210px}.w3w-premium__target{right:98px}.w3w-premium__gate{right:185px}.w3w-premium__warning{left:16px;max-width:none}.w3w-premium__trace{grid-template-columns:repeat(2,minmax(0,1fr))}.w3w-premium__trace article:nth-child(3){border-top:1px solid rgba(255,255,255,.09);border-left:0}.w3w-premium__trace article:nth-child(4){border-top:1px solid rgba(255,255,255,.09)}.w3w-premium__errors{grid-template-columns:repeat(2,minmax(0,1fr))}.w3w-premium__proof{grid-template-columns:1fr;gap:22px;padding:24px 20px}.w3w-premium__proof .dwp-premium__button{width:100%;white-space:normal} }
@media (max-width:420px) { .w3w-premium__panel-head{align-items:flex-start;flex-direction:column}.w3w-premium__suggestions article{grid-template-columns:24px minmax(0,1fr)}.w3w-premium__suggestions article>i{grid-column:2;justify-self:start}.w3w-premium__decision{align-items:flex-start;flex-direction:column}.w3w-premium__site{right:10px}.w3w-premium__target{right:82px}.w3w-premium__gate{right:160px} }