commit 0f74c11f7c5abedcd36f29dc416aaf8b4f1fccd3 · edouard.paris/did-method-plc

+1 -1

go-didplc/.gitignore

···

       1
       1
       -
       ./webplc

     

       1
       1
       +
       /webplc

     

       2
       2
        
       /plan.txt

     

       3
       3
        
       !static/.well-known/

     

       4
       4
        
       !.gitignore

+3 -3

go-didplc/cmd/webplc/main.go

···

       34
       34
        
       			Action: serve,

     

       35
       35
        
       			Flags: []cli.Flag{

     

       36
       36
        
       				&cli.StringFlag{

     

       37
       37
       -
       					Name:  "plc-host",

     

       38
       38
       -
       					Usage: "method, hostname, and port of PLC instance",

     

       39
       39
       -
       					Value: "https://plc.directory",

     

       37
       37
       +
       					Name:    "plc-host",

     

       38
       38
       +
       					Usage:   "method, hostname, and port of PLC instance",

     

       39
       39
       +
       					Value:   "https://plc.directory",

     

       40
       40
        
       					EnvVars: []string{"ATP_PLC_HOST"},

     

       41
       41
        
       				},

     

       42
       42
        
       				&cli.StringFlag{

+16 -17

go-didplc/cmd/webplc/resolve.go

···

       1
       1
       -
       

     

       2
       1
        
       package main

     

       3
       2
        
       

     

       4
       3
        
       import (

     

       4
       4
       +
       	"encoding/json"

     

       5
       5
       +
       	"fmt"

     

       5
       6
        
       	"io"

     

       6
       6
       -
       	"fmt"

     

       7
       7
        
       	"net/http"

     

       8
       8
       -
       	"encoding/json"

     

       9
       8
        
       )

     

       10
       9
        
       

     

       11
       10
        
       type VerificationMethod struct {

     

       12
       12
       -
       	Id string `json:"id"`

     

       13
       13
       -
       	Type string `json:"type"`

     

       14
       14
       -
       	Controller string `json:"controller"`

     

       11
       11
       +
       	Id                 string `json:"id"`

     

       12
       12
       +
       	Type               string `json:"type"`

     

       13
       13
       +
       	Controller         string `json:"controller"`

     

       15
       14
        
       	PublicKeyMultibase string `json:"publicKeyMultibase"`

     

       16
       15
        
       }

     

       17
       16
        
       

     

       18
       17
        
       type DidService struct {

     

       19
       19
       -
       	Id string `json:"id"`

     

       20
       20
       -
       	Type string `json:"type"`

     

       18
       18
       +
       	Id              string `json:"id"`

     

       19
       19
       +
       	Type            string `json:"type"`

     

       21
       20
        
       	ServiceEndpoint string `json:"serviceEndpoint"`

     

       22
       21
        
       }

     

       23
       22
        
       

     

       24
       23
        
       type DidDoc struct {

     

       25
       25
       -
       	AlsoKnownAs []string `json:"alsoKnownAs"`

     

       24
       24
       +
       	AlsoKnownAs        []string             `json:"alsoKnownAs"`

     

       26
       25
        
       	VerificationMethod []VerificationMethod `json:"verificationMethod"`

     

       27
       27
       -
       	Service []DidService `json:"service"`

     

       26
       26
       +
       	Service            []DidService         `json:"service"`

     

       28
       27
        
       }

     

       29
       28
        
       

     

       30
       29
        
       type ResolutionResult struct {

     

       31
       31
       -
       	Doc *DidDoc

     

       32
       32
       -
       	DocJson *string

     

       30
       30
       +
       	Doc        *DidDoc

     

       31
       31
       +
       	DocJson    *string

     

       33
       32
        
       	StatusCode int

     

       34
       33
        
       }

     

       35
       34
        
       

     
···

       43
       42
        
       	log.Debugf("PLC resolution result status=%d did=%s", res.StatusCode, did)

     

       44
       43
        
       

     

       45
       44
        
       	result.StatusCode = res.StatusCode

     

       46
       46
       -
       	if res.StatusCode == 404 {

     

       47
       47
       -
       		return nil, fmt.Errorf("DID not found in PLC directory: %s", did)

     

       45
       45
       +
       	if res.StatusCode == 404 || res.StatusCode == 410 {

     

       46
       46
       +
       		return &result, nil

     

       48
       47
        
       	} else if res.StatusCode != 200 {

     

       49
       48
        
       		return &result, nil

     

       50
       49
        
       	}

     
···

       57
       56
        
       	doc := DidDoc{}

     

       58
       57
        
       	err = json.Unmarshal(respBytes, &doc)

     

       59
       58
        
       	if err != nil {

     

       60
       60
       -
       		return nil, fmt.Errorf("failed to parse DID Document JSON:", err)

     

       59
       59
       +
       		return nil, fmt.Errorf("failed to parse DID Document JSON: %v", err)

     

       61
       60
        
       	}

     

       62
       61
        
       	result.Doc = &doc

     

       63
       62
        
       

     
···

       65
       64
        
       	var data map[string]interface{}

     

       66
       65
        
       	err = json.Unmarshal(respBytes, &data)

     

       67
       66
        
       	if err != nil {

     

       68
       68
       -
       		return nil, fmt.Errorf("failed to parse DID Document JSON:", err)

     

       67
       67
       +
       		return nil, fmt.Errorf("failed to parse DID Document JSON: %v", err)

     

       69
       68
        
       	}

     

       70
       69
        
       	indentJson, err := json.MarshalIndent(data, "", "  ")

     

       71
       70
        
       	if err != nil {

     

       72
       72
       -
       		return nil, fmt.Errorf("failed to parse DID Document JSON:", err)

     

       71
       71
       +
       		return nil, fmt.Errorf("failed to parse DID Document JSON: %v", err)

     

       73
       72
        
       	}

     

       74
       73
        
       	s := string(indentJson)

     

       75
       74
        
       	result.DocJson = &s

+41 -18

go-didplc/cmd/webplc/server.go

···

       4
       4
        
       	"context"

     

       5
       5
        
       	"embed"

     

       6
       6
        
       	"errors"

     

       7
       7
       +
       	"fmt"

     

       7
       8
        
       	"io/fs"

     

       8
       9
        
       	"net/http"

     

       9
       10
        
       	"os"

     
···

       11
       12
        
       	"strings"

     

       12
       13
        
       	"syscall"

     

       13
       14
        
       	"time"

     

       14
       14
       -
       	"fmt"

     

       15
       15
        
       

     

       16
       16
       -
       	"github.com/russross/blackfriday/v2"

     

       16
       16
       +
       	"github.com/flosch/pongo2/v6"

     

       17
       17
        
       	"github.com/klauspost/compress/gzhttp"

     

       18
       18
        
       	"github.com/klauspost/compress/gzip"

     

       19
       19
       -
       	"github.com/flosch/pongo2/v6"

     

       20
       19
        
       	"github.com/labstack/echo/v4"

     

       21
       20
        
       	"github.com/labstack/echo/v4/middleware"

     

       21
       21
       +
       	"github.com/russross/blackfriday/v2"

     

       22
       22
        
       	"github.com/urfave/cli/v2"

     

       23
       23
        
       )

     

       24
       24
        
       

     
···

       31
       31
        
       //go:embed spec/v0.1/did-plc.md

     

       32
       32
        
       var specZeroOneMarkdown []byte

     

       33
       33
        
       

     

       34
       34
       +
       //go:embed spec/plc-server-openapi3.yaml

     

       35
       35
       +
       var apiOpenapiYaml []byte

     

       36
       36
       +
       

     

       34
       37
        
       type Server struct {

     

       35
       35
       -
       	echo     *echo.Echo

     

       36
       36
       -
       	httpd    *http.Server

     

       37
       37
       -
       	client   *http.Client

     

       38
       38
       -
       	plcHost	 string

     

       38
       38
       +
       	echo    *echo.Echo

     

       39
       39
       +
       	httpd   *http.Server

     

       40
       40
       +
       	client  *http.Client

     

       41
       41
       +
       	plcHost string

     

       39
       42
        
       }

     

       40
       43
        
       

     

       41
       44
        
       func serve(cctx *cli.Context) error {

     
···

       77
       80
        
       	}

     

       78
       81
        
       

     

       79
       82
        
       	server := &Server{

     

       80
       80
       -
       		echo:     e,

     

       81
       81
       -
       		client:   &client,

     

       82
       82
       -
       		plcHost:  cctx.String("plc-host"),

     

       83
       83
       +
       		echo:    e,

     

       84
       84
       +
       		client:  &client,

     

       85
       85
       +
       		plcHost: cctx.String("plc-host"),

     

       83
       86
        
       	}

     

       84
       87
        
       

     

       85
       88
        
       	server.httpd = &http.Server{

     
···

       141
       144
        
       	e.GET("/resolve", server.WebResolve)

     

       142
       145
        
       	e.GET("/did/:did", server.WebDid)

     

       143
       146
        
       	e.GET("/spec/v0.1/did-plc", server.WebSpecZeroOne)

     

       144
       144
       -
       	// TODO: e.GET("/api/redoc", server.WebSpecZeroOne)

     

       145
       145
       -
       	// TODO: e.GET("/api/openapi3.json", server.WebSpecZeroOne)

     

       147
       147
       +
       	e.GET("/api/redoc", server.WebRedoc)

     

       148
       148
       +
       	e.GET("/api/plc-server-openapi3.yaml", server.WebOpenapiYaml)

     

       146
       149
        
       

     

       147
       150
        
       	// Start the server.

     

       148
       151
        
       	log.Infof("starting server address=%s", httpAddress)

     
···

       191
       194
        
       

     

       192
       195
        
       func (srv *Server) errorHandler(err error, c echo.Context) {

     

       193
       196
        
       	code := http.StatusInternalServerError

     

       197
       197
       +
       	errorMessage := ""

     

       194
       198
        
       	if he, ok := err.(*echo.HTTPError); ok {

     

       195
       199
        
       		code = he.Code

     

       200
       200
       +
       		if he.Message != nil {

     

       201
       201
       +
       			errorMessage = fmt.Sprintf("%s", he.Message)

     

       202
       202
       +
       		}

     

       196
       203
        
       	}

     

       197
       204
        
       	c.Logger().Error(err)

     

       198
       205
        
       	data := pongo2.Context{

     

       199
       199
       -
       		"statusCode": code,

     

       206
       206
       +
       		"statusCode":   code,

     

       207
       207
       +
       		"errorMessage": errorMessage,

     

       200
       208
        
       	}

     

       201
       201
       -
       	c.Render(code, "error.html", data)

     

       209
       209
       +
       	if err = c.Render(code, "templates/error.html", data); err != nil {

     

       210
       210
       +
       		c.Logger().Error(err)

     

       211
       211
       +
       	}

     

       202
       212
        
       }

     

       203
       213
        
       

     

       204
       214
        
       func (srv *Server) WebHome(c echo.Context) error {

     
···

       213
       223
        
       	return c.Render(http.StatusOK, "templates/markdown.html", data)

     

       214
       224
        
       }

     

       215
       225
        
       

     

       226
       226
       +
       func (srv *Server) WebOpenapiYaml(c echo.Context) error {

     

       227
       227
       +
       	return c.Blob(http.StatusOK, "text/yaml", apiOpenapiYaml)

     

       228
       228
       +
       }

     

       229
       229
       +
       

     

       230
       230
       +
       func (srv *Server) WebRedoc(c echo.Context) error {

     

       231
       231
       +
       	data := pongo2.Context{}

     

       232
       232
       +
       	return c.Render(http.StatusOK, "templates/redoc.html", data)

     

       233
       233
       +
       }

     

       234
       234
       +
       

     

       216
       235
        
       func (srv *Server) WebResolve(c echo.Context) error {

     

       217
       236
        
       	data := pongo2.Context{}

     

       218
       237
        
       	did := c.QueryParam("did")

     

       219
       238
        
       	if did != "" {

     

       220
       220
       -
       		return c.Redirect(http.StatusMovedPermanently, "/did/" + did)

     

       239
       239
       +
       		return c.Redirect(http.StatusMovedPermanently, "/did/"+did)

     

       221
       240
        
       	}

     

       222
       241
        
       	return c.Render(http.StatusOK, "templates/resolve.html", data)

     

       223
       242
        
       }

     
···

       227
       246
        
       	did := c.Param("did")

     

       228
       247
        
       	data["did"] = did

     

       229
       248
        
       	if !strings.HasPrefix(did, "did:plc:") {

     

       230
       230
       -
       		return fmt.Errorf("Not a valid DID PLC identifier: %s", did)

     

       249
       249
       +
       		return echo.NewHTTPError(http.StatusBadRequest, fmt.Errorf("Not a valid DID PLC identifier: %s", did))

     

       231
       250
        
       	}

     

       232
       251
        
       	res, err := ResolveDidPlc(srv.client, srv.plcHost, did)

     

       233
       252
        
       	if err != nil {

     

       234
       253
        
       		return err

     

       235
       254
        
       	}

     

       255
       255
       +
       	if res.StatusCode == 404 {

     

       256
       256
       +
       		return echo.NewHTTPError(http.StatusNotFound, fmt.Errorf("DID not in PLC directory: %s", did))

     

       257
       257
       +
       	}

     

       258
       258
       +
       	if res.StatusCode == 410 {

     

       259
       259
       +
       		return echo.NewHTTPError(http.StatusNotFound, fmt.Errorf("DID has been permanently deleted: %s", did))

     

       260
       260
       +
       	}

     

       236
       261
        
       	data["result"] = res

     

       237
       237
       -
       	fmt.Println(res.Doc)

     

       238
       238
       -
       	fmt.Println(res.Doc.VerificationMethod)

     

       239
       262
        
       	return c.Render(http.StatusOK, "templates/did.html", data)

     

       240
       263
        
       }

+130

go-didplc/cmd/webplc/spec/plc-server-openapi3.yaml

···

       1
       1
       +
       openapi: 3.0.0

     

       2
       2
       +
       info:

     

       3
       3
       +
         version: 0.1

     

       4
       4
       +
         title: DID PLC Directory API

     

       5
       5
       +
       

     

       6
       6
       +
       servers:

     

       7
       7
       +
         - url: https://plc.directory

     

       8
       8
       +
       

     

       9
       9
       +
       paths:

     

       10
       10
       +
         /{did}:

     

       11
       11
       +
           get:

     

       12
       12
       +
             description: "Fetch DID Document"

     

       13
       13
       +
             parameters:

     

       14
       14
       +
               - name: did

     

       15
       15
       +
                 in: path

     

       16
       16
       +
                 required: true

     

       17
       17
       +
                 schema:

     

       18
       18
       +
                   type: string

     

       19
       19
       +
             responses:

     

       20
       20
       +
               '200':

     

       21
       21
       +
                 description: "Successfully returned DID Document"

     

       22
       22
       +
                 content:

     

       23
       23
       +
                   application/did+ld+json:

     

       24
       24
       +
                     $ref: '#/components/schemas/DidDocument'

     

       25
       25
       +
               '404':

     

       26
       26
       +
                 $ref: '#/components/responses/404NotFound'

     

       27
       27
       +
           post:

     

       28
       28
       +
         /{did}/data:

     

       29
       29
       +
           get:

     

       30
       30
       +
         /{did}/log:

     

       31
       31
       +
           get:

     

       32
       32
       +
         /{did}/log/audit:

     

       33
       33
       +
           get:

     

       34
       34
       +
         /{did}/log/last:

     

       35
       35
       +
           get:

     

       36
       36
       +
         /export:

     

       37
       37
       +
           get:

     

       38
       38
       +
       

     

       39
       39
       +
       components:

     

       40
       40
       +
         responses:

     

       41
       41
       +
           404NotFound:

     

       42
       42
       +
             description: "DID not found"

     

       43
       43
       +
             content:

     

       44
       44
       +
               application/json:

     

       45
       45
       +
                 schema:

     

       46
       46
       +
                   type: object

     

       47
       47
       +
                   properties:

     

       48
       48
       +
                     message:

     

       49
       49
       +
                       type: string

     

       50
       50
       +
         schemas:

     

       51
       51
       +
           Operation:

     

       52
       52
       +
             oneOf:

     

       53
       53
       +
               - $ref: '#/components/schemas/PlcOp'

     

       54
       54
       +
               - $ref: '#/components/schemas/TombstoneOp'

     

       55
       55
       +
               - $ref: '#/components/schemas/LegacyCreateOp'

     

       56
       56
       +
             discriminator:

     

       57
       57
       +
               propertyName: type

     

       58
       58
       +
               mapping:

     

       59
       59
       +
                 plc_operation: '#/components/schemas/PlcOp'

     

       60
       60
       +
                 plc_tombstone: '#/components/schemas/TombstoneOp'

     

       61
       61
       +
                 create: '#/components/schemas/LegacyCreateOp'

     

       62
       62
       +
           PlcOp:

     

       63
       63
       +
             type: object

     

       64
       64
       +
             required:

     

       65
       65
       +
               - type

     

       66
       66
       +
               - rotationKeys

     

       67
       67
       +
               - verificationMethods

     

       68
       68
       +
               - alsoKnownAs

     

       69
       69
       +
               - services

     

       70
       70
       +
               - prev

     

       71
       71
       +
               - sig

     

       72
       72
       +
             properties:

     

       73
       73
       +
               type:

     

       74
       74
       +
                 type: string

     

       75
       75
       +
               rotationKeys:

     

       76
       76
       +
                 type: array 

     

       77
       77
       +
                 items:

     

       78
       78
       +
                   type: string

     

       79
       79
       +
               verificationMethods:

     

       80
       80
       +
                 type: object

     

       81
       81
       +
               alsoKnownAs:

     

       82
       82
       +
                 type: array 

     

       83
       83
       +
                 items:

     

       84
       84
       +
                   type: string

     

       85
       85
       +
               prev:

     

       86
       86
       +
                 type: string

     

       87
       87
       +
                 nullable: true

     

       88
       88
       +
               sig:

     

       89
       89
       +
                 type: string

     

       90
       90
       +
           TombstoneOp:

     

       91
       91
       +
             required:

     

       92
       92
       +
               - type

     

       93
       93
       +
               - prev

     

       94
       94
       +
               - sig

     

       95
       95
       +
             properties:

     

       96
       96
       +
               type:

     

       97
       97
       +
                 type: string

     

       98
       98
       +
               prev:

     

       99
       99
       +
                 type: string

     

       100
       100
       +
               sig:

     

       101
       101
       +
                 type: string

     

       102
       102
       +
           LegacyCreateOp:

     

       103
       103
       +
             required:

     

       104
       104
       +
               - type

     

       105
       105
       +
               - signingKey

     

       106
       106
       +
               - recoveryKey

     

       107
       107
       +
               - handle

     

       108
       108
       +
               - service

     

       109
       109
       +
               - prev

     

       110
       110
       +
               - sig

     

       111
       111
       +
             properties:

     

       112
       112
       +
               type:

     

       113
       113
       +
                 type: string

     

       114
       114
       +
               signingKey:

     

       115
       115
       +
                 type: string

     

       116
       116
       +
               recoveryKey:

     

       117
       117
       +
                 type: string

     

       118
       118
       +
               handle:

     

       119
       119
       +
                 type: string

     

       120
       120
       +
               service:

     

       121
       121
       +
                 type: string

     

       122
       122
       +
               prev:

     

       123
       123
       +
                 type: string

     

       124
       124
       +
                 nullable: true

     

       125
       125
       +
               sig:

     

       126
       126
       +
                 type: string

     

       127
       127
       +
       

     

       128
       128
       +
       errors:

     

       129
       129
       +
         400: Not a valid operation

     

       130
       130
       +
         404: DID not registered

+3 -9

go-didplc/cmd/webplc/spec/v0.1/did-plc.md

···

       1
       1
        
       

     

       2
       2
       -
       DID PLC Specification v0.1

     

       3
       3
       -
       ==========================

     

       2
       2
       +
       # DID PLC Method Specification

     

       3
       3
       +
       

     

       4
       4
       +
       **Version:** v0.1 (May 2023)

     

       4
       5
        
       

     

       5
       6
        
       DID Placeholder is a self-authenticating [DID](https://www.w3.org/TR/did-core/) which is strongly-consistent, recoverable, and allows for key rotation.

     

       6
       7
        
       

     

       7
       8
        
       An example DID is: `did:plc:yk4dd2qkboz2yv6tpubpc6co`

     

       8
       9
        
       

     

       9
       10
        
       Control over a `did:plc` identity rests in a set of re-configurable "rotation" keys pairs. These keys can sign update "operations" to mutate the identity (including key rotations), with each operation referencing a prior version of the identity state by hash. Each identity starts from an initial "genesis" operation, and the hash of this initial object is what defines the DID itself (that is, the DID URI "identifier" string). A central "directory" server collects and validates operations, and maintains a transparent log of operations for each DID.

     

       10
       10
       -
       

     

       11
       11
       -
       ## Motivation

     

       12
       12
       -
       

     

       13
       13
       -
       [Bluesky](https://blueskyweb.xyz/) developed DID Placeholder when designing the [AT Protocol](https://atproto.com) ("atproto") because we were not satisfied with any of the existing DID methods.

     

       14
       14
       -
       We wanted a strongly consistent, highly available, recoverable, and cryptographically secure method with fast and cheap propagation of updates.

     

       15
       15
       -
       

     

       16
       16
       -
       We titled the method "Placeholder", because we _don't_ want it to stick around forever in its current form. We are actively hoping to replace it with or evolve it into something less centralized - likely a permissioned DID consortium. That being said, we do intend to support `did:plc` in the current form until after any successor is deployed, with a reasonable grace period. We would also provide a migration route to allow continued use of existing `did:plc` identifiers.

     

       17
       11
        
       

     

       18
       12
        
       ## How it works

     

       19
       13

-1

go-didplc/cmd/webplc/static

···

       1
       1
       -
       ../../static/

go-didplc/cmd/webplc/static/pico.min.css

···

       1
       1
       +
       @charset "UTF-8";/*!

     

       2
       2
       +
        * Pico CSS v1.5.10 (https://picocss.com)

     

       3
       3
       +
        * Copyright 2019-2023 - Licensed under MIT

     

       4
       4
       +
        */:root{--font-family:system-ui,-apple-system,"Segoe UI","Roboto","Ubuntu","Cantarell","Noto Sans",sans-serif,"Apple Color Emoji","Segoe UI Emoji","Segoe UI Symbol","Noto Color Emoji";--line-height:1.5;--font-weight:400;--font-size:16px;--border-radius:0.25rem;--border-width:1px;--outline-width:3px;--spacing:1rem;--typography-spacing-vertical:1.5rem;--block-spacing-vertical:calc(var(--spacing) * 2);--block-spacing-horizontal:var(--spacing);--grid-spacing-vertical:0;--grid-spacing-horizontal:var(--spacing);--form-element-spacing-vertical:0.75rem;--form-element-spacing-horizontal:1rem;--nav-element-spacing-vertical:1rem;--nav-element-spacing-horizontal:0.5rem;--nav-link-spacing-vertical:0.5rem;--nav-link-spacing-horizontal:0.5rem;--form-label-font-weight:var(--font-weight);--transition:0.2s ease-in-out;--modal-overlay-backdrop-filter:blur(0.25rem)}@media (min-width:576px){:root{--font-size:17px}}@media (min-width:768px){:root{--font-size:18px}}@media (min-width:992px){:root{--font-size:19px}}@media (min-width:1200px){:root{--font-size:20px}}@media (min-width:576px){body>footer,body>header,body>main,section{--block-spacing-vertical:calc(var(--spacing) * 2.5)}}@media (min-width:768px){body>footer,body>header,body>main,section{--block-spacing-vertical:calc(var(--spacing) * 3)}}@media (min-width:992px){body>footer,body>header,body>main,section{--block-spacing-vertical:calc(var(--spacing) * 3.5)}}@media (min-width:1200px){body>footer,body>header,body>main,section{--block-spacing-vertical:calc(var(--spacing) * 4)}}@media (min-width:576px){article{--block-spacing-horizontal:calc(var(--spacing) * 1.25)}}@media (min-width:768px){article{--block-spacing-horizontal:calc(var(--spacing) * 1.5)}}@media (min-width:992px){article{--block-spacing-horizontal:calc(var(--spacing) * 1.75)}}@media (min-width:1200px){article{--block-spacing-horizontal:calc(var(--spacing) * 2)}}dialog>article{--block-spacing-vertical:calc(var(--spacing) * 2);--block-spacing-horizontal:var(--spacing)}@media (min-width:576px){dialog>article{--block-spacing-vertical:calc(var(--spacing) * 2.5);--block-spacing-horizontal:calc(var(--spacing) * 1.25)}}@media (min-width:768px){dialog>article{--block-spacing-vertical:calc(var(--spacing) * 3);--block-spacing-horizontal:calc(var(--spacing) * 1.5)}}a{--text-decoration:none}a.contrast,a.secondary{--text-decoration:underline}small{--font-size:0.875em}h1,h2,h3,h4,h5,h6{--font-weight:700}h1{--font-size:2rem;--typography-spacing-vertical:3rem}h2{--font-size:1.75rem;--typography-spacing-vertical:2.625rem}h3{--font-size:1.5rem;--typography-spacing-vertical:2.25rem}h4{--font-size:1.25rem;--typography-spacing-vertical:1.874rem}h5{--font-size:1.125rem;--typography-spacing-vertical:1.6875rem}[type=checkbox],[type=radio]{--border-width:2px}[type=checkbox][role=switch]{--border-width:3px}tfoot td,tfoot th,thead td,thead th{--border-width:3px}:not(thead,tfoot)>*>td{--font-size:0.875em}code,kbd,pre,samp{--font-family:"Menlo","Consolas","Roboto Mono","Ubuntu Monospace","Noto Mono","Oxygen Mono","Liberation Mono",monospace,"Apple Color Emoji","Segoe UI Emoji","Segoe UI Symbol","Noto Color Emoji"}kbd{--font-weight:bolder}:root:not([data-theme=dark]),[data-theme=light]{--background-color:#fff;--color:hsl(205, 20%, 32%);--h1-color:hsl(205, 30%, 15%);--h2-color:#24333e;--h3-color:hsl(205, 25%, 23%);--h4-color:#374956;--h5-color:hsl(205, 20%, 32%);--h6-color:#4d606d;--muted-color:hsl(205, 10%, 50%);--muted-border-color:hsl(205, 20%, 94%);--primary:hsl(195, 85%, 41%);--primary-hover:hsl(195, 90%, 32%);--primary-focus:rgba(16, 149, 193, 0.125);--primary-inverse:#fff;--secondary:hsl(205, 15%, 41%);--secondary-hover:hsl(205, 20%, 32%);--secondary-focus:rgba(89, 107, 120, 0.125);--secondary-inverse:#fff;--contrast:hsl(205, 30%, 15%);--contrast-hover:#000;--contrast-focus:rgba(89, 107, 120, 0.125);--contrast-inverse:#fff;--mark-background-color:#fff2ca;--mark-color:#543a26;--ins-color:#388e3c;--del-color:#c62828;--blockquote-border-color:var(--muted-border-color);--blockquote-footer-color:var(--muted-color);--button-box-shadow:0 0 0 rgba(0, 0, 0, 0);--button-hover-box-shadow:0 0 0 rgba(0, 0, 0, 0);--form-element-background-color:transparent;--form-element-border-color:hsl(205, 14%, 68%);--form-element-color:var(--color);--form-element-placeholder-color:var(--muted-color);--form-element-active-background-color:transparent;--form-element-active-border-color:var(--primary);--form-element-focus-color:var(--primary-focus);--form-element-disabled-background-color:hsl(205, 18%, 86%);--form-element-disabled-border-color:hsl(205, 14%, 68%);--form-element-disabled-opacity:0.5;--form-element-invalid-border-color:#c62828;--form-element-invalid-active-border-color:#d32f2f;--form-element-invalid-focus-color:rgba(211, 47, 47, 0.125);--form-element-valid-border-color:#388e3c;--form-element-valid-active-border-color:#43a047;--form-element-valid-focus-color:rgba(67, 160, 71, 0.125);--switch-background-color:hsl(205, 16%, 77%);--switch-color:var(--primary-inverse);--switch-checked-background-color:var(--primary);--range-border-color:hsl(205, 18%, 86%);--range-active-border-color:hsl(205, 16%, 77%);--range-thumb-border-color:var(--background-color);--range-thumb-color:var(--secondary);--range-thumb-hover-color:var(--secondary-hover);--range-thumb-active-color:var(--primary);--table-border-color:var(--muted-border-color);--table-row-stripped-background-color:#f6f8f9;--code-background-color:hsl(205, 20%, 94%);--code-color:var(--muted-color);--code-kbd-background-color:var(--contrast);--code-kbd-color:var(--contrast-inverse);--code-tag-color:hsl(330, 40%, 50%);--code-property-color:hsl(185, 40%, 40%);--code-value-color:hsl(40, 20%, 50%);--code-comment-color:hsl(205, 14%, 68%);--accordion-border-color:var(--muted-border-color);--accordion-close-summary-color:var(--color);--accordion-open-summary-color:var(--muted-color);--card-background-color:var(--background-color);--card-border-color:var(--muted-border-color);--card-box-shadow:0.0145rem 0.029rem 0.174rem rgba(27, 40, 50, 0.01698),0.0335rem 0.067rem 0.402rem rgba(27, 40, 50, 0.024),0.0625rem 0.125rem 0.75rem rgba(27, 40, 50, 0.03),0.1125rem 0.225rem 1.35rem rgba(27, 40, 50, 0.036),0.2085rem 0.417rem 2.502rem rgba(27, 40, 50, 0.04302),0.5rem 1rem 6rem rgba(27, 40, 50, 0.06),0 0 0 0.0625rem rgba(27, 40, 50, 0.015);--card-sectionning-background-color:#fbfbfc;--dropdown-background-color:#fbfbfc;--dropdown-border-color:#e1e6eb;--dropdown-box-shadow:var(--card-box-shadow);--dropdown-color:var(--color);--dropdown-hover-background-color:hsl(205, 20%, 94%);--modal-overlay-background-color:rgba(213, 220, 226, 0.7);--progress-background-color:hsl(205, 18%, 86%);--progress-color:var(--primary);--loading-spinner-opacity:0.5;--tooltip-background-color:var(--contrast);--tooltip-color:var(--contrast-inverse);--icon-checkbox:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24' fill='none' stroke='rgb(255, 255, 255)' stroke-width='4' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpolyline points='20 6 9 17 4 12'%3E%3C/polyline%3E%3C/svg%3E");--icon-chevron:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24' fill='none' stroke='rgb(65, 84, 98)' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpolyline points='6 9 12 15 18 9'%3E%3C/polyline%3E%3C/svg%3E");--icon-chevron-button:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24' fill='none' stroke='rgb(255, 255, 255)' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpolyline points='6 9 12 15 18 9'%3E%3C/polyline%3E%3C/svg%3E");--icon-chevron-button-inverse:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24' fill='none' stroke='rgb(255, 255, 255)' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpolyline points='6 9 12 15 18 9'%3E%3C/polyline%3E%3C/svg%3E");--icon-close:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24' fill='none' stroke='rgb(115, 130, 140)' stroke-width='4' stroke-linecap='round' stroke-linejoin='round'%3E%3Cline x1='18' y1='6' x2='6' y2='18'%3E%3C/line%3E%3Cline x1='6' y1='6' x2='18' y2='18'%3E%3C/line%3E%3C/svg%3E");--icon-date:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24' fill='none' stroke='rgb(65, 84, 98)' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Crect x='3' y='4' width='18' height='18' rx='2' ry='2'%3E%3C/rect%3E%3Cline x1='16' y1='2' x2='16' y2='6'%3E%3C/line%3E%3Cline x1='8' y1='2' x2='8' y2='6'%3E%3C/line%3E%3Cline x1='3' y1='10' x2='21' y2='10'%3E%3C/line%3E%3C/svg%3E");--icon-invalid:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24' fill='none' stroke='rgb(198, 40, 40)' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Ccircle cx='12' cy='12' r='10'%3E%3C/circle%3E%3Cline x1='12' y1='8' x2='12' y2='12'%3E%3C/line%3E%3Cline x1='12' y1='16' x2='12.01' y2='16'%3E%3C/line%3E%3C/svg%3E");--icon-minus:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24' fill='none' stroke='rgb(255, 255, 255)' stroke-width='4' stroke-linecap='round' stroke-linejoin='round'%3E%3Cline x1='5' y1='12' x2='19' y2='12'%3E%3C/line%3E%3C/svg%3E");--icon-search:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24' fill='none' stroke='rgb(65, 84, 98)' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Ccircle cx='11' cy='11' r='8'%3E%3C/circle%3E%3Cline x1='21' y1='21' x2='16.65' y2='16.65'%3E%3C/line%3E%3C/svg%3E");--icon-time:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24' fill='none' stroke='rgb(65, 84, 98)' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Ccircle cx='12' cy='12' r='10'%3E%3C/circle%3E%3Cpolyline points='12 6 12 12 16 14'%3E%3C/polyline%3E%3C/svg%3E");--icon-valid:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24' fill='none' stroke='rgb(56, 142, 60)' stroke-width='3' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpolyline points='20 6 9 17 4 12'%3E%3C/polyline%3E%3C/svg%3E");color-scheme:light}@media only screen and (prefers-color-scheme:dark){:root:not([data-theme]){--background-color:#11191f;--color:hsl(205, 16%, 77%);--h1-color:hsl(205, 20%, 94%);--h2-color:#e1e6eb;--h3-color:hsl(205, 18%, 86%);--h4-color:#c8d1d8;--h5-color:hsl(205, 16%, 77%);--h6-color:#afbbc4;--muted-color:hsl(205, 10%, 50%);--muted-border-color:#1f2d38;--primary:hsl(195, 85%, 41%);--primary-hover:hsl(195, 80%, 50%);--primary-focus:rgba(16, 149, 193, 0.25);--primary-inverse:#fff;--secondary:hsl(205, 15%, 41%);--secondary-hover:hsl(205, 10%, 50%);--secondary-focus:rgba(115, 130, 140, 0.25);--secondary-inverse:#fff;--contrast:hsl(205, 20%, 94%);--contrast-hover:#fff;--contrast-focus:rgba(115, 130, 140, 0.25);--contrast-inverse:#000;--mark-background-color:#d1c284;--mark-color:#11191f;--ins-color:#388e3c;--del-color:#c62828;--blockquote-border-color:var(--muted-border-color);--blockquote-footer-color:var(--muted-color);--button-box-shadow:0 0 0 rgba(0, 0, 0, 0);--button-hover-box-shadow:0 0 0 rgba(0, 0, 0, 0);--form-element-background-color:#11191f;--form-element-border-color:#374956;--form-element-color:var(--color);--form-element-placeholder-color:var(--muted-color);--form-element-active-background-color:var(--form-element-background-color);--form-element-active-border-color:var(--primary);--form-element-focus-color:var(--primary-focus);--form-element-disabled-background-color:hsl(205, 25%, 23%);--form-element-disabled-border-color:hsl(205, 20%, 32%);--form-element-disabled-opacity:0.5;--form-element-invalid-border-color:#b71c1c;--form-element-invalid-active-border-color:#c62828;--form-element-invalid-focus-color:rgba(198, 40, 40, 0.25);--form-element-valid-border-color:#2e7d32;--form-element-valid-active-border-color:#388e3c;--form-element-valid-focus-color:rgba(56, 142, 60, 0.25);--switch-background-color:#374956;--switch-color:var(--primary-inverse);--switch-checked-background-color:var(--primary);--range-border-color:#24333e;--range-active-border-color:hsl(205, 25%, 23%);--range-thumb-border-color:var(--background-color);--range-thumb-color:var(--secondary);--range-thumb-hover-color:var(--secondary-hover);--range-thumb-active-color:var(--primary);--table-border-color:var(--muted-border-color);--table-row-stripped-background-color:rgba(115, 130, 140, 0.05);--code-background-color:#18232c;--code-color:var(--muted-color);--code-kbd-background-color:var(--contrast);--code-kbd-color:var(--contrast-inverse);--code-tag-color:hsl(330, 30%, 50%);--code-property-color:hsl(185, 30%, 50%);--code-value-color:hsl(40, 10%, 50%);--code-comment-color:#4d606d;--accordion-border-color:var(--muted-border-color);--accordion-active-summary-color:var(--primary);--accordion-close-summary-color:var(--color);--accordion-open-summary-color:var(--muted-color);--card-background-color:#141e26;--card-border-color:var(--card-background-color);--card-box-shadow:0.0145rem 0.029rem 0.174rem rgba(0, 0, 0, 0.01698),0.0335rem 0.067rem 0.402rem rgba(0, 0, 0, 0.024),0.0625rem 0.125rem 0.75rem rgba(0, 0, 0, 0.03),0.1125rem 0.225rem 1.35rem rgba(0, 0, 0, 0.036),0.2085rem 0.417rem 2.502rem rgba(0, 0, 0, 0.04302),0.5rem 1rem 6rem rgba(0, 0, 0, 0.06),0 0 0 0.0625rem rgba(0, 0, 0, 0.015);--card-sectionning-background-color:#18232c;--dropdown-background-color:hsl(205, 30%, 15%);--dropdown-border-color:#24333e;--dropdown-box-shadow:var(--card-box-shadow);--dropdown-color:var(--color);--dropdown-hover-background-color:rgba(36, 51, 62, 0.75);--modal-overlay-background-color:rgba(36, 51, 62, 0.8);--progress-background-color:#24333e;--progress-color:var(--primary);--loading-spinner-opacity:0.5;--tooltip-background-color:var(--contrast);--tooltip-color:var(--contrast-inverse);--icon-checkbox:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24' fill='none' stroke='rgb(255, 255, 255)' stroke-width='4' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpolyline points='20 6 9 17 4 12'%3E%3C/polyline%3E%3C/svg%3E");--icon-chevron:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24' fill='none' stroke='rgb(162, 175, 185)' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpolyline points='6 9 12 15 18 9'%3E%3C/polyline%3E%3C/svg%3E");--icon-chevron-button:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24' fill='none' stroke='rgb(255, 255, 255)' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpolyline points='6 9 12 15 18 9'%3E%3C/polyline%3E%3C/svg%3E");--icon-chevron-button-inverse:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24' fill='none' stroke='rgb(0, 0, 0)' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpolyline points='6 9 12 15 18 9'%3E%3C/polyline%3E%3C/svg%3E");--icon-close:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24' fill='none' stroke='rgb(115, 130, 140)' stroke-width='4' stroke-linecap='round' stroke-linejoin='round'%3E%3Cline x1='18' y1='6' x2='6' y2='18'%3E%3C/line%3E%3Cline x1='6' y1='6' x2='18' y2='18'%3E%3C/line%3E%3C/svg%3E");--icon-date:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24' fill='none' stroke='rgb(162, 175, 185)' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Crect x='3' y='4' width='18' height='18' rx='2' ry='2'%3E%3C/rect%3E%3Cline x1='16' y1='2' x2='16' y2='6'%3E%3C/line%3E%3Cline x1='8' y1='2' x2='8' y2='6'%3E%3C/line%3E%3Cline x1='3' y1='10' x2='21' y2='10'%3E%3C/line%3E%3C/svg%3E");--icon-invalid:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24' fill='none' stroke='rgb(183, 28, 28)' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Ccircle cx='12' cy='12' r='10'%3E%3C/circle%3E%3Cline x1='12' y1='8' x2='12' y2='12'%3E%3C/line%3E%3Cline x1='12' y1='16' x2='12.01' y2='16'%3E%3C/line%3E%3C/svg%3E");--icon-minus:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24' fill='none' stroke='rgb(255, 255, 255)' stroke-width='4' stroke-linecap='round' stroke-linejoin='round'%3E%3Cline x1='5' y1='12' x2='19' y2='12'%3E%3C/line%3E%3C/svg%3E");--icon-search:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24' fill='none' stroke='rgb(162, 175, 185)' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Ccircle cx='11' cy='11' r='8'%3E%3C/circle%3E%3Cline x1='21' y1='21' x2='16.65' y2='16.65'%3E%3C/line%3E%3C/svg%3E");--icon-time:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24' fill='none' stroke='rgb(162, 175, 185)' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Ccircle cx='12' cy='12' r='10'%3E%3C/circle%3E%3Cpolyline points='12 6 12 12 16 14'%3E%3C/polyline%3E%3C/svg%3E");--icon-valid:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24' fill='none' stroke='rgb(46, 125, 50)' stroke-width='3' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpolyline points='20 6 9 17 4 12'%3E%3C/polyline%3E%3C/svg%3E");color-scheme:dark}}[data-theme=dark]{--background-color:#11191f;--color:hsl(205, 16%, 77%);--h1-color:hsl(205, 20%, 94%);--h2-color:#e1e6eb;--h3-color:hsl(205, 18%, 86%);--h4-color:#c8d1d8;--h5-color:hsl(205, 16%, 77%);--h6-color:#afbbc4;--muted-color:hsl(205, 10%, 50%);--muted-border-color:#1f2d38;--primary:hsl(195, 85%, 41%);--primary-hover:hsl(195, 80%, 50%);--primary-focus:rgba(16, 149, 193, 0.25);--primary-inverse:#fff;--secondary:hsl(205, 15%, 41%);--secondary-hover:hsl(205, 10%, 50%);--secondary-focus:rgba(115, 130, 140, 0.25);--secondary-inverse:#fff;--contrast:hsl(205, 20%, 94%);--contrast-hover:#fff;--contrast-focus:rgba(115, 130, 140, 0.25);--contrast-inverse:#000;--mark-background-color:#d1c284;--mark-color:#11191f;--ins-color:#388e3c;--del-color:#c62828;--blockquote-border-color:var(--muted-border-color);--blockquote-footer-color:var(--muted-color);--button-box-shadow:0 0 0 rgba(0, 0, 0, 0);--button-hover-box-shadow:0 0 0 rgba(0, 0, 0, 0);--form-element-background-color:#11191f;--form-element-border-color:#374956;--form-element-color:var(--color);--form-element-placeholder-color:var(--muted-color);--form-element-active-background-color:var(--form-element-background-color);--form-element-active-border-color:var(--primary);--form-element-focus-color:var(--primary-focus);--form-element-disabled-background-color:hsl(205, 25%, 23%);--form-element-disabled-border-color:hsl(205, 20%, 32%);--form-element-disabled-opacity:0.5;--form-element-invalid-border-color:#b71c1c;--form-element-invalid-active-border-color:#c62828;--form-element-invalid-focus-color:rgba(198, 40, 40, 0.25);--form-element-valid-border-color:#2e7d32;--form-element-valid-active-border-color:#388e3c;--form-element-valid-focus-color:rgba(56, 142, 60, 0.25);--switch-background-color:#374956;--switch-color:var(--primary-inverse);--switch-checked-background-color:var(--primary);--range-border-color:#24333e;--range-active-border-color:hsl(205, 25%, 23%);--range-thumb-border-color:var(--background-color);--range-thumb-color:var(--secondary);--range-thumb-hover-color:var(--secondary-hover);--range-thumb-active-color:var(--primary);--table-border-color:var(--muted-border-color);--table-row-stripped-background-color:rgba(115, 130, 140, 0.05);--code-background-color:#18232c;--code-color:var(--muted-color);--code-kbd-background-color:var(--contrast);--code-kbd-color:var(--contrast-inverse);--code-tag-color:hsl(330, 30%, 50%);--code-property-color:hsl(185, 30%, 50%);--code-value-color:hsl(40, 10%, 50%);--code-comment-color:#4d606d;--accordion-border-color:var(--muted-border-color);--accordion-active-summary-color:var(--primary);--accordion-close-summary-color:var(--color);--accordion-open-summary-color:var(--muted-color);--card-background-color:#141e26;--card-border-color:var(--card-background-color);--card-box-shadow:0.0145rem 0.029rem 0.174rem rgba(0, 0, 0, 0.01698),0.0335rem 0.067rem 0.402rem rgba(0, 0, 0, 0.024),0.0625rem 0.125rem 0.75rem rgba(0, 0, 0, 0.03),0.1125rem 0.225rem 1.35rem rgba(0, 0, 0, 0.036),0.2085rem 0.417rem 2.502rem rgba(0, 0, 0, 0.04302),0.5rem 1rem 6rem rgba(0, 0, 0, 0.06),0 0 0 0.0625rem rgba(0, 0, 0, 0.015);--card-sectionning-background-color:#18232c;--dropdown-background-color:hsl(205, 30%, 15%);--dropdown-border-color:#24333e;--dropdown-box-shadow:var(--card-box-shadow);--dropdown-color:var(--color);--dropdown-hover-background-color:rgba(36, 51, 62, 0.75);--modal-overlay-background-color:rgba(36, 51, 62, 0.8);--progress-background-color:#24333e;--progress-color:var(--primary);--loading-spinner-opacity:0.5;--tooltip-background-color:var(--contrast);--tooltip-color:var(--contrast-inverse);--icon-checkbox:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24' fill='none' stroke='rgb(255, 255, 255)' stroke-width='4' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpolyline points='20 6 9 17 4 12'%3E%3C/polyline%3E%3C/svg%3E");--icon-chevron:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24' fill='none' stroke='rgb(162, 175, 185)' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpolyline points='6 9 12 15 18 9'%3E%3C/polyline%3E%3C/svg%3E");--icon-chevron-button:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24' fill='none' stroke='rgb(255, 255, 255)' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpolyline points='6 9 12 15 18 9'%3E%3C/polyline%3E%3C/svg%3E");--icon-chevron-button-inverse:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24' fill='none' stroke='rgb(0, 0, 0)' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpolyline points='6 9 12 15 18 9'%3E%3C/polyline%3E%3C/svg%3E");--icon-close:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24' fill='none' stroke='rgb(115, 130, 140)' stroke-width='4' stroke-linecap='round' stroke-linejoin='round'%3E%3Cline x1='18' y1='6' x2='6' y2='18'%3E%3C/line%3E%3Cline x1='6' y1='6' x2='18' y2='18'%3E%3C/line%3E%3C/svg%3E");--icon-date:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24' fill='none' stroke='rgb(162, 175, 185)' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Crect x='3' y='4' width='18' height='18' rx='2' ry='2'%3E%3C/rect%3E%3Cline x1='16' y1='2' x2='16' y2='6'%3E%3C/line%3E%3Cline x1='8' y1='2' x2='8' y2='6'%3E%3C/line%3E%3Cline x1='3' y1='10' x2='21' y2='10'%3E%3C/line%3E%3C/svg%3E");--icon-invalid:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24' fill='none' stroke='rgb(183, 28, 28)' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Ccircle cx='12' cy='12' r='10'%3E%3C/circle%3E%3Cline x1='12' y1='8' x2='12' y2='12'%3E%3C/line%3E%3Cline x1='12' y1='16' x2='12.01' y2='16'%3E%3C/line%3E%3C/svg%3E");--icon-minus:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24' fill='none' stroke='rgb(255, 255, 255)' stroke-width='4' stroke-linecap='round' stroke-linejoin='round'%3E%3Cline x1='5' y1='12' x2='19' y2='12'%3E%3C/line%3E%3C/svg%3E");--icon-search:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24' fill='none' stroke='rgb(162, 175, 185)' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Ccircle cx='11' cy='11' r='8'%3E%3C/circle%3E%3Cline x1='21' y1='21' x2='16.65' y2='16.65'%3E%3C/line%3E%3C/svg%3E");--icon-time:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24' fill='none' stroke='rgb(162, 175, 185)' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Ccircle cx='12' cy='12' r='10'%3E%3C/circle%3E%3Cpolyline points='12 6 12 12 16 14'%3E%3C/polyline%3E%3C/svg%3E");--icon-valid:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24' fill='none' stroke='rgb(46, 125, 50)' stroke-width='3' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpolyline points='20 6 9 17 4 12'%3E%3C/polyline%3E%3C/svg%3E");color-scheme:dark}[type=checkbox],[type=radio],[type=range],progress{accent-color:var(--primary)}*,::after,::before{box-sizing:border-box;background-repeat:no-repeat}::after,::before{text-decoration:inherit;vertical-align:inherit}:where(:root){-webkit-tap-highlight-color:transparent;-webkit-text-size-adjust:100%;-moz-text-size-adjust:100%;text-size-adjust:100%;background-color:var(--background-color);color:var(--color);font-weight:var(--font-weight);font-size:var(--font-size);line-height:var(--line-height);font-family:var(--font-family);text-rendering:optimizeLegibility;overflow-wrap:break-word;cursor:default;-moz-tab-size:4;-o-tab-size:4;tab-size:4}main{display:block}body{width:100%;margin:0}body>footer,body>header,body>main{width:100%;margin-right:auto;margin-left:auto;padding:var(--block-spacing-vertical) 0}.container,.container-fluid{width:100%;margin-right:auto;margin-left:auto;padding-right:var(--spacing);padding-left:var(--spacing)}@media (min-width:576px){.container{max-width:510px;padding-right:0;padding-left:0}}@media (min-width:768px){.container{max-width:700px}}@media (min-width:992px){.container{max-width:920px}}@media (min-width:1200px){.container{max-width:1130px}}section{margin-bottom:var(--block-spacing-vertical)}.grid{grid-column-gap:var(--grid-spacing-horizontal);grid-row-gap:var(--grid-spacing-vertical);display:grid;grid-template-columns:1fr;margin:0}@media (min-width:992px){.grid{grid-template-columns:repeat(auto-fit,minmax(0%,1fr))}}.grid>*{min-width:0}figure{display:block;margin:0;padding:0;overflow-x:auto}figure figcaption{padding:calc(var(--spacing) * .5) 0;color:var(--muted-color)}b,strong{font-weight:bolder}sub,sup{position:relative;font-size:.75em;line-height:0;vertical-align:baseline}sub{bottom:-.25em}sup{top:-.5em}address,blockquote,dl,figure,form,ol,p,pre,table,ul{margin-top:0;margin-bottom:var(--typography-spacing-vertical);color:var(--color);font-style:normal;font-weight:var(--font-weight);font-size:var(--font-size)}[role=link],a{--color:var(--primary);--background-color:transparent;outline:0;background-color:var(--background-color);color:var(--color);-webkit-text-decoration:var(--text-decoration);text-decoration:var(--text-decoration);transition:background-color var(--transition),color var(--transition),box-shadow var(--transition),-webkit-text-decoration var(--transition);transition:background-color var(--transition),color var(--transition),text-decoration var(--transition),box-shadow var(--transition);transition:background-color var(--transition),color var(--transition),text-decoration var(--transition),box-shadow var(--transition),-webkit-text-decoration var(--transition)}[role=link]:is([aria-current],:hover,:active,:focus),a:is([aria-current],:hover,:active,:focus){--color:var(--primary-hover);--text-decoration:underline}[role=link]:focus,a:focus{--background-color:var(--primary-focus)}[role=link].secondary,a.secondary{--color:var(--secondary)}[role=link].secondary:is([aria-current],:hover,:active,:focus),a.secondary:is([aria-current],:hover,:active,:focus){--color:var(--secondary-hover)}[role=link].secondary:focus,a.secondary:focus{--background-color:var(--secondary-focus)}[role=link].contrast,a.contrast{--color:var(--contrast)}[role=link].contrast:is([aria-current],:hover,:active,:focus),a.contrast:is([aria-current],:hover,:active,:focus){--color:var(--contrast-hover)}[role=link].contrast:focus,a.contrast:focus{--background-color:var(--contrast-focus)}h1,h2,h3,h4,h5,h6{margin-top:0;margin-bottom:var(--typography-spacing-vertical);color:var(--color);font-weight:var(--font-weight);font-size:var(--font-size);font-family:var(--font-family)}h1{--color:var(--h1-color)}h2{--color:var(--h2-color)}h3{--color:var(--h3-color)}h4{--color:var(--h4-color)}h5{--color:var(--h5-color)}h6{--color:var(--h6-color)}:where(address,blockquote,dl,figure,form,ol,p,pre,table,ul)~:is(h1,h2,h3,h4,h5,h6){margin-top:var(--typography-spacing-vertical)}.headings,hgroup{margin-bottom:var(--typography-spacing-vertical)}.headings>*,hgroup>*{margin-bottom:0}.headings>:last-child,hgroup>:last-child{--color:var(--muted-color);--font-weight:unset;font-size:1rem;font-family:unset}p{margin-bottom:var(--typography-spacing-vertical)}small{font-size:var(--font-size)}:where(dl,ol,ul){padding-right:0;padding-left:var(--spacing);-webkit-padding-start:var(--spacing);padding-inline-start:var(--spacing);-webkit-padding-end:0;padding-inline-end:0}:where(dl,ol,ul) li{margin-bottom:calc(var(--typography-spacing-vertical) * .25)}:where(dl,ol,ul) :is(dl,ol,ul){margin:0;margin-top:calc(var(--typography-spacing-vertical) * .25)}ul li{list-style:square}mark{padding:.125rem .25rem;background-color:var(--mark-background-color);color:var(--mark-color);vertical-align:baseline}blockquote{display:block;margin:var(--typography-spacing-vertical) 0;padding:var(--spacing);border-right:none;border-left:.25rem solid var(--blockquote-border-color);-webkit-border-start:0.25rem solid var(--blockquote-border-color);border-inline-start:0.25rem solid var(--blockquote-border-color);-webkit-border-end:none;border-inline-end:none}blockquote footer{margin-top:calc(var(--typography-spacing-vertical) * .5);color:var(--blockquote-footer-color)}abbr[title]{border-bottom:1px dotted;text-decoration:none;cursor:help}ins{color:var(--ins-color);text-decoration:none}del{color:var(--del-color)}::-moz-selection{background-color:var(--primary-focus)}::selection{background-color:var(--primary-focus)}:where(audio,canvas,iframe,img,svg,video){vertical-align:middle}audio,video{display:inline-block}audio:not([controls]){display:none;height:0}:where(iframe){border-style:none}img{max-width:100%;height:auto;border-style:none}:where(svg:not([fill])){fill:currentColor}svg:not(:root){overflow:hidden}button{margin:0;overflow:visible;font-family:inherit;text-transform:none}[type=button],[type=reset],[type=submit],button{-webkit-appearance:button}button{display:block;width:100%;margin-bottom:var(--spacing)}[role=button]{display:inline-block;text-decoration:none}[role=button],button,input[type=button],input[type=reset],input[type=submit]{--background-color:var(--primary);--border-color:var(--primary);--color:var(--primary-inverse);--box-shadow:var(--button-box-shadow, 0 0 0 rgba(0, 0, 0, 0));padding:var(--form-element-spacing-vertical) var(--form-element-spacing-horizontal);border:var(--border-width) solid var(--border-color);border-radius:var(--border-radius);outline:0;background-color:var(--background-color);box-shadow:var(--box-shadow);color:var(--color);font-weight:var(--font-weight);font-size:1rem;line-height:var(--line-height);text-align:center;cursor:pointer;transition:background-color var(--transition),border-color var(--transition),color var(--transition),box-shadow var(--transition)}[role=button]:is([aria-current],:hover,:active,:focus),button:is([aria-current],:hover,:active,:focus),input[type=button]:is([aria-current],:hover,:active,:focus),input[type=reset]:is([aria-current],:hover,:active,:focus),input[type=submit]:is([aria-current],:hover,:active,:focus){--background-color:var(--primary-hover);--border-color:var(--primary-hover);--box-shadow:var(--button-hover-box-shadow, 0 0 0 rgba(0, 0, 0, 0));--color:var(--primary-inverse)}[role=button]:focus,button:focus,input[type=button]:focus,input[type=reset]:focus,input[type=submit]:focus{--box-shadow:var(--button-hover-box-shadow, 0 0 0 rgba(0, 0, 0, 0)),0 0 0 var(--outline-width) var(--primary-focus)}:is(button,input[type=submit],input[type=button],[role=button]).secondary,input[type=reset]{--background-color:var(--secondary);--border-color:var(--secondary);--color:var(--secondary-inverse);cursor:pointer}:is(button,input[type=submit],input[type=button],[role=button]).secondary:is([aria-current],:hover,:active,:focus),input[type=reset]:is([aria-current],:hover,:active,:focus){--background-color:var(--secondary-hover);--border-color:var(--secondary-hover);--color:var(--secondary-inverse)}:is(button,input[type=submit],input[type=button],[role=button]).secondary:focus,input[type=reset]:focus{--box-shadow:var(--button-hover-box-shadow, 0 0 0 rgba(0, 0, 0, 0)),0 0 0 var(--outline-width) var(--secondary-focus)}:is(button,input[type=submit],input[type=button],[role=button]).contrast{--background-color:var(--contrast);--border-color:var(--contrast);--color:var(--contrast-inverse)}:is(button,input[type=submit],input[type=button],[role=button]).contrast:is([aria-current],:hover,:active,:focus){--background-color:var(--contrast-hover);--border-color:var(--contrast-hover);--color:var(--contrast-inverse)}:is(button,input[type=submit],input[type=button],[role=button]).contrast:focus{--box-shadow:var(--button-hover-box-shadow, 0 0 0 rgba(0, 0, 0, 0)),0 0 0 var(--outline-width) var(--contrast-focus)}:is(button,input[type=submit],input[type=button],[role=button]).outline,input[type=reset].outline{--background-color:transparent;--color:var(--primary)}:is(button,input[type=submit],input[type=button],[role=button]).outline:is([aria-current],:hover,:active,:focus),input[type=reset].outline:is([aria-current],:hover,:active,:focus){--background-color:transparent;--color:var(--primary-hover)}:is(button,input[type=submit],input[type=button],[role=button]).outline.secondary,input[type=reset].outline{--color:var(--secondary)}:is(button,input[type=submit],input[type=button],[role=button]).outline.secondary:is([aria-current],:hover,:active,:focus),input[type=reset].outline:is([aria-current],:hover,:active,:focus){--color:var(--secondary-hover)}:is(button,input[type=submit],input[type=button],[role=button]).outline.contrast{--color:var(--contrast)}:is(button,input[type=submit],input[type=button],[role=button]).outline.contrast:is([aria-current],:hover,:active,:focus){--color:var(--contrast-hover)}:where(button,[type=submit],[type=button],[type=reset],[role=button])[disabled],:where(fieldset[disabled]) :is(button,[type=submit],[type=button],[type=reset],[role=button]),a[role=button]:not([href]){opacity:.5;pointer-events:none}input,optgroup,select,textarea{margin:0;font-size:1rem;line-height:var(--line-height);font-family:inherit;letter-spacing:inherit}input{overflow:visible}select{text-transform:none}legend{max-width:100%;padding:0;color:inherit;white-space:normal}textarea{overflow:auto}[type=checkbox],[type=radio]{padding:0}::-webkit-inner-spin-button,::-webkit-outer-spin-button{height:auto}[type=search]{-webkit-appearance:textfield;outline-offset:-2px}[type=search]::-webkit-search-decoration{-webkit-appearance:none}::-webkit-file-upload-button{-webkit-appearance:button;font:inherit}::-moz-focus-inner{padding:0;border-style:none}:-moz-focusring{outline:0}:-moz-ui-invalid{box-shadow:none}::-ms-expand{display:none}[type=file],[type=range]{padding:0;border-width:0}input:not([type=checkbox],[type=radio],[type=range]){height:calc(1rem * var(--line-height) + var(--form-element-spacing-vertical) * 2 + var(--border-width) * 2)}fieldset{margin:0;margin-bottom:var(--spacing);padding:0;border:0}fieldset legend,label{display:block;margin-bottom:calc(var(--spacing) * .25);font-weight:var(--form-label-font-weight,var(--font-weight))}input:not([type=checkbox],[type=radio]),select,textarea{width:100%}input:not([type=checkbox],[type=radio],[type=range],[type=file]),select,textarea{-webkit-appearance:none;-moz-appearance:none;appearance:none;padding:var(--form-element-spacing-vertical) var(--form-element-spacing-horizontal)}input,select,textarea{--background-color:var(--form-element-background-color);--border-color:var(--form-element-border-color);--color:var(--form-element-color);--box-shadow:none;border:var(--border-width) solid var(--border-color);border-radius:var(--border-radius);outline:0;background-color:var(--background-color);box-shadow:var(--box-shadow);color:var(--color);font-weight:var(--font-weight);transition:background-color var(--transition),border-color var(--transition),color var(--transition),box-shadow var(--transition)}:where(select,textarea):is(:active,:focus),input:not([type=submit],[type=button],[type=reset],[type=checkbox],[type=radio],[readonly]):is(:active,:focus){--background-color:var(--form-element-active-background-color)}:where(select,textarea):is(:active,:focus),input:not([type=submit],[type=button],[type=reset],[role=switch],[readonly]):is(:active,:focus){--border-color:var(--form-element-active-border-color)}input:not([type=submit],[type=button],[type=reset],[type=range],[type=file],[readonly]):focus,select:focus,textarea:focus{--box-shadow:0 0 0 var(--outline-width) var(--form-element-focus-color)}:where(fieldset[disabled]) :is(input:not([type=submit],[type=button],[type=reset]),select,textarea),input:not([type=submit],[type=button],[type=reset])[disabled],select[disabled],textarea[disabled]{--background-color:var(--form-element-disabled-background-color);--border-color:var(--form-element-disabled-border-color);opacity:var(--form-element-disabled-opacity);pointer-events:none}:where(input,select,textarea):not([type=checkbox],[type=radio],[type=date],[type=datetime-local],[type=month],[type=time],[type=week])[aria-invalid]{padding-right:calc(var(--form-element-spacing-horizontal) + 1.5rem)!important;padding-left:var(--form-element-spacing-horizontal);-webkit-padding-start:var(--form-element-spacing-horizontal)!important;padding-inline-start:var(--form-element-spacing-horizontal)!important;-webkit-padding-end:calc(var(--form-element-spacing-horizontal) + 1.5rem)!important;padding-inline-end:calc(var(--form-element-spacing-horizontal) + 1.5rem)!important;background-position:center right .75rem;background-size:1rem auto;background-repeat:no-repeat}:where(input,select,textarea):not([type=checkbox],[type=radio],[type=date],[type=datetime-local],[type=month],[type=time],[type=week])[aria-invalid=false]{background-image:var(--icon-valid)}:where(input,select,textarea):not([type=checkbox],[type=radio],[type=date],[type=datetime-local],[type=month],[type=time],[type=week])[aria-invalid=true]{background-image:var(--icon-invalid)}:where(input,select,textarea)[aria-invalid=false]{--border-color:var(--form-element-valid-border-color)}:where(input,select,textarea)[aria-invalid=false]:is(:active,:focus){--border-color:var(--form-element-valid-active-border-color)!important;--box-shadow:0 0 0 var(--outline-width) var(--form-element-valid-focus-color)!important}:where(input,select,textarea)[aria-invalid=true]{--border-color:var(--form-element-invalid-border-color)}:where(input,select,textarea)[aria-invalid=true]:is(:active,:focus){--border-color:var(--form-element-invalid-active-border-color)!important;--box-shadow:0 0 0 var(--outline-width) var(--form-element-invalid-focus-color)!important}[dir=rtl] :where(input,select,textarea):not([type=checkbox],[type=radio]):is([aria-invalid],[aria-invalid=true],[aria-invalid=false]){background-position:center left .75rem}input::-webkit-input-placeholder,input::placeholder,select:invalid,textarea::-webkit-input-placeholder,textarea::placeholder{color:var(--form-element-placeholder-color);opacity:1}input:not([type=checkbox],[type=radio]),select,textarea{margin-bottom:var(--spacing)}select::-ms-expand{border:0;background-color:transparent}select:not([multiple],[size]){padding-right:calc(var(--form-element-spacing-horizontal) + 1.5rem);padding-left:var(--form-element-spacing-horizontal);-webkit-padding-start:var(--form-element-spacing-horizontal);padding-inline-start:var(--form-element-spacing-horizontal);-webkit-padding-end:calc(var(--form-element-spacing-horizontal) + 1.5rem);padding-inline-end:calc(var(--form-element-spacing-horizontal) + 1.5rem);background-image:var(--icon-chevron);background-position:center right .75rem;background-size:1rem auto;background-repeat:no-repeat}[dir=rtl] select:not([multiple],[size]){background-position:center left .75rem}:where(input,select,textarea,.grid)+small{display:block;width:100%;margin-top:calc(var(--spacing) * -.75);margin-bottom:var(--spacing);color:var(--muted-color)}label>:where(input,select,textarea){margin-top:calc(var(--spacing) * .25)}[type=checkbox],[type=radio]{-webkit-appearance:none;-moz-appearance:none;appearance:none;width:1.25em;height:1.25em;margin-top:-.125em;margin-right:.375em;margin-left:0;-webkit-margin-start:0;margin-inline-start:0;-webkit-margin-end:.375em;margin-inline-end:.375em;border-width:var(--border-width);font-size:inherit;vertical-align:middle;cursor:pointer}[type=checkbox]::-ms-check,[type=radio]::-ms-check{display:none}[type=checkbox]:checked,[type=checkbox]:checked:active,[type=checkbox]:checked:focus,[type=radio]:checked,[type=radio]:checked:active,[type=radio]:checked:focus{--background-color:var(--primary);--border-color:var(--primary);background-image:var(--icon-checkbox);background-position:center;background-size:.75em auto;background-repeat:no-repeat}[type=checkbox]~label,[type=radio]~label{display:inline-block;margin-right:.375em;margin-bottom:0;cursor:pointer}[type=checkbox]:indeterminate{--background-color:var(--primary);--border-color:var(--primary);background-image:var(--icon-minus);background-position:center;background-size:.75em auto;background-repeat:no-repeat}[type=radio]{border-radius:50%}[type=radio]:checked,[type=radio]:checked:active,[type=radio]:checked:focus{--background-color:var(--primary-inverse);border-width:.35em;background-image:none}[type=checkbox][role=switch]{--background-color:var(--switch-background-color);--border-color:var(--switch-background-color);--color:var(--switch-color);width:2.25em;height:1.25em;border:var(--border-width) solid var(--border-color);border-radius:1.25em;background-color:var(--background-color);line-height:1.25em}[type=checkbox][role=switch]:focus{--background-color:var(--switch-background-color);--border-color:var(--switch-background-color)}[type=checkbox][role=switch]:checked{--background-color:var(--switch-checked-background-color);--border-color:var(--switch-checked-background-color)}[type=checkbox][role=switch]:before{display:block;width:calc(1.25em - (var(--border-width) * 2));height:100%;border-radius:50%;background-color:var(--color);content:"";transition:margin .1s ease-in-out}[type=checkbox][role=switch]:checked{background-image:none}[type=checkbox][role=switch]:checked::before{margin-left:calc(1.125em - var(--border-width));-webkit-margin-start:calc(1.125em - var(--border-width));margin-inline-start:calc(1.125em - var(--border-width))}[type=checkbox]:checked[aria-invalid=false],[type=checkbox][aria-invalid=false],[type=checkbox][role=switch]:checked[aria-invalid=false],[type=checkbox][role=switch][aria-invalid=false],[type=radio]:checked[aria-invalid=false],[type=radio][aria-invalid=false]{--border-color:var(--form-element-valid-border-color)}[type=checkbox]:checked[aria-invalid=true],[type=checkbox][aria-invalid=true],[type=checkbox][role=switch]:checked[aria-invalid=true],[type=checkbox][role=switch][aria-invalid=true],[type=radio]:checked[aria-invalid=true],[type=radio][aria-invalid=true]{--border-color:var(--form-element-invalid-border-color)}[type=color]::-webkit-color-swatch-wrapper{padding:0}[type=color]::-moz-focus-inner{padding:0}[type=color]::-webkit-color-swatch{border:0;border-radius:calc(var(--border-radius) * .5)}[type=color]::-moz-color-swatch{border:0;border-radius:calc(var(--border-radius) * .5)}input:not([type=checkbox],[type=radio],[type=range],[type=file]):is([type=date],[type=datetime-local],[type=month],[type=time],[type=week]){--icon-position:0.75rem;--icon-width:1rem;padding-right:calc(var(--icon-width) + var(--icon-position));background-image:var(--icon-date);background-position:center right var(--icon-position);background-size:var(--icon-width) auto;background-repeat:no-repeat}input:not([type=checkbox],[type=radio],[type=range],[type=file])[type=time]{background-image:var(--icon-time)}[type=date]::-webkit-calendar-picker-indicator,[type=datetime-local]::-webkit-calendar-picker-indicator,[type=month]::-webkit-calendar-picker-indicator,[type=time]::-webkit-calendar-picker-indicator,[type=week]::-webkit-calendar-picker-indicator{width:var(--icon-width);margin-right:calc(var(--icon-width) * -1);margin-left:var(--icon-position);opacity:0}[dir=rtl] :is([type=date],[type=datetime-local],[type=month],[type=time],[type=week]){text-align:right}@-moz-document url-prefix(){[type=date],[type=datetime-local],[type=month],[type=time],[type=week]{padding-right:var(--form-element-spacing-horizontal)!important;background-image:none!important}}[type=file]{--color:var(--muted-color);padding:calc(var(--form-element-spacing-vertical) * .5) 0;border:0;border-radius:0;background:0 0}[type=file]::file-selector-button{--background-color:var(--secondary);--border-color:var(--secondary);--color:var(--secondary-inverse);margin-right:calc(var(--spacing)/ 2);margin-left:0;-webkit-margin-start:0;margin-inline-start:0;-webkit-margin-end:calc(var(--spacing)/ 2);margin-inline-end:calc(var(--spacing)/ 2);padding:calc(var(--form-element-spacing-vertical) * .5) calc(var(--form-element-spacing-horizontal) * .5);border:var(--border-width) solid var(--border-color);border-radius:var(--border-radius);outline:0;background-color:var(--background-color);box-shadow:var(--box-shadow);color:var(--color);font-weight:var(--font-weight);font-size:1rem;line-height:var(--line-height);text-align:center;cursor:pointer;transition:background-color var(--transition),border-color var(--transition),color var(--transition),box-shadow var(--transition)}[type=file]::file-selector-button:is(:hover,:active,:focus){--background-color:var(--secondary-hover);--border-color:var(--secondary-hover)}[type=file]::-webkit-file-upload-button{--background-color:var(--secondary);--border-color:var(--secondary);--color:var(--secondary-inverse);margin-right:calc(var(--spacing)/ 2);margin-left:0;-webkit-margin-start:0;margin-inline-start:0;-webkit-margin-end:calc(var(--spacing)/ 2);margin-inline-end:calc(var(--spacing)/ 2);padding:calc(var(--form-element-spacing-vertical) * .5) calc(var(--form-element-spacing-horizontal) * .5);border:var(--border-width) solid var(--border-color);border-radius:var(--border-radius);outline:0;background-color:var(--background-color);box-shadow:var(--box-shadow);color:var(--color);font-weight:var(--font-weight);font-size:1rem;line-height:var(--line-height);text-align:center;cursor:pointer;-webkit-transition:background-color var(--transition),border-color var(--transition),color var(--transition),box-shadow var(--transition);transition:background-color var(--transition),border-color var(--transition),color var(--transition),box-shadow var(--transition)}[type=file]::-webkit-file-upload-button:is(:hover,:active,:focus){--background-color:var(--secondary-hover);--border-color:var(--secondary-hover)}[type=file]::-ms-browse{--background-color:var(--secondary);--border-color:var(--secondary);--color:var(--secondary-inverse);margin-right:calc(var(--spacing)/ 2);margin-left:0;margin-inline-start:0;margin-inline-end:calc(var(--spacing)/ 2);padding:calc(var(--form-element-spacing-vertical) * .5) calc(var(--form-element-spacing-horizontal) * .5);border:var(--border-width) solid var(--border-color);border-radius:var(--border-radius);outline:0;background-color:var(--background-color);box-shadow:var(--box-shadow);color:var(--color);font-weight:var(--font-weight);font-size:1rem;line-height:var(--line-height);text-align:center;cursor:pointer;-ms-transition:background-color var(--transition),border-color var(--transition),color var(--transition),box-shadow var(--transition);transition:background-color var(--transition),border-color var(--transition),color var(--transition),box-shadow var(--transition)}[type=file]::-ms-browse:is(:hover,:active,:focus){--background-color:var(--secondary-hover);--border-color:var(--secondary-hover)}[type=range]{-webkit-appearance:none;-moz-appearance:none;appearance:none;width:100%;height:1.25rem;background:0 0}[type=range]::-webkit-slider-runnable-track{width:100%;height:.25rem;border-radius:var(--border-radius);background-color:var(--range-border-color);-webkit-transition:background-color var(--transition),box-shadow var(--transition);transition:background-color var(--transition),box-shadow var(--transition)}[type=range]::-moz-range-track{width:100%;height:.25rem;border-radius:var(--border-radius);background-color:var(--range-border-color);-moz-transition:background-color var(--transition),box-shadow var(--transition);transition:background-color var(--transition),box-shadow var(--transition)}[type=range]::-ms-track{width:100%;height:.25rem;border-radius:var(--border-radius);background-color:var(--range-border-color);-ms-transition:background-color var(--transition),box-shadow var(--transition);transition:background-color var(--transition),box-shadow var(--transition)}[type=range]::-webkit-slider-thumb{-webkit-appearance:none;width:1.25rem;height:1.25rem;margin-top:-.5rem;border:2px solid var(--range-thumb-border-color);border-radius:50%;background-color:var(--range-thumb-color);cursor:pointer;-webkit-transition:background-color var(--transition),transform var(--transition);transition:background-color var(--transition),transform var(--transition)}[type=range]::-moz-range-thumb{-webkit-appearance:none;width:1.25rem;height:1.25rem;margin-top:-.5rem;border:2px solid var(--range-thumb-border-color);border-radius:50%;background-color:var(--range-thumb-color);cursor:pointer;-moz-transition:background-color var(--transition),transform var(--transition);transition:background-color var(--transition),transform var(--transition)}[type=range]::-ms-thumb{-webkit-appearance:none;width:1.25rem;height:1.25rem;margin-top:-.5rem;border:2px solid var(--range-thumb-border-color);border-radius:50%;background-color:var(--range-thumb-color);cursor:pointer;-ms-transition:background-color var(--transition),transform var(--transition);transition:background-color var(--transition),transform var(--transition)}[type=range]:focus,[type=range]:hover{--range-border-color:var(--range-active-border-color);--range-thumb-color:var(--range-thumb-hover-color)}[type=range]:active{--range-thumb-color:var(--range-thumb-active-color)}[type=range]:active::-webkit-slider-thumb{transform:scale(1.25)}[type=range]:active::-moz-range-thumb{transform:scale(1.25)}[type=range]:active::-ms-thumb{transform:scale(1.25)}input:not([type=checkbox],[type=radio],[type=range],[type=file])[type=search]{-webkit-padding-start:calc(var(--form-element-spacing-horizontal) + 1.75rem);padding-inline-start:calc(var(--form-element-spacing-horizontal) + 1.75rem);border-radius:5rem;background-image:var(--icon-search);background-position:center left 1.125rem;background-size:1rem auto;background-repeat:no-repeat}input:not([type=checkbox],[type=radio],[type=range],[type=file])[type=search][aria-invalid]{-webkit-padding-start:calc(var(--form-element-spacing-horizontal) + 1.75rem)!important;padding-inline-start:calc(var(--form-element-spacing-horizontal) + 1.75rem)!important;background-position:center left 1.125rem,center right .75rem}input:not([type=checkbox],[type=radio],[type=range],[type=file])[type=search][aria-invalid=false]{background-image:var(--icon-search),var(--icon-valid)}input:not([type=checkbox],[type=radio],[type=range],[type=file])[type=search][aria-invalid=true]{background-image:var(--icon-search),var(--icon-invalid)}[type=search]::-webkit-search-cancel-button{-webkit-appearance:none;display:none}[dir=rtl] :where(input):not([type=checkbox],[type=radio],[type=range],[type=file])[type=search]{background-position:center right 1.125rem}[dir=rtl] :where(input):not([type=checkbox],[type=radio],[type=range],[type=file])[type=search][aria-invalid]{background-position:center right 1.125rem,center left .75rem}:where(table){width:100%;border-collapse:collapse;border-spacing:0;text-indent:0}td,th{padding:calc(var(--spacing)/ 2) var(--spacing);border-bottom:var(--border-width) solid var(--table-border-color);color:var(--color);font-weight:var(--font-weight);font-size:var(--font-size);text-align:left;text-align:start}tfoot td,tfoot th{border-top:var(--border-width) solid var(--table-border-color);border-bottom:0}table[role=grid] tbody tr:nth-child(odd){background-color:var(--table-row-stripped-background-color)}code,kbd,pre,samp{font-size:.875em;font-family:var(--font-family)}pre{-ms-overflow-style:scrollbar;overflow:auto}code,kbd,pre{border-radius:var(--border-radius);background:var(--code-background-color);color:var(--code-color);font-weight:var(--font-weight);line-height:initial}code,kbd{display:inline-block;padding:.375rem .5rem}pre{display:block;margin-bottom:var(--spacing);overflow-x:auto}pre>code{display:block;padding:var(--spacing);background:0 0;font-size:14px;line-height:var(--line-height)}code b{color:var(--code-tag-color);font-weight:var(--font-weight)}code i{color:var(--code-property-color);font-style:normal}code u{color:var(--code-value-color);text-decoration:none}code em{color:var(--code-comment-color);font-style:normal}kbd{background-color:var(--code-kbd-background-color);color:var(--code-kbd-color);vertical-align:baseline}hr{height:0;border:0;border-top:1px solid var(--muted-border-color);color:inherit}[hidden],template{display:none!important}canvas{display:inline-block}details{display:block;margin-bottom:var(--spacing);padding-bottom:var(--spacing);border-bottom:var(--border-width) solid var(--accordion-border-color)}details summary{line-height:1rem;list-style-type:none;cursor:pointer;transition:color var(--transition)}details summary:not([role]){color:var(--accordion-close-summary-color)}details summary::-webkit-details-marker{display:none}details summary::marker{display:none}details summary::-moz-list-bullet{list-style-type:none}details summary::after{display:block;width:1rem;height:1rem;-webkit-margin-start:calc(var(--spacing,1rem) * 0.5);margin-inline-start:calc(var(--spacing,1rem) * .5);float:right;transform:rotate(-90deg);background-image:var(--icon-chevron);background-position:right center;background-size:1rem auto;background-repeat:no-repeat;content:"";transition:transform var(--transition)}details summary:focus{outline:0}details summary:focus:not([role=button]){color:var(--accordion-active-summary-color)}details summary[role=button]{width:100%;text-align:left}details summary[role=button]::after{height:calc(1rem * var(--line-height,1.5));background-image:var(--icon-chevron-button)}details summary[role=button]:not(.outline).contrast::after{background-image:var(--icon-chevron-button-inverse)}details[open]>summary{margin-bottom:calc(var(--spacing))}details[open]>summary:not([role]):not(:focus){color:var(--accordion-open-summary-color)}details[open]>summary::after{transform:rotate(0)}[dir=rtl] details summary{text-align:right}[dir=rtl] details summary::after{float:left;background-position:left center}article{margin:var(--block-spacing-vertical) 0;padding:var(--block-spacing-vertical) var(--block-spacing-horizontal);border-radius:var(--border-radius);background:var(--card-background-color);box-shadow:var(--card-box-shadow)}article>footer,article>header{margin-right:calc(var(--block-spacing-horizontal) * -1);margin-left:calc(var(--block-spacing-horizontal) * -1);padding:calc(var(--block-spacing-vertical) * .66) var(--block-spacing-horizontal);background-color:var(--card-sectionning-background-color)}article>header{margin-top:calc(var(--block-spacing-vertical) * -1);margin-bottom:var(--block-spacing-vertical);border-bottom:var(--border-width) solid var(--card-border-color);border-top-right-radius:var(--border-radius);border-top-left-radius:var(--border-radius)}article>footer{margin-top:var(--block-spacing-vertical);margin-bottom:calc(var(--block-spacing-vertical) * -1);border-top:var(--border-width) solid var(--card-border-color);border-bottom-right-radius:var(--border-radius);border-bottom-left-radius:var(--border-radius)}:root{--scrollbar-width:0px}dialog{display:flex;z-index:999;position:fixed;top:0;right:0;bottom:0;left:0;align-items:center;justify-content:center;width:inherit;min-width:100%;height:inherit;min-height:100%;padding:var(--spacing);border:0;-webkit-backdrop-filter:var(--modal-overlay-backdrop-filter);backdrop-filter:var(--modal-overlay-backdrop-filter);background-color:var(--modal-overlay-background-color);color:var(--color)}dialog article{max-height:calc(100vh - var(--spacing) * 2);overflow:auto}@media (min-width:576px){dialog article{max-width:510px}}@media (min-width:768px){dialog article{max-width:700px}}dialog article>footer,dialog article>header{padding:calc(var(--block-spacing-vertical) * .5) var(--block-spacing-horizontal)}dialog article>header .close{margin:0;margin-left:var(--spacing);float:right}dialog article>footer{text-align:right}dialog article>footer [role=button]{margin-bottom:0}dialog article>footer [role=button]:not(:first-of-type){margin-left:calc(var(--spacing) * .5)}dialog article p:last-of-type{margin:0}dialog article .close{display:block;width:1rem;height:1rem;margin-top:calc(var(--block-spacing-vertical) * -.5);margin-bottom:var(--typography-spacing-vertical);margin-left:auto;background-image:var(--icon-close);background-position:center;background-size:auto 1rem;background-repeat:no-repeat;opacity:.5;transition:opacity var(--transition)}dialog article .close:is([aria-current],:hover,:active,:focus){opacity:1}dialog:not([open]),dialog[open=false]{display:none}.modal-is-open{padding-right:var(--scrollbar-width,0);overflow:hidden;pointer-events:none;touch-action:none}.modal-is-open dialog{pointer-events:auto}:where(.modal-is-opening,.modal-is-closing) dialog,:where(.modal-is-opening,.modal-is-closing) dialog>article{animation-duration:.2s;animation-timing-function:ease-in-out;animation-fill-mode:both}:where(.modal-is-opening,.modal-is-closing) dialog{animation-duration:.8s;animation-name:modal-overlay}:where(.modal-is-opening,.modal-is-closing) dialog>article{animation-delay:.2s;animation-name:modal}.modal-is-closing dialog,.modal-is-closing dialog>article{animation-delay:0s;animation-direction:reverse}@keyframes modal-overlay{from{-webkit-backdrop-filter:none;backdrop-filter:none;background-color:transparent}}@keyframes modal{from{transform:translateY(-100%);opacity:0}}:where(nav li)::before{float:left;content:""}nav,nav ul{display:flex}nav{justify-content:space-between}nav ol,nav ul{align-items:center;margin-bottom:0;padding:0;list-style:none}nav ol:first-of-type,nav ul:first-of-type{margin-left:calc(var(--nav-element-spacing-horizontal) * -1)}nav ol:last-of-type,nav ul:last-of-type{margin-right:calc(var(--nav-element-spacing-horizontal) * -1)}nav li{display:inline-block;margin:0;padding:var(--nav-element-spacing-vertical) var(--nav-element-spacing-horizontal)}nav li>*{--spacing:0}nav :where(a,[role=link]){display:inline-block;margin:calc(var(--nav-link-spacing-vertical) * -1) calc(var(--nav-link-spacing-horizontal) * -1);padding:var(--nav-link-spacing-vertical) var(--nav-link-spacing-horizontal);border-radius:var(--border-radius);text-decoration:none}nav :where(a,[role=link]):is([aria-current],:hover,:active,:focus){text-decoration:none}nav[aria-label=breadcrumb]{align-items:center;justify-content:start}nav[aria-label=breadcrumb] ul li:not(:first-child){-webkit-margin-start:var(--nav-link-spacing-horizontal);margin-inline-start:var(--nav-link-spacing-horizontal)}nav[aria-label=breadcrumb] ul li:not(:last-child) ::after{position:absolute;width:calc(var(--nav-link-spacing-horizontal) * 2);-webkit-margin-start:calc(var(--nav-link-spacing-horizontal)/ 2);margin-inline-start:calc(var(--nav-link-spacing-horizontal)/ 2);content:"/";color:var(--muted-color);text-align:center}nav[aria-label=breadcrumb] a[aria-current]{background-color:transparent;color:inherit;text-decoration:none;pointer-events:none}nav [role=button]{margin-right:inherit;margin-left:inherit;padding:var(--nav-link-spacing-vertical) var(--nav-link-spacing-horizontal)}aside li,aside nav,aside ol,aside ul{display:block}aside li{padding:calc(var(--nav-element-spacing-vertical) * .5) var(--nav-element-spacing-horizontal)}aside li a{display:block}aside li [role=button]{margin:inherit}[dir=rtl] nav[aria-label=breadcrumb] ul li:not(:last-child) ::after{content:"\\"}progress{display:inline-block;vertical-align:baseline}progress{-webkit-appearance:none;-moz-appearance:none;display:inline-block;appearance:none;width:100%;height:.5rem;margin-bottom:calc(var(--spacing) * .5);overflow:hidden;border:0;border-radius:var(--border-radius);background-color:var(--progress-background-color);color:var(--progress-color)}progress::-webkit-progress-bar{border-radius:var(--border-radius);background:0 0}progress[value]::-webkit-progress-value{background-color:var(--progress-color)}progress::-moz-progress-bar{background-color:var(--progress-color)}@media (prefers-reduced-motion:no-preference){progress:indeterminate{background:var(--progress-background-color) linear-gradient(to right,var(--progress-color) 30%,var(--progress-background-color) 30%) top left/150% 150% no-repeat;animation:progress-indeterminate 1s linear infinite}progress:indeterminate[value]::-webkit-progress-value{background-color:transparent}progress:indeterminate::-moz-progress-bar{background-color:transparent}}@media (prefers-reduced-motion:no-preference){[dir=rtl] progress:indeterminate{animation-direction:reverse}}@keyframes progress-indeterminate{0%{background-position:200% 0}100%{background-position:-200% 0}}details[role=list],li[role=list]{position:relative}details[role=list] summary+ul,li[role=list]>ul{display:flex;z-index:99;position:absolute;top:auto;right:0;left:0;flex-direction:column;margin:0;padding:0;border:var(--border-width) solid var(--dropdown-border-color);border-radius:var(--border-radius);border-top-right-radius:0;border-top-left-radius:0;background-color:var(--dropdown-background-color);box-shadow:var(--card-box-shadow);color:var(--dropdown-color);white-space:nowrap}details[role=list] summary+ul li,li[role=list]>ul li{width:100%;margin-bottom:0;padding:calc(var(--form-element-spacing-vertical) * .5) var(--form-element-spacing-horizontal);list-style:none}details[role=list] summary+ul li:first-of-type,li[role=list]>ul li:first-of-type{margin-top:calc(var(--form-element-spacing-vertical) * .5)}details[role=list] summary+ul li:last-of-type,li[role=list]>ul li:last-of-type{margin-bottom:calc(var(--form-element-spacing-vertical) * .5)}details[role=list] summary+ul li a,li[role=list]>ul li a{display:block;margin:calc(var(--form-element-spacing-vertical) * -.5) calc(var(--form-element-spacing-horizontal) * -1);padding:calc(var(--form-element-spacing-vertical) * .5) var(--form-element-spacing-horizontal);overflow:hidden;color:var(--dropdown-color);text-decoration:none;text-overflow:ellipsis}details[role=list] summary+ul li a:hover,li[role=list]>ul li a:hover{background-color:var(--dropdown-hover-background-color)}details[role=list] summary::after,li[role=list]>a::after{display:block;width:1rem;height:calc(1rem * var(--line-height,1.5));-webkit-margin-start:0.5rem;margin-inline-start:.5rem;float:right;transform:rotate(0);background-position:right center;background-size:1rem auto;background-repeat:no-repeat;content:""}details[role=list]{padding:0;border-bottom:none}details[role=list] summary{margin-bottom:0}details[role=list] summary:not([role]){height:calc(1rem * var(--line-height) + var(--form-element-spacing-vertical) * 2 + var(--border-width) * 2);padding:var(--form-element-spacing-vertical) var(--form-element-spacing-horizontal);border:var(--border-width) solid var(--form-element-border-color);border-radius:var(--border-radius);background-color:var(--form-element-background-color);color:var(--form-element-placeholder-color);line-height:inherit;cursor:pointer;transition:background-color var(--transition),border-color var(--transition),color var(--transition),box-shadow var(--transition)}details[role=list] summary:not([role]):active,details[role=list] summary:not([role]):focus{border-color:var(--form-element-active-border-color);background-color:var(--form-element-active-background-color)}details[role=list] summary:not([role]):focus{box-shadow:0 0 0 var(--outline-width) var(--form-element-focus-color)}details[role=list][open] summary{border-bottom-right-radius:0;border-bottom-left-radius:0}details[role=list][open] summary::before{display:block;z-index:1;position:fixed;top:0;right:0;bottom:0;left:0;background:0 0;content:"";cursor:default}nav details[role=list] summary,nav li[role=list] a{display:flex;direction:ltr}nav details[role=list] summary+ul,nav li[role=list]>ul{min-width:-moz-fit-content;min-width:fit-content;border-radius:var(--border-radius)}nav details[role=list] summary+ul li a,nav li[role=list]>ul li a{border-radius:0}nav details[role=list] summary,nav details[role=list] summary:not([role]){height:auto;padding:var(--nav-link-spacing-vertical) var(--nav-link-spacing-horizontal)}nav details[role=list][open] summary{border-radius:var(--border-radius)}nav details[role=list] summary+ul{margin-top:var(--outline-width);-webkit-margin-start:0;margin-inline-start:0}nav details[role=list] summary[role=link]{margin-bottom:calc(var(--nav-link-spacing-vertical) * -1);line-height:var(--line-height)}nav details[role=list] summary[role=link]+ul{margin-top:calc(var(--nav-link-spacing-vertical) + var(--outline-width));-webkit-margin-start:calc(var(--nav-link-spacing-horizontal) * -1);margin-inline-start:calc(var(--nav-link-spacing-horizontal) * -1)}li[role=list] a:active~ul,li[role=list] a:focus~ul,li[role=list]:hover>ul{display:flex}li[role=list]>ul{display:none;margin-top:calc(var(--nav-link-spacing-vertical) + var(--outline-width));-webkit-margin-start:calc(var(--nav-element-spacing-horizontal) - var(--nav-link-spacing-horizontal));margin-inline-start:calc(var(--nav-element-spacing-horizontal) - var(--nav-link-spacing-horizontal))}li[role=list]>a::after{background-image:var(--icon-chevron)}label>details[role=list]{margin-top:calc(var(--spacing) * .25);margin-bottom:var(--spacing)}[aria-busy=true]{cursor:progress}[aria-busy=true]:not(input,select,textarea,html)::before{display:inline-block;width:1em;height:1em;border:.1875em solid currentColor;border-radius:1em;border-right-color:transparent;content:"";vertical-align:text-bottom;vertical-align:-.125em;animation:spinner .75s linear infinite;opacity:var(--loading-spinner-opacity)}[aria-busy=true]:not(input,select,textarea,html):not(:empty)::before{margin-right:calc(var(--spacing) * .5);margin-left:0;-webkit-margin-start:0;margin-inline-start:0;-webkit-margin-end:calc(var(--spacing) * .5);margin-inline-end:calc(var(--spacing) * .5)}[aria-busy=true]:not(input,select,textarea,html):empty{text-align:center}a[aria-busy=true],button[aria-busy=true],input[type=button][aria-busy=true],input[type=reset][aria-busy=true],input[type=submit][aria-busy=true]{pointer-events:none}@keyframes spinner{to{transform:rotate(360deg)}}[data-tooltip]{position:relative}[data-tooltip]:not(a,button,input){border-bottom:1px dotted;text-decoration:none;cursor:help}[data-tooltip]::after,[data-tooltip]::before,[data-tooltip][data-placement=top]::after,[data-tooltip][data-placement=top]::before{display:block;z-index:99;position:absolute;bottom:100%;left:50%;padding:.25rem .5rem;overflow:hidden;transform:translate(-50%,-.25rem);border-radius:var(--border-radius);background:var(--tooltip-background-color);content:attr(data-tooltip);color:var(--tooltip-color);font-style:normal;font-weight:var(--font-weight);font-size:.875rem;text-decoration:none;text-overflow:ellipsis;white-space:nowrap;opacity:0;pointer-events:none}[data-tooltip]::after,[data-tooltip][data-placement=top]::after{padding:0;transform:translate(-50%,0);border-top:.3rem solid;border-right:.3rem solid transparent;border-left:.3rem solid transparent;border-radius:0;background-color:transparent;content:"";color:var(--tooltip-background-color)}[data-tooltip][data-placement=bottom]::after,[data-tooltip][data-placement=bottom]::before{top:100%;bottom:auto;transform:translate(-50%,.25rem)}[data-tooltip][data-placement=bottom]:after{transform:translate(-50%,-.3rem);border:.3rem solid transparent;border-bottom:.3rem solid}[data-tooltip][data-placement=left]::after,[data-tooltip][data-placement=left]::before{top:50%;right:100%;bottom:auto;left:auto;transform:translate(-.25rem,-50%)}[data-tooltip][data-placement=left]:after{transform:translate(.3rem,-50%);border:.3rem solid transparent;border-left:.3rem solid}[data-tooltip][data-placement=right]::after,[data-tooltip][data-placement=right]::before{top:50%;right:auto;bottom:auto;left:100%;transform:translate(.25rem,-50%)}[data-tooltip][data-placement=right]:after{transform:translate(-.3rem,-50%);border:.3rem solid transparent;border-right:.3rem solid}[data-tooltip]:focus::after,[data-tooltip]:focus::before,[data-tooltip]:hover::after,[data-tooltip]:hover::before{opacity:1}@media (hover:hover) and (pointer:fine){[data-tooltip]:hover::after,[data-tooltip]:hover::before,[data-tooltip][data-placement=bottom]:focus::after,[data-tooltip][data-placement=bottom]:focus::before,[data-tooltip][data-placement=bottom]:hover [data-tooltip]:focus::after,[data-tooltip][data-placement=bottom]:hover [data-tooltip]:focus::before{animation-duration:.2s;animation-name:tooltip-slide-top}[data-tooltip]:hover::after,[data-tooltip][data-placement=bottom]:focus::after,[data-tooltip][data-placement=bottom]:hover [data-tooltip]:focus::after{animation-name:tooltip-caret-slide-top}[data-tooltip][data-placement=bottom]:focus::after,[data-tooltip][data-placement=bottom]:focus::before,[data-tooltip][data-placement=bottom]:hover::after,[data-tooltip][data-placement=bottom]:hover::before{animation-duration:.2s;animation-name:tooltip-slide-bottom}[data-tooltip][data-placement=bottom]:focus::after,[data-tooltip][data-placement=bottom]:hover::after{animation-name:tooltip-caret-slide-bottom}[data-tooltip][data-placement=left]:focus::after,[data-tooltip][data-placement=left]:focus::before,[data-tooltip][data-placement=left]:hover::after,[data-tooltip][data-placement=left]:hover::before{animation-duration:.2s;animation-name:tooltip-slide-left}[data-tooltip][data-placement=left]:focus::after,[data-tooltip][data-placement=left]:hover::after{animation-name:tooltip-caret-slide-left}[data-tooltip][data-placement=right]:focus::after,[data-tooltip][data-placement=right]:focus::before,[data-tooltip][data-placement=right]:hover::after,[data-tooltip][data-placement=right]:hover::before{animation-duration:.2s;animation-name:tooltip-slide-right}[data-tooltip][data-placement=right]:focus::after,[data-tooltip][data-placement=right]:hover::after{animation-name:tooltip-caret-slide-right}}@keyframes tooltip-slide-top{from{transform:translate(-50%,.75rem);opacity:0}to{transform:translate(-50%,-.25rem);opacity:1}}@keyframes tooltip-caret-slide-top{from{opacity:0}50%{transform:translate(-50%,-.25rem);opacity:0}to{transform:translate(-50%,0);opacity:1}}@keyframes tooltip-slide-bottom{from{transform:translate(-50%,-.75rem);opacity:0}to{transform:translate(-50%,.25rem);opacity:1}}@keyframes tooltip-caret-slide-bottom{from{opacity:0}50%{transform:translate(-50%,-.5rem);opacity:0}to{transform:translate(-50%,-.3rem);opacity:1}}@keyframes tooltip-slide-left{from{transform:translate(.75rem,-50%);opacity:0}to{transform:translate(-.25rem,-50%);opacity:1}}@keyframes tooltip-caret-slide-left{from{opacity:0}50%{transform:translate(.05rem,-50%);opacity:0}to{transform:translate(.3rem,-50%);opacity:1}}@keyframes tooltip-slide-right{from{transform:translate(-.75rem,-50%);opacity:0}to{transform:translate(.25rem,-50%);opacity:1}}@keyframes tooltip-caret-slide-right{from{opacity:0}50%{transform:translate(-.05rem,-50%);opacity:0}to{transform:translate(-.3rem,-50%);opacity:1}}[aria-controls]{cursor:pointer}[aria-disabled=true],[disabled]{cursor:not-allowed}[aria-hidden=false][hidden]{display:initial}[aria-hidden=false][hidden]:not(:focus){clip:rect(0,0,0,0);position:absolute}[tabindex],a,area,button,input,label,select,summary,textarea{-ms-touch-action:manipulation}[dir=rtl]{direction:rtl}@media (prefers-reduced-motion:reduce){:not([aria-busy=true]),:not([aria-busy=true])::after,:not([aria-busy=true])::before{background-attachment:initial!important;animation-duration:1ms!important;animation-delay:-1ms!important;animation-iteration-count:1!important;scroll-behavior:auto!important;transition-delay:0s!important;transition-duration:0s!important}}

     

       5
       5
       +
       /*# sourceMappingURL=pico.min.css.map */

-1

go-didplc/cmd/webplc/templates

···

       1
       1
       -
       ../../templates/

+94

go-didplc/cmd/webplc/templates/base.html

···

       1
       1
       +
       <!doctype html>

     

       2
       2
       +
       <html lang="en">

     

       3
       3
       +
       <head>

     

       4
       4
       +
         <meta charset="utf-8">

     

       5
       5
       +
         <meta name="referrer" content="origin-when-cross-origin">

     

       6
       6
       +
         <meta name="viewport" content="width=device-width, initial-scale=1">

     

       7
       7
       +
         <link rel="stylesheet" href="/static/pico.min.css">

     

       8
       8
       +
         <title>{%- block head_title -%}did:plc Directory{%- endblock -%}</title>

     

       9
       9
       +
         <style>

     

       10
       10
       +
       html { position: relative; min-height: 100%; height: auto; }

     

       11
       11
       +
       body { margin-bottom: 3em; }

     

       12
       12
       +
       body > nav { background-color: var(--muted-border-color); }

     

       13
       13
       +
       body > footer { position: absolute; bottom: 0px; padding: 2em; background-color: var(--muted-border-color); }

     

       14
       14
       +
       thead th { font-weight: bold; }

     

       15
       15
       +
       main article { margin: 2.5rem 0; padding: 2rem; }

     

       16
       16
       +
       

     

       17
       17
       +
       /* Green Light scheme (Default) */

     

       18
       18
       +
       /* Can be forced with data-theme="light" */

     

       19
       19
       +
       [data-theme="light"],

     

       20
       20
       +
       :root:not([data-theme="dark"]) {

     

       21
       21
       +
         --color: black;

     

       22
       22
       +
         --primary: #3949ab;

     

       23
       23
       +
         --primary-hover: #3f51b5;

     

       24
       24
       +
         --primary-focus: rgba(57, 73, 171, 0.125);

     

       25
       25
       +
         --primary-inverse: #FFF;

     

       26
       26
       +
         --code-color: var(--color);

     

       27
       27
       +
       }

     

       28
       28
       +
       

     

       29
       29
       +
       /* Green Dark scheme (Auto) */

     

       30
       30
       +
       /* Automatically enabled if user has Dark mode enabled */

     

       31
       31
       +
       @media only screen and (prefers-color-scheme: dark) {

     

       32
       32
       +
         :root:not([data-theme]) {

     

       33
       33
       +
           --color: white;

     

       34
       34
       +
           --primary: #3949ab;

     

       35
       35
       +
           --primary-hover: #3f51b5;

     

       36
       36
       +
           --primary-focus: rgba(57, 73, 171, 0.25);

     

       37
       37
       +
           --primary-inverse: #FFF;

     

       38
       38
       +
           --code-color: var(--color);

     

       39
       39
       +
         }

     

       40
       40
       +
       }

     

       41
       41
       +
       

     

       42
       42
       +
       /* Green Dark scheme (Forced) */

     

       43
       43
       +
       /* Enabled if forced with data-theme="dark" */

     

       44
       44
       +
       [data-theme="dark"] {

     

       45
       45
       +
         --color: white;

     

       46
       46
       +
         /* --muted-color: white; */

     

       47
       47
       +
         --primary: #3949ab;

     

       48
       48
       +
         --primary-hover: #3f51b5;

     

       49
       49
       +
         --primary-focus: rgba(57, 73, 171, 0.25);

     

       50
       50
       +
         --primary-inverse: #FFF;

     

       51
       51
       +
         --code-color: var(--color);

     

       52
       52
       +
       }

     

       53
       53
       +
       

     

       54
       54
       +
       /* Green (Common styles) */

     

       55
       55
       +
       :root {

     

       56
       56
       +
         --form-element-active-border-color: var(--primary);

     

       57
       57
       +
         --form-element-focus-color: var(--primary-focus);

     

       58
       58
       +
         --switch-color: var(--primary-inverse);

     

       59
       59
       +
         --switch-checked-background-color: var(--primary);

     

       60
       60
       +
       }

     

       61
       61
       +
         </style>

     

       62
       62
       +
         {# <link rel="apple-touch-icon" sizes="180x180" href="/static/apple-touch-icon.png"> #}

     

       63
       63
       +
         {# <link rel="icon" type="image/png" sizes="32x32" href="/static/favicon-32x32.png"> #}

     

       64
       64
       +
         {# <link rel="icon" type="image/png" sizes="16x16" href="/static/favicon-16x16.png"> #}

     

       65
       65
       +
         {% block html_head_extra -%}{%- endblock %}

     

       66
       66
       +
         <meta name="application-name" name="DID PLC Directory">

     

       67
       67
       +
         <meta name="generator" name="webplc">

     

       68
       68
       +
       </head>

     

       69
       69
       +
       <body>

     

       70
       70
       +
       {%- block body_all %}

     

       71
       71
       +
       <nav class="container-fluid">

     

       72
       72
       +
         <ul>

     

       73
       73
       +
         	<li><a href="/"><strong>did:plc</strong></a></li>

     

       74
       74
       +
         </ul>

     

       75
       75
       +
         <ul>

     

       76
       76
       +
         	<li><a href="/resolve" >Lookup</a> </li>

     

       77
       77
       +
         	<li><a href="/api/redoc" >API</a> </li>

     

       78
       78
       +
         	<li><a href="/spec/v0.1/did-plc" >Specification</a> </li>

     

       79
       79
       +
           <li><a href="https://github.com/bluesky-social/did-method-plc">Code</a></li>

     

       80
       80
       +
         </ul>

     

       81
       81
       +
       </nav>

     

       82
       82
       +
       

     

       83
       83
       +
       <main class="container">

     

       84
       84
       +
         {% block main %}{% endblock %}

     

       85
       85
       +
       </main>

     

       86
       86
       +
       

     

       87
       87
       +
       <footer class="container-fluid">

     

       88
       88
       +
       	<div class="container">

     

       89
       89
       +
           <small>Developed by <a href="https://blueskyweb.xyz">Bluesky</a> for <a href="https://atproto.com">atproto</a></small>

     

       90
       90
       +
         </div>

     

       91
       91
       +
       </footer>

     

       92
       92
       +
       {% endblock -%}

     

       93
       93
       +
       </body>

     

       94
       94
       +
       </html>

+20

go-didplc/cmd/webplc/templates/error.html

···

       1
       1
       +
       {% extends "base.html" %}

     

       2
       2
       +
       

     

       3
       3
       +
       {% block head_title %}Error {{ statusCode }} - did:plc{% endblock %}

     

       4
       4
       +
       

     

       5
       5
       +
       {%- block main %}

     

       6
       6
       +
       {% if statusCode == 404 %}

     

       7
       7
       +
         <h1>404: Not Found</h1>

     

       8
       8
       +
       {% elif statusCode == 410 %}

     

       9
       9
       +
         <h1>404: Gone</h1>

     

       10
       10
       +
       {% elif statusCode == 400 %}

     

       11
       11
       +
         <h1>400: Bad Request</h1>

     

       12
       12
       +
       {% else %}

     

       13
       13
       +
         <h1>{{ statusCode }}: Server Error</h1>

     

       14
       14
       +
       {% endif %}

     

       15
       15
       +
       {% if errorMessage %}

     

       16
       16
       +
         <p>{{ errorMessage }}

     

       17
       17
       +
       {% else %}

     

       18
       18
       +
         <p>Sorry about that! Our <a href="https://status.bsky.app/">Status Page</a> might have more context.

     

       19
       19
       +
       {% endif %}

     

       20
       20
       +
       {% endblock -%}

+21

go-didplc/cmd/webplc/templates/redoc.html

···

       1
       1
       +
       <!DOCTYPE html>

     

       2
       2
       +
       <html>

     

       3
       3
       +
         <head>

     

       4
       4
       +
           <title>Redoc</title>

     

       5
       5
       +
           <!-- needed for adaptive design -->

     

       6
       6
       +
           <meta charset="utf-8"/>

     

       7
       7
       +
           <meta name="viewport" content="width=device-width, initial-scale=1">

     

       8
       8
       +
           <link href="https://fonts.googleapis.com/css?family=Montserrat:300,400,700|Roboto:300,400,700" rel="stylesheet">

     

       9
       9
       +
           <!-- Redoc doesn't change outer page styles -->

     

       10
       10
       +
           <style>

     

       11
       11
       +
             body {

     

       12
       12
       +
               margin: 0;

     

       13
       13
       +
               padding: 0;

     

       14
       14
       +
             }

     

       15
       15
       +
           </style>

     

       16
       16
       +
         </head>

     

       17
       17
       +
         <body>

     

       18
       18
       +
           <redoc spec-url='/api/plc-server-openapi3.yaml'></redoc>

     

       19
       19
       +
           <script src="https://cdn.redoc.ly/redoc/latest/bundles/redoc.standalone.js"> </script>

     

       20
       20
       +
         </body>

     

       21
       21
       +
       </html>

+13

go-didplc/cmd/webplc/templates/resolve.html

···

       1
       1
       +
       {% extends "base.html" %}

     

       2
       2
       +
       

     

       3
       3
       +
       {% block head_title %}

     

       4
       4
       +
       Resolve did:plc

     

       5
       5
       +
       {% endblock %}

     

       6
       6
       +
       

     

       7
       7
       +
       {% block main -%}

     

       8
       8
       +
       <h2>Resolve a did:plc Identifier</h2>

     

       9
       9
       +
       <form action="/resolve" method="get">

     

       10
       10
       +
         <input type="search" name="did" placeholder="did:plc: [...]" style="width: 100%;">

     

       11
       11
       +
       </form>

     

       12
       12
       +
       <p>Example: <a href="/did/did:plc:ewvi7nxzyoun6zhxrhs64oiz"><code>did:plc:ewvi7nxzyoun6zhxrhs64oiz</code></a>

     

       13
       13
       +
       {%- endblock %}

go-didplc/static

···

       1
       1
       +
       cmd/webplc/static/

go-didplc/static/.well-known/security.txt go-didplc/cmd/webplc/static/.well-known/security.txt

go-didplc/static/robots.txt go-didplc/cmd/webplc/static/robots.txt

go-didplc/templates

···

       1
       1
       +
       cmd/webplc/templates/

-44

go-didplc/templates/base.html

···

       1
       1
       -
       <!doctype html>

     

       2
       2
       -
       <html lang="en">

     

       3
       3
       -
       <head>

     

       4
       4
       -
         <meta charset="utf-8">

     

       5
       5
       -
         <meta name="referrer" content="origin-when-cross-origin">

     

       6
       6
       -
         <meta name="viewport" content="width=device-width, initial-scale=1">

     

       7
       7
       -
         <link rel="stylesheet" href="/static/simple.min.css">

     

       8
       8
       -
         <title>{%- block head_title -%}did:plc Directory{%- endblock -%}</title>

     

       9
       9
       -
         

     

       10
       10
       -
         <style>

     

       11
       11
       -
         </style>

     

       12
       12
       -
       

     

       13
       13
       -
       	<!--

     

       14
       14
       -
         <link rel="apple-touch-icon" sizes="180x180" href="/static/apple-touch-icon.png">

     

       15
       15
       -
         <link rel="icon" type="image/png" sizes="32x32" href="/static/favicon-32x32.png">

     

       16
       16
       -
         <link rel="icon" type="image/png" sizes="16x16" href="/static/favicon-16x16.png">

     

       17
       17
       -
         -->

     

       18
       18
       -
         {% block html_head_extra -%}{%- endblock %}

     

       19
       19
       -
         <meta name="application-name" name="did:plc Website">

     

       20
       20
       -
         <meta name="generator" name="webplc">

     

       21
       21
       -
       </head>

     

       22
       22
       -
       <body>

     

       23
       23
       -
       {%- block body_all %}

     

       24
       24
       -
       

     

       25
       25
       -
       

     

       26
       26
       -
       <header>

     

       27
       27
       -
         <nav>

     

       28
       28
       -
           <a href="/">Home</a>

     

       29
       29
       -
           <a href="/resolve" >Lookup</a>

     

       30
       30
       -
           <a href="/spec/v0.1/did-plc" >Specification</a>

     

       31
       31
       -
           <a href="https://github.com/bluesky-social/did-method-plc">Source Code</a>

     

       32
       32
       -
         </nav>

     

       33
       33
       -
         <h1>did:plc Identifier Directory</h1>

     

       34
       34
       -
         <p>a self-authenticating Decentralized Identifier (DID) system which is strongly-consistent, recoverable, and allows for key rotation</p>

     

       35
       35
       -
       </header>

     

       36
       36
       -
       <main>

     

       37
       37
       -
         {% block main %}{% endblock %}

     

       38
       38
       -
       </main>

     

       39
       39
       -
       <footer>

     

       40
       40
       -
         <p>Developed by <a href="https://blueskyweb.xyz">Bluesky</a> for <a href="https://atproto.com">atproto</a>.</p>

     

       41
       41
       -
       </footer>

     

       42
       42
       -
       {% endblock -%}

     

       43
       43
       -
       </body>

     

       44
       44
       -
       </html>

+16 -8

go-didplc/templates/did.html go-didplc/cmd/webplc/templates/did.html

···

       1
       1
        
       {% extends "base.html" %}

     

       2
       2
        
       

     

       3
       3
       -
       {% block head_title %}

     

       3
       3
       +
       {% block head_title -%}

     

       4
       4
        
       {{ did }}

     

       5
       5
       -
       {% endblock %}

     

       5
       5
       +
       {%- endblock %}

     

       6
       6
        
       

     

       7
       7
        
       {% block main -%}

     

       8
       8
        
       <h3 style="font-family: monospace;">{{ did }}</h3>

     

       9
       9
        
       

     

       10
       10
        
       {% if result.StatusCode == 200 %}

     

       11
       11
        
       

     

       12
       12
       -
       <h4>Names and Aliases</h4>

     

       12
       12
       +
       <article>

     

       13
       13
       +
       <h4 style="margin-bottom: 1em;">Names and Aliases</h4>

     

       13
       14
        
       <div style="width: 100%; overflow-x: auto;">

     

       14
       14
       -
       <table style="width: 100%;">

     

       15
       15
       +
       <table role="grid" style="width: 100%;">

     

       15
       16
        
         <thead>

     

       16
       17
        
           <tr>

     

       17
       18
        
             <th>URI</th>

     
···

       26
       27
        
         </tbody>

     

       27
       28
        
       </table>

     

       28
       29
        
       </div>

     

       30
       30
       +
       </article>

     

       29
       31
        
       

     

       30
       30
       -
       <h4>Services</h4>

     

       32
       32
       +
       <article>

     

       33
       33
       +
       <h4 style="margin-bottom: 1em;">Services</h4>

     

       31
       34
        
       <div style="width: 100%; overflow-x: auto;">

     

       32
       32
       -
       <table style="width: 100%;">

     

       35
       35
       +
       <table role="grid" style="width: 100%;">

     

       33
       36
        
         <thead>

     

       34
       37
        
           <tr>

     

       35
       38
        
             <th>ID</th>

     
···

       48
       51
        
         </tbody>

     

       49
       52
        
       </table>

     

       50
       53
        
       </div>

     

       54
       54
       +
       </article>

     

       51
       55
        
       

     

       52
       52
       -
       <h4>Verification Methods</h4>

     

       56
       56
       +
       <article>

     

       57
       57
       +
       <h4 style="margin-bottom: 1em;">Verification Methods</h4>

     

       53
       58
        
       <div style="width: 100%; overflow-x: auto;">

     

       54
       54
       -
       <table style="width: 100%;">

     

       59
       59
       +
       <table role="grid" style="width: 100%;">

     

       55
       60
        
         <thead>

     

       56
       61
        
           <tr>

     

       57
       62
        
             <th>ID</th>

     
···

       70
       75
        
         </tbody>

     

       71
       76
        
       </table>

     

       72
       77
        
       </div>

     

       78
       78
       +
       </article>

     

       73
       79
        
       

     

       80
       80
       +
       <article>

     

       74
       81
        
       <h4>DID Document JSON</h4>

     

       75
       82
        
       <pre><code>

     

       76
       83
        
       {{- result.DocJson -}}

     

       77
       84
        
       </code></pre>

     

       85
       85
       +
       </article>

     

       78
       86
        
       {% endif %}

     

       79
       87
        
       

     

       80
       88
        
       {%- endblock %}

-9

go-didplc/templates/error.html

···

       1
       1
       -
       {% extends "base.html" %}

     

       2
       2
       -
       

     

       3
       3
       -
       {% block head_title %}Error {{ statusCode }} - did:plc{% endblock %}

     

       4
       4
       -
       

     

       5
       5
       -
       {%- block body_all %}

     

       6
       6
       -
           <h1>{{ statusCode }}: Server Error</h1>

     

       7
       7
       -
           <p>Sorry about that! Our <a href="https://status.bsky.app/">Status Page</a> might have more context.

     

       8
       8
       -
         {% endif %}

     

       9
       9
       -
       {% endblock -%}

+5 -1

go-didplc/templates/home.html go-didplc/cmd/webplc/templates/home.html

···

       1
       1
        
       {% extends "base.html" %}

     

       2
       2
        
       

     

       3
       3
        
       {% block main -%}

     

       4
       4
       -
         <h2>Motivation</h2>

     

       4
       4
       +
         <hgroup>

     

       5
       5
       +
           <h1>DID PLC Directory</h1>

     

       6
       6
       +
           <h3>A self-authenticating Decentralized Identifier (DID) system which is strongly-consistent, recoverable, and allows for key rotation</h3>

     

       7
       7
       +
         </hgroup>

     

       8
       8
       +
       

     

       5
       9
        
         <p>Bluesky developed DID Placeholder when designing the AT Protocol ("atproto") because we were not satisfied with any of the existing DID methods. We wanted a strongly consistent, highly available, recoverable, and cryptographically secure method with fast and cheap propagation of updates.</p>

     

       6
       10
        
       

     

       7
       11
        
         <p>We titled the method "Placeholder", because we don't want it to stick around forever in its current form. We are actively hoping to replace it with or evolve it into something less centralized - likely a permissioned DID consortium. That being said, we do intend to support did:plc in the current form until after any successor is deployed, with a reasonable grace period. We would also provide a migration route to allow continued use of existing did:plc identifiers.</p>

go-didplc/templates/markdown.html go-didplc/cmd/webplc/templates/markdown.html

-15

go-didplc/templates/resolve.html

···

       1
       1
       -
       {% extends "base.html" %}

     

       2
       2
       -
       

     

       3
       3
       -
       {% block head_title %}

     

       4
       4
       -
       Resolve did:plc

     

       5
       5
       -
       {% endblock %}

     

       6
       6
       -
       

     

       7
       7
       -
       {% block main -%}

     

       8
       8
       -
       <h2>Resolve a did:plc Identifier</h2>

     

       9
       9
       -
       <form action="/resolve" method="get">

     

       10
       10
       -
         <p><label>DID</label>

     

       11
       11
       -
         <input type="text" name="did">

     

       12
       12
       -
         </p>

     

       13
       13
       -
         <input type="submit" value="Submit">

     

       14
       14
       -
       </form>

     

       15
       15
       -
       {%- endblock %}