<style>
/* --- CSS-only tabs — left-aligned version with arrows & 7 tabs --- */
.wipodas-tabs {
width: 100%;
max-width: 900px; /* You can adjust this */
1200px;
margin: 0; /* Remove centering */
padding: 0;
font-family: Inter, Segoe UI, Arial, sans-serif;
} position: relative;
}
/* Hide radios */
.wipodas-tabs [type="radio"] { display:none; }
/* Tab labels bar */
.wipodas-tablabels {
display:flex;
gap:6px;
flex-wrap:wrap;
justify-content:flex-start;nowrap; /* Align leftkeep all tabs on one line */
}
.wipodas-tablabels label {
overflow-x:auto; padding:8px 12px;
border:1px solid #cbd5e1;
border-bottom:none;
border-radius:8px 8px 0 0;
background:#f1f5f9;
cursor:pointer/* scroll if narrow */
white-space:nowrap;
fontscrollbar-weightwidth:600 thin;
}
.wipodas-panelstablabels::-webkit-scrollbar {
height:6px; }
.wipodas-tablabels label {
padding:8px 12px;
border:1px solid #cbd5e1;
border-bottom:none;
border-radius:08px 8px 8px0 8px0;
paddingbackground:12px#f1f5f9;
backgroundcursor:#ffffffpointer;
marginfont-top:-1pxweight:600;
flex-shrink:0;
}
.wipodas-panel { display:none; }
#tab1:checked ~ /* Panels container */
.wipodas-panels #p1,
#tab2:checked ~ .wipodas-panels #p2,
#tab3:checked ~ .wipodas-panels #p3,
#tab4:checked ~ .wipodas-panels #p4,
#tab5:checked ~ .wipodas-panels #p5 { display:block; }
{
border:1px solid #cbd5e1;
border-radius:0 8px 8px 8px;
padding:12px;
background:#ffffff;
margin-top:-1px;
position:relative;
}
/* Panels hidden by default */
.wipodas-panel { display:none; }
/* Show the selected panel (now includes tab7) */
#tab1:checked ~ .wipodas-tablabels label[for="tab1"]panels #p1,
#tab2:checked ~ .wipodas-tablabels label[for="tab2"]panels #p2,
#tab3:checked ~ .wipodas-tablabels label[for="tab3"]panels #p3,
#tab4:checked ~ .wipodas-tablabels label[for="tab4"]panels #p4,
#tab5:checked ~ .wipodas-tablabels label[for="tab5"]{
background:#e2e8f0;
}
/* Dark mode support */
@media (prefers-color-scheme: dark) {
panels #p5,
#tab6:checked ~ .wipodas-panels #p6,
#tab7:checked ~ .wipodas-panels #p7 { display:block; }
/* Highlight active tab label (now includes tab7) */
#tab1:checked ~ .wipodas-tablabels label {
background:#0b1220;
color:#ffd700;
border-color:#334155;
}
.wipodas-panels {
background:#0b1220;
color:#ffd700;
border-color:#334155;
}
}
</style>
<div class="wipodas-tabs">
<input type="radio" name="wipodas" id="tab1" checked>
<input type="radio" name="wipodas" id="tab2">
<input type="radio" name="wipodas" id="tab3">
<input type="radio" name="wipodas" id="tab4">
<input type="radio" name="wipodas" id="tab5">
<div class="wipodas-tablabels">
<label for="tab1">Overview</label>
<label for="tab2">Participating Offices</label>
<label for="tab3">Documents</label>
<label for="tab4">Unavailability</label>
<label for="tab5">Lost Codes</label>
</div>
<div class="wipodas-panels">
<div id="p1" class="wipodas-panel">
<p>The WIPO Digital Access Service (“DAS”), available at <a href="https://www.wipo.int/das/en/">https://www.wipo.int/das/en/</a>, allows you to meet requirements for providing priority and similar documents in respect of participating Offices, without the need to obtain and send multiple certified paper copies of an application.</p>
<p>Instead, you ask the Office where you are claiming priority (“Office of Second Filing” or OSF) to download a copy of the document directly from a digital library, normally held by or on behalf of the Office where the earlier application was filed from which priority is claimed (“Office of First Filing” or OFF).</p>
<p>DAS provides a secure, trusted mechanism which allows Offices both to transmit and to access unpublished documents with confidence that the transmission has been permitted by the applicant or other authorized person.</p>
<p>It is essential that users properly understand what is required to give permission for this transfer. Because the system is designed to work between pairs of Offices, which may have no other working relationship, there are steps involved, which are different from, or additional to those in other priority document exchange systems in operation between certain Offices.</p>
</div>
<div id="p2" class="wipodas-panel">
<p>An up-to-date list of participating Offices is maintained on the WIPO DAS website at: <a href="https://www.wipo.int/das/en/news">https://www.wipo.int/das/en/news</a></p>
<p>As of November 1, 2025, there are 50 IP Offices participating in WIPO DAS. Other Offices are at various stages of preparation to join the system and are expected to join in the future.</p>
<p>The participating Office’s websites also provide useful DAS information relevant to that particular Office, please see New Office Participation.</p>
</div>
<div id="p3" class="wipodas-panel">
<p>The service is intended for use with documents related to patents, utility models, industrial designs and trademarks.</p>
<p>At present, the service is operational for exchange of patent, utility model and design priority documents.</p>
<p>The scope of documents which can be made available also depends on the policy of the Office of First Filing.</p>
<p>Some Offices will allow any patent application filed at their Office to be entered into the system; other Offices offer the service only for a limited range of applications, such as those which have been filed in electronic form.</p>
<p>The relevant scope for each participating Office is outlined on WIPO’s website: <a href="https://www.wipo.int/das/en/participating_offices.html[for="tab1"],
#tab2:checked ~ .wipodas-tablabels label[for="tab2"],
#tab3:checked ~ .wipodas-tablabels label[for="tab3"],
#tab4:checked ~ .wipodas-tablabels label[for="tab4"],
#tab5:checked ~ .wipodas-tablabels label[for="tab5"],
#tab6:checked ~ .wipodas-tablabels label[for="tab6"],
#tab7:checked ~ .wipodas-tablabels label[for="tab7"] { background:#e2e8f0; }
/* --- Accordion styling inside panels --- */
.wipodas-acc details {
border:1px solid #cbd5e1;
border-radius:8px;
padding:10px 12px;
margin:8px 0;
background:#f8fafc;
}
.wipodas-acc summary {
cursor:pointer;
font-weight:600;
outline:none;
list-style:none;
}
.wipodas-acc summary::-webkit-details-marker { display:none; }
.wipodas-acc summary::before {
content:"▸";
display:inline-block;
margin-right:8px;
transition:transform .15s ease;
}
.wipodas-acc details[open] summary::before { transform:rotate(90deg); }
.wipodas-acc .acc-body { margin-top:8px; }
/* --- Arrow navigation (labels that switch radios) --- */
.wipodas-arrow {
position:absolute;
top:8px;
font-size:20px;
padding:4px 8px;
cursor:pointer;
color:#555;
opacity:0.55;
user-select:none;
border-radius:8px;
background:#f1f5f9;
border:1px solid #cbd5e1;
}
.wipodas-arrow:hover { opacity:1; }
.wipo-left { left:-10px; }
.wipo-right { right:-10px; }
/* Hide all arrow labels by default */
.wipo-left, .wipo-right { display:none; }
/* Show the appropriate prev arrow */
#tab2:checked ~ .wipo-left.prev2,
#tab3:checked ~ .wipo-left.prev3,
#tab4:checked ~ .wipo-left.prev4,
#tab5:checked ~ .wipo-left.prev5,
#tab6:checked ~ .wipo-left.prev6,
#tab7:checked ~ .wipo-left.prev7 { display:inline-block; }
/* Show the appropriate next arrow */
#tab1:checked ~ .wipo-right.next1,
#tab2:checked ~ .wipo-right.next2,
#tab3:checked ~ .wipo-right.next3,
#tab4:checked ~ .wipo-right.next4,
#tab5:checked ~ .wipo-right.next5,
#tab6:checked ~ .wipo-right.next6 { display:inline-block; }
/* Dark mode */
@media (prefers-color-scheme: dark) {
.wipodas-tablabels label {
background:#0b1220;
color:#ffd700;
border-color:#334155;
}
.wipodas-panels {
background:#0b1220;
color:#ffd700;
border-color:#334155;
}
.wipodas-acc details {
background:#0b1220;
color:#ffd700;
border-color:#334155;
}
.wipodas-arrow {
background:#0b1220;
color:#ffd700;
border-color:#334155;
}
}
</style>
<div class="wipodas-tabs">
<!-- Radios -->
<input type="radio" name="wipodas" id="tab1" checked>
<input type="radio" name="wipodas" id="tab2">
<input type="radio" name="wipodas" id="tab3">
<input type="radio" name="wipodas" id="tab4">
<input type="radio" name="wipodas" id="tab5">
<input type="radio" name="wipodas" id="tab6">
<input type="radio" name="wipodas" id="tab7">
<!-- Tab labels -->
<div class="wipodas-tablabels">
<label for="tab1">What is WIPO DAS?</label>
<label for="tab2">Participating Offices</label>
<label for="tab3">Scope of Documents</label>
<label for="tab4">Unavailability</label>
<label for="tab5">Lost Codes</label>
<label for="tab6">Overview of WIPO DAS use</label>
<label for="tab7">PCT and DAS</label>
</div>
<!-- Arrow labels (prev/next). These are focusable & accessible. -->
<!-- Prev arrows -->
<label class="wipodas-arrow wipo-left prev2" for="tab1" aria-label="Previous tab">←</label>
<label class="wipodas-arrow wipo-left prev3" for="tab2" aria-label="Previous tab">←</label>
<label class="wipodas-arrow wipo-left prev4" for="tab3" aria-label="Previous tab">←</label>
<label class="wipodas-arrow wipo-left prev5" for="tab4" aria-label="Previous tab">←</label>
<label class="wipodas-arrow wipo-left prev6" for="tab5" aria-label="Previous tab">←</label>
<label class="wipodas-arrow wipo-left prev7" for="tab6" aria-label="Previous tab">←</label>
<!-- Next arrows -->
<label class="wipodas-arrow wipo-right next1" for="tab2" aria-label="Next tab">→</label>
<label class="wipodas-arrow wipo-right next2" for="tab3" aria-label="Next tab">→</label>
<label class="wipodas-arrow wipo-right next3" for="tab4" aria-label="Next tab">→</label>
<label class="wipodas-arrow wipo-right next4" for="tab5" aria-label="Next tab">→</label>
<label class="wipodas-arrow wipo-right next5" for="tab6" aria-label="Next tab">→</label>
<label class="wipodas-arrow wipo-right next6" for="tab7" aria-label="Next tab">→</label>
<!-- Panels -->
<div class="wipodas-panels">
<!-- Tab 1 -->
<div id="p1" class="wipodas-panel wipodas-acc">
<details open>
<summary>What is WIPO DAS?</summary>
<div class="acc-body">
<p>The WIPO Digital Access Service (“DAS”), available at <a href="https://www.wipo.int/das/en/">https://www.wipo.int/das/en/participating_offices.html</a></p>
<p>The service will be extended to trademarks once</a>, allows you to meet requirements for providing priority and similar documents in respect of participating Offices, havewithout made the necessary changes.</p>
</div>
<div id="p5" class="wipodas-panel">need to obtain and send multiple certified paper copies of an application.</p>
<p>The DAS system<p>Instead, dependsyou onask the ITOffice systemswhere ofyou manyare differentclaiming Offices,priority over(“Office whichof theSecond InternationalFiling” Bureauor hasOSF) no control.</p>
<p>Ifto download a copy of the document directly from a digital library, normally inheld oneby Officeor ison temporarilybehalf unavailable,of requeststhe areOffice queuedwhere untilthe systemsearlier are restored.</p>
<p>This may cause delays, so it is important to register the application and take the required steps as early as possible.</p>application was filed from which priority is claimed (“Office of First Filing” or OFF).</p>
</div>
</details>
<p>In<details extremeopen>
cases, the Office of Second Filing may be<summary>Security temporarily unable to retrieve your application, but you should still be given an opportunity to provide a paper certified copy if needed.</p>and Permissions</summary>
</div>
<div id="p6" class="wipodasacc-panelbody">
<p>If you lose your DAS<p>DAS access code for an earlier application filed at CN, EP, FI, JP, KR, NZ or US, please contact the Office where you filed that applicationprovides a secure, trusted mechanism which allows Offices both to transmit and to access unpublished documents with confidence that the transmission has been permitted by the applicant or other authorized person.</p>
<p>If the application was filed at another participating Office, contact the PCT eServices Help Desk for the access code to be resent to the e-mail address you registered for DAS purposes.</p>
</div>
</div>
</div>
|
