diff --git a/SwichGIT/src/css/desktops.css b/SwichGIT/src/css/desktops.css
index 6eeda9c..7bec418 100644
--- a/SwichGIT/src/css/desktops.css
+++ b/SwichGIT/src/css/desktops.css
@@ -3,11 +3,92 @@
/*PARTIE FORMES*/
+ .containform3 {
+ position: relative;
+ height: var(--x);
+ width: var(--x);
+ display: table-cell;
+ vertical-align: middle;
+ }
+
+ .containinte{
+ /*PROBLEME SIZE*/
+ top: calc((var(--y) - var(--z)) / 2);
+ left: calc((var(--y) - var(--z)) / 2);
+ height: var(--z);
+ width: var(--z);
+ z-index: 2;
+ position: absolute;
+ }
+ .cache{
+ top: calc((var(--x) - var(--y)) / 2.8);
+ left: calc((var(--x) - var(--y)) / 2.2);
+ height: calc(var(--y)*1.05);
+ width: calc(var(--y)*1.05);
+ z-index: 2;
+ position: absolute;
+ z-index: 15;
+ }
- /*===========================================*/
+ #formSize{
+ margin : 0 auto;
+ width: 100%;
+ height: 3vw;
+ }
+
+ .slider-container .bar .fill {
+ display: block;
+ width: 50%;
+ height: 100%;
+ background-color: #6200ee;
+ }
+ .slider-container .slider {
+ position: relative;
+ z-index: 2;
+ -webkit-appearance: none;
+ width: 100%;
+ height: 10px;
+ border-radius: 5px;
+ outline: none;
+ background-color: transparent;
+ }
+ .slider.container{
+ position: relative;
+ }
+ .slider-container .bar {
+ position: absolute;
+ z-index: 1;
+ left: 0;
+ width: 100%;
+ height: 10px;
+ border-radius: 5px;
+ background-color: #c6aee7;
+ overflow: hidden;
+ }
+ /*Moz*/
+ .slider-container .slider::-moz-range-thumb {
+ -webkit-appearance: none;
+ width: 1vw;
+ height: 1vw;
+ background-color: #6200ee;
+ border-radius: 1vw;
+ cursor: pointer;
+ outline: none;
+ box-shadow: 0 0 0 0 rgba(98, 0 ,238, .1);
+ transition: .3s ease-in-out;
+ }
+ .slider-container .slider::-moz-range-thumb:hover {
+ box-shadow: 0 0 0 10px rgba(98,0,238,.1);
+ }
+ .slider-container .slider:active::-moz-range-thumb {
+ box-shadow: 0 0 0 20px rgba(98,0,238,.2);
+ }
+
+ /*===========================================*/
+
.logoboutton{
font-size: 2vw;
color: var(--lightprima);
diff --git a/SwichGIT/src/css/formes.css b/SwichGIT/src/css/formes.css
index 18f112d..d68c9e7 100644
--- a/SwichGIT/src/css/formes.css
+++ b/SwichGIT/src/css/formes.css
@@ -12,17 +12,6 @@
margin-left: 0.2vw;
}
-
-
-
-.containform3 {
- position: relative;
- height: var(--x);
- width: var(--x);
- display: table-cell;
- vertical-align: middle;
-}
-
.containform2{
position: relative;
height: var(--x);
@@ -44,84 +33,6 @@
display: none;
}
-#formSize{
- margin : 0 auto;
- width: 100%;
- height: 3vw;
-}
-
-.slider-container .bar .fill {
- display: block;
- width: 50%;
- height: 100%;
- background-color: #6200ee;
-}
-
-.slider-container .slider {
- position: relative;
- z-index: 2;
- -webkit-appearance: none;
- width: 100%;
- height: 10px;
- border-radius: 5px;
- outline: none;
- background-color: transparent;
-}
-.slider.container{
- position: relative;
-}
-.slider-container .bar {
- position: absolute;
- z-index: 1;
- left: 0;
- width: 100%;
- height: 10px;
- border-radius: 5px;
- background-color: #c6aee7;
- overflow: hidden;
-}
-/*Moz*/
-.slider-container .slider::-moz-range-thumb {
- -webkit-appearance: none;
- width: 1vw;
- height: 1vw;
- background-color: #6200ee;
- border-radius: 1vw;
- cursor: pointer;
- outline: none;
- box-shadow: 0 0 0 0 rgba(98, 0 ,238, .1);
- transition: .3s ease-in-out;
-}
-
-.slider-container .slider::-moz-range-thumb:hover {
- box-shadow: 0 0 0 10px rgba(98,0,238,.1);
-}
-.slider-container .slider:active::-moz-range-thumb {
- box-shadow: 0 0 0 20px rgba(98,0,238,.2);
-}
-
-
-.containinte{
- /*PROBLEME SIZE*/
- top: calc((var(--y) - var(--z)) / 2);
- left: calc((var(--y) - var(--z)) / 2);
- height: var(--z);
- width: var(--z);
- z-index: 2;
- position: absolute;
-}
-
-.cache{
- top: calc((var(--x) - var(--y)) / 2.8);
- left: calc((var(--x) - var(--y)) / 2.2);
- height: calc(var(--y)*1.05);
- width: calc(var(--y)*1.05);
- z-index: 2;
- position: absolute;
- z-index: 15;
-
-}
-
.rond{
-webkit-clip-path: circle(50% at 50% 50%);
clip-path: circle(50% at 50% 50%);
diff --git a/SwichGIT/src/css/pickr.min.css b/SwichGIT/src/css/pickr.min.css
index 86073cf..a32fb0e 100644
--- a/SwichGIT/src/css/pickr.min.css
+++ b/SwichGIT/src/css/pickr.min.css
@@ -1,1018 +1,2041 @@
+/*DESKTOP*/
+@media screen and (min-width: 992px) {
+ /*! Pickr 1.0.1 MIT | https://github.com/Simonwep/pickr */
+ .pickr{
+ position:relative;
+ overflow:visible;
+ transform:translateY(0);
-/*! Pickr 1.0.1 MIT | https://github.com/Simonwep/pickr */
-.pickr{
- position:relative;
- overflow:visible;
- transform:translateY(0);
+ }
+ .pickr *{
+ box-sizing:border-box
+ }
+ .pickr .pcr-button{
+ position:relative;
+ height:var(--y);
+ width: var(--y);
+ padding:.5em;
+ cursor:pointer;
+ font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica Neue,Arial,sans-serif;
+ border-radius:.15em;
+ background:url('data:image/svg+xml; utf8, ') no-repeat 50%;
+ background-size:0;
+ transition:all .3s;
+ }
+ .pickr .pcr-button:before{
+ background:url('data:image/svg+xml; utf8, ');
+ background-size:.5em;
+ z-index:-1;
+ z-index:auto
+ }
+ .pickr .pcr-button:after,.pickr .pcr-button:before{
+ position:absolute;
+ content:"";
+ top:0;
+ left:0;
+ width:100%;
+ height:100%;
+ }
+ .pickr .pcr-button:after{
+ transition:background .3s;
+ background:currentColor
+ }
+ .pickr .pcr-button.clear{
+ background-size:70%
+ }
+ .pickr .pcr-button.clear:before{
+ opacity:0
+ }
+ .pickr .pcr-button.clear:focus{
+ box-shadow:0 0 0 1px #f1f3f4,0 0 0 3px currentColor
+ }
+ .pickr .pcr-button.disabled{
+ cursor:not-allowed
+ }
+ .pcr-app button,.pcr-app input,.pickr button,.pickr input{
+ outline:none;
+ border:none;
+ -webkit-appearance:none
+ }
+ .pcr-app button:focus,.pcr-app input:focus,.pickr button:focus,.pickr input:focus{
+ box-shadow:0 0 0 1px #f1f3f4,0 0 0 3px currentColor
+ }
+ .pcr-app[data-theme=classic]{
+ position:absolute;
+ display:flex;
+ flex-direction:column;
+ z-index:10000;
+ font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica Neue,Arial,sans-serif;
+ box-shadow:0 .15em 1.5em 0 rgba(0,0,0,.1),0 0 1em 0 rgba(0,0,0,.03);
+ width:28.5em;
+ max-width:95vw;
+ padding:.8em;
+ border-radius:.1em;
+ background:#fff;
+ opacity:0;
+ visibility:hidden;
+ transition:opacity .3s;
+ left:0;
+ top:0
+ }
+ .pcr-app[data-theme=classic].visible{
+ visibility:visible;
+ opacity:1
+ }
+ .pcr-app[data-theme=classic] .pcr-swatches{
+ display:flex;
+ flex-wrap:wrap;
+ margin-top:.75em
+ }
+ .pcr-app[data-theme=classic] .pcr-swatches.pcr-last{
+ margin:0
+ }
+ @supports (display:grid){
+ .pcr-app[data-theme=classic] .pcr-swatches{
+ display:grid;
+ align-items:center;
+ justify-content:space-around;
+ grid-template-columns:repeat(auto-fit,1.75em)
+ }
-}
-.pickr *{
- box-sizing:border-box
-}
-.pickr .pcr-button{
- position:relative;
- height:var(--y);
- width: var(--y);
- padding:.5em;
- cursor:pointer;
- font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica Neue,Arial,sans-serif;
- border-radius:.15em;
- background:url('data:image/svg+xml; utf8, ') no-repeat 50%;
- background-size:0;
- transition:all .3s;
-}
-.pickr .pcr-button:before{
- background:url('data:image/svg+xml; utf8, ');
- background-size:.5em;
- z-index:-1;
- z-index:auto
-}
-.pickr .pcr-button:after,.pickr .pcr-button:before{
- position:absolute;
- content:"";
- top:0;
- left:0;
- width:100%;
- height:100%;
-}
-.pickr .pcr-button:after{
- transition:background .3s;
- background:currentColor
-}
-.pickr .pcr-button.clear{
- background-size:70%
-}
-.pickr .pcr-button.clear:before{
- opacity:0
-}
-.pickr .pcr-button.clear:focus{
- box-shadow:0 0 0 1px #f1f3f4,0 0 0 3px currentColor
-}
-.pickr .pcr-button.disabled{
- cursor:not-allowed
-}
-.pcr-app button,.pcr-app input,.pickr button,.pickr input{
- outline:none;
- border:none;
- -webkit-appearance:none
-}
-.pcr-app button:focus,.pcr-app input:focus,.pickr button:focus,.pickr input:focus{
- box-shadow:0 0 0 1px #f1f3f4,0 0 0 3px currentColor
-}
-.pcr-app[data-theme=classic]{
- position:absolute;
- display:flex;
- flex-direction:column;
- z-index:10000;
- font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica Neue,Arial,sans-serif;
- box-shadow:0 .15em 1.5em 0 rgba(0,0,0,.1),0 0 1em 0 rgba(0,0,0,.03);
- width:28.5em;
- max-width:95vw;
- padding:.8em;
- border-radius:.1em;
- background:#fff;
- opacity:0;
- visibility:hidden;
- transition:opacity .3s;
- left:0;
- top:0
-}
-.pcr-app[data-theme=classic].visible{
- visibility:visible;
- opacity:1
-}
-.pcr-app[data-theme=classic] .pcr-swatches{
- display:flex;
- flex-wrap:wrap;
- margin-top:.75em
-}
-.pcr-app[data-theme=classic] .pcr-swatches.pcr-last{
- margin:0
-}
-@supports (display:grid){
+ }
+
+ /*! Pickr2 1.0.1 MIT | https://github.com/Simonwep/pickr2 */
+ .pickr2{
+ position:relative;
+ overflow:visible;
+ transform:translateY(0);
+ margin : 0vw 2vw 2vw 2vw;
+
+ }
+ .pickr2 *{
+ box-sizing:border-box
+ }
+ .pickr2 .pcr-button2{
+ position:relative;
+ height:7vw;
+ width:7vw;
+ padding:.5em;
+ cursor:pointer;
+ font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica Neue,Arial,sans-serif;
+ border-radius:.15em;
+ background:url('data:image/svg+xml; utf8, ') no-repeat 50%;
+ background-size:0;
+ transition:all .3s
+ }
+ .pickr2 .pcr-button2:before{
+ background:url('data:image/svg+xml; utf8, ');
+ background-size:.5em;
+ z-index:-1;
+ z-index:auto
+ }
+ .pickr2 .pcr-button2:after,.pickr2 .pcr-button2:before{
+ position:absolute;
+ content:"";
+ top:0;
+ left:0;
+ width:100%;
+ height:100%;
+ border-radius:15em
+ }
+ .pickr2 .pcr-button2:after{
+ transition:background .3s;
+ background:currentColor
+ }
+ .pickr2 .pcr-button2.clear{
+ background-size:70%
+ }
+ .pickr2 .pcr-button2.clear:before{
+ opacity:0
+ }
+ .pickr2 .pcr-button2.clear:focus{
+ box-shadow:0 0 0 1px #f1f3f4,0 0 0 3px currentColor
+ }
+ .pickr2 .pcr-button2.disabled{
+ cursor:not-allowed
+ }
+ .pcr-app button,.pcr-app input,.pickr2 button,.pickr2 input{
+ outline:none;
+ border:none;
+ -webkit-appearance:none
+ }
+ .pcr-app button:focus,.pcr-app input:focus,.pickr2 button:focus,.pickr2 input:focus{
+ box-shadow:0 0 0 1px #f1f3f4,0 0 0 3px currentColor
+ }
+ .pcr-app[data-theme=classic]{
+ position:absolute;
+ display:flex;
+ flex-direction:column;
+ z-index:10000;
+ font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica Neue,Arial,sans-serif;
+ box-shadow:0 .15em 1.5em 0 rgba(0,0,0,.1),0 0 1em 0 rgba(0,0,0,.03);
+ width:28.5em;
+ max-width:95vw;
+ padding:.8em;
+ border-radius:.1em;
+ background:#fff;
+ opacity:0;
+ visibility:hidden;
+ transition:opacity .3s;
+ left:0;
+ top:0
+ }
+ .pcr-app[data-theme=classic].visible{
+ visibility:visible;
+ opacity:1
+ }
.pcr-app[data-theme=classic] .pcr-swatches{
- display:grid;
- align-items:center;
- justify-content:space-around;
- grid-template-columns:repeat(auto-fit,1.75em)
-}
+ display:flex;
+ flex-wrap:wrap;
+ margin-top:.75em
+ }
+ .pcr-app[data-theme=classic] .pcr-swatches.pcr-last{
+ margin:0
+ }
+ @supports (display:grid){
+ .pcr-app[data-theme=classic] .pcr-swatches{
+ display:grid;
+ align-items:center;
+ justify-content:space-around;
+ grid-template-columns:repeat(auto-fit,1.75em)
+ }
-}
+ }
-/*! Pickr2 1.0.1 MIT | https://github.com/Simonwep/pickr2 */
-.pickr2{
- position:relative;
- overflow:visible;
- transform:translateY(0);
- margin : 0vw 2vw 2vw 2vw;
+ /*! Pickr3 1.0.1 MIT | https://github.com/Simonwep/pickr3 */
+ .pickr3{
+ position:relative;
+ overflow:visible;
+ transform:translateY(0);
+ margin : 0vw 2vw 2vw 2vw;
+ }
+ .pickr3 *{
+ box-sizing:border-box
+ }
+ .pickr3 .pcr-button3{
+ position:relative;
+ height:7vw;
+ width:7vw;
+ padding:.5em;
+ cursor:pointer;
+ font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica Neue,Arial,sans-serif;
+ border-radius:.15em;
+ background:url('data:image/svg+xml; utf8, ') no-repeat 50%;
+ background-size:0;
+ transition:all .3s
+ }
+ .pickr3 .pcr-button3:before{
+ background:url('data:image/svg+xml; utf8, ');
+ background-size:.5em;
+ z-index:-1;
+ z-index:auto
+ }
+ .pickr3 .pcr-button3:after,.pickr3 .pcr-button3:before{
+ position:absolute;
+ content:"";
+ top:0;
+ left:0;
+ width:100%;
+ height:100%;
+ border-radius:15em
+ }
+ .pickr3 .pcr-button3:after{
+ transition:background .3s;
+ background:currentColor
+ }
+ .pickr3 .pcr-button3.clear{
+ background-size:70%
+ }
+ .pickr3 .pcr-button3.clear:before{
+ opacity:0
+ }
+ .pickr3 .pcr-button3.clear:focus{
+ box-shadow:0 0 0 1px #f1f3f4,0 0 0 3px currentColor
+ }
+ .pickr3 .pcr-button3.disabled{
+ cursor:not-allowed
+ }
+ .pcr-app button,.pcr-app input,.pickr3 button,.pickr3 input{
+ outline:none;
+ border:none;
+ -webkit-appearance:none
+ }
+ .pcr-app button:focus,.pcr-app input:focus,.pickr3 button:focus,.pickr3 input:focus{
+ box-shadow:0 0 0 1px #f1f3f4,0 0 0 3px currentColor
+ }
+ .pcr-app[data-theme=classic]{
+ position:absolute;
+ display:flex;
+ flex-direction:column;
+ z-index:10000;
+ font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica Neue,Arial,sans-serif;
+ box-shadow:0 .15em 1.5em 0 rgba(0,0,0,.1),0 0 1em 0 rgba(0,0,0,.03);
+ width:28.5em;
+ max-width:95vw;
+ padding:.8em;
+ border-radius:.1em;
+ background:#fff;
+ opacity:0;
+ visibility:hidden;
+ transition:opacity .3s;
+ left:0;
+ top:0
+ }
+ .pcr-app[data-theme=classic].visible{
+ visibility:visible;
+ opacity:1
+ }
+ .pcr-app[data-theme=classic] .pcr-swatches{
+ display:flex;
+ flex-wrap:wrap;
+ margin-top:.75em
+ }
+ .pcr-app[data-theme=classic] .pcr-swatches.pcr-last{
+ margin:0
+ }
+ @supports (display:grid){
+ .pcr-app[data-theme=classic] .pcr-swatches{
+ display:grid;
+ align-items:center;
+ justify-content:space-around;
+ grid-template-columns:repeat(auto-fit,1.75em)
+ }
-}
-.pickr2 *{
- box-sizing:border-box
-}
-.pickr2 .pcr-button2{
- position:relative;
- height:7vw;
- width:7vw;
- padding:.5em;
- cursor:pointer;
- font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica Neue,Arial,sans-serif;
- border-radius:.15em;
- background:url('data:image/svg+xml; utf8, ') no-repeat 50%;
- background-size:0;
- transition:all .3s
-}
-.pickr2 .pcr-button2:before{
- background:url('data:image/svg+xml; utf8, ');
- background-size:.5em;
- z-index:-1;
- z-index:auto
-}
-.pickr2 .pcr-button2:after,.pickr2 .pcr-button2:before{
- position:absolute;
- content:"";
- top:0;
- left:0;
- width:100%;
- height:100%;
- border-radius:15em
-}
-.pickr2 .pcr-button2:after{
- transition:background .3s;
- background:currentColor
-}
-.pickr2 .pcr-button2.clear{
- background-size:70%
-}
-.pickr2 .pcr-button2.clear:before{
- opacity:0
-}
-.pickr2 .pcr-button2.clear:focus{
- box-shadow:0 0 0 1px #f1f3f4,0 0 0 3px currentColor
-}
-.pickr2 .pcr-button2.disabled{
- cursor:not-allowed
-}
-.pcr-app button,.pcr-app input,.pickr2 button,.pickr2 input{
- outline:none;
- border:none;
- -webkit-appearance:none
-}
-.pcr-app button:focus,.pcr-app input:focus,.pickr2 button:focus,.pickr2 input:focus{
- box-shadow:0 0 0 1px #f1f3f4,0 0 0 3px currentColor
-}
-.pcr-app[data-theme=classic]{
- position:absolute;
- display:flex;
- flex-direction:column;
- z-index:10000;
- font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica Neue,Arial,sans-serif;
- box-shadow:0 .15em 1.5em 0 rgba(0,0,0,.1),0 0 1em 0 rgba(0,0,0,.03);
- width:28.5em;
- max-width:95vw;
- padding:.8em;
- border-radius:.1em;
- background:#fff;
- opacity:0;
- visibility:hidden;
- transition:opacity .3s;
- left:0;
- top:0
-}
-.pcr-app[data-theme=classic].visible{
- visibility:visible;
- opacity:1
-}
-.pcr-app[data-theme=classic] .pcr-swatches{
- display:flex;
- flex-wrap:wrap;
- margin-top:.75em
-}
-.pcr-app[data-theme=classic] .pcr-swatches.pcr-last{
- margin:0
-}
-@supports (display:grid){
+ }
+
+
+ /*! Pickr4 1.0.1 MIT | https://github.com/Simonwep/pickr4 */
+ .pickr4{
+ position:relative;
+ overflow:visible;
+ transform:translateY(0);
+ margin : 0vw 2vw 2vw 2vw;
+ }
+ .pickr4 *{
+ box-sizing:border-box
+ }
+ .pickr4 .pcr-button4{
+ position:relative;
+ height:7vw;
+ width:7vw;
+ padding:.5em;
+ cursor:pointer;
+ font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica Neue,Arial,sans-serif;
+ border-radius:.15em;
+ background:url('data:image/svg+xml; utf8, ') no-repeat 50%;
+ background-size:0;
+ transition:all .3s
+ }
+ .pickr4 .pcr-button4:before{
+ background:url('data:image/svg+xml; utf8, ');
+ background-size:.5em;
+ z-index:-1;
+ z-index:auto
+ }
+ .pickr4 .pcr-button4:after,.pickr4 .pcr-button4:before{
+ position:absolute;
+ content:"";
+ top:0;
+ left:0;
+ width:100%;
+ height:100%;
+ border-radius:15em
+ }
+ .pickr4 .pcr-button4:after{
+ transition:background .3s;
+ background:currentColor
+ }
+ .pickr4 .pcr-button4.clear{
+ background-size:70%
+ }
+ .pickr4 .pcr-button4.clear:before{
+ opacity:0
+ }
+ .pickr4 .pcr-button4.clear:focus{
+ box-shadow:0 0 0 1px #f1f3f4,0 0 0 3px currentColor
+ }
+ .pickr4 .pcr-button4.disabled{
+ cursor:not-allowed
+ }
+ .pcr-app button,.pcr-app input,.pickr4 button,.pickr4 input{
+ outline:none;
+ border:none;
+ -webkit-appearance:none
+ }
+ .pcr-app button:focus,.pcr-app input:focus,.pickr4 button:focus,.pickr4 input:focus{
+ box-shadow:0 0 0 1px #f1f3f4,0 0 0 3px currentColor
+ }
+ .pcr-app[data-theme=classic]{
+ position:absolute;
+ display:flex;
+ flex-direction:column;
+ z-index:10000;
+ font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica Neue,Arial,sans-serif;
+ box-shadow:0 .15em 1.5em 0 rgba(0,0,0,.1),0 0 1em 0 rgba(0,0,0,.03);
+ width:28.5em;
+ max-width:95vw;
+ padding:.8em;
+ border-radius:.1em;
+ background:#fff;
+ opacity:0;
+ visibility:hidden;
+ transition:opacity .3s;
+ left:0;
+ top:0
+ }
+ .pcr-app[data-theme=classic].visible{
+ visibility:visible;
+ opacity:1
+ }
.pcr-app[data-theme=classic] .pcr-swatches{
- display:grid;
- align-items:center;
- justify-content:space-around;
- grid-template-columns:repeat(auto-fit,1.75em)
-}
+ display:flex;
+ flex-wrap:wrap;
+ margin-top:.75em
+ }
+ .pcr-app[data-theme=classic] .pcr-swatches.pcr-last{
+ margin:0
+ }
+ @supports (display:grid){
+ .pcr-app[data-theme=classic] .pcr-swatches{
+ display:grid;
+ align-items:center;
+ justify-content:space-around;
+ grid-template-columns:repeat(auto-fit,1.75em)
+ }
-}
+ }
-/*! Pickr3 1.0.1 MIT | https://github.com/Simonwep/pickr3 */
-.pickr3{
- position:relative;
- overflow:visible;
- transform:translateY(0);
- margin : 0vw 2vw 2vw 2vw;
-}
-.pickr3 *{
- box-sizing:border-box
-}
-.pickr3 .pcr-button3{
- position:relative;
- height:7vw;
- width:7vw;
- padding:.5em;
- cursor:pointer;
- font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica Neue,Arial,sans-serif;
- border-radius:.15em;
- background:url('data:image/svg+xml; utf8, ') no-repeat 50%;
- background-size:0;
- transition:all .3s
-}
-.pickr3 .pcr-button3:before{
- background:url('data:image/svg+xml; utf8, ');
- background-size:.5em;
- z-index:-1;
- z-index:auto
-}
-.pickr3 .pcr-button3:after,.pickr3 .pcr-button3:before{
- position:absolute;
- content:"";
- top:0;
- left:0;
- width:100%;
- height:100%;
- border-radius:15em
-}
-.pickr3 .pcr-button3:after{
- transition:background .3s;
- background:currentColor
-}
-.pickr3 .pcr-button3.clear{
- background-size:70%
-}
-.pickr3 .pcr-button3.clear:before{
- opacity:0
-}
-.pickr3 .pcr-button3.clear:focus{
- box-shadow:0 0 0 1px #f1f3f4,0 0 0 3px currentColor
-}
-.pickr3 .pcr-button3.disabled{
- cursor:not-allowed
-}
-.pcr-app button,.pcr-app input,.pickr3 button,.pickr3 input{
- outline:none;
- border:none;
- -webkit-appearance:none
-}
-.pcr-app button:focus,.pcr-app input:focus,.pickr3 button:focus,.pickr3 input:focus{
- box-shadow:0 0 0 1px #f1f3f4,0 0 0 3px currentColor
-}
-.pcr-app[data-theme=classic]{
- position:absolute;
- display:flex;
- flex-direction:column;
- z-index:10000;
- font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica Neue,Arial,sans-serif;
- box-shadow:0 .15em 1.5em 0 rgba(0,0,0,.1),0 0 1em 0 rgba(0,0,0,.03);
- width:28.5em;
- max-width:95vw;
- padding:.8em;
- border-radius:.1em;
- background:#fff;
- opacity:0;
- visibility:hidden;
- transition:opacity .3s;
- left:0;
- top:0
-}
-.pcr-app[data-theme=classic].visible{
- visibility:visible;
- opacity:1
-}
-.pcr-app[data-theme=classic] .pcr-swatches{
- display:flex;
- flex-wrap:wrap;
- margin-top:.75em
-}
-.pcr-app[data-theme=classic] .pcr-swatches.pcr-last{
- margin:0
-}
-@supports (display:grid){
+
+ /*! Pickr5 1.0.1 MIT | https://github.com/Simonwep/pickr5 */
+ .pickr5{
+ position:relative;
+ overflow:visible;
+ transform:translateY(0);
+ margin : 0vw 2vw 2vw 2vw;
+ }
+ .pickr5 *{
+ box-sizing:border-box
+ }
+ .pickr5 .pcr-button5{
+ position:relative;
+ height:2em;
+ width:2em;
+ padding:.5em;
+ cursor:pointer;
+ font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica Neue,Arial,sans-serif;
+ border-radius:.15em;
+ background:url('data:image/svg+xml; utf8, ') no-repeat 50%;
+ background-size:0;
+ transition:all .3s
+ }
+ .pickr5 .pcr-button5:before{
+ background:url('data:image/svg+xml; utf8, ');
+ background-size:.5em;
+ z-index:-1;
+ z-index:auto
+ }
+ .pickr5 .pcr-button5:after,.pickr5 .pcr-button5:before{
+ position:absolute;
+ content:"";
+ top:0;
+ left:0;
+ width:100%;
+ height:100%;
+ border-radius:15em
+ }
+ .pickr5 .pcr-button5:after{
+ transition:background .3s;
+ background:currentColor
+ }
+ .pickr5 .pcr-button5.clear{
+ background-size:70%
+ }
+ .pickr5 .pcr-button5.clear:before{
+ opacity:0
+ }
+ .pickr5 .pcr-button5.clear:focus{
+ box-shadow:0 0 0 1px #f1f3f4,0 0 0 3px currentColor
+ }
+ .pickr5 .pcr-button5.disabled{
+ cursor:not-allowed
+ }
+ .pcr-app button,.pcr-app input,.pickr5 button,.pickr5 input{
+ outline:none;
+ border:none;
+ -webkit-appearance:none
+ }
+ .pcr-app button:focus,.pcr-app input:focus,.pickr5 button:focus,.pickr5 input:focus{
+ box-shadow:0 0 0 1px #f1f3f4,0 0 0 3px currentColor
+ }
+ .pcr-app[data-theme=classic]{
+ position:absolute;
+ display:flex;
+ flex-direction:column;
+ z-index:10000;
+ font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica Neue,Arial,sans-serif;
+ box-shadow:0 .15em 1.5em 0 rgba(0,0,0,.1),0 0 1em 0 rgba(0,0,0,.03);
+ width:28.5em;
+ max-width:95vw;
+ padding:.8em;
+ border-radius:.1em;
+ background:#fff;
+ opacity:0;
+ visibility:hidden;
+ transition:opacity .3s;
+ left:0;
+ top:0
+ }
+ .pcr-app[data-theme=classic].visible{
+ visibility:visible;
+ opacity:1
+ }
.pcr-app[data-theme=classic] .pcr-swatches{
- display:grid;
- align-items:center;
- justify-content:space-around;
- grid-template-columns:repeat(auto-fit,1.75em)
-}
+ display:flex;
+ flex-wrap:wrap;
+ margin-top:.75em
+ }
+ .pcr-app[data-theme=classic] .pcr-swatches.pcr-last{
+ margin:0
+ }
+ @supports (display:grid){
+ .pcr-app[data-theme=classic] .pcr-swatches{
+ display:grid;
+ align-items:center;
+ justify-content:space-around;
+ grid-template-columns:repeat(auto-fit,1.75em)
+ }
-}
+ }
+ .pcr-app[data-theme=classic] .pcr-swatches>button{
+ position:relative;
+ width:1.75em;
+ height:1.75em;
+ border-radius:.15em;
+ cursor:pointer;
+ margin:2.5px;
+ flex-shrink:0;
+ justify-self:center;
+ transition:all .15s;
+ overflow:hidden;
+ background:transparent;
+ z-index:1
+ }
+ .pcr-app[data-theme=classic] .pcr-swatches>button:before{
+ position:absolute;
+ content:"";
+ top:0;
+ left:0;
+ width:100%;
+ height:100%;
+ background:url('data:image/svg+xml; utf8, ');
+ background-size:6px;
+ border-radius:.15em;
+ z-index:-1
+ }
+ .pcr-app[data-theme=classic] .pcr-swatches>button:after{
+ content:"";
+ position:absolute;
+ top:0;
+ left:0;
+ width:100%;
+ height:100%;
+ background:currentColor;
+ border:1px solid rgba(0,0,0,.05);
+ border-radius:.15em;
+ box-sizing:border-box
+ }
+ .pcr-app[data-theme=classic] .pcr-swatches>button:hover{
+ filter:brightness(1.05)
+ }
+ .pcr-app[data-theme=classic] .pcr-interaction{
+ display:flex;
+ flex-wrap:wrap;
+ align-items:center;
+ margin:0 -.2em
+ }
+ .pcr-app[data-theme=classic] .pcr-interaction>*{
+ margin:0 .2em
+ }
+ .pcr-app[data-theme=classic] .pcr-interaction input{
+ letter-spacing:.07em;
+ font-size:.75em;
+ text-align:center;
+ cursor:pointer;
+ color:#75797e;
+ background:#f1f3f4;
+ border-radius:.15em;
+ transition:all .15s;
+ padding:.45em .5em;
+ margin-top:.75em
+ }
+ .pcr-app[data-theme=classic] .pcr-interaction input:hover{
+ filter:brightness(.975)
+ }
+ .pcr-app[data-theme=classic] .pcr-interaction input:focus{
+ box-shadow:0 0 0 1px #f1f3f4,0 0 0 3px rgba(66,133,244,.75)
+ }
+ .pcr-app[data-theme=classic] .pcr-interaction .pcr-result{
+ color:#75797e;
+ text-align:left;
+ flex:1 1 8em;
+ min-width:8em;
+ transition:all .2s;
+ border-radius:.15em;
+ background:#f1f3f4;
+ cursor:text
+ }
+ .pcr-app[data-theme=classic] .pcr-interaction .pcr-result::selection{
+ background:#4285f4;
+ color:#fff
+ }
+ .pcr-app[data-theme=classic] .pcr-interaction .pcr-type.active{
+ color:#fff;
+ background:#4285f4
+ }
+ .pcr-app[data-theme=classic] .pcr-interaction .pcr-clear,.pcr-app[data-theme=classic] .pcr-interaction .pcr-save{
+ width:auto;
+ color:#fff
+ }
+ .pcr-app[data-theme=classic] .pcr-interaction .pcr-clear:hover,.pcr-app[data-theme=classic] .pcr-interaction .pcr-save:hover{
+ filter:brightness(.925)
+ }
+ .pcr-app[data-theme=classic] .pcr-interaction .pcr-save{
+ background:#4285f4
+ }
+ .pcr-app[data-theme=classic] .pcr-interaction .pcr-clear{
+ background:#f44250
+ }
+ .pcr-app[data-theme=classic] .pcr-interaction .pcr-clear:focus{
+ box-shadow:0 0 0 1px #f1f3f4,0 0 0 3px rgba(244,66,80,.75)
+ }
+ .pcr-app[data-theme=classic] .pcr-selection{
+ display:flex;
+ justify-content:space-between;
+ flex-grow:1
+ }
+ .pcr-app[data-theme=classic] .pcr-selection .pcr-picker{
+ position:absolute;
+ height:18px;
+ width:18px;
+ border:2px solid #fff;
+ border-radius:100%;
+ user-select:none
+ }
+ .pcr-app[data-theme=classic] .pcr-selection .pcr-color-preview{
+ position:relative;
+ z-index:1;
+ width:2em;
+ display:flex;
+ flex-direction:column;
+ justify-content:space-between;
+ margin-right:.75em
+ }
+ .pcr-app[data-theme=classic] .pcr-selection .pcr-color-preview:before{
+ position:absolute;
+ content:"";
+ top:0;
+ left:0;
+ width:100%;
+ height:100%;
+ background:url('data:image/svg+xml; utf8, ');
+ background-size:.5em;
+ border-radius:.15em;
+ z-index:-1
+ }
+ .pcr-app[data-theme=classic] .pcr-selection .pcr-color-preview .pcr-last-color{
+ cursor:pointer;
+ transition:background-color .3s,box-shadow .3s;
+ border-radius:.15em .15em 0 0;
+ z-index:2
+ }
+ .pcr-app[data-theme=classic] .pcr-selection .pcr-color-preview .pcr-current-color{
+ border-radius:0 0 .15em .15em
+ }
+ .pcr-app[data-theme=classic] .pcr-selection .pcr-color-preview .pcr-current-color,.pcr-app[data-theme=classic] .pcr-selection .pcr-color-preview .pcr-last-color{
+ background:currentColor;
+ width:100%;
+ height:50%
+ }
+ .pcr-app[data-theme=classic] .pcr-selection .pcr-color-chooser,.pcr-app[data-theme=classic] .pcr-selection .pcr-color-opacity,.pcr-app[data-theme=classic] .pcr-selection .pcr-color-palette{
+ position:relative;
+ user-select:none;
+ display:flex;
+ flex-direction:column;
+ cursor:grab;
+ cursor:-moz-grab;
+ cursor:-webkit-grab
+ }
+ .pcr-app[data-theme=classic] .pcr-selection .pcr-color-chooser:active,.pcr-app[data-theme=classic] .pcr-selection .pcr-color-opacity:active,.pcr-app[data-theme=classic] .pcr-selection .pcr-color-palette:active{
+ cursor:grabbing;
+ cursor:-moz-grabbing;
+ cursor:-webkit-grabbing
+ }
+ .pcr-app[data-theme=classic] .pcr-selection .pcr-color-palette{
+ width:100%;
+ height:8em;
+ z-index:1
+ }
+ .pcr-app[data-theme=classic] .pcr-selection .pcr-color-palette .pcr-palette{
+ flex-grow:1;
+ border-radius:.15em
+ }
+ .pcr-app[data-theme=classic] .pcr-selection .pcr-color-palette .pcr-palette:before{
+ position:absolute;
+ content:"";
+ top:0;
+ left:0;
+ width:100%;
+ height:100%;
+ background:url('data:image/svg+xml; utf8, ');
+ background-size:.5em;
+ border-radius:.15em;
+ z-index:-1
+ }
+ .pcr-app[data-theme=classic] .pcr-selection .pcr-color-chooser,.pcr-app[data-theme=classic] .pcr-selection .pcr-color-opacity{
+ margin-left:.75em
+ }
+ .pcr-app[data-theme=classic] .pcr-selection .pcr-color-chooser .pcr-picker,.pcr-app[data-theme=classic] .pcr-selection .pcr-color-opacity .pcr-picker{
+ left:50%;
+ transform:translateX(-50%)
+ }
+ .pcr-app[data-theme=classic] .pcr-selection .pcr-color-chooser .pcr-slider,.pcr-app[data-theme=classic] .pcr-selection .pcr-color-opacity .pcr-slider{
+ width:8px;
+ flex-grow:1;
+ border-radius:50em
+ }
+ .pcr-app[data-theme=classic] .pcr-selection .pcr-color-chooser .pcr-slider{
+ background:linear-gradient(180deg,red,#ff0,#0f0,#0ff,#00f,#f0f,red)
+ }
+ .pcr-app[data-theme=classic] .pcr-selection .pcr-color-opacity .pcr-slider{
+ background:linear-gradient(180deg,transparent,#000),url('data:image/svg+xml; utf8, ');
+ background-size:100%,50%
+ }
-/*! Pickr4 1.0.1 MIT | https://github.com/Simonwep/pickr4 */
-.pickr4{
- position:relative;
- overflow:visible;
- transform:translateY(0);
- margin : 0vw 2vw 2vw 2vw;
-}
-.pickr4 *{
- box-sizing:border-box
-}
-.pickr4 .pcr-button4{
- position:relative;
- height:7vw;
- width:7vw;
- padding:.5em;
- cursor:pointer;
- font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica Neue,Arial,sans-serif;
- border-radius:.15em;
- background:url('data:image/svg+xml; utf8, ') no-repeat 50%;
- background-size:0;
- transition:all .3s
-}
-.pickr4 .pcr-button4:before{
- background:url('data:image/svg+xml; utf8, ');
- background-size:.5em;
- z-index:-1;
- z-index:auto
-}
-.pickr4 .pcr-button4:after,.pickr4 .pcr-button4:before{
- position:absolute;
- content:"";
- top:0;
- left:0;
- width:100%;
- height:100%;
- border-radius:15em
-}
-.pickr4 .pcr-button4:after{
- transition:background .3s;
- background:currentColor
-}
-.pickr4 .pcr-button4.clear{
- background-size:70%
-}
-.pickr4 .pcr-button4.clear:before{
- opacity:0
-}
-.pickr4 .pcr-button4.clear:focus{
- box-shadow:0 0 0 1px #f1f3f4,0 0 0 3px currentColor
-}
-.pickr4 .pcr-button4.disabled{
- cursor:not-allowed
-}
-.pcr-app button,.pcr-app input,.pickr4 button,.pickr4 input{
- outline:none;
- border:none;
- -webkit-appearance:none
-}
-.pcr-app button:focus,.pcr-app input:focus,.pickr4 button:focus,.pickr4 input:focus{
- box-shadow:0 0 0 1px #f1f3f4,0 0 0 3px currentColor
-}
-.pcr-app[data-theme=classic]{
- position:absolute;
- display:flex;
- flex-direction:column;
- z-index:10000;
- font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica Neue,Arial,sans-serif;
- box-shadow:0 .15em 1.5em 0 rgba(0,0,0,.1),0 0 1em 0 rgba(0,0,0,.03);
- width:28.5em;
- max-width:95vw;
- padding:.8em;
- border-radius:.1em;
- background:#fff;
- opacity:0;
- visibility:hidden;
- transition:opacity .3s;
- left:0;
- top:0
-}
-.pcr-app[data-theme=classic].visible{
- visibility:visible;
- opacity:1
-}
-.pcr-app[data-theme=classic] .pcr-swatches{
- display:flex;
- flex-wrap:wrap;
- margin-top:.75em
-}
-.pcr-app[data-theme=classic] .pcr-swatches.pcr-last{
- margin:0
-}
-@supports (display:grid){
+
+ /*! Pickr6 1.0.1 MIT | https://github.com/Simonwep/pickr6 */
+ .pickr6{
+ position:relative;
+ overflow:visible;
+ transform:translateY(0);
+ margin : 0vw 2vw 2vw 2vw;
+ }
+ .pickr6 *{
+ box-sizing:border-box
+ }
+ .pickr6 .pcr-button6{
+ position:relative;
+ height:7vw;
+ width:7vw;
+ padding:.5em;
+ cursor:pointer;
+ font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica Neue,Arial,sans-serif;
+ border-radius:.15em;
+ background:url('data:image/svg+xml; utf8, ') no-repeat 50%;
+ background-size:0;
+ transition:all .3s
+ }
+ .pickr6 .pcr-button6:before{
+ background:url('data:image/svg+xml; utf8, ');
+ background-size:.5em;
+ z-index:-1;
+ z-index:auto
+ }
+ .pickr6 .pcr-button6:after,.pickr6 .pcr-button6:before{
+ position:absolute;
+ content:"";
+ top:0;
+ left:0;
+ width:100%;
+ height:100%;
+ border-radius:15em
+ }
+ .pickr6 .pcr-button6:after{
+ transition:background .3s;
+ background:currentColor
+ }
+ .pickr6 .pcr-button6.clear{
+ background-size:70%
+ }
+ .pickr6 .pcr-button6.clear:before{
+ opacity:0
+ }
+ .pickr6 .pcr-button6.clear:focus{
+ box-shadow:0 0 0 1px #f1f3f4,0 0 0 3px currentColor
+ }
+ .pickr6 .pcr-button6.disabled{
+ cursor:not-allowed
+ }
+ .pcr-app button,.pcr-app input,.pickr6 button,.pickr6 input{
+ outline:none;
+ border:none;
+ -webkit-appearance:none
+ }
+ .pcr-app button:focus,.pcr-app input:focus,.pickr6 button:focus,.pickr6 input:focus{
+ box-shadow:0 0 0 1px #f1f3f4,0 0 0 3px currentColor
+ }
+ .pcr-app[data-theme=classic]{
+ position:absolute;
+ display:flex;
+ flex-direction:column;
+ z-index:10000;
+ font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica Neue,Arial,sans-serif;
+ box-shadow:0 .15em 1.5em 0 rgba(0,0,0,.1),0 0 1em 0 rgba(0,0,0,.03);
+ width:28.5em;
+ max-width:95vw;
+ padding:.8em;
+ border-radius:.1em;
+ background:#fff;
+ opacity:0;
+ visibility:hidden;
+ transition:opacity .3s;
+ left:0;
+ top:0
+ }
+ .pcr-app[data-theme=classic].visible{
+ visibility:visible;
+ opacity:1
+ }
.pcr-app[data-theme=classic] .pcr-swatches{
- display:grid;
- align-items:center;
- justify-content:space-around;
- grid-template-columns:repeat(auto-fit,1.75em)
-}
+ display:flex;
+ flex-wrap:wrap;
+ margin-top:.75em
+ }
+ .pcr-app[data-theme=classic] .pcr-swatches.pcr-last{
+ margin:0
+ }
+ @supports (display:grid){
+ .pcr-app[data-theme=classic] .pcr-swatches{
+ display:grid;
+ align-items:center;
+ justify-content:space-around;
+ grid-template-columns:repeat(auto-fit,1.75em)
+ }
-}
+ }
-/*! Pickr5 1.0.1 MIT | https://github.com/Simonwep/pickr5 */
-.pickr5{
- position:relative;
- overflow:visible;
- transform:translateY(0);
- margin : 0vw 2vw 2vw 2vw;
-}
-.pickr5 *{
- box-sizing:border-box
-}
-.pickr5 .pcr-button5{
- position:relative;
- height:2em;
- width:2em;
- padding:.5em;
- cursor:pointer;
- font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica Neue,Arial,sans-serif;
- border-radius:.15em;
- background:url('data:image/svg+xml; utf8, ') no-repeat 50%;
- background-size:0;
- transition:all .3s
-}
-.pickr5 .pcr-button5:before{
- background:url('data:image/svg+xml; utf8, ');
- background-size:.5em;
- z-index:-1;
- z-index:auto
-}
-.pickr5 .pcr-button5:after,.pickr5 .pcr-button5:before{
- position:absolute;
- content:"";
- top:0;
- left:0;
- width:100%;
- height:100%;
- border-radius:15em
-}
-.pickr5 .pcr-button5:after{
- transition:background .3s;
- background:currentColor
-}
-.pickr5 .pcr-button5.clear{
- background-size:70%
-}
-.pickr5 .pcr-button5.clear:before{
- opacity:0
-}
-.pickr5 .pcr-button5.clear:focus{
- box-shadow:0 0 0 1px #f1f3f4,0 0 0 3px currentColor
-}
-.pickr5 .pcr-button5.disabled{
- cursor:not-allowed
-}
-.pcr-app button,.pcr-app input,.pickr5 button,.pickr5 input{
- outline:none;
- border:none;
- -webkit-appearance:none
-}
-.pcr-app button:focus,.pcr-app input:focus,.pickr5 button:focus,.pickr5 input:focus{
- box-shadow:0 0 0 1px #f1f3f4,0 0 0 3px currentColor
-}
-.pcr-app[data-theme=classic]{
- position:absolute;
- display:flex;
- flex-direction:column;
- z-index:10000;
- font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica Neue,Arial,sans-serif;
- box-shadow:0 .15em 1.5em 0 rgba(0,0,0,.1),0 0 1em 0 rgba(0,0,0,.03);
- width:28.5em;
- max-width:95vw;
- padding:.8em;
- border-radius:.1em;
- background:#fff;
- opacity:0;
- visibility:hidden;
- transition:opacity .3s;
- left:0;
- top:0
-}
-.pcr-app[data-theme=classic].visible{
- visibility:visible;
- opacity:1
-}
-.pcr-app[data-theme=classic] .pcr-swatches{
- display:flex;
- flex-wrap:wrap;
- margin-top:.75em
-}
-.pcr-app[data-theme=classic] .pcr-swatches.pcr-last{
- margin:0
-}
-@supports (display:grid){
+ /*! Pickr7 1.0.1 MIT | https://github.com/Simonwep/pickr7 */
+ .pickr7{
+ position:relative;
+ overflow:visible;
+ transform:translateY(0);
+ margin : 0vw 2vw 2vw 2vw;
+ }
+ .pickr7 *{
+ box-sizing:border-box
+ }
+ .pickr7 .pcr-button7{
+ position:relative;
+ height:7vw;
+ width:7vw;
+ padding:.5em;
+ cursor:pointer;
+ font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica Neue,Arial,sans-serif;
+ border-radius:.15em;
+ background:url('data:image/svg+xml; utf8, ') no-repeat 50%;
+ background-size:0;
+ transition:all .3s
+ }
+ .pickr7 .pcr-button7:before{
+ background:url('data:image/svg+xml; utf8, ');
+ background-size:.5em;
+ z-index:-1;
+ z-index:auto
+ }
+ .pickr7 .pcr-button7:after,.pickr7 .pcr-button7:before{
+ position:absolute;
+ content:"";
+ top:0;
+ left:0;
+ width:100%;
+ height:100%;
+ border-radius:15em
+ }
+ .pickr7 .pcr-button7:after{
+ transition:background .3s;
+ background:currentColor
+ }
+ .pickr7 .pcr-button7.clear{
+ background-size:70%
+ }
+ .pickr7 .pcr-button7.clear:before{
+ opacity:0
+ }
+ .pickr7 .pcr-button7.clear:focus{
+ box-shadow:0 0 0 1px #f1f3f4,0 0 0 3px currentColor
+ }
+ .pickr7 .pcr-button7.disabled{
+ cursor:not-allowed
+ }
+ .pcr-app button,.pcr-app input,.pickr7 button,.pickr7 input{
+ outline:none;
+ border:none;
+ -webkit-appearance:none
+ }
+ .pcr-app button:focus,.pcr-app input:focus,.pickr7 button:focus,.pickr7 input:focus{
+ box-shadow:0 0 0 1px #f1f3f4,0 0 0 3px currentColor
+ }
+ .pcr-app[data-theme=classic]{
+ position:absolute;
+ display:flex;
+ flex-direction:column;
+ z-index:10000;
+ font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica Neue,Arial,sans-serif;
+ box-shadow:0 .15em 1.5em 0 rgba(0,0,0,.1),0 0 1em 0 rgba(0,0,0,.03);
+ width:28.5em;
+ max-width:95vw;
+ padding:.8em;
+ border-radius:.1em;
+ background:#fff;
+ opacity:0;
+ visibility:hidden;
+ transition:opacity .3s;
+ left:0;
+ top:0
+ }
+ .pcr-app[data-theme=classic].visible{
+ visibility:visible;
+ opacity:1
+ }
.pcr-app[data-theme=classic] .pcr-swatches{
- display:grid;
- align-items:center;
- justify-content:space-around;
- grid-template-columns:repeat(auto-fit,1.75em)
-}
+ display:flex;
+ flex-wrap:wrap;
+ margin-top:.75em
+ }
+ .pcr-app[data-theme=classic] .pcr-swatches.pcr-last{
+ margin:0
+ }
+ @supports (display:grid){
+ .pcr-app[data-theme=classic] .pcr-swatches{
+ display:grid;
+ align-items:center;
+ justify-content:space-around;
+ grid-template-columns:repeat(auto-fit,1.75em)
+ }
-}
+ }
-.pcr-app[data-theme=classic] .pcr-swatches>button{
- position:relative;
- width:1.75em;
- height:1.75em;
- border-radius:.15em;
- cursor:pointer;
- margin:2.5px;
- flex-shrink:0;
- justify-self:center;
- transition:all .15s;
- overflow:hidden;
- background:transparent;
- z-index:1
-}
-.pcr-app[data-theme=classic] .pcr-swatches>button:before{
- position:absolute;
- content:"";
- top:0;
- left:0;
- width:100%;
- height:100%;
- background:url('data:image/svg+xml; utf8, ');
- background-size:6px;
- border-radius:.15em;
- z-index:-1
-}
-.pcr-app[data-theme=classic] .pcr-swatches>button:after{
- content:"";
- position:absolute;
- top:0;
- left:0;
- width:100%;
- height:100%;
- background:currentColor;
- border:1px solid rgba(0,0,0,.05);
- border-radius:.15em;
- box-sizing:border-box
-}
-.pcr-app[data-theme=classic] .pcr-swatches>button:hover{
- filter:brightness(1.05)
-}
-.pcr-app[data-theme=classic] .pcr-interaction{
- display:flex;
- flex-wrap:wrap;
- align-items:center;
- margin:0 -.2em
-}
-.pcr-app[data-theme=classic] .pcr-interaction>*{
- margin:0 .2em
-}
-.pcr-app[data-theme=classic] .pcr-interaction input{
- letter-spacing:.07em;
- font-size:.75em;
- text-align:center;
- cursor:pointer;
- color:#75797e;
- background:#f1f3f4;
- border-radius:.15em;
- transition:all .15s;
- padding:.45em .5em;
- margin-top:.75em
-}
-.pcr-app[data-theme=classic] .pcr-interaction input:hover{
- filter:brightness(.975)
-}
-.pcr-app[data-theme=classic] .pcr-interaction input:focus{
- box-shadow:0 0 0 1px #f1f3f4,0 0 0 3px rgba(66,133,244,.75)
-}
-.pcr-app[data-theme=classic] .pcr-interaction .pcr-result{
- color:#75797e;
- text-align:left;
- flex:1 1 8em;
- min-width:8em;
- transition:all .2s;
- border-radius:.15em;
- background:#f1f3f4;
- cursor:text
-}
-.pcr-app[data-theme=classic] .pcr-interaction .pcr-result::selection{
- background:#4285f4;
- color:#fff
-}
-.pcr-app[data-theme=classic] .pcr-interaction .pcr-type.active{
- color:#fff;
- background:#4285f4
-}
-.pcr-app[data-theme=classic] .pcr-interaction .pcr-clear,.pcr-app[data-theme=classic] .pcr-interaction .pcr-save{
- width:auto;
- color:#fff
-}
-.pcr-app[data-theme=classic] .pcr-interaction .pcr-clear:hover,.pcr-app[data-theme=classic] .pcr-interaction .pcr-save:hover{
- filter:brightness(.925)
-}
-.pcr-app[data-theme=classic] .pcr-interaction .pcr-save{
- background:#4285f4
-}
-.pcr-app[data-theme=classic] .pcr-interaction .pcr-clear{
- background:#f44250
-}
-.pcr-app[data-theme=classic] .pcr-interaction .pcr-clear:focus{
- box-shadow:0 0 0 1px #f1f3f4,0 0 0 3px rgba(244,66,80,.75)
-}
-.pcr-app[data-theme=classic] .pcr-selection{
- display:flex;
- justify-content:space-between;
- flex-grow:1
-}
-.pcr-app[data-theme=classic] .pcr-selection .pcr-picker{
- position:absolute;
- height:18px;
- width:18px;
- border:2px solid #fff;
- border-radius:100%;
- user-select:none
-}
-.pcr-app[data-theme=classic] .pcr-selection .pcr-color-preview{
- position:relative;
- z-index:1;
- width:2em;
- display:flex;
- flex-direction:column;
- justify-content:space-between;
- margin-right:.75em
-}
-.pcr-app[data-theme=classic] .pcr-selection .pcr-color-preview:before{
- position:absolute;
- content:"";
- top:0;
- left:0;
- width:100%;
- height:100%;
- background:url('data:image/svg+xml; utf8, ');
- background-size:.5em;
- border-radius:.15em;
- z-index:-1
-}
-.pcr-app[data-theme=classic] .pcr-selection .pcr-color-preview .pcr-last-color{
- cursor:pointer;
- transition:background-color .3s,box-shadow .3s;
- border-radius:.15em .15em 0 0;
- z-index:2
-}
-.pcr-app[data-theme=classic] .pcr-selection .pcr-color-preview .pcr-current-color{
- border-radius:0 0 .15em .15em
-}
-.pcr-app[data-theme=classic] .pcr-selection .pcr-color-preview .pcr-current-color,.pcr-app[data-theme=classic] .pcr-selection .pcr-color-preview .pcr-last-color{
- background:currentColor;
- width:100%;
- height:50%
-}
-.pcr-app[data-theme=classic] .pcr-selection .pcr-color-chooser,.pcr-app[data-theme=classic] .pcr-selection .pcr-color-opacity,.pcr-app[data-theme=classic] .pcr-selection .pcr-color-palette{
- position:relative;
- user-select:none;
- display:flex;
- flex-direction:column;
- cursor:grab;
- cursor:-moz-grab;
- cursor:-webkit-grab
-}
-.pcr-app[data-theme=classic] .pcr-selection .pcr-color-chooser:active,.pcr-app[data-theme=classic] .pcr-selection .pcr-color-opacity:active,.pcr-app[data-theme=classic] .pcr-selection .pcr-color-palette:active{
- cursor:grabbing;
- cursor:-moz-grabbing;
- cursor:-webkit-grabbing
-}
-.pcr-app[data-theme=classic] .pcr-selection .pcr-color-palette{
- width:100%;
- height:8em;
- z-index:1
-}
-.pcr-app[data-theme=classic] .pcr-selection .pcr-color-palette .pcr-palette{
- flex-grow:1;
- border-radius:.15em
-}
-.pcr-app[data-theme=classic] .pcr-selection .pcr-color-palette .pcr-palette:before{
- position:absolute;
- content:"";
- top:0;
- left:0;
- width:100%;
- height:100%;
- background:url('data:image/svg+xml; utf8, ');
- background-size:.5em;
- border-radius:.15em;
- z-index:-1
-}
-.pcr-app[data-theme=classic] .pcr-selection .pcr-color-chooser,.pcr-app[data-theme=classic] .pcr-selection .pcr-color-opacity{
- margin-left:.75em
-}
-.pcr-app[data-theme=classic] .pcr-selection .pcr-color-chooser .pcr-picker,.pcr-app[data-theme=classic] .pcr-selection .pcr-color-opacity .pcr-picker{
- left:50%;
- transform:translateX(-50%)
-}
-.pcr-app[data-theme=classic] .pcr-selection .pcr-color-chooser .pcr-slider,.pcr-app[data-theme=classic] .pcr-selection .pcr-color-opacity .pcr-slider{
- width:8px;
- flex-grow:1;
- border-radius:50em
-}
-.pcr-app[data-theme=classic] .pcr-selection .pcr-color-chooser .pcr-slider{
- background:linear-gradient(180deg,red,#ff0,#0f0,#0ff,#00f,#f0f,red)
-}
-.pcr-app[data-theme=classic] .pcr-selection .pcr-color-opacity .pcr-slider{
- background:linear-gradient(180deg,transparent,#000),url('data:image/svg+xml; utf8, ');
- background-size:100%,50%
-}
+ /*! Pickr8 1.0.1 MIT | https://github.com/Simonwep/pickr8 */
+ .pickr8{
+ position:relative;
+ overflow:visible;
+ transform:translateY(0);
+ margin : 0vw 2vw 2vw 2vw;
+ }
+ .pickr8 *{
+ box-sizing:border-box
+ }
+ .pickr8 .pcr-button8{
+ position:relative;
+ height:7vw;
+ width:7vw;
+ padding:.5em;
+ cursor:pointer;
+ font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica Neue,Arial,sans-serif;
+ border-radius:.15em;
+ background:url('data:image/svg+xml; utf8, ') no-repeat 50%;
+ background-size:0;
+ transition:all .3s
+ }
+ .pickr8 .pcr-button8:before{
+ background:url('data:image/svg+xml; utf8, ');
+ background-size:.5em;
+ z-index:-1;
+ z-index:auto
+ }
+ .pickr8 .pcr-button8:after,.pickr8 .pcr-button8:before{
+ position:absolute;
+ content:"";
+ top:0;
+ left:0;
+ width:100%;
+ height:100%;
+ border-radius:15em
+ }
+ .pickr8 .pcr-button8:after{
+ transition:background .3s;
+ background:currentColor
+ }
+ .pickr8 .pcr-button8.clear{
+ background-size:70%
+ }
+ .pickr8 .pcr-button8.clear:before{
+ opacity:0
+ }
+ .pickr8 .pcr-button8.clear:focus{
+ box-shadow:0 0 0 1px #f1f3f4,0 0 0 3px currentColor
+ }
+ .pickr8 .pcr-button8.disabled{
+ cursor:not-allowed
+ }
+ .pcr-app button,.pcr-app input,.pickr8 button,.pickr8 input{
+ outline:none;
+ border:none;
+ -webkit-appearance:none
+ }
+ .pcr-app button:focus,.pcr-app input:focus,.pickr8 button:focus,.pickr8 input:focus{
+ box-shadow:0 0 0 1px #f1f3f4,0 0 0 3px currentColor
+ }
+ .pcr-app[data-theme=classic]{
+ position:absolute;
+ display:flex;
+ flex-direction:column;
+ z-index:10000;
+ font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica Neue,Arial,sans-serif;
+ box-shadow:0 .15em 1.5em 0 rgba(0,0,0,.1),0 0 1em 0 rgba(0,0,0,.03);
+ width:28.5em;
+ max-width:95vw;
+ padding:.8em;
+ border-radius:.1em;
+ background:#fff;
+ opacity:0;
+ visibility:hidden;
+ transition:opacity .3s;
+ left:0;
+ top:0
+ }
+ .pcr-app[data-theme=classic].visible{
+ visibility:visible;
+ opacity:1
+ }
+ .pcr-app[data-theme=classic] .pcr-swatches{
+ display:flex;
+ flex-wrap:wrap;
+ margin-top:.75em
+ }
+ .pcr-app[data-theme=classic] .pcr-swatches.pcr-last{
+ margin:0
+ }
+ @supports (display:grid){
+ .pcr-app[data-theme=classic] .pcr-swatches{
+ display:grid;
+ align-items:center;
+ justify-content:space-around;
+ grid-template-columns:repeat(auto-fit,1.75em)
+ }
+
+ }
-/*! Pickr6 1.0.1 MIT | https://github.com/Simonwep/pickr6 */
-.pickr6{
- position:relative;
- overflow:visible;
- transform:translateY(0);
- margin : 0vw 2vw 2vw 2vw;
-}
-.pickr6 *{
- box-sizing:border-box
-}
-.pickr6 .pcr-button6{
- position:relative;
- height:7vw;
- width:7vw;
- padding:.5em;
- cursor:pointer;
- font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica Neue,Arial,sans-serif;
- border-radius:.15em;
- background:url('data:image/svg+xml; utf8, ') no-repeat 50%;
- background-size:0;
- transition:all .3s
-}
-.pickr6 .pcr-button6:before{
- background:url('data:image/svg+xml; utf8, ');
- background-size:.5em;
- z-index:-1;
- z-index:auto
-}
-.pickr6 .pcr-button6:after,.pickr6 .pcr-button6:before{
- position:absolute;
- content:"";
- top:0;
- left:0;
- width:100%;
- height:100%;
- border-radius:15em
-}
-.pickr6 .pcr-button6:after{
- transition:background .3s;
- background:currentColor
-}
-.pickr6 .pcr-button6.clear{
- background-size:70%
-}
-.pickr6 .pcr-button6.clear:before{
- opacity:0
-}
-.pickr6 .pcr-button6.clear:focus{
- box-shadow:0 0 0 1px #f1f3f4,0 0 0 3px currentColor
-}
-.pickr6 .pcr-button6.disabled{
- cursor:not-allowed
-}
-.pcr-app button,.pcr-app input,.pickr6 button,.pickr6 input{
- outline:none;
- border:none;
- -webkit-appearance:none
-}
-.pcr-app button:focus,.pcr-app input:focus,.pickr6 button:focus,.pickr6 input:focus{
- box-shadow:0 0 0 1px #f1f3f4,0 0 0 3px currentColor
-}
-.pcr-app[data-theme=classic]{
- position:absolute;
- display:flex;
- flex-direction:column;
- z-index:10000;
- font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica Neue,Arial,sans-serif;
- box-shadow:0 .15em 1.5em 0 rgba(0,0,0,.1),0 0 1em 0 rgba(0,0,0,.03);
- width:28.5em;
- max-width:95vw;
- padding:.8em;
- border-radius:.1em;
- background:#fff;
- opacity:0;
- visibility:hidden;
- transition:opacity .3s;
- left:0;
- top:0
-}
-.pcr-app[data-theme=classic].visible{
- visibility:visible;
- opacity:1
-}
-.pcr-app[data-theme=classic] .pcr-swatches{
- display:flex;
- flex-wrap:wrap;
- margin-top:.75em
-}
-.pcr-app[data-theme=classic] .pcr-swatches.pcr-last{
- margin:0
}
-@supports (display:grid){
+
+@media screen and (min-width: 669px) and (max-width: 992px) {
+ /*! Pickr 1.0.1 MIT | https://github.com/Simonwep/pickr */
+ .pickr{
+ position:relative;
+ overflow:visible;
+ transform:translateY(0);
+
+ }
+ .pickr *{
+ box-sizing:border-box
+ }
+ .pickr .pcr-button{
+ position:relative;
+ height: calc(1.5*var(--y));
+ width: calc(1.5*var(--y));
+ padding:.5em;
+ cursor:pointer;
+ font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica Neue,Arial,sans-serif;
+ border-radius:.15em;
+ background:url('data:image/svg+xml; utf8, ') no-repeat 50%;
+ background-size:0;
+ transition:all .3s;
+ }
+ .pickr .pcr-button:before{
+ background:url('data:image/svg+xml; utf8, ');
+ background-size:.5em;
+ z-index:-1;
+ z-index:auto
+ }
+ .pickr .pcr-button:after,.pickr .pcr-button:before{
+ position:absolute;
+ content:"";
+ top:0;
+ left:0;
+ width:100%;
+ height:100%;
+ }
+ .pickr .pcr-button:after{
+ transition:background .3s;
+ background:currentColor
+ }
+ .pickr .pcr-button.clear{
+ background-size:70%
+ }
+ .pickr .pcr-button.clear:before{
+ opacity:0
+ }
+ .pickr .pcr-button.clear:focus{
+ box-shadow:0 0 0 1px #f1f3f4,0 0 0 3px currentColor
+ }
+ .pickr .pcr-button.disabled{
+ cursor:not-allowed
+ }
+ .pcr-app button,.pcr-app input,.pickr button,.pickr input{
+ outline:none;
+ border:none;
+ -webkit-appearance:none
+ }
+ .pcr-app button:focus,.pcr-app input:focus,.pickr button:focus,.pickr input:focus{
+ box-shadow:0 0 0 1px #f1f3f4,0 0 0 3px currentColor
+ }
+ .pcr-app[data-theme=classic]{
+ position:absolute;
+ display:flex;
+ flex-direction:column;
+ z-index:10000;
+ font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica Neue,Arial,sans-serif;
+ box-shadow:0 .15em 1.5em 0 rgba(0,0,0,.1),0 0 1em 0 rgba(0,0,0,.03);
+ width:28.5em;
+ max-width:95vw;
+ padding:.8em;
+ border-radius:.1em;
+ background:#fff;
+ opacity:0;
+ visibility:hidden;
+ transition:opacity .3s;
+ left:0;
+ top:0
+ }
+ .pcr-app[data-theme=classic].visible{
+ visibility:visible;
+ opacity:1
+ }
.pcr-app[data-theme=classic] .pcr-swatches{
- display:grid;
- align-items:center;
- justify-content:space-around;
- grid-template-columns:repeat(auto-fit,1.75em)
-}
+ display:flex;
+ flex-wrap:wrap;
+ margin-top:.75em
+ }
+ .pcr-app[data-theme=classic] .pcr-swatches.pcr-last{
+ margin:0
+ }
+ @supports (display:grid){
+ .pcr-app[data-theme=classic] .pcr-swatches{
+ display:grid;
+ align-items:center;
+ justify-content:space-around;
+ grid-template-columns:repeat(auto-fit,1.75em)
+ }
-}
+ }
+ /*! Pickr2 1.0.1 MIT | https://github.com/Simonwep/pickr2 */
+ .pickr2{
+ position:relative;
+ overflow:visible;
+ transform:translateY(0);
+ margin : 0vw 2vw 2vw 2vw;
-/*! Pickr7 1.0.1 MIT | https://github.com/Simonwep/pickr7 */
-.pickr7{
- position:relative;
- overflow:visible;
- transform:translateY(0);
- margin : 0vw 2vw 2vw 2vw;
-}
-.pickr7 *{
- box-sizing:border-box
-}
-.pickr7 .pcr-button7{
- position:relative;
- height:7vw;
- width:7vw;
- padding:.5em;
- cursor:pointer;
- font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica Neue,Arial,sans-serif;
- border-radius:.15em;
- background:url('data:image/svg+xml; utf8, ') no-repeat 50%;
- background-size:0;
- transition:all .3s
-}
-.pickr7 .pcr-button7:before{
- background:url('data:image/svg+xml; utf8, ');
- background-size:.5em;
- z-index:-1;
- z-index:auto
-}
-.pickr7 .pcr-button7:after,.pickr7 .pcr-button7:before{
- position:absolute;
- content:"";
- top:0;
- left:0;
- width:100%;
- height:100%;
- border-radius:15em
-}
-.pickr7 .pcr-button7:after{
- transition:background .3s;
- background:currentColor
-}
-.pickr7 .pcr-button7.clear{
- background-size:70%
-}
-.pickr7 .pcr-button7.clear:before{
- opacity:0
-}
-.pickr7 .pcr-button7.clear:focus{
- box-shadow:0 0 0 1px #f1f3f4,0 0 0 3px currentColor
-}
-.pickr7 .pcr-button7.disabled{
- cursor:not-allowed
-}
-.pcr-app button,.pcr-app input,.pickr7 button,.pickr7 input{
- outline:none;
- border:none;
- -webkit-appearance:none
-}
-.pcr-app button:focus,.pcr-app input:focus,.pickr7 button:focus,.pickr7 input:focus{
- box-shadow:0 0 0 1px #f1f3f4,0 0 0 3px currentColor
-}
-.pcr-app[data-theme=classic]{
- position:absolute;
- display:flex;
- flex-direction:column;
- z-index:10000;
- font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica Neue,Arial,sans-serif;
- box-shadow:0 .15em 1.5em 0 rgba(0,0,0,.1),0 0 1em 0 rgba(0,0,0,.03);
- width:28.5em;
- max-width:95vw;
- padding:.8em;
- border-radius:.1em;
- background:#fff;
- opacity:0;
- visibility:hidden;
- transition:opacity .3s;
- left:0;
- top:0
-}
-.pcr-app[data-theme=classic].visible{
- visibility:visible;
- opacity:1
-}
-.pcr-app[data-theme=classic] .pcr-swatches{
- display:flex;
- flex-wrap:wrap;
- margin-top:.75em
-}
-.pcr-app[data-theme=classic] .pcr-swatches.pcr-last{
- margin:0
-}
-@supports (display:grid){
+ }
+ .pickr2 *{
+ box-sizing:border-box
+ }
+ .pickr2 .pcr-button2{
+ position:relative;
+ height:7vw;
+ width:7vw;
+ padding:.5em;
+ cursor:pointer;
+ font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica Neue,Arial,sans-serif;
+ border-radius:.15em;
+ background:url('data:image/svg+xml; utf8, ') no-repeat 50%;
+ background-size:0;
+ transition:all .3s
+ }
+ .pickr2 .pcr-button2:before{
+ background:url('data:image/svg+xml; utf8, ');
+ background-size:.5em;
+ z-index:-1;
+ z-index:auto
+ }
+ .pickr2 .pcr-button2:after,.pickr2 .pcr-button2:before{
+ position:absolute;
+ content:"";
+ top:0;
+ left:0;
+ width:100%;
+ height:100%;
+ border-radius:15em
+ }
+ .pickr2 .pcr-button2:after{
+ transition:background .3s;
+ background:currentColor
+ }
+ .pickr2 .pcr-button2.clear{
+ background-size:70%
+ }
+ .pickr2 .pcr-button2.clear:before{
+ opacity:0
+ }
+ .pickr2 .pcr-button2.clear:focus{
+ box-shadow:0 0 0 1px #f1f3f4,0 0 0 3px currentColor
+ }
+ .pickr2 .pcr-button2.disabled{
+ cursor:not-allowed
+ }
+ .pcr-app button,.pcr-app input,.pickr2 button,.pickr2 input{
+ outline:none;
+ border:none;
+ -webkit-appearance:none
+ }
+ .pcr-app button:focus,.pcr-app input:focus,.pickr2 button:focus,.pickr2 input:focus{
+ box-shadow:0 0 0 1px #f1f3f4,0 0 0 3px currentColor
+ }
+ .pcr-app[data-theme=classic]{
+ position:absolute;
+ display:flex;
+ flex-direction:column;
+ z-index:10000;
+ font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica Neue,Arial,sans-serif;
+ box-shadow:0 .15em 1.5em 0 rgba(0,0,0,.1),0 0 1em 0 rgba(0,0,0,.03);
+ width:28.5em;
+ max-width:95vw;
+ padding:.8em;
+ border-radius:.1em;
+ background:#fff;
+ opacity:0;
+ visibility:hidden;
+ transition:opacity .3s;
+ left:0;
+ top:0
+ }
+ .pcr-app[data-theme=classic].visible{
+ visibility:visible;
+ opacity:1
+ }
.pcr-app[data-theme=classic] .pcr-swatches{
- display:grid;
- align-items:center;
- justify-content:space-around;
- grid-template-columns:repeat(auto-fit,1.75em)
-}
+ display:flex;
+ flex-wrap:wrap;
+ margin-top:.75em
+ }
+ .pcr-app[data-theme=classic] .pcr-swatches.pcr-last{
+ margin:0
+ }
+ @supports (display:grid){
+ .pcr-app[data-theme=classic] .pcr-swatches{
+ display:grid;
+ align-items:center;
+ justify-content:space-around;
+ grid-template-columns:repeat(auto-fit,1.75em)
+ }
-}
+ }
+ /*! Pickr3 1.0.1 MIT | https://github.com/Simonwep/pickr3 */
+ .pickr3{
+ position:relative;
+ overflow:visible;
+ transform:translateY(0);
+ margin : 0vw 2vw 2vw 2vw;
+ }
+ .pickr3 *{
+ box-sizing:border-box
+ }
+ .pickr3 .pcr-button3{
+ position:relative;
+ height:7vw;
+ width:7vw;
+ padding:.5em;
+ cursor:pointer;
+ font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica Neue,Arial,sans-serif;
+ border-radius:.15em;
+ background:url('data:image/svg+xml; utf8, ') no-repeat 50%;
+ background-size:0;
+ transition:all .3s
+ }
+ .pickr3 .pcr-button3:before{
+ background:url('data:image/svg+xml; utf8, ');
+ background-size:.5em;
+ z-index:-1;
+ z-index:auto
+ }
+ .pickr3 .pcr-button3:after,.pickr3 .pcr-button3:before{
+ position:absolute;
+ content:"";
+ top:0;
+ left:0;
+ width:100%;
+ height:100%;
+ border-radius:15em
+ }
+ .pickr3 .pcr-button3:after{
+ transition:background .3s;
+ background:currentColor
+ }
+ .pickr3 .pcr-button3.clear{
+ background-size:70%
+ }
+ .pickr3 .pcr-button3.clear:before{
+ opacity:0
+ }
+ .pickr3 .pcr-button3.clear:focus{
+ box-shadow:0 0 0 1px #f1f3f4,0 0 0 3px currentColor
+ }
+ .pickr3 .pcr-button3.disabled{
+ cursor:not-allowed
+ }
+ .pcr-app button,.pcr-app input,.pickr3 button,.pickr3 input{
+ outline:none;
+ border:none;
+ -webkit-appearance:none
+ }
+ .pcr-app button:focus,.pcr-app input:focus,.pickr3 button:focus,.pickr3 input:focus{
+ box-shadow:0 0 0 1px #f1f3f4,0 0 0 3px currentColor
+ }
+ .pcr-app[data-theme=classic]{
+ position:absolute;
+ display:flex;
+ flex-direction:column;
+ z-index:10000;
+ font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica Neue,Arial,sans-serif;
+ box-shadow:0 .15em 1.5em 0 rgba(0,0,0,.1),0 0 1em 0 rgba(0,0,0,.03);
+ width:28.5em;
+ max-width:95vw;
+ padding:.8em;
+ border-radius:.1em;
+ background:#fff;
+ opacity:0;
+ visibility:hidden;
+ transition:opacity .3s;
+ left:0;
+ top:0
+ }
+ .pcr-app[data-theme=classic].visible{
+ visibility:visible;
+ opacity:1
+ }
+ .pcr-app[data-theme=classic] .pcr-swatches{
+ display:flex;
+ flex-wrap:wrap;
+ margin-top:.75em
+ }
+ .pcr-app[data-theme=classic] .pcr-swatches.pcr-last{
+ margin:0
+ }
+ @supports (display:grid){
+ .pcr-app[data-theme=classic] .pcr-swatches{
+ display:grid;
+ align-items:center;
+ justify-content:space-around;
+ grid-template-columns:repeat(auto-fit,1.75em)
+ }
-/*! Pickr8 1.0.1 MIT | https://github.com/Simonwep/pickr8 */
-.pickr8{
- position:relative;
- overflow:visible;
- transform:translateY(0);
- margin : 0vw 2vw 2vw 2vw;
-}
-.pickr8 *{
- box-sizing:border-box
-}
-.pickr8 .pcr-button8{
- position:relative;
- height:7vw;
- width:7vw;
- padding:.5em;
- cursor:pointer;
- font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica Neue,Arial,sans-serif;
- border-radius:.15em;
- background:url('data:image/svg+xml; utf8, ') no-repeat 50%;
- background-size:0;
- transition:all .3s
-}
-.pickr8 .pcr-button8:before{
- background:url('data:image/svg+xml; utf8, ');
- background-size:.5em;
- z-index:-1;
- z-index:auto
-}
-.pickr8 .pcr-button8:after,.pickr8 .pcr-button8:before{
- position:absolute;
- content:"";
- top:0;
- left:0;
- width:100%;
- height:100%;
- border-radius:15em
-}
-.pickr8 .pcr-button8:after{
- transition:background .3s;
- background:currentColor
-}
-.pickr8 .pcr-button8.clear{
- background-size:70%
-}
-.pickr8 .pcr-button8.clear:before{
- opacity:0
-}
-.pickr8 .pcr-button8.clear:focus{
- box-shadow:0 0 0 1px #f1f3f4,0 0 0 3px currentColor
-}
-.pickr8 .pcr-button8.disabled{
- cursor:not-allowed
-}
-.pcr-app button,.pcr-app input,.pickr8 button,.pickr8 input{
- outline:none;
- border:none;
- -webkit-appearance:none
-}
-.pcr-app button:focus,.pcr-app input:focus,.pickr8 button:focus,.pickr8 input:focus{
- box-shadow:0 0 0 1px #f1f3f4,0 0 0 3px currentColor
-}
-.pcr-app[data-theme=classic]{
- position:absolute;
- display:flex;
- flex-direction:column;
- z-index:10000;
- font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica Neue,Arial,sans-serif;
- box-shadow:0 .15em 1.5em 0 rgba(0,0,0,.1),0 0 1em 0 rgba(0,0,0,.03);
- width:28.5em;
- max-width:95vw;
- padding:.8em;
- border-radius:.1em;
- background:#fff;
- opacity:0;
- visibility:hidden;
- transition:opacity .3s;
- left:0;
- top:0
-}
-.pcr-app[data-theme=classic].visible{
- visibility:visible;
- opacity:1
-}
-.pcr-app[data-theme=classic] .pcr-swatches{
- display:flex;
- flex-wrap:wrap;
- margin-top:.75em
-}
-.pcr-app[data-theme=classic] .pcr-swatches.pcr-last{
- margin:0
-}
-@supports (display:grid){
+ }
+
+
+ /*! Pickr4 1.0.1 MIT | https://github.com/Simonwep/pickr4 */
+ .pickr4{
+ position:relative;
+ overflow:visible;
+ transform:translateY(0);
+ margin : 0vw 2vw 2vw 2vw;
+ }
+ .pickr4 *{
+ box-sizing:border-box
+ }
+ .pickr4 .pcr-button4{
+ position:relative;
+ height:7vw;
+ width:7vw;
+ padding:.5em;
+ cursor:pointer;
+ font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica Neue,Arial,sans-serif;
+ border-radius:.15em;
+ background:url('data:image/svg+xml; utf8, ') no-repeat 50%;
+ background-size:0;
+ transition:all .3s
+ }
+ .pickr4 .pcr-button4:before{
+ background:url('data:image/svg+xml; utf8, ');
+ background-size:.5em;
+ z-index:-1;
+ z-index:auto
+ }
+ .pickr4 .pcr-button4:after,.pickr4 .pcr-button4:before{
+ position:absolute;
+ content:"";
+ top:0;
+ left:0;
+ width:100%;
+ height:100%;
+ border-radius:15em
+ }
+ .pickr4 .pcr-button4:after{
+ transition:background .3s;
+ background:currentColor
+ }
+ .pickr4 .pcr-button4.clear{
+ background-size:70%
+ }
+ .pickr4 .pcr-button4.clear:before{
+ opacity:0
+ }
+ .pickr4 .pcr-button4.clear:focus{
+ box-shadow:0 0 0 1px #f1f3f4,0 0 0 3px currentColor
+ }
+ .pickr4 .pcr-button4.disabled{
+ cursor:not-allowed
+ }
+ .pcr-app button,.pcr-app input,.pickr4 button,.pickr4 input{
+ outline:none;
+ border:none;
+ -webkit-appearance:none
+ }
+ .pcr-app button:focus,.pcr-app input:focus,.pickr4 button:focus,.pickr4 input:focus{
+ box-shadow:0 0 0 1px #f1f3f4,0 0 0 3px currentColor
+ }
+ .pcr-app[data-theme=classic]{
+ position:absolute;
+ display:flex;
+ flex-direction:column;
+ z-index:10000;
+ font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica Neue,Arial,sans-serif;
+ box-shadow:0 .15em 1.5em 0 rgba(0,0,0,.1),0 0 1em 0 rgba(0,0,0,.03);
+ width:28.5em;
+ max-width:95vw;
+ padding:.8em;
+ border-radius:.1em;
+ background:#fff;
+ opacity:0;
+ visibility:hidden;
+ transition:opacity .3s;
+ left:0;
+ top:0
+ }
+ .pcr-app[data-theme=classic].visible{
+ visibility:visible;
+ opacity:1
+ }
.pcr-app[data-theme=classic] .pcr-swatches{
- display:grid;
- align-items:center;
- justify-content:space-around;
- grid-template-columns:repeat(auto-fit,1.75em)
-}
+ display:flex;
+ flex-wrap:wrap;
+ margin-top:.75em
+ }
+ .pcr-app[data-theme=classic] .pcr-swatches.pcr-last{
+ margin:0
+ }
+ @supports (display:grid){
+ .pcr-app[data-theme=classic] .pcr-swatches{
+ display:grid;
+ align-items:center;
+ justify-content:space-around;
+ grid-template-columns:repeat(auto-fit,1.75em)
+ }
+
+ }
+
+
+ /*! Pickr5 1.0.1 MIT | https://github.com/Simonwep/pickr5 */
+ .pickr5{
+ position:relative;
+ overflow:visible;
+ transform:translateY(0);
+ margin : 0vw 2vw 2vw 2vw;
+ }
+ .pickr5 *{
+ box-sizing:border-box
+ }
+ .pickr5 .pcr-button5{
+ position:relative;
+ height:2em;
+ width:2em;
+ padding:.5em;
+ cursor:pointer;
+ font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica Neue,Arial,sans-serif;
+ border-radius:.15em;
+ background:url('data:image/svg+xml; utf8, ') no-repeat 50%;
+ background-size:0;
+ transition:all .3s
+ }
+ .pickr5 .pcr-button5:before{
+ background:url('data:image/svg+xml; utf8, ');
+ background-size:.5em;
+ z-index:-1;
+ z-index:auto
+ }
+ .pickr5 .pcr-button5:after,.pickr5 .pcr-button5:before{
+ position:absolute;
+ content:"";
+ top:0;
+ left:0;
+ width:100%;
+ height:100%;
+ border-radius:15em
+ }
+ .pickr5 .pcr-button5:after{
+ transition:background .3s;
+ background:currentColor
+ }
+ .pickr5 .pcr-button5.clear{
+ background-size:70%
+ }
+ .pickr5 .pcr-button5.clear:before{
+ opacity:0
+ }
+ .pickr5 .pcr-button5.clear:focus{
+ box-shadow:0 0 0 1px #f1f3f4,0 0 0 3px currentColor
+ }
+ .pickr5 .pcr-button5.disabled{
+ cursor:not-allowed
+ }
+ .pcr-app button,.pcr-app input,.pickr5 button,.pickr5 input{
+ outline:none;
+ border:none;
+ -webkit-appearance:none
+ }
+ .pcr-app button:focus,.pcr-app input:focus,.pickr5 button:focus,.pickr5 input:focus{
+ box-shadow:0 0 0 1px #f1f3f4,0 0 0 3px currentColor
+ }
+ .pcr-app[data-theme=classic]{
+ position:absolute;
+ display:flex;
+ flex-direction:column;
+ z-index:10000;
+ font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica Neue,Arial,sans-serif;
+ box-shadow:0 .15em 1.5em 0 rgba(0,0,0,.1),0 0 1em 0 rgba(0,0,0,.03);
+ width:28.5em;
+ max-width:95vw;
+ padding:.8em;
+ border-radius:.1em;
+ background:#fff;
+ opacity:0;
+ visibility:hidden;
+ transition:opacity .3s;
+ left:0;
+ top:0
+ }
+ .pcr-app[data-theme=classic].visible{
+ visibility:visible;
+ opacity:1
+ }
+ .pcr-app[data-theme=classic] .pcr-swatches{
+ display:flex;
+ flex-wrap:wrap;
+ margin-top:.75em
+ }
+ .pcr-app[data-theme=classic] .pcr-swatches.pcr-last{
+ margin:0
+ }
+ @supports (display:grid){
+ .pcr-app[data-theme=classic] .pcr-swatches{
+ display:grid;
+ align-items:center;
+ justify-content:space-around;
+ grid-template-columns:repeat(auto-fit,1.75em)
+ }
+
+ }
+
+ .pcr-app[data-theme=classic] .pcr-swatches>button{
+ position:relative;
+ width:1.75em;
+ height:1.75em;
+ border-radius:.15em;
+ cursor:pointer;
+ margin:2.5px;
+ flex-shrink:0;
+ justify-self:center;
+ transition:all .15s;
+ overflow:hidden;
+ background:transparent;
+ z-index:1
+ }
+ .pcr-app[data-theme=classic] .pcr-swatches>button:before{
+ position:absolute;
+ content:"";
+ top:0;
+ left:0;
+ width:100%;
+ height:100%;
+ background:url('data:image/svg+xml; utf8, ');
+ background-size:6px;
+ border-radius:.15em;
+ z-index:-1
+ }
+ .pcr-app[data-theme=classic] .pcr-swatches>button:after{
+ content:"";
+ position:absolute;
+ top:0;
+ left:0;
+ width:100%;
+ height:100%;
+ background:currentColor;
+ border:1px solid rgba(0,0,0,.05);
+ border-radius:.15em;
+ box-sizing:border-box
+ }
+ .pcr-app[data-theme=classic] .pcr-swatches>button:hover{
+ filter:brightness(1.05)
+ }
+ .pcr-app[data-theme=classic] .pcr-interaction{
+ display:flex;
+ flex-wrap:wrap;
+ align-items:center;
+ margin:0 -.2em
+ }
+ .pcr-app[data-theme=classic] .pcr-interaction>*{
+ margin:0 .2em
+ }
+ .pcr-app[data-theme=classic] .pcr-interaction input{
+ letter-spacing:.07em;
+ font-size:.75em;
+ text-align:center;
+ cursor:pointer;
+ color:#75797e;
+ background:#f1f3f4;
+ border-radius:.15em;
+ transition:all .15s;
+ padding:.45em .5em;
+ margin-top:.75em
+ }
+ .pcr-app[data-theme=classic] .pcr-interaction input:hover{
+ filter:brightness(.975)
+ }
+ .pcr-app[data-theme=classic] .pcr-interaction input:focus{
+ box-shadow:0 0 0 1px #f1f3f4,0 0 0 3px rgba(66,133,244,.75)
+ }
+ .pcr-app[data-theme=classic] .pcr-interaction .pcr-result{
+ color:#75797e;
+ text-align:left;
+ flex:1 1 8em;
+ min-width:8em;
+ transition:all .2s;
+ border-radius:.15em;
+ background:#f1f3f4;
+ cursor:text
+ }
+ .pcr-app[data-theme=classic] .pcr-interaction .pcr-result::selection{
+ background:#4285f4;
+ color:#fff
+ }
+ .pcr-app[data-theme=classic] .pcr-interaction .pcr-type.active{
+ color:#fff;
+ background:#4285f4
+ }
+ .pcr-app[data-theme=classic] .pcr-interaction .pcr-clear,.pcr-app[data-theme=classic] .pcr-interaction .pcr-save{
+ width:auto;
+ color:#fff
+ }
+ .pcr-app[data-theme=classic] .pcr-interaction .pcr-clear:hover,.pcr-app[data-theme=classic] .pcr-interaction .pcr-save:hover{
+ filter:brightness(.925)
+ }
+ .pcr-app[data-theme=classic] .pcr-interaction .pcr-save{
+ background:#4285f4
+ }
+ .pcr-app[data-theme=classic] .pcr-interaction .pcr-clear{
+ background:#f44250
+ }
+ .pcr-app[data-theme=classic] .pcr-interaction .pcr-clear:focus{
+ box-shadow:0 0 0 1px #f1f3f4,0 0 0 3px rgba(244,66,80,.75)
+ }
+ .pcr-app[data-theme=classic] .pcr-selection{
+ display:flex;
+ justify-content:space-between;
+ flex-grow:1
+ }
+ .pcr-app[data-theme=classic] .pcr-selection .pcr-picker{
+ position:absolute;
+ height:18px;
+ width:18px;
+ border:2px solid #fff;
+ border-radius:100%;
+ user-select:none
+ }
+ .pcr-app[data-theme=classic] .pcr-selection .pcr-color-preview{
+ position:relative;
+ z-index:1;
+ width:2em;
+ display:flex;
+ flex-direction:column;
+ justify-content:space-between;
+ margin-right:.75em
+ }
+ .pcr-app[data-theme=classic] .pcr-selection .pcr-color-preview:before{
+ position:absolute;
+ content:"";
+ top:0;
+ left:0;
+ width:100%;
+ height:100%;
+ background:url('data:image/svg+xml; utf8, ');
+ background-size:.5em;
+ border-radius:.15em;
+ z-index:-1
+ }
+ .pcr-app[data-theme=classic] .pcr-selection .pcr-color-preview .pcr-last-color{
+ cursor:pointer;
+ transition:background-color .3s,box-shadow .3s;
+ border-radius:.15em .15em 0 0;
+ z-index:2
+ }
+ .pcr-app[data-theme=classic] .pcr-selection .pcr-color-preview .pcr-current-color{
+ border-radius:0 0 .15em .15em
+ }
+ .pcr-app[data-theme=classic] .pcr-selection .pcr-color-preview .pcr-current-color,.pcr-app[data-theme=classic] .pcr-selection .pcr-color-preview .pcr-last-color{
+ background:currentColor;
+ width:100%;
+ height:50%
+ }
+ .pcr-app[data-theme=classic] .pcr-selection .pcr-color-chooser,.pcr-app[data-theme=classic] .pcr-selection .pcr-color-opacity,.pcr-app[data-theme=classic] .pcr-selection .pcr-color-palette{
+ position:relative;
+ user-select:none;
+ display:flex;
+ flex-direction:column;
+ cursor:grab;
+ cursor:-moz-grab;
+ cursor:-webkit-grab
+ }
+ .pcr-app[data-theme=classic] .pcr-selection .pcr-color-chooser:active,.pcr-app[data-theme=classic] .pcr-selection .pcr-color-opacity:active,.pcr-app[data-theme=classic] .pcr-selection .pcr-color-palette:active{
+ cursor:grabbing;
+ cursor:-moz-grabbing;
+ cursor:-webkit-grabbing
+ }
+ .pcr-app[data-theme=classic] .pcr-selection .pcr-color-palette{
+ width:100%;
+ height:8em;
+ z-index:1
+ }
+ .pcr-app[data-theme=classic] .pcr-selection .pcr-color-palette .pcr-palette{
+ flex-grow:1;
+ border-radius:.15em
+ }
+ .pcr-app[data-theme=classic] .pcr-selection .pcr-color-palette .pcr-palette:before{
+ position:absolute;
+ content:"";
+ top:0;
+ left:0;
+ width:100%;
+ height:100%;
+ background:url('data:image/svg+xml; utf8, ');
+ background-size:.5em;
+ border-radius:.15em;
+ z-index:-1
+ }
+ .pcr-app[data-theme=classic] .pcr-selection .pcr-color-chooser,.pcr-app[data-theme=classic] .pcr-selection .pcr-color-opacity{
+ margin-left:.75em
+ }
+ .pcr-app[data-theme=classic] .pcr-selection .pcr-color-chooser .pcr-picker,.pcr-app[data-theme=classic] .pcr-selection .pcr-color-opacity .pcr-picker{
+ left:50%;
+ transform:translateX(-50%)
+ }
+ .pcr-app[data-theme=classic] .pcr-selection .pcr-color-chooser .pcr-slider,.pcr-app[data-theme=classic] .pcr-selection .pcr-color-opacity .pcr-slider{
+ width:8px;
+ flex-grow:1;
+ border-radius:50em
+ }
+ .pcr-app[data-theme=classic] .pcr-selection .pcr-color-chooser .pcr-slider{
+ background:linear-gradient(180deg,red,#ff0,#0f0,#0ff,#00f,#f0f,red)
+ }
+ .pcr-app[data-theme=classic] .pcr-selection .pcr-color-opacity .pcr-slider{
+ background:linear-gradient(180deg,transparent,#000),url('data:image/svg+xml; utf8, ');
+ background-size:100%,50%
+ }
+
+
+ /*! Pickr6 1.0.1 MIT | https://github.com/Simonwep/pickr6 */
+ .pickr6{
+ position:relative;
+ overflow:visible;
+ transform:translateY(0);
+ margin : 0vw 2vw 2vw 2vw;
+ }
+ .pickr6 *{
+ box-sizing:border-box
+ }
+ .pickr6 .pcr-button6{
+ position:relative;
+ height:7vw;
+ width:7vw;
+ padding:.5em;
+ cursor:pointer;
+ font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica Neue,Arial,sans-serif;
+ border-radius:.15em;
+ background:url('data:image/svg+xml; utf8, ') no-repeat 50%;
+ background-size:0;
+ transition:all .3s
+ }
+ .pickr6 .pcr-button6:before{
+ background:url('data:image/svg+xml; utf8, ');
+ background-size:.5em;
+ z-index:-1;
+ z-index:auto
+ }
+ .pickr6 .pcr-button6:after,.pickr6 .pcr-button6:before{
+ position:absolute;
+ content:"";
+ top:0;
+ left:0;
+ width:100%;
+ height:100%;
+ border-radius:15em
+ }
+ .pickr6 .pcr-button6:after{
+ transition:background .3s;
+ background:currentColor
+ }
+ .pickr6 .pcr-button6.clear{
+ background-size:70%
+ }
+ .pickr6 .pcr-button6.clear:before{
+ opacity:0
+ }
+ .pickr6 .pcr-button6.clear:focus{
+ box-shadow:0 0 0 1px #f1f3f4,0 0 0 3px currentColor
+ }
+ .pickr6 .pcr-button6.disabled{
+ cursor:not-allowed
+ }
+ .pcr-app button,.pcr-app input,.pickr6 button,.pickr6 input{
+ outline:none;
+ border:none;
+ -webkit-appearance:none
+ }
+ .pcr-app button:focus,.pcr-app input:focus,.pickr6 button:focus,.pickr6 input:focus{
+ box-shadow:0 0 0 1px #f1f3f4,0 0 0 3px currentColor
+ }
+ .pcr-app[data-theme=classic]{
+ position:absolute;
+ display:flex;
+ flex-direction:column;
+ z-index:10000;
+ font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica Neue,Arial,sans-serif;
+ box-shadow:0 .15em 1.5em 0 rgba(0,0,0,.1),0 0 1em 0 rgba(0,0,0,.03);
+ width:28.5em;
+ max-width:95vw;
+ padding:.8em;
+ border-radius:.1em;
+ background:#fff;
+ opacity:0;
+ visibility:hidden;
+ transition:opacity .3s;
+ left:0;
+ top:0
+ }
+ .pcr-app[data-theme=classic].visible{
+ visibility:visible;
+ opacity:1
+ }
+ .pcr-app[data-theme=classic] .pcr-swatches{
+ display:flex;
+ flex-wrap:wrap;
+ margin-top:.75em
+ }
+ .pcr-app[data-theme=classic] .pcr-swatches.pcr-last{
+ margin:0
+ }
+ @supports (display:grid){
+ .pcr-app[data-theme=classic] .pcr-swatches{
+ display:grid;
+ align-items:center;
+ justify-content:space-around;
+ grid-template-columns:repeat(auto-fit,1.75em)
+ }
+
+ }
+
+
+ /*! Pickr7 1.0.1 MIT | https://github.com/Simonwep/pickr7 */
+ .pickr7{
+ position:relative;
+ overflow:visible;
+ transform:translateY(0);
+ margin : 0vw 2vw 2vw 2vw;
+ }
+ .pickr7 *{
+ box-sizing:border-box
+ }
+ .pickr7 .pcr-button7{
+ position:relative;
+ height:7vw;
+ width:7vw;
+ padding:.5em;
+ cursor:pointer;
+ font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica Neue,Arial,sans-serif;
+ border-radius:.15em;
+ background:url('data:image/svg+xml; utf8, ') no-repeat 50%;
+ background-size:0;
+ transition:all .3s
+ }
+ .pickr7 .pcr-button7:before{
+ background:url('data:image/svg+xml; utf8, ');
+ background-size:.5em;
+ z-index:-1;
+ z-index:auto
+ }
+ .pickr7 .pcr-button7:after,.pickr7 .pcr-button7:before{
+ position:absolute;
+ content:"";
+ top:0;
+ left:0;
+ width:100%;
+ height:100%;
+ border-radius:15em
+ }
+ .pickr7 .pcr-button7:after{
+ transition:background .3s;
+ background:currentColor
+ }
+ .pickr7 .pcr-button7.clear{
+ background-size:70%
+ }
+ .pickr7 .pcr-button7.clear:before{
+ opacity:0
+ }
+ .pickr7 .pcr-button7.clear:focus{
+ box-shadow:0 0 0 1px #f1f3f4,0 0 0 3px currentColor
+ }
+ .pickr7 .pcr-button7.disabled{
+ cursor:not-allowed
+ }
+ .pcr-app button,.pcr-app input,.pickr7 button,.pickr7 input{
+ outline:none;
+ border:none;
+ -webkit-appearance:none
+ }
+ .pcr-app button:focus,.pcr-app input:focus,.pickr7 button:focus,.pickr7 input:focus{
+ box-shadow:0 0 0 1px #f1f3f4,0 0 0 3px currentColor
+ }
+ .pcr-app[data-theme=classic]{
+ position:absolute;
+ display:flex;
+ flex-direction:column;
+ z-index:10000;
+ font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica Neue,Arial,sans-serif;
+ box-shadow:0 .15em 1.5em 0 rgba(0,0,0,.1),0 0 1em 0 rgba(0,0,0,.03);
+ width:28.5em;
+ max-width:95vw;
+ padding:.8em;
+ border-radius:.1em;
+ background:#fff;
+ opacity:0;
+ visibility:hidden;
+ transition:opacity .3s;
+ left:0;
+ top:0
+ }
+ .pcr-app[data-theme=classic].visible{
+ visibility:visible;
+ opacity:1
+ }
+ .pcr-app[data-theme=classic] .pcr-swatches{
+ display:flex;
+ flex-wrap:wrap;
+ margin-top:.75em
+ }
+ .pcr-app[data-theme=classic] .pcr-swatches.pcr-last{
+ margin:0
+ }
+ @supports (display:grid){
+ .pcr-app[data-theme=classic] .pcr-swatches{
+ display:grid;
+ align-items:center;
+ justify-content:space-around;
+ grid-template-columns:repeat(auto-fit,1.75em)
+ }
+
+ }
+
+
+ /*! Pickr8 1.0.1 MIT | https://github.com/Simonwep/pickr8 */
+ .pickr8{
+ position:relative;
+ overflow:visible;
+ transform:translateY(0);
+ margin : 0vw 2vw 2vw 2vw;
+ }
+ .pickr8 *{
+ box-sizing:border-box
+ }
+ .pickr8 .pcr-button8{
+ position:relative;
+ height:7vw;
+ width:7vw;
+ padding:.5em;
+ cursor:pointer;
+ font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica Neue,Arial,sans-serif;
+ border-radius:.15em;
+ background:url('data:image/svg+xml; utf8, ') no-repeat 50%;
+ background-size:0;
+ transition:all .3s
+ }
+ .pickr8 .pcr-button8:before{
+ background:url('data:image/svg+xml; utf8, ');
+ background-size:.5em;
+ z-index:-1;
+ z-index:auto
+ }
+ .pickr8 .pcr-button8:after,.pickr8 .pcr-button8:before{
+ position:absolute;
+ content:"";
+ top:0;
+ left:0;
+ width:100%;
+ height:100%;
+ border-radius:15em
+ }
+ .pickr8 .pcr-button8:after{
+ transition:background .3s;
+ background:currentColor
+ }
+ .pickr8 .pcr-button8.clear{
+ background-size:70%
+ }
+ .pickr8 .pcr-button8.clear:before{
+ opacity:0
+ }
+ .pickr8 .pcr-button8.clear:focus{
+ box-shadow:0 0 0 1px #f1f3f4,0 0 0 3px currentColor
+ }
+ .pickr8 .pcr-button8.disabled{
+ cursor:not-allowed
+ }
+ .pcr-app button,.pcr-app input,.pickr8 button,.pickr8 input{
+ outline:none;
+ border:none;
+ -webkit-appearance:none
+ }
+ .pcr-app button:focus,.pcr-app input:focus,.pickr8 button:focus,.pickr8 input:focus{
+ box-shadow:0 0 0 1px #f1f3f4,0 0 0 3px currentColor
+ }
+ .pcr-app[data-theme=classic]{
+ position:absolute;
+ display:flex;
+ flex-direction:column;
+ z-index:10000;
+ font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica Neue,Arial,sans-serif;
+ box-shadow:0 .15em 1.5em 0 rgba(0,0,0,.1),0 0 1em 0 rgba(0,0,0,.03);
+ width:28.5em;
+ max-width:95vw;
+ padding:.8em;
+ border-radius:.1em;
+ background:#fff;
+ opacity:0;
+ visibility:hidden;
+ transition:opacity .3s;
+ left:0;
+ top:0
+ }
+ .pcr-app[data-theme=classic].visible{
+ visibility:visible;
+ opacity:1
+ }
+ .pcr-app[data-theme=classic] .pcr-swatches{
+ display:flex;
+ flex-wrap:wrap;
+ margin-top:.75em
+ }
+ .pcr-app[data-theme=classic] .pcr-swatches.pcr-last{
+ margin:0
+ }
+ @supports (display:grid){
+ .pcr-app[data-theme=classic] .pcr-swatches{
+ display:grid;
+ align-items:center;
+ justify-content:space-around;
+ grid-template-columns:repeat(auto-fit,1.75em)
+ }
+ }
}
\ No newline at end of file
diff --git a/SwichGIT/src/css/tablet.css b/SwichGIT/src/css/tablet.css
index dd8eda2..a04ca70 100644
--- a/SwichGIT/src/css/tablet.css
+++ b/SwichGIT/src/css/tablet.css
@@ -1,8 +1,94 @@
/*DemTéléphone 1i Ecran*/
@media screen and (min-width: 669px) and (max-width: 992px) {
- body{
- background-color: red;
+
+ .containform3 {
+ position: relative;
+ height: calc(1.25*var(--x));
+ width: calc(2*var(--x));
+ display: table-cell;
+ vertical-align: middle;
+ left: -2vw;
+ }
+
+ .containinte{
+ /*PROBLEME SIZE*/
+ top: calc(1.5*((var(--y) - var(--z)) / 2));
+ left: calc(1.5*((var(--y) - var(--z)) / 2));
+ height: calc(1.5*var(--z));
+ width: calc(1.5*var(--z));
+ z-index: 2;
+ position: absolute;
+ }
+
+ .cache{
+ top: calc(0.91*((var(--x) - var(--y)) / 2.8));
+ left: calc(4.55*((var(--x) - var(--y)) / 2.2));
+ height: calc(1.5*var(--y)*1.05);
+ width: calc(1.5*var(--y)*1.05);
+ z-index: 2;
+ position: absolute;
+ z-index: 15;
+ }
+
+ #formSize{
+ margin : 0 auto;
+ width: 100%;
+ height: 3vw;
+ position: relative;
+ top: 3vw;
+ }
+
+ .slider-container .bar .fill {
+ display: block;
+ width: 50%;
+ height: 100%;
+ background-color: #6200ee;
+ }
+
+ .slider-container .slider {
+ position: relative;
+ z-index: 2;
+ -webkit-appearance: none;
+ width: 100%;
+ height: 10px;
+ border-radius: 5px;
+ outline: none;
+ top: -0.25vw;
+ background-color: transparent;
+ }
+ .slider.container{
+ position: relative;
}
+ .slider-container .bar {
+ position: absolute;
+ z-index: 1;
+ left: 0;
+ width: 100%;
+ height: 10px;
+ border-radius: 5px;
+ background-color: #c6aee7;
+ overflow: hidden;
+ }
+ /*Moz*/
+ .slider-container .slider::-moz-range-thumb {
+ -webkit-appearance: none;
+ width: 2vw;
+ height: 2vw;
+ background-color: #6200ee;
+ border-radius: 1vw;
+ cursor: pointer;
+ outline: none;
+ box-shadow: 0 0 0 0 rgba(98, 0 ,238, .1);
+ transition: .3s ease-in-out;
+ }
+
+ .slider-container .slider::-moz-range-thumb:hover {
+ box-shadow: 0 0 0 10px rgba(98,0,238,.1);
+ }
+ .slider-container .slider:active::-moz-range-thumb {
+ box-shadow: 0 0 0 20px rgba(98,0,238,.2);
+ }
+
.logop2 img {
width: 20vh;
padding-top: 1vh;
diff --git a/SwichGIT/src/index.html b/SwichGIT/src/index.html
index a6d7162..bb16043 100644
--- a/SwichGIT/src/index.html
+++ b/SwichGIT/src/index.html
@@ -16,9 +16,9 @@
+
-
diff --git a/SwichGIT/src/js/jquery.js b/SwichGIT/src/js/jquery.js
new file mode 100644
index 0000000..a1c07fd
--- /dev/null
+++ b/SwichGIT/src/js/jquery.js
@@ -0,0 +1,2 @@
+/*! jQuery v3.4.1 | (c) JS Foundation and other contributors | jquery.org/license */
+!function(e,t){"use strict";"object"==typeof module&&"object"==typeof module.exports?module.exports=e.document?t(e,!0):function(e){if(!e.document)throw new Error("jQuery requires a window with a document");return t(e)}:t(e)}("undefined"!=typeof window?window:this,function(C,e){"use strict";var t=[],E=C.document,r=Object.getPrototypeOf,s=t.slice,g=t.concat,u=t.push,i=t.indexOf,n={},o=n.toString,v=n.hasOwnProperty,a=v.toString,l=a.call(Object),y={},m=function(e){return"function"==typeof e&&"number"!=typeof e.nodeType},x=function(e){return null!=e&&e===e.window},c={type:!0,src:!0,nonce:!0,noModule:!0};function b(e,t,n){var r,i,o=(n=n||E).createElement("script");if(o.text=e,t)for(r in c)(i=t[r]||t.getAttribute&&t.getAttribute(r))&&o.setAttribute(r,i);n.head.appendChild(o).parentNode.removeChild(o)}function w(e){return null==e?e+"":"object"==typeof e||"function"==typeof e?n[o.call(e)]||"object":typeof e}var f="3.4.1",k=function(e,t){return new k.fn.init(e,t)},p=/^[\s\uFEFF\xA0]+|[\s\uFEFF\xA0]+$/g;function d(e){var t=!!e&&"length"in e&&e.length,n=w(e);return!m(e)&&!x(e)&&("array"===n||0===t||"number"==typeof t&&0+~]|"+M+")"+M+"*"),U=new RegExp(M+"|>"),X=new RegExp($),V=new RegExp("^"+I+"$"),G={ID:new RegExp("^#("+I+")"),CLASS:new RegExp("^\\.("+I+")"),TAG:new RegExp("^("+I+"|[*])"),ATTR:new RegExp("^"+W),PSEUDO:new RegExp("^"+$),CHILD:new RegExp("^:(only|first|last|nth|nth-last)-(child|of-type)(?:\\("+M+"*(even|odd|(([+-]|)(\\d*)n|)"+M+"*(?:([+-]|)"+M+"*(\\d+)|))"+M+"*\\)|)","i"),bool:new RegExp("^(?:"+R+")$","i"),needsContext:new RegExp("^"+M+"*[>+~]|:(even|odd|eq|gt|lt|nth|first|last)(?:\\("+M+"*((?:-\\d)?\\d*)"+M+"*\\)|)(?=[^-]|$)","i")},Y=/HTML$/i,Q=/^(?:input|select|textarea|button)$/i,J=/^h\d$/i,K=/^[^{]+\{\s*\[native \w/,Z=/^(?:#([\w-]+)|(\w+)|\.([\w-]+))$/,ee=/[+~]/,te=new RegExp("\\\\([\\da-f]{1,6}"+M+"?|("+M+")|.)","ig"),ne=function(e,t,n){var r="0x"+t-65536;return r!=r||n?t:r<0?String.fromCharCode(r+65536):String.fromCharCode(r>>10|55296,1023&r|56320)},re=/([\0-\x1f\x7f]|^-?\d)|^-$|[^\0-\x1f\x7f-\uFFFF\w-]/g,ie=function(e,t){return t?"\0"===e?"\ufffd":e.slice(0,-1)+"\\"+e.charCodeAt(e.length-1).toString(16)+" ":"\\"+e},oe=function(){T()},ae=be(function(e){return!0===e.disabled&&"fieldset"===e.nodeName.toLowerCase()},{dir:"parentNode",next:"legend"});try{H.apply(t=O.call(m.childNodes),m.childNodes),t[m.childNodes.length].nodeType}catch(e){H={apply:t.length?function(e,t){L.apply(e,O.call(t))}:function(e,t){var n=e.length,r=0;while(e[n++]=t[r++]);e.length=n-1}}}function se(t,e,n,r){var i,o,a,s,u,l,c,f=e&&e.ownerDocument,p=e?e.nodeType:9;if(n=n||[],"string"!=typeof t||!t||1!==p&&9!==p&&11!==p)return n;if(!r&&((e?e.ownerDocument||e:m)!==C&&T(e),e=e||C,E)){if(11!==p&&(u=Z.exec(t)))if(i=u[1]){if(9===p){if(!(a=e.getElementById(i)))return n;if(a.id===i)return n.push(a),n}else if(f&&(a=f.getElementById(i))&&y(e,a)&&a.id===i)return n.push(a),n}else{if(u[2])return H.apply(n,e.getElementsByTagName(t)),n;if((i=u[3])&&d.getElementsByClassName&&e.getElementsByClassName)return H.apply(n,e.getElementsByClassName(i)),n}if(d.qsa&&!A[t+" "]&&(!v||!v.test(t))&&(1!==p||"object"!==e.nodeName.toLowerCase())){if(c=t,f=e,1===p&&U.test(t)){(s=e.getAttribute("id"))?s=s.replace(re,ie):e.setAttribute("id",s=k),o=(l=h(t)).length;while(o--)l[o]="#"+s+" "+xe(l[o]);c=l.join(","),f=ee.test(t)&&ye(e.parentNode)||e}try{return H.apply(n,f.querySelectorAll(c)),n}catch(e){A(t,!0)}finally{s===k&&e.removeAttribute("id")}}}return g(t.replace(B,"$1"),e,n,r)}function ue(){var r=[];return function e(t,n){return r.push(t+" ")>b.cacheLength&&delete e[r.shift()],e[t+" "]=n}}function le(e){return e[k]=!0,e}function ce(e){var t=C.createElement("fieldset");try{return!!e(t)}catch(e){return!1}finally{t.parentNode&&t.parentNode.removeChild(t),t=null}}function fe(e,t){var n=e.split("|"),r=n.length;while(r--)b.attrHandle[n[r]]=t}function pe(e,t){var n=t&&e,r=n&&1===e.nodeType&&1===t.nodeType&&e.sourceIndex-t.sourceIndex;if(r)return r;if(n)while(n=n.nextSibling)if(n===t)return-1;return e?1:-1}function de(t){return function(e){return"input"===e.nodeName.toLowerCase()&&e.type===t}}function he(n){return function(e){var t=e.nodeName.toLowerCase();return("input"===t||"button"===t)&&e.type===n}}function ge(t){return function(e){return"form"in e?e.parentNode&&!1===e.disabled?"label"in e?"label"in e.parentNode?e.parentNode.disabled===t:e.disabled===t:e.isDisabled===t||e.isDisabled!==!t&&ae(e)===t:e.disabled===t:"label"in e&&e.disabled===t}}function ve(a){return le(function(o){return o=+o,le(function(e,t){var n,r=a([],e.length,o),i=r.length;while(i--)e[n=r[i]]&&(e[n]=!(t[n]=e[n]))})})}function ye(e){return e&&"undefined"!=typeof e.getElementsByTagName&&e}for(e in d=se.support={},i=se.isXML=function(e){var t=e.namespaceURI,n=(e.ownerDocument||e).documentElement;return!Y.test(t||n&&n.nodeName||"HTML")},T=se.setDocument=function(e){var t,n,r=e?e.ownerDocument||e:m;return r!==C&&9===r.nodeType&&r.documentElement&&(a=(C=r).documentElement,E=!i(C),m!==C&&(n=C.defaultView)&&n.top!==n&&(n.addEventListener?n.addEventListener("unload",oe,!1):n.attachEvent&&n.attachEvent("onunload",oe)),d.attributes=ce(function(e){return e.className="i",!e.getAttribute("className")}),d.getElementsByTagName=ce(function(e){return e.appendChild(C.createComment("")),!e.getElementsByTagName("*").length}),d.getElementsByClassName=K.test(C.getElementsByClassName),d.getById=ce(function(e){return a.appendChild(e).id=k,!C.getElementsByName||!C.getElementsByName(k).length}),d.getById?(b.filter.ID=function(e){var t=e.replace(te,ne);return function(e){return e.getAttribute("id")===t}},b.find.ID=function(e,t){if("undefined"!=typeof t.getElementById&&E){var n=t.getElementById(e);return n?[n]:[]}}):(b.filter.ID=function(e){var n=e.replace(te,ne);return function(e){var t="undefined"!=typeof e.getAttributeNode&&e.getAttributeNode("id");return t&&t.value===n}},b.find.ID=function(e,t){if("undefined"!=typeof t.getElementById&&E){var n,r,i,o=t.getElementById(e);if(o){if((n=o.getAttributeNode("id"))&&n.value===e)return[o];i=t.getElementsByName(e),r=0;while(o=i[r++])if((n=o.getAttributeNode("id"))&&n.value===e)return[o]}return[]}}),b.find.TAG=d.getElementsByTagName?function(e,t){return"undefined"!=typeof t.getElementsByTagName?t.getElementsByTagName(e):d.qsa?t.querySelectorAll(e):void 0}:function(e,t){var n,r=[],i=0,o=t.getElementsByTagName(e);if("*"===e){while(n=o[i++])1===n.nodeType&&r.push(n);return r}return o},b.find.CLASS=d.getElementsByClassName&&function(e,t){if("undefined"!=typeof t.getElementsByClassName&&E)return t.getElementsByClassName(e)},s=[],v=[],(d.qsa=K.test(C.querySelectorAll))&&(ce(function(e){a.appendChild(e).innerHTML="",e.querySelectorAll("[msallowcapture^='']").length&&v.push("[*^$]="+M+"*(?:''|\"\")"),e.querySelectorAll("[selected]").length||v.push("\\["+M+"*(?:value|"+R+")"),e.querySelectorAll("[id~="+k+"-]").length||v.push("~="),e.querySelectorAll(":checked").length||v.push(":checked"),e.querySelectorAll("a#"+k+"+*").length||v.push(".#.+[+~]")}),ce(function(e){e.innerHTML="";var t=C.createElement("input");t.setAttribute("type","hidden"),e.appendChild(t).setAttribute("name","D"),e.querySelectorAll("[name=d]").length&&v.push("name"+M+"*[*^$|!~]?="),2!==e.querySelectorAll(":enabled").length&&v.push(":enabled",":disabled"),a.appendChild(e).disabled=!0,2!==e.querySelectorAll(":disabled").length&&v.push(":enabled",":disabled"),e.querySelectorAll("*,:x"),v.push(",.*:")})),(d.matchesSelector=K.test(c=a.matches||a.webkitMatchesSelector||a.mozMatchesSelector||a.oMatchesSelector||a.msMatchesSelector))&&ce(function(e){d.disconnectedMatch=c.call(e,"*"),c.call(e,"[s!='']:x"),s.push("!=",$)}),v=v.length&&new RegExp(v.join("|")),s=s.length&&new RegExp(s.join("|")),t=K.test(a.compareDocumentPosition),y=t||K.test(a.contains)?function(e,t){var n=9===e.nodeType?e.documentElement:e,r=t&&t.parentNode;return e===r||!(!r||1!==r.nodeType||!(n.contains?n.contains(r):e.compareDocumentPosition&&16&e.compareDocumentPosition(r)))}:function(e,t){if(t)while(t=t.parentNode)if(t===e)return!0;return!1},D=t?function(e,t){if(e===t)return l=!0,0;var n=!e.compareDocumentPosition-!t.compareDocumentPosition;return n||(1&(n=(e.ownerDocument||e)===(t.ownerDocument||t)?e.compareDocumentPosition(t):1)||!d.sortDetached&&t.compareDocumentPosition(e)===n?e===C||e.ownerDocument===m&&y(m,e)?-1:t===C||t.ownerDocument===m&&y(m,t)?1:u?P(u,e)-P(u,t):0:4&n?-1:1)}:function(e,t){if(e===t)return l=!0,0;var n,r=0,i=e.parentNode,o=t.parentNode,a=[e],s=[t];if(!i||!o)return e===C?-1:t===C?1:i?-1:o?1:u?P(u,e)-P(u,t):0;if(i===o)return pe(e,t);n=e;while(n=n.parentNode)a.unshift(n);n=t;while(n=n.parentNode)s.unshift(n);while(a[r]===s[r])r++;return r?pe(a[r],s[r]):a[r]===m?-1:s[r]===m?1:0}),C},se.matches=function(e,t){return se(e,null,null,t)},se.matchesSelector=function(e,t){if((e.ownerDocument||e)!==C&&T(e),d.matchesSelector&&E&&!A[t+" "]&&(!s||!s.test(t))&&(!v||!v.test(t)))try{var n=c.call(e,t);if(n||d.disconnectedMatch||e.document&&11!==e.document.nodeType)return n}catch(e){A(t,!0)}return 0":{dir:"parentNode",first:!0}," ":{dir:"parentNode"},"+":{dir:"previousSibling",first:!0},"~":{dir:"previousSibling"}},preFilter:{ATTR:function(e){return e[1]=e[1].replace(te,ne),e[3]=(e[3]||e[4]||e[5]||"").replace(te,ne),"~="===e[2]&&(e[3]=" "+e[3]+" "),e.slice(0,4)},CHILD:function(e){return e[1]=e[1].toLowerCase(),"nth"===e[1].slice(0,3)?(e[3]||se.error(e[0]),e[4]=+(e[4]?e[5]+(e[6]||1):2*("even"===e[3]||"odd"===e[3])),e[5]=+(e[7]+e[8]||"odd"===e[3])):e[3]&&se.error(e[0]),e},PSEUDO:function(e){var t,n=!e[6]&&e[2];return G.CHILD.test(e[0])?null:(e[3]?e[2]=e[4]||e[5]||"":n&&X.test(n)&&(t=h(n,!0))&&(t=n.indexOf(")",n.length-t)-n.length)&&(e[0]=e[0].slice(0,t),e[2]=n.slice(0,t)),e.slice(0,3))}},filter:{TAG:function(e){var t=e.replace(te,ne).toLowerCase();return"*"===e?function(){return!0}:function(e){return e.nodeName&&e.nodeName.toLowerCase()===t}},CLASS:function(e){var t=p[e+" "];return t||(t=new RegExp("(^|"+M+")"+e+"("+M+"|$)"))&&p(e,function(e){return t.test("string"==typeof e.className&&e.className||"undefined"!=typeof e.getAttribute&&e.getAttribute("class")||"")})},ATTR:function(n,r,i){return function(e){var t=se.attr(e,n);return null==t?"!="===r:!r||(t+="","="===r?t===i:"!="===r?t!==i:"^="===r?i&&0===t.indexOf(i):"*="===r?i&&-1:\x20\t\r\n\f]*)[\x20\t\r\n\f]*\/?>(?:<\/\1>|)$/i;function j(e,n,r){return m(n)?k.grep(e,function(e,t){return!!n.call(e,t,e)!==r}):n.nodeType?k.grep(e,function(e){return e===n!==r}):"string"!=typeof n?k.grep(e,function(e){return-1)[^>]*|#([\w-]+))$/;(k.fn.init=function(e,t,n){var r,i;if(!e)return this;if(n=n||q,"string"==typeof e){if(!(r="<"===e[0]&&">"===e[e.length-1]&&3<=e.length?[null,e,null]:L.exec(e))||!r[1]&&t)return!t||t.jquery?(t||n).find(e):this.constructor(t).find(e);if(r[1]){if(t=t instanceof k?t[0]:t,k.merge(this,k.parseHTML(r[1],t&&t.nodeType?t.ownerDocument||t:E,!0)),D.test(r[1])&&k.isPlainObject(t))for(r in t)m(this[r])?this[r](t[r]):this.attr(r,t[r]);return this}return(i=E.getElementById(r[2]))&&(this[0]=i,this.length=1),this}return e.nodeType?(this[0]=e,this.length=1,this):m(e)?void 0!==n.ready?n.ready(e):e(k):k.makeArray(e,this)}).prototype=k.fn,q=k(E);var H=/^(?:parents|prev(?:Until|All))/,O={children:!0,contents:!0,next:!0,prev:!0};function P(e,t){while((e=e[t])&&1!==e.nodeType);return e}k.fn.extend({has:function(e){var t=k(e,this),n=t.length;return this.filter(function(){for(var e=0;e\x20\t\r\n\f]*)/i,he=/^$|^module$|\/(?:java|ecma)script/i,ge={option:[1,""],thead:[1,""],col:[2,""],tr:[2,""],td:[3,""],_default:[0,"",""]};function ve(e,t){var n;return n="undefined"!=typeof e.getElementsByTagName?e.getElementsByTagName(t||"*"):"undefined"!=typeof e.querySelectorAll?e.querySelectorAll(t||"*"):[],void 0===t||t&&A(e,t)?k.merge([e],n):n}function ye(e,t){for(var n=0,r=e.length;nx",y.noCloneChecked=!!me.cloneNode(!0).lastChild.defaultValue;var Te=/^key/,Ce=/^(?:mouse|pointer|contextmenu|drag|drop)|click/,Ee=/^([^.]*)(?:\.(.+)|)/;function ke(){return!0}function Se(){return!1}function Ne(e,t){return e===function(){try{return E.activeElement}catch(e){}}()==("focus"===t)}function Ae(e,t,n,r,i,o){var a,s;if("object"==typeof t){for(s in"string"!=typeof n&&(r=r||n,n=void 0),t)Ae(e,s,n,r,t[s],o);return e}if(null==r&&null==i?(i=n,r=n=void 0):null==i&&("string"==typeof n?(i=r,r=void 0):(i=r,r=n,n=void 0)),!1===i)i=Se;else if(!i)return e;return 1===o&&(a=i,(i=function(e){return k().off(e),a.apply(this,arguments)}).guid=a.guid||(a.guid=k.guid++)),e.each(function(){k.event.add(this,t,i,r,n)})}function De(e,i,o){o?(Q.set(e,i,!1),k.event.add(e,i,{namespace:!1,handler:function(e){var t,n,r=Q.get(this,i);if(1&e.isTrigger&&this[i]){if(r.length)(k.event.special[i]||{}).delegateType&&e.stopPropagation();else if(r=s.call(arguments),Q.set(this,i,r),t=o(this,i),this[i](),r!==(n=Q.get(this,i))||t?Q.set(this,i,!1):n={},r!==n)return e.stopImmediatePropagation(),e.preventDefault(),n.value}else r.length&&(Q.set(this,i,{value:k.event.trigger(k.extend(r[0],k.Event.prototype),r.slice(1),this)}),e.stopImmediatePropagation())}})):void 0===Q.get(e,i)&&k.event.add(e,i,ke)}k.event={global:{},add:function(t,e,n,r,i){var o,a,s,u,l,c,f,p,d,h,g,v=Q.get(t);if(v){n.handler&&(n=(o=n).handler,i=o.selector),i&&k.find.matchesSelector(ie,i),n.guid||(n.guid=k.guid++),(u=v.events)||(u=v.events={}),(a=v.handle)||(a=v.handle=function(e){return"undefined"!=typeof k&&k.event.triggered!==e.type?k.event.dispatch.apply(t,arguments):void 0}),l=(e=(e||"").match(R)||[""]).length;while(l--)d=g=(s=Ee.exec(e[l])||[])[1],h=(s[2]||"").split(".").sort(),d&&(f=k.event.special[d]||{},d=(i?f.delegateType:f.bindType)||d,f=k.event.special[d]||{},c=k.extend({type:d,origType:g,data:r,handler:n,guid:n.guid,selector:i,needsContext:i&&k.expr.match.needsContext.test(i),namespace:h.join(".")},o),(p=u[d])||((p=u[d]=[]).delegateCount=0,f.setup&&!1!==f.setup.call(t,r,h,a)||t.addEventListener&&t.addEventListener(d,a)),f.add&&(f.add.call(t,c),c.handler.guid||(c.handler.guid=n.guid)),i?p.splice(p.delegateCount++,0,c):p.push(c),k.event.global[d]=!0)}},remove:function(e,t,n,r,i){var o,a,s,u,l,c,f,p,d,h,g,v=Q.hasData(e)&&Q.get(e);if(v&&(u=v.events)){l=(t=(t||"").match(R)||[""]).length;while(l--)if(d=g=(s=Ee.exec(t[l])||[])[1],h=(s[2]||"").split(".").sort(),d){f=k.event.special[d]||{},p=u[d=(r?f.delegateType:f.bindType)||d]||[],s=s[2]&&new RegExp("(^|\\.)"+h.join("\\.(?:.*\\.|)")+"(\\.|$)"),a=o=p.length;while(o--)c=p[o],!i&&g!==c.origType||n&&n.guid!==c.guid||s&&!s.test(c.namespace)||r&&r!==c.selector&&("**"!==r||!c.selector)||(p.splice(o,1),c.selector&&p.delegateCount--,f.remove&&f.remove.call(e,c));a&&!p.length&&(f.teardown&&!1!==f.teardown.call(e,h,v.handle)||k.removeEvent(e,d,v.handle),delete u[d])}else for(d in u)k.event.remove(e,d+t[l],n,r,!0);k.isEmptyObject(u)&&Q.remove(e,"handle events")}},dispatch:function(e){var t,n,r,i,o,a,s=k.event.fix(e),u=new Array(arguments.length),l=(Q.get(this,"events")||{})[s.type]||[],c=k.event.special[s.type]||{};for(u[0]=s,t=1;t\x20\t\r\n\f]*)[^>]*)\/>/gi,qe=/\s*$/g;function Oe(e,t){return A(e,"table")&&A(11!==t.nodeType?t:t.firstChild,"tr")&&k(e).children("tbody")[0]||e}function Pe(e){return e.type=(null!==e.getAttribute("type"))+"/"+e.type,e}function Re(e){return"true/"===(e.type||"").slice(0,5)?e.type=e.type.slice(5):e.removeAttribute("type"),e}function Me(e,t){var n,r,i,o,a,s,u,l;if(1===t.nodeType){if(Q.hasData(e)&&(o=Q.access(e),a=Q.set(t,o),l=o.events))for(i in delete a.handle,a.events={},l)for(n=0,r=l[i].length;n")},clone:function(e,t,n){var r,i,o,a,s,u,l,c=e.cloneNode(!0),f=oe(e);if(!(y.noCloneChecked||1!==e.nodeType&&11!==e.nodeType||k.isXMLDoc(e)))for(a=ve(c),r=0,i=(o=ve(e)).length;r").attr(n.scriptAttrs||{}).prop({charset:n.scriptCharset,src:n.url}).on("load error",i=function(e){r.remove(),i=null,e&&t("error"===e.type?404:200,e.type)}),E.head.appendChild(r[0])},abort:function(){i&&i()}}});var Vt,Gt=[],Yt=/(=)\?(?=&|$)|\?\?/;k.ajaxSetup({jsonp:"callback",jsonpCallback:function(){var e=Gt.pop()||k.expando+"_"+kt++;return this[e]=!0,e}}),k.ajaxPrefilter("json jsonp",function(e,t,n){var r,i,o,a=!1!==e.jsonp&&(Yt.test(e.url)?"url":"string"==typeof e.data&&0===(e.contentType||"").indexOf("application/x-www-form-urlencoded")&&Yt.test(e.data)&&"data");if(a||"jsonp"===e.dataTypes[0])return r=e.jsonpCallback=m(e.jsonpCallback)?e.jsonpCallback():e.jsonpCallback,a?e[a]=e[a].replace(Yt,"$1"+r):!1!==e.jsonp&&(e.url+=(St.test(e.url)?"&":"?")+e.jsonp+"="+r),e.converters["script json"]=function(){return o||k.error(r+" was not called"),o[0]},e.dataTypes[0]="json",i=C[r],C[r]=function(){o=arguments},n.always(function(){void 0===i?k(C).removeProp(r):C[r]=i,e[r]&&(e.jsonpCallback=t.jsonpCallback,Gt.push(r)),o&&m(i)&&i(o[0]),o=i=void 0}),"script"}),y.createHTMLDocument=((Vt=E.implementation.createHTMLDocument("").body).innerHTML="",2===Vt.childNodes.length),k.parseHTML=function(e,t,n){return"string"!=typeof e?[]:("boolean"==typeof t&&(n=t,t=!1),t||(y.createHTMLDocument?((r=(t=E.implementation.createHTMLDocument("")).createElement("base")).href=E.location.href,t.head.appendChild(r)):t=E),o=!n&&[],(i=D.exec(e))?[t.createElement(i[1])]:(i=we([e],t,o),o&&o.length&&k(o).remove(),k.merge([],i.childNodes)));var r,i,o},k.fn.load=function(e,t,n){var r,i,o,a=this,s=e.indexOf(" ");return-1").append(k.parseHTML(e)).find(r):e)}).always(n&&function(e,t){a.each(function(){n.apply(this,o||[e.responseText,t,e])})}),this},k.each(["ajaxStart","ajaxStop","ajaxComplete","ajaxError","ajaxSuccess","ajaxSend"],function(e,t){k.fn[t]=function(e){return this.on(t,e)}}),k.expr.pseudos.animated=function(t){return k.grep(k.timers,function(e){return t===e.elem}).length},k.offset={setOffset:function(e,t,n){var r,i,o,a,s,u,l=k.css(e,"position"),c=k(e),f={};"static"===l&&(e.style.position="relative"),s=c.offset(),o=k.css(e,"top"),u=k.css(e,"left"),("absolute"===l||"fixed"===l)&&-1<(o+u).indexOf("auto")?(a=(r=c.position()).top,i=r.left):(a=parseFloat(o)||0,i=parseFloat(u)||0),m(t)&&(t=t.call(e,n,k.extend({},s))),null!=t.top&&(f.top=t.top-s.top+a),null!=t.left&&(f.left=t.left-s.left+i),"using"in t?t.using.call(e,f):c.css(f)}},k.fn.extend({offset:function(t){if(arguments.length)return void 0===t?this:this.each(function(e){k.offset.setOffset(this,t,e)});var e,n,r=this[0];return r?r.getClientRects().length?(e=r.getBoundingClientRect(),n=r.ownerDocument.defaultView,{top:e.top+n.pageYOffset,left:e.left+n.pageXOffset}):{top:0,left:0}:void 0},position:function(){if(this[0]){var e,t,n,r=this[0],i={top:0,left:0};if("fixed"===k.css(r,"position"))t=r.getBoundingClientRect();else{t=this.offset(),n=r.ownerDocument,e=r.offsetParent||n.documentElement;while(e&&(e===n.body||e===n.documentElement)&&"static"===k.css(e,"position"))e=e.parentNode;e&&e!==r&&1===e.nodeType&&((i=k(e).offset()).top+=k.css(e,"borderTopWidth",!0),i.left+=k.css(e,"borderLeftWidth",!0))}return{top:t.top-i.top-k.css(r,"marginTop",!0),left:t.left-i.left-k.css(r,"marginLeft",!0)}}},offsetParent:function(){return this.map(function(){var e=this.offsetParent;while(e&&"static"===k.css(e,"position"))e=e.offsetParent;return e||ie})}}),k.each({scrollLeft:"pageXOffset",scrollTop:"pageYOffset"},function(t,i){var o="pageYOffset"===i;k.fn[t]=function(e){return _(this,function(e,t,n){var r;if(x(e)?r=e:9===e.nodeType&&(r=e.defaultView),void 0===n)return r?r[i]:e[t];r?r.scrollTo(o?r.pageXOffset:n,o?n:r.pageYOffset):e[t]=n},t,e,arguments.length)}}),k.each(["top","left"],function(e,n){k.cssHooks[n]=ze(y.pixelPosition,function(e,t){if(t)return t=_e(e,n),$e.test(t)?k(e).position()[n]+"px":t})}),k.each({Height:"height",Width:"width"},function(a,s){k.each({padding:"inner"+a,content:s,"":"outer"+a},function(r,o){k.fn[o]=function(e,t){var n=arguments.length&&(r||"boolean"!=typeof e),i=r||(!0===e||!0===t?"margin":"border");return _(this,function(e,t,n){var r;return x(e)?0===o.indexOf("outer")?e["inner"+a]:e.document.documentElement["client"+a]:9===e.nodeType?(r=e.documentElement,Math.max(e.body["scroll"+a],r["scroll"+a],e.body["offset"+a],r["offset"+a],r["client"+a])):void 0===n?k.css(e,t,i):k.style(e,t,n,i)},s,n?e:void 0,n)}})}),k.each("blur focus focusin focusout resize scroll click dblclick mousedown mouseup mousemove mouseover mouseout mouseenter mouseleave change select submit keydown keypress keyup contextmenu".split(" "),function(e,n){k.fn[n]=function(e,t){return 0