11@charset "UTF-8" ;
22/*!
3- * Pico CSS ✨ v2.2.8 (https://github.com/Yohn/PicoCSS)
3+ * Pico CSS ✨ v2.2.9 (https://github.com/Yohn/PicoCSS)
44 * Copyright 2019-2025 - Licensed under MIT
55 */
66/**
@@ -2804,7 +2804,13 @@ details {
28042804 display : block;
28052805 margin-bottom : var (--pico-spacing );
28062806}
2807+ details .hide-arrow > summary ::after {
2808+ display : none;
2809+ content : none;
2810+ }
28072811details summary {
2812+ position : relative;
2813+ padding-inline-end : var (--pico-block-spacing-horizontal );
28082814 line-height : 1rem ;
28092815 list-style-type : none;
28102816 cursor : pointer;
@@ -2823,10 +2829,12 @@ details summary::-moz-list-bullet {
28232829}
28242830details summary ::after {
28252831 display : block;
2832+ position : absolute;
2833+ top : calc (var (--pico-block-spacing-vertical ) * 0.5 );
2834+ right : calc (var (--pico-block-spacing-horizontal ) * 0.5 );
28262835 width : 1rem ;
28272836 height : 1rem ;
28282837 margin-inline-start : calc (var (--pico-spacing , 1rem ) * 0.5 );
2829- float : right;
28302838 transform : rotate (-90deg );
28312839 background-image : var (--pico-icon-chevron );
28322840 background-position : right center;
@@ -3228,6 +3236,10 @@ nav details.dropdown {
32283236 margin : calc (var (--pico-nav-element-spacing-vertical ) * -1 ) 0 ;
32293237 margin-bottom : 0 ;
32303238}
3239+ nav details .dropdown .hide-arrow > summary ::after {
3240+ display : none;
3241+ content : none;
3242+ }
32313243nav details .dropdown > summary : not ([role ]) {
32323244 height : calc (1rem * var (--pico-line-height ) + var (--pico-nav-link-spacing-vertical ) * 2 );
32333245 padding : calc (var (--pico-nav-link-spacing-vertical ) - var (--pico-border-width ) * 2 ) var (--pico-nav-link-spacing-horizontal );
@@ -3243,6 +3255,8 @@ label > details.dropdown {
32433255/**
32443256 * Group ([role="group"], [role="search"])
32453257 */
3258+ /* V3 Remove, modifing the <legend> placement is disabled
3259+ * in chrome.*/
32463260fieldset [role = group ] > legend {
32473261 float : left;
32483262}
@@ -3892,7 +3906,6 @@ aside li [role=button] {
38923906 */
38933907nav [role = navigation ] {
38943908 z-index : 1 ;
3895- align-items : center;
38963909 width : 100% ;
38973910 overflow : visible;
38983911}
@@ -3913,6 +3926,10 @@ nav[role=navigation] > label {
39133926 -moz-user-select : none;
39143927 user-select : none;
39153928}
3929+ nav [role = navigation ] > ul > li > [role = search ],
3930+ nav [role = navigation ] > ol > li > [role = search ] {
3931+ margin-block-end : 0 ;
3932+ }
39163933
39173934@media (max-width : 510px ) {
39183935 nav [role = navigation ] {
@@ -3926,33 +3943,43 @@ nav[role=navigation] > label {
39263943 display : block;
39273944 }
39283945 nav [role = navigation ] > [role = list ] {
3946+ display : none;
39293947 flex-direction : column;
39303948 align-items : flex-start;
39313949 width : 90vw ;
39323950 max-height : 0 ;
39333951 margin : 0 auto;
39343952 background-color : var (--pico-muted-border-color );
39353953 box-shadow : var (--pico-box-shadow );
3936- transition : max-height var (--pico-transition );
3954+ opacity : 0 ;
3955+ transition : max-height var (--pico-transition ), opacity var (--pico-transition );
39373956 }
39383957 nav [role = navigation ] > [role = list ] li {
39393958 width : calc (100% - var (--pico-nav-link-spacing-vertical ) * 2 );
39403959 margin : calc (var (--pico-nav-link-spacing-vertical ) * 0.5 ) var (--pico-nav-link-spacing-vertical );
39413960 padding : 0 ;
39423961 }
3962+ nav [role = navigation ] > [role = list ] li > details .dropdown {
3963+ width : 100% ;
3964+ }
3965+ nav [role = navigation ] > [role = list ] li > form [role = search ] {
3966+ margin-block-end : 0 ;
3967+ }
39433968 nav [role = navigation ] > [role = list ] a {
39443969 display : block;
39453970 margin : 0 ;
3946- border-bottom : 1px solid transparent;
39473971 border-radius : 0 ;
3972+ border-block-end : 1px solid transparent;
39483973 transition : border-color var (--pico-transition ), color var (--pico-transition );
39493974 }
39503975 nav [role = navigation ] > [role = list ] a : hover {
39513976 border-bottom-color : var (--pico-underline );
39523977 text-decoration : none;
39533978 }
39543979 nav [role = navigation ] input [type = checkbox ]: checked ~ [role = list ] {
3980+ display : block;
39553981 max-height : 100vh ;
3982+ opacity : 1 ;
39563983 }
39573984}
39583985@media (max-width : 700px ) {
@@ -3967,33 +3994,43 @@ nav[role=navigation] > label {
39673994 display : block;
39683995 }
39693996 nav [role = navigation ][data-breakpoint = md ] > [role = list ] {
3997+ display : none;
39703998 flex-direction : column;
39713999 align-items : flex-start;
39724000 width : 90vw ;
39734001 max-height : 0 ;
39744002 margin : 0 auto;
39754003 background-color : var (--pico-muted-border-color );
39764004 box-shadow : var (--pico-box-shadow );
3977- transition : max-height var (--pico-transition );
4005+ opacity : 0 ;
4006+ transition : max-height var (--pico-transition ), opacity var (--pico-transition );
39784007 }
39794008 nav [role = navigation ][data-breakpoint = md ] > [role = list ] li {
39804009 width : calc (100% - var (--pico-nav-link-spacing-vertical ) * 2 );
39814010 margin : calc (var (--pico-nav-link-spacing-vertical ) * 0.5 ) var (--pico-nav-link-spacing-vertical );
39824011 padding : 0 ;
39834012 }
4013+ nav [role = navigation ][data-breakpoint = md ] > [role = list ] li > details .dropdown {
4014+ width : 100% ;
4015+ }
4016+ nav [role = navigation ][data-breakpoint = md ] > [role = list ] li > form [role = search ] {
4017+ margin-block-end : 0 ;
4018+ }
39844019 nav [role = navigation ][data-breakpoint = md ] > [role = list ] a {
39854020 display : block;
39864021 margin : 0 ;
3987- border-bottom : 1px solid transparent;
39884022 border-radius : 0 ;
4023+ border-block-end : 1px solid transparent;
39894024 transition : border-color var (--pico-transition ), color var (--pico-transition );
39904025 }
39914026 nav [role = navigation ][data-breakpoint = md ] > [role = list ] a : hover {
39924027 border-bottom-color : var (--pico-underline );
39934028 text-decoration : none;
39944029 }
39954030 nav [role = navigation ][data-breakpoint = md ] input [type = checkbox ]: checked ~ [role = list ] {
4031+ display : block;
39964032 max-height : 100vh ;
4033+ opacity : 1 ;
39974034 }
39984035}
39994036@media (max-width : 950px ) {
@@ -4008,33 +4045,43 @@ nav[role=navigation] > label {
40084045 display : block;
40094046 }
40104047 nav [role = navigation ][data-breakpoint = lg ] > [role = list ] {
4048+ display : none;
40114049 flex-direction : column;
40124050 align-items : flex-start;
40134051 width : 90vw ;
40144052 max-height : 0 ;
40154053 margin : 0 auto;
40164054 background-color : var (--pico-muted-border-color );
40174055 box-shadow : var (--pico-box-shadow );
4018- transition : max-height var (--pico-transition );
4056+ opacity : 0 ;
4057+ transition : max-height var (--pico-transition ), opacity var (--pico-transition );
40194058 }
40204059 nav [role = navigation ][data-breakpoint = lg ] > [role = list ] li {
40214060 width : calc (100% - var (--pico-nav-link-spacing-vertical ) * 2 );
40224061 margin : calc (var (--pico-nav-link-spacing-vertical ) * 0.5 ) var (--pico-nav-link-spacing-vertical );
40234062 padding : 0 ;
40244063 }
4064+ nav [role = navigation ][data-breakpoint = lg ] > [role = list ] li > details .dropdown {
4065+ width : 100% ;
4066+ }
4067+ nav [role = navigation ][data-breakpoint = lg ] > [role = list ] li > form [role = search ] {
4068+ margin-block-end : 0 ;
4069+ }
40254070 nav [role = navigation ][data-breakpoint = lg ] > [role = list ] a {
40264071 display : block;
40274072 margin : 0 ;
4028- border-bottom : 1px solid transparent;
40294073 border-radius : 0 ;
4074+ border-block-end : 1px solid transparent;
40304075 transition : border-color var (--pico-transition ), color var (--pico-transition );
40314076 }
40324077 nav [role = navigation ][data-breakpoint = lg ] > [role = list ] a : hover {
40334078 border-bottom-color : var (--pico-underline );
40344079 text-decoration : none;
40354080 }
40364081 nav [role = navigation ][data-breakpoint = lg ] input [type = checkbox ]: checked ~ [role = list ] {
4082+ display : block;
40374083 max-height : 100vh ;
4084+ opacity : 1 ;
40384085 }
40394086}
40404087@media (max-width : 1200px ) {
@@ -4049,33 +4096,43 @@ nav[role=navigation] > label {
40494096 display : block;
40504097 }
40514098 nav [role = navigation ][data-breakpoint = xl ] > [role = list ] {
4099+ display : none;
40524100 flex-direction : column;
40534101 align-items : flex-start;
40544102 width : 90vw ;
40554103 max-height : 0 ;
40564104 margin : 0 auto;
40574105 background-color : var (--pico-muted-border-color );
40584106 box-shadow : var (--pico-box-shadow );
4059- transition : max-height var (--pico-transition );
4107+ opacity : 0 ;
4108+ transition : max-height var (--pico-transition ), opacity var (--pico-transition );
40604109 }
40614110 nav [role = navigation ][data-breakpoint = xl ] > [role = list ] li {
40624111 width : calc (100% - var (--pico-nav-link-spacing-vertical ) * 2 );
40634112 margin : calc (var (--pico-nav-link-spacing-vertical ) * 0.5 ) var (--pico-nav-link-spacing-vertical );
40644113 padding : 0 ;
40654114 }
4115+ nav [role = navigation ][data-breakpoint = xl ] > [role = list ] li > details .dropdown {
4116+ width : 100% ;
4117+ }
4118+ nav [role = navigation ][data-breakpoint = xl ] > [role = list ] li > form [role = search ] {
4119+ margin-block-end : 0 ;
4120+ }
40664121 nav [role = navigation ][data-breakpoint = xl ] > [role = list ] a {
40674122 display : block;
40684123 margin : 0 ;
4069- border-bottom : 1px solid transparent;
40704124 border-radius : 0 ;
4125+ border-block-end : 1px solid transparent;
40714126 transition : border-color var (--pico-transition ), color var (--pico-transition );
40724127 }
40734128 nav [role = navigation ][data-breakpoint = xl ] > [role = list ] a : hover {
40744129 border-bottom-color : var (--pico-underline );
40754130 text-decoration : none;
40764131 }
40774132 nav [role = navigation ][data-breakpoint = xl ] input [type = checkbox ]: checked ~ [role = list ] {
4133+ display : block;
40784134 max-height : 100vh ;
4135+ opacity : 1 ;
40794136 }
40804137}
40814138@media (max-width : 1450px ) {
@@ -4090,33 +4147,43 @@ nav[role=navigation] > label {
40904147 display : block;
40914148 }
40924149 nav [role = navigation ][data-breakpoint = xxl ] > [role = list ] {
4150+ display : none;
40934151 flex-direction : column;
40944152 align-items : flex-start;
40954153 width : 90vw ;
40964154 max-height : 0 ;
40974155 margin : 0 auto;
40984156 background-color : var (--pico-muted-border-color );
40994157 box-shadow : var (--pico-box-shadow );
4100- transition : max-height var (--pico-transition );
4158+ opacity : 0 ;
4159+ transition : max-height var (--pico-transition ), opacity var (--pico-transition );
41014160 }
41024161 nav [role = navigation ][data-breakpoint = xxl ] > [role = list ] li {
41034162 width : calc (100% - var (--pico-nav-link-spacing-vertical ) * 2 );
41044163 margin : calc (var (--pico-nav-link-spacing-vertical ) * 0.5 ) var (--pico-nav-link-spacing-vertical );
41054164 padding : 0 ;
41064165 }
4166+ nav [role = navigation ][data-breakpoint = xxl ] > [role = list ] li > details .dropdown {
4167+ width : 100% ;
4168+ }
4169+ nav [role = navigation ][data-breakpoint = xxl ] > [role = list ] li > form [role = search ] {
4170+ margin-block-end : 0 ;
4171+ }
41074172 nav [role = navigation ][data-breakpoint = xxl ] > [role = list ] a {
41084173 display : block;
41094174 margin : 0 ;
4110- border-bottom : 1px solid transparent;
41114175 border-radius : 0 ;
4176+ border-block-end : 1px solid transparent;
41124177 transition : border-color var (--pico-transition ), color var (--pico-transition );
41134178 }
41144179 nav [role = navigation ][data-breakpoint = xxl ] > [role = list ] a : hover {
41154180 border-bottom-color : var (--pico-underline );
41164181 text-decoration : none;
41174182 }
41184183 nav [role = navigation ][data-breakpoint = xxl ] input [type = checkbox ]: checked ~ [role = list ] {
4184+ display : block;
41194185 max-height : 100vh ;
4186+ opacity : 1 ;
41204187 }
41214188}
41224189/**
0 commit comments