diff --git a/public/dist/css/documentationPage.css b/public/dist/css/documentationPage.css index 40bcba5..b67f54a 100644 --- a/public/dist/css/documentationPage.css +++ b/public/dist/css/documentationPage.css @@ -1 +1 @@ -*,*::before,*::after{box-sizing:border-box;margin:0;padding:0;color:inherit;font:inherit}body,h1,h2,h3,h4,p,figure,blockquote,dl,dd{margin:0}ul,ol{list-style:none}html:focus-within{scroll-behavior:smooth}body{min-height:100vh;text-rendering:optimizeSpeed;line-height:1.5}a{text-decoration:none}input,button,textarea,select{font:inherit}button{border:none}button,select{cursor:pointer}button:disabled{cursor:not-allowed}input{outline:none}::placeholder{opacity:.5}input::-ms-reveal,input::-ms-clear{display:none}input[type=number]::-webkit-inner-spin-button,input[type=number]::-webkit-outer-spin-button{-webkit-appearance:none;margin:0}input[type=number]{-moz-appearance:textfield}@font-face{font-family:Poppins;font-weight:100;src:url("/public/src/fonts/Poppins/Poppins-Thin.ttf") format("truetype")}@font-face{font-family:Poppins;font-weight:200;src:url("/public/src/fonts/Poppins/Poppins-ExtraLight.ttf") format("truetype")}@font-face{font-family:Poppins;font-weight:300;src:url("/public/src/fonts/Poppins/Poppins-Light.ttf") format("truetype")}@font-face{font-family:Poppins;font-weight:400;src:url("/public/src/fonts/Poppins/Poppins-Medium.ttf") format("truetype")}@font-face{font-family:Poppins;font-weight:500;src:url("/public/src/fonts/Poppins/Poppins-Regular.ttf") format("truetype")}@font-face{font-family:Poppins;font-weight:600;src:url("/public/src/fonts/Poppins/Poppins-SemiBold.ttf") format("truetype")}@font-face{font-family:Poppins;font-weight:700;src:url("/public/src/fonts/Poppins/Poppins-Bold.ttf") format("truetype")}@font-face{font-family:Poppins;font-weight:800;src:url("/public/src/fonts/Poppins/Poppins-ExtraBold.ttf") format("truetype")}@font-face{font-family:Poppins;font-weight:900;src:url("/public/src/fonts/Poppins/Poppins-Black.ttf") format("truetype")}pre code.hljs{display:block;overflow-x:auto;padding:1em}code.hljs{padding:3px 5px}.hljs{color:#abb2bf;background:#282c34}.hljs-keyword,.hljs-operator,.hljs-pattern-match{color:#f92672}.hljs-function,.hljs-pattern-match .hljs-constructor{color:#61aeee}.hljs-function .hljs-params{color:#a6e22e}.hljs-function .hljs-params .hljs-typing{color:#fd971f}.hljs-module-access .hljs-module{color:#7e57c2}.hljs-constructor{color:#e2b93d}.hljs-constructor .hljs-string{color:#77ab6a}.hljs-comment,.hljs-quote{color:#b18eb1;font-style:italic}.hljs-doctag,.hljs-formula{color:#c678dd}.hljs-deletion,.hljs-name,.hljs-section,.hljs-selector-tag,.hljs-subst{color:#e06c75}.hljs-literal{color:#438d9d}.hljs-addition,.hljs-attribute,.hljs-meta .hljs-string,.hljs-regexp,.hljs-string{color:#98c379}.hljs-built_in,.hljs-class .hljs-title,.hljs-title.class_{color:#e6c07b}.hljs-attr,.hljs-number,.hljs-selector-attr,.hljs-selector-class,.hljs-selector-pseudo,.hljs-template-variable,.hljs-type,.hljs-variable{color:#bd855b}.hljs-bullet,.hljs-link,.hljs-meta,.hljs-selector-id,.hljs-symbol,.hljs-title{color:#4374a4}.hljs-emphasis{font-style:italic}.hljs-strong{font-weight:700}.hljs-link{text-decoration:underline}.silverBox-container{--silverBox-items-top-margin: 15px;--silverBox-padding: 20px;--silverBox-border: 0px solid;--silverBox-timer-bar-height: 3px;--silverBox-timer-bar-border-radius: 10px;--silverBox-border-radius: 20px;--silverBox-z-index: 1402;--silverBox-width: 90vw;--silverBox-max-width: min-content;--silverBox-min-width: 400px;--silverBox-max-height: max-content;--silverBox-overlay-width: 100vw;--silverBox-overlay-height: 100vh;--silverBox-top-distance: 10px;--silverBox-top-right-distance: 10px;--silverBox-top-left-distance: 10px;--silverBox-bottom-distance: 10px;--silverBox-bottom-right-distance: 10px;--silverBox-bottom-left-distance: 10px;--silverBox-slide-animation-left-distance: 10px;--silverBox-slide-animation-right-distance: 10px;--silverBox-slide-animation-top-distance: 10px;--silverBox-slide-animation-bottom-distance: 10px;--silverBox-close-button-grid-column-start: 3;--silverBox-close-button-justify-self: end;--silverBox-close-button-align-self: start;--silverBox-title-font-size: 18px;--silverBox-title-font-weight: 600;--silverBox-title-gap: 0 10px;--silverBox-title-justifyContent: center;--silverBox-text-font-size: 16px;--silverBox-text-font-weight: 500;--silverBox-custom-image-max-width: 100px;--silverBox-custom-image-max-height: 100px;--silverBox-custom-image-width: unset;--silverBox-custom-image-height: unset;--silverBox-custom-image-border-radius: 3px;--silverBox-icon-wrapper-grid-template-columns: repeat(3, 1fr);--silverBox-icon-wrapper-align-items: center;--silverBox-centered-icon-justify-self: center;--silverBox-centered-icon-grid-column-start: 2;--silverBox-tick-mark-size: 50px;--silverBox-tick-right-size: 50%;--silverBox-tick-left-size: 10px;--silverBox-tick-circle-border: 3px solid;--silverBox-tick-inside-border: 3px solid;--silverBox-info-circle-border: 3px solid;--silverBox-info-size: 50px;--silverBox-info-icon-inside-size: 30px;--silverBox-info-icon-width: 500;--silverBox-question-circle-border: 3px solid;--silverBox-question-size: 50px;--silverBox-question-icon-inside-size: 30px;--silverBox-question-icon-width: 500;--silverBox-warning-circle-border: 3px solid;--silverBox-warning-size: 50px;--silverBox-warning-icon-inside-size: 30px;--silverBox-warning-icon-width: 500;--silverBox-error-circle-border: 3px solid;--silverBox-error-size: 50px;--silverBox-error-icon-inside-size: 30px;--silverBox-error-icon-width: 3px;--silverBox-button-border-radius: 8px;--silverBox-button-icon-border-radius: 10px;--silverBox-button-border-width: 1px;--silverBox-button-font-size: 16px;--silverBox-button-font-weight: 600;--silverBox-button-padding: 7px 20px;--silverBox-button-min-width: 200px;--silverBox-button-width: 100%;--silverBox-button-image-max-width: 40px;--silverBox-button-text-min-height: 30px;--silverBox-button-column-gap: 10px;--silverBox-button-wrapper-gap: 10px;--silverBox-button-transition: 0.2s ease;--silverBox-input-container-flex-wrap: wrap;--silverBox-input-font-size: 16px;--silverBox-input-padding: 10px;--silverBox-input-border-radius: 8px;--silverBox-inside-input-gap: 7px;--silverBox-input-parent-gap: 10px 0;--silverBox-input-font-weight: 500;--silverBox-input-width: 100%;--silverBox-input-wrapper-width: 100%;--silverBox-input-border: 1px solid var(--silverBox-input-border-color);--silverBox-input-text-align: start;--silverBox-input-flex-direction: column;--silverBox-input-parent-justify-content: space-around;--silverBox-input-parent-align-items: center;--silverBox-hint-fontSize: 12px;--silverBox-hint-font-weight: 500;--silverBox-input-label-font-size: 14px;--silverBox-input-label-font-weight: 500;--silverBox-placeHolder-fontSize: 16px;--silverBox-input-placeHolder-font-weight: 500;--silverBox-input-select-border-radius: 2px;--silverBox-input-select-padding: 5px 8px;--silverBox-select-input-width: fit-content;--silverBox-footer-font-size: 16px;--silverBox-footer-font-weight: 500;--silverBox-footer-hr-margin: 20px 0 10px;--silverBox-footer-hr-height: 1px}.silverBox-container[data-theme=light]{--silverBox-overlay-background: #d0d5dde2;--silverBox-background-color: white;--silverBox-box-shadow: 0px 0px 4px rgba(0, 0, 0, 0.1);--silverBox-border-color: #fff;--silverBox-timer-bar: #bbb;--silverBox-title-color: #000;--silverBox-text-color: #475467;--silverBox-confirm-color: #fff;--silverBox-confirm-bg-color: #7f56d9;--silverBox-confirm-border-color: #7f56d9;--silverBox-confirm-hover-color: #a86ff9;--silverBox-deny-color: #fff;--silverBox-deny-bg-color: #d33;--silverBox-deny-border-color: #d33;--silverBox-deny-hover-color: #fa7070;--silverBox-cancel-color: #475467;--silverBox-cancel-bg-color: #fff;--silverBox-cancel-border-color: #d0d5dd;--silverBox-cancel-hover-color: #d2d2d2;--silverBox-custom-color: #475467;--silverBox-custom-bg-color: #fff;--silverBox-custom-border-color: #d0d5dd;--silverBox-custom-hover-color: #d2d2d2;--silverBox-input-border-color: #d0d5dd;--silverBox-input-background: #fff;--silverBox-input-color: #000;--silverBox-input-placeHolder-color: #475467;--silverBox-label-color: #1d2939;--silverBox-hint-color: #101828;--silverBox-input-box-shadow: 0px 0px 4px rgba(201, 14, 14, 0.1);--silverBox-hr-line-color: #bbbbbb;--silverBox-footer-color: #474747;--silverBox-tick-inside-border-color: #15b79e;--silverBox-tick-circle-border-color: #15b79e;--silverBox-info-circle-border-color: #2e90fa;--silverBox-info-color: #2e90fa;--silverBox-question-circle-border-color: #a4bcfd;--silverBox-question-color: #a4bcfd;--silverBox-warning-circle-border-color: #eaaa08;--silverBox-warning-color: #eaaa08;--silverBox-error-circle-border-color: #e62e05;--silverBox-error-color: #e62e05}.silverBox-container[data-theme=dark]{--silverBox-overlay-background: #191919ea;--silverBox-background-color: #1f2637;--silverBox-box-shadow: 0px 0px 4px rgba(0, 0, 0, 0.1);--silverBox-border-color: #171e2e;--silverBox-timer-bar: #555;--silverBox-title-color: #fff;--silverBox-text-color: #9fa3ad;--silverBox-confirm-color: #fff;--silverBox-confirm-bg-color: #4c2b92;--silverBox-confirm-border-color: #4c2b92;--silverBox-confirm-hover-color: #5a30b3;--silverBox-deny-color: #fff;--silverBox-deny-bg-color: #9d0f0f;--silverBox-deny-border-color: #9d0f0f;--silverBox-deny-hover-color: #d33;--silverBox-cancel-color: #fff;--silverBox-cancel-bg-color: #5f5f5f;--silverBox-cancel-border-color: #5f5f5f;--silverBox-cancel-hover-color: #838383;--silverBox-custom-color: #fff;--silverBox-custom-bg-color: #5f5f5f;--silverBox-custom-border-color: #5f5f5f;--silverBox-custom-hover-color: #838383;--silverBox-input-border-color: #39363f;--silverBox-input-background: #515864;--silverBox-input-color: #fff;--silverBox-input-placeHolder-color: #a1a4a9;--silverBox-label-color: #fff;--silverBox-hint-color: #fff;--silverBox-input-box-shadow: 0px 0px 4px rgba(90, 206, 23, 0.1);--silverBox-hr-line-color: #bbbbbb;--silverBox-footer-color: #a1a4a9;--silverBox-tick-inside-border-color: #15b79e;--silverBox-tick-circle-border-color: #15b79e;--silverBox-info-circle-border-color: #2e90fa;--silverBox-info-color: #2e90fa;--silverBox-question-circle-border-color: #a4bcfd;--silverBox-question-color: #a4bcfd;--silverBox-warning-circle-border-color: #eaaa08;--silverBox-warning-color: #eaaa08;--silverBox-error-circle-border-color: #e62e05;--silverBox-error-color: #e62e05}.silverBox-container,.silverBox-container *{box-sizing:border-box;margin:0;padding:0;color:inherit;font:inherit;border:none;text-decoration:none}.silverBox-input-container{margin-top:var(--silverBox-items-top-margin);display:flex;flex-wrap:var(--silverBox-input-container-flex-wrap);gap:var(--silverBox-input-parent-gap);justify-content:var(--silverBox-input-parent-justify-content);align-items:var(--silverBox-input-parent-align-items)}.silverBox-input-container .silverBox-input-wrapper{width:var(--silverBox-input-wrapper-width);display:inline-flex;flex-direction:var(--silverBox-input-flex-direction);gap:var(--silverBox-inside-input-gap);text-align:var(--silverBox-input-text-align)}.silverBox-input-container .silverBox-input-wrapper .silverBox-select{width:var(--silverBox-select-input-width);padding:var(--silverBox-input-select-padding);border-radius:var(--silverBox-input-select-border-radius)}.silverBox-input-container .silverBox-input-wrapper>input,.silverBox-input-container .silverBox-input-wrapper>textarea{background:var(--silverBox-input-background);outline:none;border:var(--silverBox-input-border);color:var(--silverBox-input-color);padding:var(--silverBox-input-padding);border-radius:var(--silverBox-input-border-radius);resize:none;font-size:var(--silverBox-input-font-size);box-shadow:var(--silverBox-input-box-shadow);font-weight:var(--silverBox-input-font-weight);width:var(--silverBox-input-width)}.silverBox-input-container .silverBox-input-wrapper>input::placeholder,.silverBox-input-container .silverBox-input-wrapper>textarea::placeholder{color:var(--silverBox-input-placeHolder-color);font-size:var(--silverBox-placeHolder-fontSize);font-weight:var(--silverBox-input-placeHolder-font-weight)}.silverBox-input-container .silverBox-input-wrapper label{color:var(--silverBox-label-color);font-size:var(--silverBox-input-label-font-size);font-weight:var(--silverBox-input-label-font-weight)}.silverBox-input-container .silverBox-input-wrapper .silverBox-input-hint{color:var(--silverBox-hint-color);font-size:var(--silverBox-hint-fontSize);font-weight:var(--silverBox-hint-font-weight)}.silverBox-button-wrapper{display:flex;flex-direction:row-reverse;justify-content:space-around;gap:var(--silverBox-button-wrapper-gap);margin-top:var(--silverBox-items-top-margin)}.silverBox-button{display:flex;column-gap:var(--silverBox-button-column-gap);justify-content:center;align-items:center;outline:none;border-width:var(--silverBox-button-border-width);border-style:solid;border-radius:var(--silverBox-button-border-radius);font-size:var(--silverBox-button-font-size);font-weight:var(--silverBox-button-font-weight);padding:var(--silverBox-button-padding);cursor:pointer;transition:var(--silverBox-button-transition);min-width:var(--silverBox-button-min-width);width:var(--silverBox-button-width)}.silverBox-button .silverBox-button-icon{border-radius:var(--silverBox-button-icon-border-radius)}.silverBox-button.silverBox-confirm-button{border-color:var(--silverBox-confirm-border-color);background-color:var(--silverBox-confirm-bg-color);color:var(--silverBox-confirm-color)}.silverBox-button.silverBox-confirm-button:hover{background-color:var(--silverBox-confirm-hover-color)}.silverBox-button.silverBox-custom-button{border-color:var(--silverBox-custom-border-color);background-color:var(--silverBox-custom-bg-color);color:var(--silverBox-custom-color)}.silverBox-button.silverBox-custom-button:hover{background-color:var(--silverBox-custom-hover-color)}.silverBox-button.silverBox-cancel-button{border-color:var(--silverBox-cancel-border-color);background-color:var(--silverBox-cancel-bg-color);color:var(--silverBox-cancel-color)}.silverBox-button.silverBox-cancel-button:hover{background-color:var(--silverBox-cancel-hover-color)}.silverBox-button.silverBox-deny-button{border-color:var(--silverBox-deny-border-color);background-color:var(--silverBox-deny-bg-color);color:var(--silverBox-deny-color)}.silverBox-button.silverBox-deny-button:hover{background-color:var(--silverBox-deny-hover-color)}.silverBox-button img{max-width:var(--silverBox-button-image-max-width)}.silverBox-button .silverBox-button-text{min-height:var(--silverBox-button-text-min-height);display:flex;align-items:center}.silverBox-button .silverBox-button-loading-animation{display:none}.silverBox-button.silverBox-loading-button{pointer-events:none}.silverBox-button.silverBox-loading-button .silverBox-button-loading-animation{display:inline}.silverBox-button.silverBox-loading-button .silverBox-button-text{display:none}.silverBox-button.silverBox-loading-button img{display:none}@media only screen and (max-width: 800px){.silverBox-button-wrapper{flex-direction:column}}.silverBox-close-button{cursor:pointer;grid-column-start:var(--silverBox-close-button-grid-column-start)}.silverBox-icon-wrapper{display:grid;grid-template-columns:var(--silverBox-icon-wrapper-grid-template-columns);align-items:var(--silverBox-icon-wrapper-align-items)}.silverBox-icon-wrapper .silverBox-close-button{justify-self:var(--silverBox-close-button-justify-self);align-self:var(--silverBox-close-button-align-self)}.silverBox-header-wrapper>*{margin-top:var(--silverBox-items-top-margin)}.silverBox-header-wrapper .silverBox-header-title{color:var(--silverBox-title-color);font-size:var(--silverBox-title-font-size);font-weight:var(--silverBox-title-font-weight);gap:var(--silverBox-title-gap)}.silverBox-header-wrapper .silverBox-header-title.silverBox-title-has-icon{display:flex;align-items:center}.silverBox-header-wrapper .silverBox-header-title.silverBox-title-has-icon.silverBox-title-centred{justify-content:var(--silverBox-title-justifyContent)}.silverBox-icon-wrapper.silverBox-centered-icon,.silverBox-icon-wrapper>*.silverBox-centered-icon{justify-self:var(--silverBox-centered-icon-justify-self);grid-column-start:var(--silverBox-centered-icon-grid-column-start)}.silverBox-image-wrapper{display:flex}.silverBox-image-wrapper>*{width:var(--silverBox-custom-image-width);max-width:var(--silverBox-custom-image-max-width);height:var(--silverBox-custom-image-height);max-height:var(--silverBox-custom-image-max-height);border-radius:var(--silverBox-custom-image-border-radius)}.silverBox-default-icon{min-width:50px}.silverBox-tick-mark{position:relative;width:var(--silverBox-tick-mark-size);height:var(--silverBox-tick-mark-size);border:var(--silverBox-tick-circle-border);border-color:var(--silverBox-tick-circle-border-color);border-radius:50%;display:inline-flex;align-items:center;justify-content:center;animation:1s appear}.silverBox-tick-mark .inside{position:absolute;width:var(--silverBox-tick-right-size);height:var(--silverBox-tick-left-size);border-left:var(--silverBox-tick-inside-border);border-bottom:var(--silverBox-tick-inside-border);border-color:var(--silverBox-tick-inside-border-color);transform:rotate(-45deg);margin-bottom:15%}.silverBox-info{border:var(--silverBox-info-circle-border);border-color:var(--silverBox-info-circle-border-color);width:var(--silverBox-info-size);height:var(--silverBox-info-size);border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:var(--silverBox-info-icon-inside-size);font-weight:var(--silverBox-info-icon-width);color:var(--silverBox-info-color);animation:rotate .25s}.silverBox-question{border:var(--silverBox-question-circle-border);border-color:var(--silverBox-question-circle-border-color);width:var(--silverBox-question-size);height:var(--silverBox-question-size);border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:var(--silverBox-question-icon-inside-size);font-weight:var(--silverBox-question-icon-width);color:var(--silverBox-question-color);animation:rotate .25s}.silverBox-warning{border:var(--silverBox-warning-circle-border);border-color:var(--silverBox-warning-circle-border-color);width:var(--silverBox-warning-size);height:var(--silverBox-warning-size);border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:var(--silverBox-warning-icon-inside-size);font-weight:var(--silverBox-warning-icon-width);color:var(--silverBox-warning-color);animation:warning .5s}.silverBox-error{width:var(--silverBox-error-size);height:var(--silverBox-error-size);border-radius:50%;border:var(--silverBox-error-circle-border);border-color:var(--silverBox-error-circle-border-color);display:flex;justify-content:center;align-items:center;animation:error .25s}.silverBox-error .x{width:var(--silverBox-error-icon-inside-size);height:var(--silverBox-error-icon-width);position:relative}.silverBox-error .x::before,.silverBox-error .x::after{content:"";position:absolute;top:0;right:0;width:var(--silverBox-error-icon-inside-size);height:var(--silverBox-error-icon-width);background-color:var(--silverBox-error-color);border-radius:10px}.silverBox-error .x::before{transform:rotate(45deg)}.silverBox-error .x::after{transform:rotate(-45deg)}@keyframes rotate{0%{transform:scale(1) rotate(0)}25%{transform:rotate(25deg)}50%{transform:scale(1.1) rotate(-25deg)}75%{transform:rotate(25deg)}100%{transform:scale(1) rotate(0deg)}}@keyframes error{0%{transform:translateX(0)}25%{transform:translateX(5px) scale(1.05)}50%{transform:translateX(-5px) scale(1.1)}75%{transform:translateX(5px)}100%{transform:translateX(0)}}@keyframes appear{0%{transform:scale(1) rotate(0)}50%{transform:scale(1.1)}100%{transform:scale(1) rotate(360deg)}}@keyframes warning{0%{opacity:1;transform:scale(1)}25%{opacity:0;transform:scale(0.6)}50%{opacity:1;transform:scale(1)}75%{opacity:0;transform:scale(0.6)}100%{opacity:1;transform:scale(1)}}.silverBox-button-loading-animation{width:30px;height:30px;border:3px solid;border-color:#fff rgba(0,0,0,0);border-radius:50%;display:inline-block;box-sizing:border-box;animation:rotation 1s linear infinite}@keyframes rotation{0%{transform:rotate(0deg)}100%{transform:rotate(360deg)}}.silverBox-footer-wrapper{margin-top:var(--silverBox-items-top-margin);color:var(--silverBox-footer-color);font-size:var(--silverBox-footer-font-size);font-weight:var(--silverBox-footer-font-weight)}.silverBox-footer-wrapper hr{margin:var(--silverBox-footer-hr-margin);background-color:var(--silverBox-hr-line-color);height:var(--silverBox-footer-hr-height);border:none}@keyframes leftToRight{0%{left:-100%}80%{left:var(--silverBox-slide-animation-left-distance)}95%{left:2px}100%{left:var(--silverBox-slide-animation-left-distance)}}@keyframes rightToLeft{0%{right:-100%}80%{right:var(--silverBox-slide-animation-right-distance)}95%{right:2px}100%{right:var(--silverBox-slide-animation-right-distance)}}@keyframes topToBottom{0%{top:-100%}80%{top:var(--silverBox-slide-animation-top-distance)}95%{top:2px}100%{top:var(--silverBox-slide-animation-top-distance)}}@keyframes bottomToTop{0%{bottom:-100%}80%{bottom:var(--silverBox-slide-animation-bottom-distance)}95%{bottom:2px}100%{bottom:var(--silverBox-slide-animation-bottom-distance)}}body.stop-scrolling{height:100%;overflow:hidden}.silverBox-container{z-index:var(--silverBox-z-index);display:grid;overflow-y:auto;padding:20px 10px}.silverBox-container.silverBox-overlay{width:var(--silverBox-overlay-width);height:var(--silverBox-overlay-height);position:fixed;top:0;left:0;justify-content:center;background-color:var(--silverBox-overlay-background)}.silverBox-container .silverBox{position:relative;box-sizing:border-box;width:var(--silverBox-width);min-width:var(--silverBox-min-width);max-width:var(--silverBox-max-width);max-height:var(--silverBox-max-height);display:grid;grid-column:2;align-self:center;justify-self:center;border:var(--silverBox-border);border-color:var(--silverBox-border-color);border-radius:var(--silverBox-border-radius);padding:var(--silverBox-padding);box-shadow:var(--silverBox-box-shadow);background-color:var(--silverBox-background-color);animation:popUp .3s linear}.silverBox-container .silverBox .timer-bar{position:absolute;bottom:0;width:100%;height:var(--silverBox-timer-bar-height);border-radius:var(--silverBox-timer-bar-border-radius);background-color:var(--silverBox-timer-bar)}.silverBox-container .silverBox *:first-child{margin-top:0}.silverBox-container .silverBox-body-wrapper{margin-top:var(--silverBox-items-top-margin)}.silverBox-container .silverBox-body-wrapper *:first-child{margin-top:0}.silverBox-container .silverBox-body-wrapper .silverBox-body-description{color:var(--silverBox-text-color);font-size:var(--silverBox-text-font-size);font-weight:var(--silverBox-text-font-weight)}@keyframes popUp{50%{transform:scale(1.05)}}@keyframes timer{from{width:100%}to{width:0%}}@media only screen and (max-width: 800px){.silverBox-container .silverBox-container{padding:6px}.silverBox-container .silverBox{max-width:90vw;min-width:unset}}.silverBox-container.silverBox-top-right,.silverBox-container.silverBox-top-center,.silverBox-container.silverBox-top-left,.silverBox-container.silverBox-bottom-right,.silverBox-container.silverBox-bottom-center,.silverBox-container.silverBox-bottom-left{position:fixed;width:-moz-fit-content;width:fit-content;height:fit-content;overflow-x:hidden}.silverBox-container.silverBox-top-right,.silverBox-container.silverBox-top-center,.silverBox-container.silverBox-top-left{top:var(--silverBox-top-distance)}.silverBox-container.silverBox-top-right{animation:rightToLeft .7s ease-out;right:var(--silverBox-top-right-distance)}.silverBox-container.silverBox-top-center{animation:topToBottom .7s ease-out;transform:translateX(50%);right:50%}.silverBox-container.silverBox-top-left{animation:leftToRight .7s ease-out;left:var(--silverBox-top-left-distance)}.silverBox-container.silverBox-bottom-right,.silverBox-container.silverBox-bottom-left,.silverBox-container.silverBox-bottom-center{bottom:var(--silverBox-bottom-distance)}.silverBox-container.silverBox-bottom-right{animation:rightToLeft .7s ease-out;right:var(--silverBox-bottom-right-distance)}.silverBox-container.silverBox-bottom-center{animation:bottomToTop .7s ease-out;transform:translateX(50%);right:50%}.silverBox-container.silverBox-bottom-left{animation:leftToRight .7s ease-out;left:var(--silverBox-bottom-left-distance)}:root{font-size:18px}@media only screen and (max-width: 900px){:root{font-size:16px}}html{scroll-behavior:smooth;--white-in-white: #cacaca;--black-in-white: #000;--silverBox-navbar-a-font-size: 20px;--silverBox-navbar-a-font-weight: 600;--silverBox-navbar-logo-span-font-size: 32px;--silverBox-navbar-logo-span-font-weight: 700;--silverBox-hero-section-tagline-font-size: 30px;--silverBox-hero-section-tagline-font-weight: 700;--silverBox-hero-section-introduction-font-size: 18px;--silverBox-hero-section-introduction-font-weight: 500;--silverBox-hero-section-button-font-size: 20px;--silverBox-hero-section-button-font-weight: 600;--silverBox-example-explanation-font-size: 20px;--silverBox-example-explanation-font-weight: 600;--silverBox-example-button-font-size: 20px;--silverBox-example-button-font-weight: 600;--silverBox-usage-section-font-size: 18px;--silverBox-usage-section-font-weight: 600;--silverBox-table-header-font-weight: 600;--silverBox-table-header-font-size: 20px;--silverBox-documentation-version-color: #929292;--silverBox-documentation-version-font-size: 15px;--silverBox-document-argument-font-weight: 700;--silverBox-document-font-size: 15px;--silverBox-document-font-weight: 500;--silverBox-credit-section-team-member-font-size: 16px;--silverBox-credit-section-team-member-font-weight: 700;---silverBox-credit-section-team-member-position-font-weight: 600;---silverBox-credit-section-team-member-position-font-size: 14px;--silverBox-code-font-size: 16px;--silverBox-code-font-weight: 700;--silverBox-section-header-font-size: 32px;--silverBox-section-header-font-weight: 600;--silverBox-footer-font-size: 14px;--primary-color: #3286cf;--box-color: #151f33;--get-silverBox-color: #2f3237;--silverBox-scroll-margin-top: 15vh;--body-bg-color: #0f192d;--second-body-bgColor: #151f33;--third-body-bgColor: #0f1726;--button-bg-color: #2f3237;--silverBox-button-hover-bgColor: #383c3f;--header-bg-color: #0f192d;--header-scrolled-bg-color: #1c2638;--header-color: #cacaca;--banner-color: #d9884c;--hero-section-color: #6a7a88;--get-silverBox-button-bg-color: #1b2a52;--silverBox-button-box-shadow: 1px 3px 5px #07070740;--document-border-color: #767d8a99;--document-indicator-color: #9f9f9f;--document-special-values-bgColor: #282c34;--document-argument: #4374a4;--document-type: #10b27d;--document-default: #bd855b;--document-description: #767d8a;--document-error-bgColor: #331925;--document-error-borderColor: #ef4444;--document-warning-bgColor: #aa9027;--document-warning-borderColor: #fbdf6d;--document-success-borderColor: #005f3f;--document-success-bgColor: #10b27d}body{color:var(--gray-700);font-family:Poppins;background:var(--body-bg-color)}body .silverBox-exampleCopyButton{position:absolute;display:flex;flex-direction:column;align-items:center;justify-content:center;font-weight:300;top:20px;right:20px;border:none;background:none;color:#fff}body .silverBox-exampleCopyButton img{max-width:30px;transition:.2s}body .silverBox-exampleCopyButton img.silverBox-copied{filter:grayscale(100%) sepia(100%) hue-rotate(90deg) !important}body .silverBox-exampleCopyButton img:hover{transform:scale(0.8)}body section{scroll-margin-top:70px}body .silverBox-sectionHeader{text-align:center;color:var(--white-in-white);margin-bottom:20px;font-weight:var(--silverBox-section-header-font-weight);font-size:var(--silverBox-section-header-font-size)}body .hidden{display:none !important}body code{box-shadow:1px 4px 5px rgba(7,7,7,.2509803922);border-radius:10px;text-align:left;font-weight:var(--silverBox-code-font-weight);letter-spacing:.03em;line-height:30px;padding:20px !important;font-size:var(--silverBox-code-font-size)}body .container{display:flex;flex-direction:column;align-items:center;gap:20px 0;margin:0 auto;width:90vw;max-width:950px;padding:65px 10px 85px 10px;position:relative}body #silverBox-header{position:fixed;top:0;left:0;width:100%;z-index:10;background-color:var(--header-bg-color);padding:10px 0;overflow:hidden;display:flex;align-items:center;min-height:70px;transition:.3s}body #silverBox-header.scrolled{background-color:var(--header-scrolled-bg-color)}body #silverBox-header .container{padding:0;display:block}body #silverBox-header .container nav{display:flex;align-items:center;transition:.2s linear;justify-content:space-between;width:100%}body #silverBox-header .container nav #logo{display:flex;align-items:center;transition:.3s all}body #silverBox-header .container nav #logo.hide{transform:translateY(200%);position:absolute}body #silverBox-header .container nav #logo img{width:50px}body #silverBox-header .container nav #logo span{font-size:var(--silverBox-navbar-logo-span-font-size);color:var(--primary-color);font-weight:var(--silverBox-navbar-logo-span-font-weight);margin-right:30px}body #silverBox-header .container nav ul{display:flex;justify-content:space-evenly;transition:.3s linear;width:95%}body #silverBox-header .container nav ul.show{transform:translateY(0) !important;position:static;justify-content:space-around}body #silverBox-header .container nav ul li a{color:var(--header-color);font-size:var(--silverBox-navbar-a-font-size);font-weight:var(--silverBox-navbar-a-font-weight);position:relative;transition:.4s ease-in-out}body #silverBox-header .container nav ul li a::after{content:"";background-color:#7e7e7e;width:0;height:2px;position:absolute;bottom:-5px;left:0;transition:.4s ease-in-out}body #silverBox-header .container nav ul li a:hover::after{width:100%}body #silverBox-header .container nav ul li a:hover{color:#7e7e7e}body #silverBox-header .container nav #hamburger-menu{margin-top:6px;cursor:pointer;display:none;flex-direction:column;gap:5px 0;width:20px;height:20px;transition:.3s linear}body #silverBox-header .container nav #hamburger-menu.rotate{transform:rotate(-90deg)}body #silverBox-header .container nav #hamburger-menu .row{width:100%;height:5px;border-radius:5px;background-color:var(--header-color)}body #silverBox-heroSection{scroll-margin-top:var(--silverBox-scroll-margin-top);background-color:var(--box-color);color:var(--hero-section-color);padding:40px 0;letter-spacing:.08em;margin-top:135px}body #silverBox-heroSection .container{padding:10px 0}body #silverBox-heroSection .container .whySilverBox{display:flex;align-items:start;justify-content:space-between;gap:20px 40px}body #silverBox-heroSection .container .whySilverBox .silverBox-introduction{text-align:left;font-weight:var(--silverBox-hero-section-introduction-font-weight);line-height:30px;font-size:var(--silverBox-hero-section-introduction-font-size)}body #silverBox-heroSection .container .whySilverBox .silverBox-introduction .silverBox-name-tag{color:var(--primary-color)}body #silverBox-heroSection .container .silverBox-tagline{text-align:center;font-size:var(--silverBox-hero-section-tagline-font-size);color:var(--primary-color);font-weight:var(--silverBox-hero-section-tagline-font-weight);letter-spacing:.035em}body #silverBox-heroSection .container .get-silverBox{display:flex;justify-content:center;align-items:center;padding:5px 22px;background:var(--get-silverBox-button-bg-color);color:var(--banner-color);box-shadow:var(--silverBox-button-box-shadow);border-radius:10px;font-weight:var(--silverBox-hero-section-button-font-weight);font-size:var(--silverBox-hero-section-button-font-size);letter-spacing:.035em;transition:.3s ease-in-out}body #silverBox-heroSection .container .get-silverBox:hover{background-color:var(--silverBox-button-hover-bgColor)}body #silverBox-exampleSection{row-gap:20px;display:grid;font-size:var(--silverBox-hero-section-tagline-font-size)}body #silverBox-exampleSection .silverBox-example{display:flex;justify-content:space-between;width:95%;margin-bottom:20px}body #silverBox-exampleSection .silverBox-example .silverBox-exampleColumn{display:flex;flex-direction:column;gap:20px 0;margin-right:20px}body #silverBox-exampleSection .silverBox-example .silverBox-exampleColumn .silverBox-exampleExplanation{color:var(--primary-color);font-size:var(--silverBox-example-explanation-font-size);font-weight:var(--silverBox-example-explanation-font-weight);letter-spacing:.035em}body #silverBox-exampleSection .silverBox-example .silverBox-exampleColumn .silverBox-example-button-wrapper{display:flex}body #silverBox-exampleSection .silverBox-example .silverBox-exampleColumn .silverBox-example-button-wrapper .silverBox-exampleButtons{display:flex;justify-content:center;align-items:center;padding:5px 45px;box-shadow:var(--silverBox-button-box-shadow);border-radius:7px;color:var(--white-in-white);width:fit-content;min-width:130px;font-size:var(--silverBox-example-button-font-size);font-weight:var(--silverBox-example-button-font-weight);transition:.3s ease-in-out}body #silverBox-exampleSection .silverBox-example .silverBox-exampleColumn .silverBox-example-button-wrapper .silverBox-exampleButtons.silverBox-showExample{background:var(--box-color)}body #silverBox-exampleSection .silverBox-example .silverBox-exampleColumn .silverBox-example-button-wrapper .silverBox-exampleButtons.silverBox-showExample:hover{background-color:var(--silverBox-button-hover-bgColor)}body #silverBox-exampleSection .silverBox-example .silverBox-exampleColumn .silverBox-example-button-wrapper .silverBox-exampleButtons.silverBox-copyConfig{display:none;background:var(--header-scrolled-bg-color)}body #silverBox-exampleSection .silverBox-example .silverBox-exampleColumn .silverBox-example-button-wrapper .silverBox-exampleButtons.silverBox-copyConfig:hover{background-color:#232c3d}body #silverBox-exampleSection .silverBox-example .silverBox-exampleColumn:last-of-type{justify-self:end}body #silverBox-exampleSection .silverBox-example .silverBox-exampleConfig{min-width:400px;max-width:400px;position:relative}body #silverBox-exampleSection .silverBox-example .silverBox-exampleConfig pre code.hljs::-webkit-scrollbar{height:7px}body #silverBox-exampleSection .silverBox-example .silverBox-exampleConfig pre code.hljs::-webkit-scrollbar-track{background:var(--button-bg-color)}body #silverBox-exampleSection .silverBox-example .silverBox-exampleConfig pre code.hljs::-webkit-scrollbar-thumb{background:#767d8a;border-radius:50px;transform:rotate(-90deg)}body #silverBox-usageSection{background-color:var(--second-body-bgColor);color:var(--white-in-white)}body #silverBox-usageSection .container{align-items:unset}body #silverBox-usageSection #silverBox-usageInstructions{display:flex;flex-direction:column;gap:25px 0}body #silverBox-usageSection #silverBox-usageInstructions p{font-size:var(--silverBox-usage-section-font-size);margin:10px 0;color:var(--primary-color);font-weight:var(--silverBox-usage-section-font-weight)}body #silverBox-usageSection #silverBox-usageInstructions p.step1{margin-top:0}body #silverBox-usageSection #silverBox-usageInstructions p:first-of-type{margin-bottom:50px}body #silverBox-usageSection #silverBox-usageInstructions p:first-of-type span{text-decoration:underline}body #silverBox-usageSection #silverBox-usageInstructions pre{margin-bottom:30px}body #silverBox-usageSection #usage-example{position:relative}body #silverBox-usageSection #usage-example button{top:7%}body #silverBox-CreditsSection{background-image:url("/public/src/images/desktopWave.png");background-repeat:no-repeat;background-size:cover;margin-top:-25px}body #silverBox-CreditsSection .silverBox-teamMembers{display:grid;grid-template-columns:repeat(3, 1fr);gap:30px 70px}body #silverBox-CreditsSection .silverBox-teamMembers .silverBox-teamMember{display:flex;align-items:center;column-gap:10px;border-radius:15px;padding:14.5px 60px 14.5px 16px;transition:all 500ms ease-in-out;background-color:var(--box-color);color:var(--white-in-white);font-weight:var(--silverBox-credit-section-team-member-font-weight);font-size:var(--silverBox-credit-section-team-member-font-size);box-shadow:1px 4px 5px rgba(7,7,7,.25)}body #silverBox-CreditsSection .silverBox-teamMembers .silverBox-teamMember .silverBox-memberImage{border-radius:50%;width:62.5px}body #silverBox-CreditsSection .silverBox-teamMembers .silverBox-teamMember .silverBox-memberInfo .silverBox-memberName{color:var(--primary-700);transition:all 500ms ease-in-out}body #silverBox-CreditsSection .silverBox-teamMembers .silverBox-teamMember .silverBox-memberInfo .silverBox-memberPosition{font-size:var(---silverBox-credit-section-team-member-position-font-size);color:var(--document-border-color);font-weight:var(---silverBox-credit-section-team-member-position-font-weight)}body #silverBox-CreditsSection .silverBox-teamMembers .silverBox-teamMember:hover{background-color:#383c3f}body #silverBox-CreditsSection .silverBox-teamMembers .silverBox-teamMember:hover .silverBox-memberInfo .silverBox-memberName{color:#fff}body #silverBox-documentationSection .silverBox-tableWrapper{overflow:hidden;text-align:start;row-gap:10px;border:1px solid var(--gray-300);border-radius:6px}body #silverBox-documentationSection .silverBox-tableWrapper .silverBox-document-has-config{padding-top:75px;margin-top:-75px;padding-left:40px;max-height:100rem;border-radius:15px;overflow:hidden;transition:.8s ease-in-out}body #silverBox-documentationSection .silverBox-tableWrapper .silverBox-document-has-config.silverBox-hide{max-height:0 !important}body #silverBox-documentationSection .silverBox-tableWrapper .silverBox-documentConfig-indicator{cursor:pointer;width:10px;height:40px;margin-top:20px;margin-left:5px;border-left:2px solid var(--document-indicator-color);border-bottom:2px solid var(--document-indicator-color);transition:.5s ease-in-out}body #silverBox-documentationSection .silverBox-tableWrapper .silverBox-documentConfig-indicator.silverBox-hide{transform:rotate(-45deg);height:15px;width:15px}body #silverBox-documentationSection .silverBox-tableWrapper .silverBox-document-show-more{cursor:pointer;width:fit-content;display:inline-block;padding:1px 15px 1px 0px;border-radius:5px;transition:.5s linear;position:relative;text-decoration:underline}body #silverBox-documentationSection .silverBox-tableWrapper .silverBox-document-show-more.silverBox-hide::after{transform:rotate(45deg)}body #silverBox-documentationSection .silverBox-tableWrapper .silverBox-document-show-more:hover::after{animation:confusedArrow 1.5s}body #silverBox-documentationSection .silverBox-tableWrapper .silverBox-document-show-more:hover.silverBox-hide::after{--rotate-start-end-amount: 45deg;--rotate-middle-one-amount: -39deg;--rotate-middle-two-amount: 131deg;transform:rotate(45deg)}@keyframes confusedArrow{0%{transform:rotate(var(--rotate-start-end-amount))}35%{transform:rotate(var(--rotate-middle-one-amount))}70%{transform:rotate(var(--rotate-middle-two-amount))}100%{transform:rotate(var(--rotate-start-end-amount))}}body #silverBox-documentationSection .silverBox-tableWrapper .silverBox-document-show-more::after{content:"";width:6px;height:6px;position:absolute;border-top:1px solid var(--primary-700);border-right:1px solid var(--primary-700);top:42%;right:5px;transform:rotate(134deg);transition:.2s linear}body #silverBox-documentationSection .silverBox-tableWrapper .silverBox-tableRowHeader,body #silverBox-documentationSection .silverBox-tableWrapper .silverBox-tableRow{scroll-margin-top:var(--silverBox-scroll-margin-top);display:grid;grid-template-columns:3.5fr 2fr 2fr 6fr;column-gap:10px}body #silverBox-documentationSection .silverBox-tableWrapper .silverBox-tableRowHeader .silverBox-document-type,body #silverBox-documentationSection .silverBox-tableWrapper .silverBox-tableRow .silverBox-document-type{color:var(--document-type)}body #silverBox-documentationSection .silverBox-tableWrapper .silverBox-tableRowHeader .silverBox-document-default,body #silverBox-documentationSection .silverBox-tableWrapper .silverBox-tableRow .silverBox-document-default{color:var(--document-default)}body #silverBox-documentationSection .silverBox-tableWrapper .silverBox-tableRowHeader .silverBox-explanation-special-values,body #silverBox-documentationSection .silverBox-tableWrapper .silverBox-tableRow .silverBox-explanation-special-values{background-color:var(--document-special-values-bgColor);color:var(--white-in-white);border-radius:8px;padding:2px 6px;font-weight:600}body #silverBox-documentationSection .silverBox-tableWrapper .silverBox-tableRowHeader .silverBox-document-description,body #silverBox-documentationSection .silverBox-tableWrapper .silverBox-tableRow .silverBox-document-description{color:var(--document-description);line-height:30px;padding:5px !important}body #silverBox-documentationSection .silverBox-tableWrapper .silverBox-tableRowHeader .silverBox-document-description .silverBox-explanation-span,body #silverBox-documentationSection .silverBox-tableWrapper .silverBox-tableRow .silverBox-document-description .silverBox-explanation-span{padding-right:10px}body #silverBox-documentationSection .silverBox-tableWrapper .silverBox-tableRowHeader .silverBox-document-description-error,body #silverBox-documentationSection .silverBox-tableWrapper .silverBox-tableRowHeader .silverBox-document-description-success,body #silverBox-documentationSection .silverBox-tableWrapper .silverBox-tableRowHeader .silverBox-document-description-warning,body #silverBox-documentationSection .silverBox-tableWrapper .silverBox-tableRow .silverBox-document-description-error,body #silverBox-documentationSection .silverBox-tableWrapper .silverBox-tableRow .silverBox-document-description-success,body #silverBox-documentationSection .silverBox-tableWrapper .silverBox-tableRow .silverBox-document-description-warning{color:var(--white-in-white);padding:5px;margin:5px;border-radius:8px}body #silverBox-documentationSection .silverBox-tableWrapper .silverBox-tableRowHeader .silverBox-document-description-error,body #silverBox-documentationSection .silverBox-tableWrapper .silverBox-tableRow .silverBox-document-description-error{background-color:var(--document-error-bgColor);border-left:8px solid var(--document-error-borderColor)}body #silverBox-documentationSection .silverBox-tableWrapper .silverBox-tableRowHeader .silverBox-document-description-success,body #silverBox-documentationSection .silverBox-tableWrapper .silverBox-tableRow .silverBox-document-description-success{background-color:var(--document-success-bgColor);border-left:8px solid var(--document-success-borderColor)}body #silverBox-documentationSection .silverBox-tableWrapper .silverBox-tableRowHeader .silverBox-document-description-warning,body #silverBox-documentationSection .silverBox-tableWrapper .silverBox-tableRow .silverBox-document-description-warning{background-color:var(--document-warning-bgColor);border-left:8px solid var(--document-warning-borderColor)}body #silverBox-documentationSection .silverBox-tableWrapper .silverBox-tableRowHeader .silverBox-tableColumn,body #silverBox-documentationSection .silverBox-tableWrapper .silverBox-tableRow .silverBox-tableColumn{margin-bottom:20px;padding:10px 0;overflow-x:hidden;font-size:var(--silverBox-document-font-size);font-weight:var(--silverBox-document-font-weight)}body #silverBox-documentationSection .silverBox-tableWrapper .silverBox-tableRowHeader .silverBox-tableColumn .silverBox-document-argument,body #silverBox-documentationSection .silverBox-tableWrapper .silverBox-tableRow .silverBox-tableColumn .silverBox-document-argument{font-weight:var(--silverBox-document-argument-font-weight);font-style:italic;color:var(--document-argument)}body #silverBox-documentationSection .silverBox-tableWrapper .silverBox-tableRowHeader .tableHeaderColumn,body #silverBox-documentationSection .silverBox-tableWrapper .silverBox-tableRow .tableHeaderColumn{color:var(--white-in-white) !important;min-width:max-content;font-weight:var(--silverBox-table-header-font-weight);font-size:var(--silverBox-table-header-font-size)}body #silverBox-documentationSection .silverBox-tableWrapper .silverBox-tableRowHeader{border-bottom:1px solid var(--gray-300)}body #silverBox-documentationSection .silverBox-tableWrapper .silverBox-tableRow{border-top:2px solid var(--document-border-color);font-weight:500}body #silverBox-documentationSection .silverBox-tableWrapper .silverBox-tableRowHeader{border:none}body footer{color:var(--document-border-color);padding-block:12px;text-align:center;background-color:var(--third-body-bgColor);font-size:var(--silverBox-footer-font-size)}body footer #sweetAlert,body footer #Untitled-UI{text-decoration:underline}@media only screen and (max-width: 900px){:root{--silverBox-navbar-a-font-size: 12px;--silverBox-hero-section-tagline-font-size: 16px;--silverBox-hero-section-tagline-font-weight: 600;--silverBox-hero-section-introduction-font-size: 13px;--silverBox-hero-section-introduction-font-weight: 600;--silverBox-example-explanation-font-size: 14px;--silverBox-example-explanation-font-weight: 400;--silverBox-example-button-font-size: 14px;--silverBox-table-header-font-size: 16px;--silverBox-document-font-size: 10px;--silverBox-usage-section-font-size: 14px;--silverBox-credit-section-team-member-font-size: 13px;---silverBox-credit-section-team-member-position-font-size: 12px;--silverBox-section-header-font-size: 22px;--silverBox-section-header-font-weight: 500;--silverBox-code-font-size: 12px;--silverBox-footer-font-size: 12px}body{overflow-x:hidden}body #silverBox-heroSection,body #silverBox-exampleSection,body #silverBox-usageSection{scroll-margin-top:70px}body #silverBox-exampleSection .container,body #silverBox-usageSection .container{padding:30px 10px 10px 10px}body #silverBox-header .container nav ul{transform:translateY(-220%);position:absolute;justify-content:space-around}body #silverBox-header .container nav #hamburger-menu{display:flex}body #silverBox-heroSection{padding:17px 10px}body #silverBox-heroSection .silverBox-introduction{text-align:center;line-height:20px}body #silverBox-exampleSection .silverBox-example{justify-content:center;text-align:center;margin-bottom:50px}body #silverBox-exampleSection .silverBox-example .silverBox-exampleColumn-code{display:none}body #silverBox-exampleSection .silverBox-example .silverBox-exampleColumn:first-of-type{margin-right:0}body #silverBox-exampleSection .silverBox-example .silverBox-exampleColumn .silverBox-example-button-wrapper{display:flex;justify-content:center;align-items:center;gap:10px}body #silverBox-exampleSection .silverBox-example .silverBox-exampleColumn .silverBox-example-button-wrapper .silverBox-exampleButtons{padding:6px 22px}body #silverBox-exampleSection .silverBox-example .silverBox-exampleColumn .silverBox-example-button-wrapper .silverBox-exampleButtons.silverBox-copyConfig{display:inline-block}body #silverBox-usageSection{padding-bottom:120px}body #silverBox-usageSection #silverBox-usageInstructions{gap:0}body #silverBox-CreditsSection{background-image:url("/public/src/images/mobileWave.png");margin-top:-70px}body #silverBox-CreditsSection .container{padding:65px 10px 40px 10px}body #silverBox-CreditsSection .silverBox-teamMembers{grid-template-columns:unset}}main{margin-top:100px}main #silverBox-documentation-version{vertical-align:middle;font-size:var(--silverBox-documentation-version-font-size);color:var(--silverBox-documentation-version-color)} +*,*::before,*::after{box-sizing:border-box;margin:0;padding:0;color:inherit;font:inherit}body,h1,h2,h3,h4,p,figure,blockquote,dl,dd{margin:0}ul,ol{list-style:none}html:focus-within{scroll-behavior:smooth}body{min-height:100vh;text-rendering:optimizeSpeed;line-height:1.5}a{text-decoration:none}input,button,textarea,select{font:inherit}button{border:none}button,select{cursor:pointer}button:disabled{cursor:not-allowed}input{outline:none}::placeholder{opacity:.5}input::-ms-reveal,input::-ms-clear{display:none}input[type=number]::-webkit-inner-spin-button,input[type=number]::-webkit-outer-spin-button{-webkit-appearance:none;margin:0}input[type=number]{-moz-appearance:textfield}@font-face{font-family:Poppins;font-weight:100;src:url("/public/src/fonts/Poppins/Poppins-Thin.ttf") format("truetype")}@font-face{font-family:Poppins;font-weight:200;src:url("/public/src/fonts/Poppins/Poppins-ExtraLight.ttf") format("truetype")}@font-face{font-family:Poppins;font-weight:300;src:url("/public/src/fonts/Poppins/Poppins-Light.ttf") format("truetype")}@font-face{font-family:Poppins;font-weight:400;src:url("/public/src/fonts/Poppins/Poppins-Medium.ttf") format("truetype")}@font-face{font-family:Poppins;font-weight:500;src:url("/public/src/fonts/Poppins/Poppins-Regular.ttf") format("truetype")}@font-face{font-family:Poppins;font-weight:600;src:url("/public/src/fonts/Poppins/Poppins-SemiBold.ttf") format("truetype")}@font-face{font-family:Poppins;font-weight:700;src:url("/public/src/fonts/Poppins/Poppins-Bold.ttf") format("truetype")}@font-face{font-family:Poppins;font-weight:800;src:url("/public/src/fonts/Poppins/Poppins-ExtraBold.ttf") format("truetype")}@font-face{font-family:Poppins;font-weight:900;src:url("/public/src/fonts/Poppins/Poppins-Black.ttf") format("truetype")}pre code.hljs{display:block;overflow-x:auto;padding:1em}code.hljs{padding:3px 5px}.hljs{color:#abb2bf;background:#282c34}.hljs-keyword,.hljs-operator,.hljs-pattern-match{color:#f92672}.hljs-function,.hljs-pattern-match .hljs-constructor{color:#61aeee}.hljs-function .hljs-params{color:#a6e22e}.hljs-function .hljs-params .hljs-typing{color:#fd971f}.hljs-module-access .hljs-module{color:#7e57c2}.hljs-constructor{color:#e2b93d}.hljs-constructor .hljs-string{color:#77ab6a}.hljs-comment,.hljs-quote{color:#b18eb1;font-style:italic}.hljs-doctag,.hljs-formula{color:#c678dd}.hljs-deletion,.hljs-name,.hljs-section,.hljs-selector-tag,.hljs-subst{color:#e06c75}.hljs-literal{color:#438d9d}.hljs-addition,.hljs-attribute,.hljs-meta .hljs-string,.hljs-regexp,.hljs-string{color:#98c379}.hljs-built_in,.hljs-class .hljs-title,.hljs-title.class_{color:#e6c07b}.hljs-attr,.hljs-number,.hljs-selector-attr,.hljs-selector-class,.hljs-selector-pseudo,.hljs-template-variable,.hljs-type,.hljs-variable{color:#bd855b}.hljs-bullet,.hljs-link,.hljs-meta,.hljs-selector-id,.hljs-symbol,.hljs-title{color:#4374a4}.hljs-emphasis{font-style:italic}.hljs-strong{font-weight:700}.hljs-link{text-decoration:underline}.silverBox-container{--silverBox-items-top-margin: 15px;--silverBox-padding: 20px;--silverBox-border: 0px solid;--silverBox-timer-bar-height: 3px;--silverBox-timer-bar-border-radius: 10px;--silverBox-border-radius: 20px;--silverBox-z-index: 1402;--silverBox-width: 90vw;--silverBox-max-width: min-content;--silverBox-min-width: 400px;--silverBox-max-height: max-content;--silverBox-overlay-width: 100vw;--silverBox-overlay-height: 100vh;--silverBox-top-distance: 10px;--silverBox-top-right-distance: 10px;--silverBox-top-left-distance: 10px;--silverBox-bottom-distance: 10px;--silverBox-bottom-right-distance: 10px;--silverBox-bottom-left-distance: 10px;--silverBox-slide-animation-left-distance: 10px;--silverBox-slide-animation-right-distance: 10px;--silverBox-slide-animation-top-distance: 10px;--silverBox-slide-animation-bottom-distance: 10px;--silverBox-close-button-grid-column-start: 3;--silverBox-close-button-justify-self: end;--silverBox-close-button-align-self: start;--silverBox-title-font-size: 18px;--silverBox-title-font-weight: 600;--silverBox-title-gap: 0 10px;--silverBox-title-justifyContent: center;--silverBox-text-font-size: 16px;--silverBox-text-font-weight: 500;--silverBox-custom-image-max-width: 100px;--silverBox-custom-image-max-height: 100px;--silverBox-custom-image-width: unset;--silverBox-custom-image-height: unset;--silverBox-custom-image-border-radius: 3px;--silverBox-icon-wrapper-grid-template-columns: repeat(3, 1fr);--silverBox-icon-wrapper-align-items: center;--silverBox-centered-icon-justify-self: center;--silverBox-centered-icon-grid-column-start: 2;--silverBox-tick-mark-size: 50px;--silverBox-tick-right-size: 50%;--silverBox-tick-left-size: 10px;--silverBox-tick-circle-border: 3px solid;--silverBox-tick-inside-border: 3px solid;--silverBox-info-circle-border: 3px solid;--silverBox-info-size: 50px;--silverBox-info-icon-inside-size: 30px;--silverBox-info-icon-width: 500;--silverBox-question-circle-border: 3px solid;--silverBox-question-size: 50px;--silverBox-question-icon-inside-size: 30px;--silverBox-question-icon-width: 500;--silverBox-warning-circle-border: 3px solid;--silverBox-warning-size: 50px;--silverBox-warning-icon-inside-size: 30px;--silverBox-warning-icon-width: 500;--silverBox-error-circle-border: 3px solid;--silverBox-error-size: 50px;--silverBox-error-icon-inside-size: 30px;--silverBox-error-icon-width: 3px;--silverBox-button-border-radius: 8px;--silverBox-button-icon-border-radius: 10px;--silverBox-button-border-width: 1px;--silverBox-button-font-size: 16px;--silverBox-button-font-weight: 600;--silverBox-button-padding: 7px 20px;--silverBox-button-min-width: 200px;--silverBox-button-width: 100%;--silverBox-button-image-max-width: 40px;--silverBox-button-text-min-height: 30px;--silverBox-button-column-gap: 10px;--silverBox-button-wrapper-gap: 10px;--silverBox-button-transition: 0.2s ease;--silverBox-input-container-flex-wrap: wrap;--silverBox-input-font-size: 16px;--silverBox-input-padding: 10px;--silverBox-input-border-radius: 8px;--silverBox-inside-input-gap: 7px;--silverBox-input-parent-gap: 10px 0;--silverBox-input-font-weight: 500;--silverBox-input-width: 100%;--silverBox-input-wrapper-width: 100%;--silverBox-input-border: 1px solid var(--silverBox-input-border-color);--silverBox-input-text-align: start;--silverBox-input-flex-direction: column;--silverBox-input-parent-justify-content: space-around;--silverBox-input-parent-align-items: center;--silverBox-hint-fontSize: 12px;--silverBox-hint-font-weight: 500;--silverBox-input-label-font-size: 14px;--silverBox-input-label-font-weight: 500;--silverBox-placeHolder-fontSize: 16px;--silverBox-input-placeHolder-font-weight: 500;--silverBox-input-select-border-radius: 2px;--silverBox-input-select-padding: 5px 8px;--silverBox-select-input-width: fit-content;--silverBox-footer-font-size: 16px;--silverBox-footer-font-weight: 500;--silverBox-footer-hr-margin: 20px 0 10px;--silverBox-footer-hr-height: 1px}.silverBox-container[data-theme=light]{--silverBox-overlay-background: #d0d5dde2;--silverBox-background-color: white;--silverBox-box-shadow: 0px 0px 4px rgba(0, 0, 0, 0.1);--silverBox-border-color: #fff;--silverBox-timer-bar: #bbb;--silverBox-title-color: #000;--silverBox-text-color: #475467;--silverBox-confirm-color: #fff;--silverBox-confirm-bg-color: #7f56d9;--silverBox-confirm-border-color: #7f56d9;--silverBox-confirm-hover-color: #a86ff9;--silverBox-deny-color: #fff;--silverBox-deny-bg-color: #d33;--silverBox-deny-border-color: #d33;--silverBox-deny-hover-color: #fa7070;--silverBox-cancel-color: #475467;--silverBox-cancel-bg-color: #fff;--silverBox-cancel-border-color: #d0d5dd;--silverBox-cancel-hover-color: #d2d2d2;--silverBox-custom-color: #475467;--silverBox-custom-bg-color: #fff;--silverBox-custom-border-color: #d0d5dd;--silverBox-custom-hover-color: #d2d2d2;--silverBox-input-border-color: #d0d5dd;--silverBox-input-background: #fff;--silverBox-input-color: #000;--silverBox-input-placeHolder-color: #475467;--silverBox-label-color: #1d2939;--silverBox-hint-color: #101828;--silverBox-input-box-shadow: 0px 0px 4px rgba(201, 14, 14, 0.1);--silverBox-hr-line-color: #bbbbbb;--silverBox-footer-color: #474747;--silverBox-tick-inside-border-color: #15b79e;--silverBox-tick-circle-border-color: #15b79e;--silverBox-info-circle-border-color: #2e90fa;--silverBox-info-color: #2e90fa;--silverBox-question-circle-border-color: #a4bcfd;--silverBox-question-color: #a4bcfd;--silverBox-warning-circle-border-color: #eaaa08;--silverBox-warning-color: #eaaa08;--silverBox-error-circle-border-color: #e62e05;--silverBox-error-color: #e62e05}.silverBox-container[data-theme=dark]{--silverBox-overlay-background: #191919ea;--silverBox-background-color: #1f2637;--silverBox-box-shadow: 0px 0px 4px rgba(0, 0, 0, 0.1);--silverBox-border-color: #171e2e;--silverBox-timer-bar: #555;--silverBox-title-color: #fff;--silverBox-text-color: #9fa3ad;--silverBox-confirm-color: #fff;--silverBox-confirm-bg-color: #4c2b92;--silverBox-confirm-border-color: #4c2b92;--silverBox-confirm-hover-color: #5a30b3;--silverBox-deny-color: #fff;--silverBox-deny-bg-color: #9d0f0f;--silverBox-deny-border-color: #9d0f0f;--silverBox-deny-hover-color: #d33;--silverBox-cancel-color: #fff;--silverBox-cancel-bg-color: #5f5f5f;--silverBox-cancel-border-color: #5f5f5f;--silverBox-cancel-hover-color: #838383;--silverBox-custom-color: #fff;--silverBox-custom-bg-color: #5f5f5f;--silverBox-custom-border-color: #5f5f5f;--silverBox-custom-hover-color: #838383;--silverBox-input-border-color: #39363f;--silverBox-input-background: #515864;--silverBox-input-color: #fff;--silverBox-input-placeHolder-color: #a1a4a9;--silverBox-label-color: #fff;--silverBox-hint-color: #fff;--silverBox-input-box-shadow: 0px 0px 4px rgba(90, 206, 23, 0.1);--silverBox-hr-line-color: #bbbbbb;--silverBox-footer-color: #a1a4a9;--silverBox-tick-inside-border-color: #15b79e;--silverBox-tick-circle-border-color: #15b79e;--silverBox-info-circle-border-color: #2e90fa;--silverBox-info-color: #2e90fa;--silverBox-question-circle-border-color: #a4bcfd;--silverBox-question-color: #a4bcfd;--silverBox-warning-circle-border-color: #eaaa08;--silverBox-warning-color: #eaaa08;--silverBox-error-circle-border-color: #e62e05;--silverBox-error-color: #e62e05}.silverBox-container,.silverBox-container *{box-sizing:border-box;margin:0;padding:0;color:inherit;font:inherit;border:none;text-decoration:none}.silverBox-input-container{margin-top:var(--silverBox-items-top-margin);display:flex;flex-wrap:var(--silverBox-input-container-flex-wrap);gap:var(--silverBox-input-parent-gap);justify-content:var(--silverBox-input-parent-justify-content);align-items:var(--silverBox-input-parent-align-items)}.silverBox-input-container .silverBox-input-wrapper{width:var(--silverBox-input-wrapper-width);display:inline-flex;flex-direction:var(--silverBox-input-flex-direction);gap:var(--silverBox-inside-input-gap);text-align:var(--silverBox-input-text-align)}.silverBox-input-container .silverBox-input-wrapper .silverBox-select{width:var(--silverBox-select-input-width);padding:var(--silverBox-input-select-padding);border-radius:var(--silverBox-input-select-border-radius)}.silverBox-input-container .silverBox-input-wrapper>input,.silverBox-input-container .silverBox-input-wrapper>textarea{background:var(--silverBox-input-background);outline:none;border:var(--silverBox-input-border);color:var(--silverBox-input-color);padding:var(--silverBox-input-padding);border-radius:var(--silverBox-input-border-radius);resize:none;font-size:var(--silverBox-input-font-size);box-shadow:var(--silverBox-input-box-shadow);font-weight:var(--silverBox-input-font-weight);width:var(--silverBox-input-width)}.silverBox-input-container .silverBox-input-wrapper>input::placeholder,.silverBox-input-container .silverBox-input-wrapper>textarea::placeholder{color:var(--silverBox-input-placeHolder-color);font-size:var(--silverBox-placeHolder-fontSize);font-weight:var(--silverBox-input-placeHolder-font-weight)}.silverBox-input-container .silverBox-input-wrapper label{color:var(--silverBox-label-color);font-size:var(--silverBox-input-label-font-size);font-weight:var(--silverBox-input-label-font-weight)}.silverBox-input-container .silverBox-input-wrapper .silverBox-input-hint{color:var(--silverBox-hint-color);font-size:var(--silverBox-hint-fontSize);font-weight:var(--silverBox-hint-font-weight)}.silverBox-button-wrapper{display:flex;flex-direction:row-reverse;justify-content:space-around;gap:var(--silverBox-button-wrapper-gap);margin-top:var(--silverBox-items-top-margin)}.silverBox-button{display:flex;column-gap:var(--silverBox-button-column-gap);justify-content:center;align-items:center;outline:none;border-width:var(--silverBox-button-border-width);border-style:solid;border-radius:var(--silverBox-button-border-radius);font-size:var(--silverBox-button-font-size);font-weight:var(--silverBox-button-font-weight);padding:var(--silverBox-button-padding);cursor:pointer;transition:var(--silverBox-button-transition);min-width:var(--silverBox-button-min-width);width:var(--silverBox-button-width)}.silverBox-button .silverBox-button-icon{border-radius:var(--silverBox-button-icon-border-radius)}.silverBox-button.silverBox-confirm-button{border-color:var(--silverBox-confirm-border-color);background-color:var(--silverBox-confirm-bg-color);color:var(--silverBox-confirm-color)}.silverBox-button.silverBox-confirm-button:hover{background-color:var(--silverBox-confirm-hover-color)}.silverBox-button.silverBox-custom-button{border-color:var(--silverBox-custom-border-color);background-color:var(--silverBox-custom-bg-color);color:var(--silverBox-custom-color)}.silverBox-button.silverBox-custom-button:hover{background-color:var(--silverBox-custom-hover-color)}.silverBox-button.silverBox-cancel-button{border-color:var(--silverBox-cancel-border-color);background-color:var(--silverBox-cancel-bg-color);color:var(--silverBox-cancel-color)}.silverBox-button.silverBox-cancel-button:hover{background-color:var(--silverBox-cancel-hover-color)}.silverBox-button.silverBox-deny-button{border-color:var(--silverBox-deny-border-color);background-color:var(--silverBox-deny-bg-color);color:var(--silverBox-deny-color)}.silverBox-button.silverBox-deny-button:hover{background-color:var(--silverBox-deny-hover-color)}.silverBox-button img{max-width:var(--silverBox-button-image-max-width)}.silverBox-button .silverBox-button-text{min-height:var(--silverBox-button-text-min-height);display:flex;align-items:center}.silverBox-button .silverBox-button-loading-animation{display:none}.silverBox-button.silverBox-loading-button{pointer-events:none}.silverBox-button.silverBox-loading-button .silverBox-button-loading-animation{display:inline}.silverBox-button.silverBox-loading-button .silverBox-button-text{display:none}.silverBox-button.silverBox-loading-button img{display:none}@media only screen and (max-width: 800px){.silverBox-button-wrapper{flex-direction:column}}.silverBox-close-button{cursor:pointer;grid-column-start:var(--silverBox-close-button-grid-column-start)}.silverBox-icon-wrapper{display:grid;grid-template-columns:var(--silverBox-icon-wrapper-grid-template-columns);align-items:var(--silverBox-icon-wrapper-align-items)}.silverBox-icon-wrapper .silverBox-close-button{justify-self:var(--silverBox-close-button-justify-self);align-self:var(--silverBox-close-button-align-self)}.silverBox-header-wrapper>*{margin-top:var(--silverBox-items-top-margin)}.silverBox-header-wrapper .silverBox-header-title{color:var(--silverBox-title-color);font-size:var(--silverBox-title-font-size);font-weight:var(--silverBox-title-font-weight);gap:var(--silverBox-title-gap)}.silverBox-header-wrapper .silverBox-header-title.silverBox-title-has-icon{display:flex;align-items:center}.silverBox-header-wrapper .silverBox-header-title.silverBox-title-has-icon.silverBox-title-centred{justify-content:var(--silverBox-title-justifyContent)}.silverBox-icon-wrapper.silverBox-centered-icon,.silverBox-icon-wrapper>*.silverBox-centered-icon{justify-self:var(--silverBox-centered-icon-justify-self);grid-column-start:var(--silverBox-centered-icon-grid-column-start)}.silverBox-image-wrapper{display:flex}.silverBox-image-wrapper>*{width:var(--silverBox-custom-image-width);max-width:var(--silverBox-custom-image-max-width);height:var(--silverBox-custom-image-height);max-height:var(--silverBox-custom-image-max-height);border-radius:var(--silverBox-custom-image-border-radius)}.silverBox-default-icon{min-width:50px}.silverBox-tick-mark{position:relative;width:var(--silverBox-tick-mark-size);height:var(--silverBox-tick-mark-size);border:var(--silverBox-tick-circle-border);border-color:var(--silverBox-tick-circle-border-color);border-radius:50%;display:inline-flex;align-items:center;justify-content:center;animation:1s appear}.silverBox-tick-mark .inside{position:absolute;width:var(--silverBox-tick-right-size);height:var(--silverBox-tick-left-size);border-left:var(--silverBox-tick-inside-border);border-bottom:var(--silverBox-tick-inside-border);border-color:var(--silverBox-tick-inside-border-color);transform:rotate(-45deg);margin-bottom:15%}.silverBox-info{border:var(--silverBox-info-circle-border);border-color:var(--silverBox-info-circle-border-color);width:var(--silverBox-info-size);height:var(--silverBox-info-size);border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:var(--silverBox-info-icon-inside-size);font-weight:var(--silverBox-info-icon-width);color:var(--silverBox-info-color);animation:rotate .25s}.silverBox-question{border:var(--silverBox-question-circle-border);border-color:var(--silverBox-question-circle-border-color);width:var(--silverBox-question-size);height:var(--silverBox-question-size);border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:var(--silverBox-question-icon-inside-size);font-weight:var(--silverBox-question-icon-width);color:var(--silverBox-question-color);animation:rotate .25s}.silverBox-warning{border:var(--silverBox-warning-circle-border);border-color:var(--silverBox-warning-circle-border-color);width:var(--silverBox-warning-size);height:var(--silverBox-warning-size);border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:var(--silverBox-warning-icon-inside-size);font-weight:var(--silverBox-warning-icon-width);color:var(--silverBox-warning-color);animation:warning .5s}.silverBox-error{width:var(--silverBox-error-size);height:var(--silverBox-error-size);border-radius:50%;border:var(--silverBox-error-circle-border);border-color:var(--silverBox-error-circle-border-color);display:flex;justify-content:center;align-items:center;animation:error .25s}.silverBox-error .x{width:var(--silverBox-error-icon-inside-size);height:var(--silverBox-error-icon-width);position:relative}.silverBox-error .x::before,.silverBox-error .x::after{content:"";position:absolute;top:0;right:0;width:var(--silverBox-error-icon-inside-size);height:var(--silverBox-error-icon-width);background-color:var(--silverBox-error-color);border-radius:10px}.silverBox-error .x::before{transform:rotate(45deg)}.silverBox-error .x::after{transform:rotate(-45deg)}@keyframes rotate{0%{transform:scale(1) rotate(0)}25%{transform:rotate(25deg)}50%{transform:scale(1.1) rotate(-25deg)}75%{transform:rotate(25deg)}100%{transform:scale(1) rotate(0deg)}}@keyframes error{0%{transform:translateX(0)}25%{transform:translateX(5px) scale(1.05)}50%{transform:translateX(-5px) scale(1.1)}75%{transform:translateX(5px)}100%{transform:translateX(0)}}@keyframes appear{0%{transform:scale(1) rotate(0)}50%{transform:scale(1.1)}100%{transform:scale(1) rotate(360deg)}}@keyframes warning{0%{opacity:1;transform:scale(1)}25%{opacity:0;transform:scale(0.6)}50%{opacity:1;transform:scale(1)}75%{opacity:0;transform:scale(0.6)}100%{opacity:1;transform:scale(1)}}.silverBox-button-loading-animation{width:30px;height:30px;border:3px solid;border-color:#fff rgba(0,0,0,0);border-radius:50%;display:inline-block;box-sizing:border-box;animation:rotation 1s linear infinite}@keyframes rotation{0%{transform:rotate(0deg)}100%{transform:rotate(360deg)}}.silverBox-footer-wrapper{margin-top:var(--silverBox-items-top-margin);color:var(--silverBox-footer-color);font-size:var(--silverBox-footer-font-size);font-weight:var(--silverBox-footer-font-weight)}.silverBox-footer-wrapper hr{margin:var(--silverBox-footer-hr-margin);background-color:var(--silverBox-hr-line-color);height:var(--silverBox-footer-hr-height);border:none}@keyframes leftToRight{0%{left:-100%}80%{left:var(--silverBox-slide-animation-left-distance)}95%{left:2px}100%{left:var(--silverBox-slide-animation-left-distance)}}@keyframes rightToLeft{0%{right:-100%}80%{right:var(--silverBox-slide-animation-right-distance)}95%{right:2px}100%{right:var(--silverBox-slide-animation-right-distance)}}@keyframes topToBottom{0%{top:-100%}80%{top:var(--silverBox-slide-animation-top-distance)}95%{top:2px}100%{top:var(--silverBox-slide-animation-top-distance)}}@keyframes bottomToTop{0%{bottom:-100%}80%{bottom:var(--silverBox-slide-animation-bottom-distance)}95%{bottom:2px}100%{bottom:var(--silverBox-slide-animation-bottom-distance)}}body.stop-scrolling{height:100%;overflow:hidden}.silverBox-container{z-index:var(--silverBox-z-index);display:grid;overflow-y:auto;padding:20px 10px}.silverBox-container.silverBox-overlay{width:var(--silverBox-overlay-width);height:var(--silverBox-overlay-height);position:fixed;top:0;left:0;justify-content:center;background-color:var(--silverBox-overlay-background)}.silverBox-container .silverBox{z-index:var(--silverBox-z-index);position:relative;box-sizing:border-box;width:var(--silverBox-width);min-width:var(--silverBox-min-width);max-width:var(--silverBox-max-width);max-height:var(--silverBox-max-height);display:grid;grid-column:2;align-self:center;justify-self:center;border:var(--silverBox-border);border-color:var(--silverBox-border-color);border-radius:var(--silverBox-border-radius);padding:var(--silverBox-padding);box-shadow:var(--silverBox-box-shadow);background-color:var(--silverBox-background-color);animation:popUp .3s linear}.silverBox-container .silverBox .timer-bar{position:absolute;bottom:0;width:100%;height:var(--silverBox-timer-bar-height);border-radius:var(--silverBox-timer-bar-border-radius);background-color:var(--silverBox-timer-bar)}.silverBox-container .silverBox .timer-bar-wrapper{z-index:calc(var(--silverBox-z-index) + 1);position:absolute;bottom:0;border-radius:inherit;width:100%;height:100%;overflow-x:hidden}.silverBox-container .silverBox *:first-child{margin-top:0}.silverBox-container .silverBox-body-wrapper,.silverBox-container .silverBox-header-wrapper,.silverBox-container .silverBox-footer-wrapper{position:relative;z-index:calc(var(--silverBox-z-index) + 2)}.silverBox-container .silverBox-body-wrapper{margin-top:var(--silverBox-items-top-margin)}.silverBox-container .silverBox-body-wrapper *:first-child{margin-top:0}.silverBox-container .silverBox-body-wrapper .silverBox-body-description{color:var(--silverBox-text-color);font-size:var(--silverBox-text-font-size);font-weight:var(--silverBox-text-font-weight)}@keyframes popUp{50%{transform:scale(1.05)}}@keyframes timer{from{width:100%}to{width:0%}}@media only screen and (max-width: 800px){.silverBox-container .silverBox-container{padding:6px}.silverBox-container .silverBox{max-width:90vw;min-width:unset}}.silverBox-container.silverBox-top-right,.silverBox-container.silverBox-top-center,.silverBox-container.silverBox-top-left,.silverBox-container.silverBox-bottom-right,.silverBox-container.silverBox-bottom-center,.silverBox-container.silverBox-bottom-left{position:fixed;width:-moz-fit-content;width:fit-content;height:fit-content;overflow-x:hidden}.silverBox-container.silverBox-top-right,.silverBox-container.silverBox-top-center,.silverBox-container.silverBox-top-left{top:var(--silverBox-top-distance)}.silverBox-container.silverBox-top-right{animation:rightToLeft .7s ease-out;right:var(--silverBox-top-right-distance)}.silverBox-container.silverBox-top-center{animation:topToBottom .7s ease-out;transform:translateX(50%);right:50%}.silverBox-container.silverBox-top-left{animation:leftToRight .7s ease-out;left:var(--silverBox-top-left-distance)}.silverBox-container.silverBox-bottom-right,.silverBox-container.silverBox-bottom-left,.silverBox-container.silverBox-bottom-center{bottom:var(--silverBox-bottom-distance)}.silverBox-container.silverBox-bottom-right{animation:rightToLeft .7s ease-out;right:var(--silverBox-bottom-right-distance)}.silverBox-container.silverBox-bottom-center{animation:bottomToTop .7s ease-out;transform:translateX(50%);right:50%}.silverBox-container.silverBox-bottom-left{animation:leftToRight .7s ease-out;left:var(--silverBox-bottom-left-distance)}:root{font-size:18px}@media only screen and (max-width: 900px){:root{font-size:16px}}html{scroll-behavior:smooth;--white-in-white: #cacaca;--black-in-white: #000;--silverBox-navbar-a-font-size: 20px;--silverBox-navbar-a-font-weight: 600;--silverBox-navbar-logo-span-font-size: 32px;--silverBox-navbar-logo-span-font-weight: 700;--silverBox-hero-section-tagline-font-size: 30px;--silverBox-hero-section-tagline-font-weight: 700;--silverBox-hero-section-introduction-font-size: 18px;--silverBox-hero-section-introduction-font-weight: 500;--silverBox-hero-section-button-font-size: 20px;--silverBox-hero-section-button-font-weight: 600;--silverBox-example-explanation-font-size: 20px;--silverBox-example-explanation-font-weight: 600;--silverBox-example-button-font-size: 20px;--silverBox-example-button-font-weight: 600;--silverBox-usage-section-font-size: 18px;--silverBox-usage-section-font-weight: 600;--silverBox-table-header-font-weight: 600;--silverBox-table-header-font-size: 20px;--silverBox-documentation-version-color: #929292;--silverBox-documentation-version-font-size: 15px;--silverBox-document-argument-font-weight: 700;--silverBox-document-font-size: 15px;--silverBox-document-font-weight: 500;--silverBox-credit-section-team-member-font-size: 16px;--silverBox-credit-section-team-member-font-weight: 700;---silverBox-credit-section-team-member-position-font-weight: 600;---silverBox-credit-section-team-member-position-font-size: 14px;--silverBox-code-font-size: 16px;--silverBox-code-font-weight: 700;--silverBox-section-header-font-size: 32px;--silverBox-section-header-font-weight: 600;--silverBox-footer-font-size: 14px;--primary-color: #3286cf;--box-color: #151f33;--get-silverBox-color: #2f3237;--silverBox-scroll-margin-top: 15vh;--body-bg-color: #0f192d;--second-body-bgColor: #151f33;--third-body-bgColor: #0f1726;--button-bg-color: #2f3237;--silverBox-button-hover-bgColor: #383c3f;--header-bg-color: #0f192d;--header-scrolled-bg-color: #1c2638;--header-color: #cacaca;--banner-color: #d9884c;--hero-section-color: #6a7a88;--get-silverBox-button-bg-color: #1b2a52;--silverBox-button-box-shadow: 1px 3px 5px #07070740;--document-border-color: #767d8a99;--document-indicator-color: #9f9f9f;--document-special-values-bgColor: #282c34;--document-argument: #4374a4;--document-type: #10b27d;--document-default: #bd855b;--document-description: #767d8a;--document-error-bgColor: #331925;--document-error-borderColor: #ef4444;--document-warning-bgColor: #aa9027;--document-warning-borderColor: #fbdf6d;--document-success-borderColor: #005f3f;--document-success-bgColor: #10b27d}body{color:var(--gray-700);font-family:Poppins;background:var(--body-bg-color)}body .silverBox-exampleCopyButton{position:absolute;display:flex;flex-direction:column;align-items:center;justify-content:center;font-weight:300;top:20px;right:20px;border:none;background:none;color:#fff}body .silverBox-exampleCopyButton img{max-width:30px;transition:.2s}body .silverBox-exampleCopyButton img.silverBox-copied{filter:grayscale(100%) sepia(100%) hue-rotate(90deg) !important}body .silverBox-exampleCopyButton img:hover{transform:scale(0.8)}body section{scroll-margin-top:70px}body .silverBox-sectionHeader{text-align:center;color:var(--white-in-white);margin-bottom:20px;font-weight:var(--silverBox-section-header-font-weight);font-size:var(--silverBox-section-header-font-size)}body .hidden{display:none !important}body code{box-shadow:1px 4px 5px rgba(7,7,7,.2509803922);border-radius:10px;text-align:left;font-weight:var(--silverBox-code-font-weight);letter-spacing:.03em;line-height:30px;padding:20px !important;font-size:var(--silverBox-code-font-size)}body .container{display:flex;flex-direction:column;align-items:center;gap:20px 0;margin:0 auto;width:90vw;max-width:950px;padding:65px 10px 85px 10px;position:relative}body #silverBox-header{position:fixed;top:0;left:0;width:100%;z-index:10;background-color:var(--header-bg-color);padding:10px 0;overflow:hidden;display:flex;align-items:center;min-height:70px;transition:.3s}body #silverBox-header.scrolled{background-color:var(--header-scrolled-bg-color)}body #silverBox-header .container{padding:0;display:block}body #silverBox-header .container nav{display:flex;align-items:center;transition:.2s linear;justify-content:space-between;width:100%}body #silverBox-header .container nav #logo{display:flex;align-items:center;transition:.3s all}body #silverBox-header .container nav #logo.hide{transform:translateY(200%);position:absolute}body #silverBox-header .container nav #logo img{width:50px}body #silverBox-header .container nav #logo span{font-size:var(--silverBox-navbar-logo-span-font-size);color:var(--primary-color);font-weight:var(--silverBox-navbar-logo-span-font-weight);margin-right:30px}body #silverBox-header .container nav ul{display:flex;justify-content:space-evenly;transition:.3s linear;width:95%}body #silverBox-header .container nav ul.show{transform:translateY(0) !important;position:static;justify-content:space-around}body #silverBox-header .container nav ul li a{color:var(--header-color);font-size:var(--silverBox-navbar-a-font-size);font-weight:var(--silverBox-navbar-a-font-weight);position:relative;transition:.4s ease-in-out}body #silverBox-header .container nav ul li a::after{content:"";background-color:#7e7e7e;width:0;height:2px;position:absolute;bottom:-5px;left:0;transition:.4s ease-in-out}body #silverBox-header .container nav ul li a:hover::after{width:100%}body #silverBox-header .container nav ul li a:hover{color:#7e7e7e}body #silverBox-header .container nav #hamburger-menu{margin-top:6px;cursor:pointer;display:none;flex-direction:column;gap:5px 0;width:20px;height:20px;transition:.3s linear}body #silverBox-header .container nav #hamburger-menu.rotate{transform:rotate(-90deg)}body #silverBox-header .container nav #hamburger-menu .row{width:100%;height:5px;border-radius:5px;background-color:var(--header-color)}body #silverBox-heroSection{scroll-margin-top:var(--silverBox-scroll-margin-top);background-color:var(--box-color);color:var(--hero-section-color);padding:40px 0;letter-spacing:.08em;margin-top:135px}body #silverBox-heroSection .container{padding:10px 0}body #silverBox-heroSection .container .whySilverBox{display:flex;align-items:start;justify-content:space-between;gap:20px 40px}body #silverBox-heroSection .container .whySilverBox .silverBox-introduction{text-align:left;font-weight:var(--silverBox-hero-section-introduction-font-weight);line-height:30px;font-size:var(--silverBox-hero-section-introduction-font-size)}body #silverBox-heroSection .container .whySilverBox .silverBox-introduction .silverBox-name-tag{color:var(--primary-color)}body #silverBox-heroSection .container .silverBox-tagline{text-align:center;font-size:var(--silverBox-hero-section-tagline-font-size);color:var(--primary-color);font-weight:var(--silverBox-hero-section-tagline-font-weight);letter-spacing:.035em}body #silverBox-heroSection .container .get-silverBox{display:flex;justify-content:center;align-items:center;padding:5px 22px;background:var(--get-silverBox-button-bg-color);color:var(--banner-color);box-shadow:var(--silverBox-button-box-shadow);border-radius:10px;font-weight:var(--silverBox-hero-section-button-font-weight);font-size:var(--silverBox-hero-section-button-font-size);letter-spacing:.035em;transition:.3s ease-in-out}body #silverBox-heroSection .container .get-silverBox:hover{background-color:var(--silverBox-button-hover-bgColor)}body #silverBox-exampleSection{row-gap:20px;display:grid;font-size:var(--silverBox-hero-section-tagline-font-size)}body #silverBox-exampleSection .silverBox-example{display:flex;justify-content:space-between;width:95%;margin-bottom:20px}body #silverBox-exampleSection .silverBox-example .silverBox-exampleColumn{display:flex;flex-direction:column;gap:20px 0;margin-right:20px}body #silverBox-exampleSection .silverBox-example .silverBox-exampleColumn .silverBox-exampleExplanation{color:var(--primary-color);font-size:var(--silverBox-example-explanation-font-size);font-weight:var(--silverBox-example-explanation-font-weight);letter-spacing:.035em}body #silverBox-exampleSection .silverBox-example .silverBox-exampleColumn .silverBox-example-button-wrapper{display:flex}body #silverBox-exampleSection .silverBox-example .silverBox-exampleColumn .silverBox-example-button-wrapper .silverBox-exampleButtons{display:flex;justify-content:center;align-items:center;padding:5px 45px;box-shadow:var(--silverBox-button-box-shadow);border-radius:7px;color:var(--white-in-white);width:fit-content;min-width:130px;font-size:var(--silverBox-example-button-font-size);font-weight:var(--silverBox-example-button-font-weight);transition:.3s ease-in-out}body #silverBox-exampleSection .silverBox-example .silverBox-exampleColumn .silverBox-example-button-wrapper .silverBox-exampleButtons.silverBox-showExample{background:var(--box-color)}body #silverBox-exampleSection .silverBox-example .silverBox-exampleColumn .silverBox-example-button-wrapper .silverBox-exampleButtons.silverBox-showExample:hover{background-color:var(--silverBox-button-hover-bgColor)}body #silverBox-exampleSection .silverBox-example .silverBox-exampleColumn .silverBox-example-button-wrapper .silverBox-exampleButtons.silverBox-copyConfig{display:none;background:var(--header-scrolled-bg-color)}body #silverBox-exampleSection .silverBox-example .silverBox-exampleColumn .silverBox-example-button-wrapper .silverBox-exampleButtons.silverBox-copyConfig:hover{background-color:#232c3d}body #silverBox-exampleSection .silverBox-example .silverBox-exampleColumn:last-of-type{justify-self:end}body #silverBox-exampleSection .silverBox-example .silverBox-exampleConfig{min-width:400px;max-width:400px;position:relative}body #silverBox-exampleSection .silverBox-example .silverBox-exampleConfig pre code.hljs::-webkit-scrollbar{height:7px}body #silverBox-exampleSection .silverBox-example .silverBox-exampleConfig pre code.hljs::-webkit-scrollbar-track{background:var(--button-bg-color)}body #silverBox-exampleSection .silverBox-example .silverBox-exampleConfig pre code.hljs::-webkit-scrollbar-thumb{background:#767d8a;border-radius:50px;transform:rotate(-90deg)}body #silverBox-usageSection{background-color:var(--second-body-bgColor);color:var(--white-in-white)}body #silverBox-usageSection .container{align-items:unset}body #silverBox-usageSection #silverBox-usageInstructions{display:flex;flex-direction:column;gap:25px 0}body #silverBox-usageSection #silverBox-usageInstructions p{font-size:var(--silverBox-usage-section-font-size);margin:10px 0;color:var(--primary-color);font-weight:var(--silverBox-usage-section-font-weight)}body #silverBox-usageSection #silverBox-usageInstructions p.step1{margin-top:0}body #silverBox-usageSection #silverBox-usageInstructions p:first-of-type{margin-bottom:50px}body #silverBox-usageSection #silverBox-usageInstructions p:first-of-type span{text-decoration:underline}body #silverBox-usageSection #silverBox-usageInstructions pre{margin-bottom:30px}body #silverBox-usageSection #usage-example{position:relative}body #silverBox-usageSection #usage-example button{top:7%}body #silverBox-CreditsSection{background-image:url("/public/src/images/desktopWave.png");background-repeat:no-repeat;background-size:cover;margin-top:-25px}body #silverBox-CreditsSection .silverBox-teamMembers{display:grid;grid-template-columns:repeat(3, 1fr);gap:30px 70px}body #silverBox-CreditsSection .silverBox-teamMembers .silverBox-teamMember{display:flex;align-items:center;column-gap:10px;border-radius:15px;padding:14.5px 60px 14.5px 16px;transition:all 500ms ease-in-out;background-color:var(--box-color);color:var(--white-in-white);font-weight:var(--silverBox-credit-section-team-member-font-weight);font-size:var(--silverBox-credit-section-team-member-font-size);box-shadow:1px 4px 5px rgba(7,7,7,.25)}body #silverBox-CreditsSection .silverBox-teamMembers .silverBox-teamMember .silverBox-memberImage{border-radius:50%;width:62.5px}body #silverBox-CreditsSection .silverBox-teamMembers .silverBox-teamMember .silverBox-memberInfo .silverBox-memberName{color:var(--primary-700);transition:all 500ms ease-in-out}body #silverBox-CreditsSection .silverBox-teamMembers .silverBox-teamMember .silverBox-memberInfo .silverBox-memberPosition{font-size:var(---silverBox-credit-section-team-member-position-font-size);color:var(--document-border-color);font-weight:var(---silverBox-credit-section-team-member-position-font-weight)}body #silverBox-CreditsSection .silverBox-teamMembers .silverBox-teamMember:hover{background-color:#383c3f}body #silverBox-CreditsSection .silverBox-teamMembers .silverBox-teamMember:hover .silverBox-memberInfo .silverBox-memberName{color:#fff}body #silverBox-documentationSection .silverBox-tableWrapper{overflow:hidden;text-align:start;row-gap:10px;border:1px solid var(--gray-300);border-radius:6px}body #silverBox-documentationSection .silverBox-tableWrapper .silverBox-document-has-config{padding-top:75px;margin-top:-75px;padding-left:40px;max-height:100rem;border-radius:15px;overflow:hidden;transition:.8s ease-in-out}body #silverBox-documentationSection .silverBox-tableWrapper .silverBox-document-has-config.silverBox-hide{max-height:0 !important}body #silverBox-documentationSection .silverBox-tableWrapper .silverBox-documentConfig-indicator{cursor:pointer;width:10px;height:40px;margin-top:20px;margin-left:5px;border-left:2px solid var(--document-indicator-color);border-bottom:2px solid var(--document-indicator-color);transition:.5s ease-in-out}body #silverBox-documentationSection .silverBox-tableWrapper .silverBox-documentConfig-indicator.silverBox-hide{transform:rotate(-45deg);height:15px;width:15px}body #silverBox-documentationSection .silverBox-tableWrapper .silverBox-document-show-more{cursor:pointer;width:fit-content;display:inline-block;padding:1px 15px 1px 0px;border-radius:5px;transition:.5s linear;position:relative;text-decoration:underline}body #silverBox-documentationSection .silverBox-tableWrapper .silverBox-document-show-more.silverBox-hide::after{transform:rotate(45deg)}body #silverBox-documentationSection .silverBox-tableWrapper .silverBox-document-show-more:hover::after{animation:confusedArrow 1.5s}body #silverBox-documentationSection .silverBox-tableWrapper .silverBox-document-show-more:hover.silverBox-hide::after{--rotate-start-end-amount: 45deg;--rotate-middle-one-amount: -39deg;--rotate-middle-two-amount: 131deg;transform:rotate(45deg)}@keyframes confusedArrow{0%{transform:rotate(var(--rotate-start-end-amount))}35%{transform:rotate(var(--rotate-middle-one-amount))}70%{transform:rotate(var(--rotate-middle-two-amount))}100%{transform:rotate(var(--rotate-start-end-amount))}}body #silverBox-documentationSection .silverBox-tableWrapper .silverBox-document-show-more::after{content:"";width:6px;height:6px;position:absolute;border-top:1px solid var(--primary-700);border-right:1px solid var(--primary-700);top:42%;right:5px;transform:rotate(134deg);transition:.2s linear}body #silverBox-documentationSection .silverBox-tableWrapper .silverBox-tableRowHeader,body #silverBox-documentationSection .silverBox-tableWrapper .silverBox-tableRow{scroll-margin-top:var(--silverBox-scroll-margin-top);display:grid;grid-template-columns:3.5fr 2fr 2fr 6fr;column-gap:10px}body #silverBox-documentationSection .silverBox-tableWrapper .silverBox-tableRowHeader .silverBox-document-type,body #silverBox-documentationSection .silverBox-tableWrapper .silverBox-tableRow .silverBox-document-type{color:var(--document-type)}body #silverBox-documentationSection .silverBox-tableWrapper .silverBox-tableRowHeader .silverBox-document-default,body #silverBox-documentationSection .silverBox-tableWrapper .silverBox-tableRow .silverBox-document-default{color:var(--document-default)}body #silverBox-documentationSection .silverBox-tableWrapper .silverBox-tableRowHeader .silverBox-explanation-special-values,body #silverBox-documentationSection .silverBox-tableWrapper .silverBox-tableRow .silverBox-explanation-special-values{background-color:var(--document-special-values-bgColor);color:var(--white-in-white);border-radius:8px;padding:2px 6px;font-weight:600}body #silverBox-documentationSection .silverBox-tableWrapper .silverBox-tableRowHeader .silverBox-document-description,body #silverBox-documentationSection .silverBox-tableWrapper .silverBox-tableRow .silverBox-document-description{color:var(--document-description);line-height:30px;padding:5px !important}body #silverBox-documentationSection .silverBox-tableWrapper .silverBox-tableRowHeader .silverBox-document-description .silverBox-explanation-span,body #silverBox-documentationSection .silverBox-tableWrapper .silverBox-tableRow .silverBox-document-description .silverBox-explanation-span{padding-right:10px}body #silverBox-documentationSection .silverBox-tableWrapper .silverBox-tableRowHeader .silverBox-document-description-error,body #silverBox-documentationSection .silverBox-tableWrapper .silverBox-tableRowHeader .silverBox-document-description-success,body #silverBox-documentationSection .silverBox-tableWrapper .silverBox-tableRowHeader .silverBox-document-description-warning,body #silverBox-documentationSection .silverBox-tableWrapper .silverBox-tableRow .silverBox-document-description-error,body #silverBox-documentationSection .silverBox-tableWrapper .silverBox-tableRow .silverBox-document-description-success,body #silverBox-documentationSection .silverBox-tableWrapper .silverBox-tableRow .silverBox-document-description-warning{color:var(--white-in-white);padding:5px;margin:5px;border-radius:8px}body #silverBox-documentationSection .silverBox-tableWrapper .silverBox-tableRowHeader .silverBox-document-description-error,body #silverBox-documentationSection .silverBox-tableWrapper .silverBox-tableRow .silverBox-document-description-error{background-color:var(--document-error-bgColor);border-left:8px solid var(--document-error-borderColor)}body #silverBox-documentationSection .silverBox-tableWrapper .silverBox-tableRowHeader .silverBox-document-description-success,body #silverBox-documentationSection .silverBox-tableWrapper .silverBox-tableRow .silverBox-document-description-success{background-color:var(--document-success-bgColor);border-left:8px solid var(--document-success-borderColor)}body #silverBox-documentationSection .silverBox-tableWrapper .silverBox-tableRowHeader .silverBox-document-description-warning,body #silverBox-documentationSection .silverBox-tableWrapper .silverBox-tableRow .silverBox-document-description-warning{background-color:var(--document-warning-bgColor);border-left:8px solid var(--document-warning-borderColor)}body #silverBox-documentationSection .silverBox-tableWrapper .silverBox-tableRowHeader .silverBox-tableColumn,body #silverBox-documentationSection .silverBox-tableWrapper .silverBox-tableRow .silverBox-tableColumn{margin-bottom:20px;padding:10px 0;overflow-x:hidden;font-size:var(--silverBox-document-font-size);font-weight:var(--silverBox-document-font-weight)}body #silverBox-documentationSection .silverBox-tableWrapper .silverBox-tableRowHeader .silverBox-tableColumn .silverBox-document-argument,body #silverBox-documentationSection .silverBox-tableWrapper .silverBox-tableRow .silverBox-tableColumn .silverBox-document-argument{font-weight:var(--silverBox-document-argument-font-weight);font-style:italic;color:var(--document-argument)}body #silverBox-documentationSection .silverBox-tableWrapper .silverBox-tableRowHeader .tableHeaderColumn,body #silverBox-documentationSection .silverBox-tableWrapper .silverBox-tableRow .tableHeaderColumn{color:var(--white-in-white) !important;min-width:max-content;font-weight:var(--silverBox-table-header-font-weight);font-size:var(--silverBox-table-header-font-size)}body #silverBox-documentationSection .silverBox-tableWrapper .silverBox-tableRowHeader{border-bottom:1px solid var(--gray-300)}body #silverBox-documentationSection .silverBox-tableWrapper .silverBox-tableRow{border-top:2px solid var(--document-border-color);font-weight:500}body #silverBox-documentationSection .silverBox-tableWrapper .silverBox-tableRowHeader{border:none}body footer{color:var(--document-border-color);padding-block:12px;text-align:center;background-color:var(--third-body-bgColor);font-size:var(--silverBox-footer-font-size)}body footer #sweetAlert,body footer #Untitled-UI{text-decoration:underline}@media only screen and (max-width: 900px){:root{--silverBox-navbar-a-font-size: 12px;--silverBox-hero-section-tagline-font-size: 16px;--silverBox-hero-section-tagline-font-weight: 600;--silverBox-hero-section-introduction-font-size: 13px;--silverBox-hero-section-introduction-font-weight: 600;--silverBox-example-explanation-font-size: 14px;--silverBox-example-explanation-font-weight: 400;--silverBox-example-button-font-size: 14px;--silverBox-table-header-font-size: 16px;--silverBox-document-font-size: 10px;--silverBox-usage-section-font-size: 14px;--silverBox-credit-section-team-member-font-size: 13px;---silverBox-credit-section-team-member-position-font-size: 12px;--silverBox-section-header-font-size: 22px;--silverBox-section-header-font-weight: 500;--silverBox-code-font-size: 12px;--silverBox-footer-font-size: 12px}body{overflow-x:hidden}body #silverBox-heroSection,body #silverBox-exampleSection,body #silverBox-usageSection{scroll-margin-top:70px}body #silverBox-exampleSection .container,body #silverBox-usageSection .container{padding:30px 10px 10px 10px}body #silverBox-header .container nav ul{transform:translateY(-220%);position:absolute;justify-content:space-around}body #silverBox-header .container nav #hamburger-menu{display:flex}body #silverBox-heroSection{padding:17px 10px}body #silverBox-heroSection .silverBox-introduction{text-align:center;line-height:20px}body #silverBox-exampleSection .silverBox-example{justify-content:center;text-align:center;margin-bottom:50px}body #silverBox-exampleSection .silverBox-example .silverBox-exampleColumn-code{display:none}body #silverBox-exampleSection .silverBox-example .silverBox-exampleColumn:first-of-type{margin-right:0}body #silverBox-exampleSection .silverBox-example .silverBox-exampleColumn .silverBox-example-button-wrapper{display:flex;justify-content:center;align-items:center;gap:10px}body #silverBox-exampleSection .silverBox-example .silverBox-exampleColumn .silverBox-example-button-wrapper .silverBox-exampleButtons{padding:6px 22px}body #silverBox-exampleSection .silverBox-example .silverBox-exampleColumn .silverBox-example-button-wrapper .silverBox-exampleButtons.silverBox-copyConfig{display:inline-block}body #silverBox-usageSection{padding-bottom:120px}body #silverBox-usageSection #silverBox-usageInstructions{gap:0}body #silverBox-CreditsSection{background-image:url("/public/src/images/mobileWave.png");margin-top:-70px}body #silverBox-CreditsSection .container{padding:65px 10px 40px 10px}body #silverBox-CreditsSection .silverBox-teamMembers{grid-template-columns:unset}}main{margin-top:100px}main #silverBox-documentation-version{vertical-align:middle;font-size:var(--silverBox-documentation-version-font-size);color:var(--silverBox-documentation-version-color)} diff --git a/public/dist/css/index.css b/public/dist/css/index.css index 8236b3c..119c8ce 100644 --- a/public/dist/css/index.css +++ b/public/dist/css/index.css @@ -1 +1 @@ -*,*::before,*::after{box-sizing:border-box;margin:0;padding:0;color:inherit;font:inherit}body,h1,h2,h3,h4,p,figure,blockquote,dl,dd{margin:0}ul,ol{list-style:none}html:focus-within{scroll-behavior:smooth}body{min-height:100vh;text-rendering:optimizeSpeed;line-height:1.5}a{text-decoration:none}input,button,textarea,select{font:inherit}button{border:none}button,select{cursor:pointer}button:disabled{cursor:not-allowed}input{outline:none}::placeholder{opacity:.5}input::-ms-reveal,input::-ms-clear{display:none}input[type=number]::-webkit-inner-spin-button,input[type=number]::-webkit-outer-spin-button{-webkit-appearance:none;margin:0}input[type=number]{-moz-appearance:textfield}@font-face{font-family:Poppins;font-weight:100;src:url("/public/src/fonts/Poppins/Poppins-Thin.ttf") format("truetype")}@font-face{font-family:Poppins;font-weight:200;src:url("/public/src/fonts/Poppins/Poppins-ExtraLight.ttf") format("truetype")}@font-face{font-family:Poppins;font-weight:300;src:url("/public/src/fonts/Poppins/Poppins-Light.ttf") format("truetype")}@font-face{font-family:Poppins;font-weight:400;src:url("/public/src/fonts/Poppins/Poppins-Medium.ttf") format("truetype")}@font-face{font-family:Poppins;font-weight:500;src:url("/public/src/fonts/Poppins/Poppins-Regular.ttf") format("truetype")}@font-face{font-family:Poppins;font-weight:600;src:url("/public/src/fonts/Poppins/Poppins-SemiBold.ttf") format("truetype")}@font-face{font-family:Poppins;font-weight:700;src:url("/public/src/fonts/Poppins/Poppins-Bold.ttf") format("truetype")}@font-face{font-family:Poppins;font-weight:800;src:url("/public/src/fonts/Poppins/Poppins-ExtraBold.ttf") format("truetype")}@font-face{font-family:Poppins;font-weight:900;src:url("/public/src/fonts/Poppins/Poppins-Black.ttf") format("truetype")}pre code.hljs{display:block;overflow-x:auto;padding:1em}code.hljs{padding:3px 5px}.hljs{color:#abb2bf;background:#282c34}.hljs-keyword,.hljs-operator,.hljs-pattern-match{color:#f92672}.hljs-function,.hljs-pattern-match .hljs-constructor{color:#61aeee}.hljs-function .hljs-params{color:#a6e22e}.hljs-function .hljs-params .hljs-typing{color:#fd971f}.hljs-module-access .hljs-module{color:#7e57c2}.hljs-constructor{color:#e2b93d}.hljs-constructor .hljs-string{color:#77ab6a}.hljs-comment,.hljs-quote{color:#b18eb1;font-style:italic}.hljs-doctag,.hljs-formula{color:#c678dd}.hljs-deletion,.hljs-name,.hljs-section,.hljs-selector-tag,.hljs-subst{color:#e06c75}.hljs-literal{color:#438d9d}.hljs-addition,.hljs-attribute,.hljs-meta .hljs-string,.hljs-regexp,.hljs-string{color:#98c379}.hljs-built_in,.hljs-class .hljs-title,.hljs-title.class_{color:#e6c07b}.hljs-attr,.hljs-number,.hljs-selector-attr,.hljs-selector-class,.hljs-selector-pseudo,.hljs-template-variable,.hljs-type,.hljs-variable{color:#bd855b}.hljs-bullet,.hljs-link,.hljs-meta,.hljs-selector-id,.hljs-symbol,.hljs-title{color:#4374a4}.hljs-emphasis{font-style:italic}.hljs-strong{font-weight:700}.hljs-link{text-decoration:underline}.silverBox-container{--silverBox-items-top-margin: 15px;--silverBox-padding: 20px;--silverBox-border: 0px solid;--silverBox-timer-bar-height: 3px;--silverBox-timer-bar-border-radius: 10px;--silverBox-border-radius: 20px;--silverBox-z-index: 1402;--silverBox-width: 90vw;--silverBox-max-width: min-content;--silverBox-min-width: 400px;--silverBox-max-height: max-content;--silverBox-overlay-width: 100vw;--silverBox-overlay-height: 100vh;--silverBox-top-distance: 10px;--silverBox-top-right-distance: 10px;--silverBox-top-left-distance: 10px;--silverBox-bottom-distance: 10px;--silverBox-bottom-right-distance: 10px;--silverBox-bottom-left-distance: 10px;--silverBox-slide-animation-left-distance: 10px;--silverBox-slide-animation-right-distance: 10px;--silverBox-slide-animation-top-distance: 10px;--silverBox-slide-animation-bottom-distance: 10px;--silverBox-close-button-grid-column-start: 3;--silverBox-close-button-justify-self: end;--silverBox-close-button-align-self: start;--silverBox-title-font-size: 18px;--silverBox-title-font-weight: 600;--silverBox-title-gap: 0 10px;--silverBox-title-justifyContent: center;--silverBox-text-font-size: 16px;--silverBox-text-font-weight: 500;--silverBox-custom-image-max-width: 100px;--silverBox-custom-image-max-height: 100px;--silverBox-custom-image-width: unset;--silverBox-custom-image-height: unset;--silverBox-custom-image-border-radius: 3px;--silverBox-icon-wrapper-grid-template-columns: repeat(3, 1fr);--silverBox-icon-wrapper-align-items: center;--silverBox-centered-icon-justify-self: center;--silverBox-centered-icon-grid-column-start: 2;--silverBox-tick-mark-size: 50px;--silverBox-tick-right-size: 50%;--silverBox-tick-left-size: 10px;--silverBox-tick-circle-border: 3px solid;--silverBox-tick-inside-border: 3px solid;--silverBox-info-circle-border: 3px solid;--silverBox-info-size: 50px;--silverBox-info-icon-inside-size: 30px;--silverBox-info-icon-width: 500;--silverBox-question-circle-border: 3px solid;--silverBox-question-size: 50px;--silverBox-question-icon-inside-size: 30px;--silverBox-question-icon-width: 500;--silverBox-warning-circle-border: 3px solid;--silverBox-warning-size: 50px;--silverBox-warning-icon-inside-size: 30px;--silverBox-warning-icon-width: 500;--silverBox-error-circle-border: 3px solid;--silverBox-error-size: 50px;--silverBox-error-icon-inside-size: 30px;--silverBox-error-icon-width: 3px;--silverBox-button-border-radius: 8px;--silverBox-button-icon-border-radius: 10px;--silverBox-button-border-width: 1px;--silverBox-button-font-size: 16px;--silverBox-button-font-weight: 600;--silverBox-button-padding: 7px 20px;--silverBox-button-min-width: 200px;--silverBox-button-width: 100%;--silverBox-button-image-max-width: 40px;--silverBox-button-text-min-height: 30px;--silverBox-button-column-gap: 10px;--silverBox-button-wrapper-gap: 10px;--silverBox-button-transition: 0.2s ease;--silverBox-input-container-flex-wrap: wrap;--silverBox-input-font-size: 16px;--silverBox-input-padding: 10px;--silverBox-input-border-radius: 8px;--silverBox-inside-input-gap: 7px;--silverBox-input-parent-gap: 10px 0;--silverBox-input-font-weight: 500;--silverBox-input-width: 100%;--silverBox-input-wrapper-width: 100%;--silverBox-input-border: 1px solid var(--silverBox-input-border-color);--silverBox-input-text-align: start;--silverBox-input-flex-direction: column;--silverBox-input-parent-justify-content: space-around;--silverBox-input-parent-align-items: center;--silverBox-hint-fontSize: 12px;--silverBox-hint-font-weight: 500;--silverBox-input-label-font-size: 14px;--silverBox-input-label-font-weight: 500;--silverBox-placeHolder-fontSize: 16px;--silverBox-input-placeHolder-font-weight: 500;--silverBox-input-select-border-radius: 2px;--silverBox-input-select-padding: 5px 8px;--silverBox-select-input-width: fit-content;--silverBox-footer-font-size: 16px;--silverBox-footer-font-weight: 500;--silverBox-footer-hr-margin: 20px 0 10px;--silverBox-footer-hr-height: 1px}.silverBox-container[data-theme=light]{--silverBox-overlay-background: #d0d5dde2;--silverBox-background-color: white;--silverBox-box-shadow: 0px 0px 4px rgba(0, 0, 0, 0.1);--silverBox-border-color: #fff;--silverBox-timer-bar: #bbb;--silverBox-title-color: #000;--silverBox-text-color: #475467;--silverBox-confirm-color: #fff;--silverBox-confirm-bg-color: #7f56d9;--silverBox-confirm-border-color: #7f56d9;--silverBox-confirm-hover-color: #a86ff9;--silverBox-deny-color: #fff;--silverBox-deny-bg-color: #d33;--silverBox-deny-border-color: #d33;--silverBox-deny-hover-color: #fa7070;--silverBox-cancel-color: #475467;--silverBox-cancel-bg-color: #fff;--silverBox-cancel-border-color: #d0d5dd;--silverBox-cancel-hover-color: #d2d2d2;--silverBox-custom-color: #475467;--silverBox-custom-bg-color: #fff;--silverBox-custom-border-color: #d0d5dd;--silverBox-custom-hover-color: #d2d2d2;--silverBox-input-border-color: #d0d5dd;--silverBox-input-background: #fff;--silverBox-input-color: #000;--silverBox-input-placeHolder-color: #475467;--silverBox-label-color: #1d2939;--silverBox-hint-color: #101828;--silverBox-input-box-shadow: 0px 0px 4px rgba(201, 14, 14, 0.1);--silverBox-hr-line-color: #bbbbbb;--silverBox-footer-color: #474747;--silverBox-tick-inside-border-color: #15b79e;--silverBox-tick-circle-border-color: #15b79e;--silverBox-info-circle-border-color: #2e90fa;--silverBox-info-color: #2e90fa;--silverBox-question-circle-border-color: #a4bcfd;--silverBox-question-color: #a4bcfd;--silverBox-warning-circle-border-color: #eaaa08;--silverBox-warning-color: #eaaa08;--silverBox-error-circle-border-color: #e62e05;--silverBox-error-color: #e62e05}.silverBox-container[data-theme=dark]{--silverBox-overlay-background: #191919ea;--silverBox-background-color: #1f2637;--silverBox-box-shadow: 0px 0px 4px rgba(0, 0, 0, 0.1);--silverBox-border-color: #171e2e;--silverBox-timer-bar: #555;--silverBox-title-color: #fff;--silverBox-text-color: #9fa3ad;--silverBox-confirm-color: #fff;--silverBox-confirm-bg-color: #4c2b92;--silverBox-confirm-border-color: #4c2b92;--silverBox-confirm-hover-color: #5a30b3;--silverBox-deny-color: #fff;--silverBox-deny-bg-color: #9d0f0f;--silverBox-deny-border-color: #9d0f0f;--silverBox-deny-hover-color: #d33;--silverBox-cancel-color: #fff;--silverBox-cancel-bg-color: #5f5f5f;--silverBox-cancel-border-color: #5f5f5f;--silverBox-cancel-hover-color: #838383;--silverBox-custom-color: #fff;--silverBox-custom-bg-color: #5f5f5f;--silverBox-custom-border-color: #5f5f5f;--silverBox-custom-hover-color: #838383;--silverBox-input-border-color: #39363f;--silverBox-input-background: #515864;--silverBox-input-color: #fff;--silverBox-input-placeHolder-color: #a1a4a9;--silverBox-label-color: #fff;--silverBox-hint-color: #fff;--silverBox-input-box-shadow: 0px 0px 4px rgba(90, 206, 23, 0.1);--silverBox-hr-line-color: #bbbbbb;--silverBox-footer-color: #a1a4a9;--silverBox-tick-inside-border-color: #15b79e;--silverBox-tick-circle-border-color: #15b79e;--silverBox-info-circle-border-color: #2e90fa;--silverBox-info-color: #2e90fa;--silverBox-question-circle-border-color: #a4bcfd;--silverBox-question-color: #a4bcfd;--silverBox-warning-circle-border-color: #eaaa08;--silverBox-warning-color: #eaaa08;--silverBox-error-circle-border-color: #e62e05;--silverBox-error-color: #e62e05}.silverBox-container,.silverBox-container *{box-sizing:border-box;margin:0;padding:0;color:inherit;font:inherit;border:none;text-decoration:none}.silverBox-input-container{margin-top:var(--silverBox-items-top-margin);display:flex;flex-wrap:var(--silverBox-input-container-flex-wrap);gap:var(--silverBox-input-parent-gap);justify-content:var(--silverBox-input-parent-justify-content);align-items:var(--silverBox-input-parent-align-items)}.silverBox-input-container .silverBox-input-wrapper{width:var(--silverBox-input-wrapper-width);display:inline-flex;flex-direction:var(--silverBox-input-flex-direction);gap:var(--silverBox-inside-input-gap);text-align:var(--silverBox-input-text-align)}.silverBox-input-container .silverBox-input-wrapper .silverBox-select{width:var(--silverBox-select-input-width);padding:var(--silverBox-input-select-padding);border-radius:var(--silverBox-input-select-border-radius)}.silverBox-input-container .silverBox-input-wrapper>input,.silverBox-input-container .silverBox-input-wrapper>textarea{background:var(--silverBox-input-background);outline:none;border:var(--silverBox-input-border);color:var(--silverBox-input-color);padding:var(--silverBox-input-padding);border-radius:var(--silverBox-input-border-radius);resize:none;font-size:var(--silverBox-input-font-size);box-shadow:var(--silverBox-input-box-shadow);font-weight:var(--silverBox-input-font-weight);width:var(--silverBox-input-width)}.silverBox-input-container .silverBox-input-wrapper>input::placeholder,.silverBox-input-container .silverBox-input-wrapper>textarea::placeholder{color:var(--silverBox-input-placeHolder-color);font-size:var(--silverBox-placeHolder-fontSize);font-weight:var(--silverBox-input-placeHolder-font-weight)}.silverBox-input-container .silverBox-input-wrapper label{color:var(--silverBox-label-color);font-size:var(--silverBox-input-label-font-size);font-weight:var(--silverBox-input-label-font-weight)}.silverBox-input-container .silverBox-input-wrapper .silverBox-input-hint{color:var(--silverBox-hint-color);font-size:var(--silverBox-hint-fontSize);font-weight:var(--silverBox-hint-font-weight)}.silverBox-button-wrapper{display:flex;flex-direction:row-reverse;justify-content:space-around;gap:var(--silverBox-button-wrapper-gap);margin-top:var(--silverBox-items-top-margin)}.silverBox-button{display:flex;column-gap:var(--silverBox-button-column-gap);justify-content:center;align-items:center;outline:none;border-width:var(--silverBox-button-border-width);border-style:solid;border-radius:var(--silverBox-button-border-radius);font-size:var(--silverBox-button-font-size);font-weight:var(--silverBox-button-font-weight);padding:var(--silverBox-button-padding);cursor:pointer;transition:var(--silverBox-button-transition);min-width:var(--silverBox-button-min-width);width:var(--silverBox-button-width)}.silverBox-button .silverBox-button-icon{border-radius:var(--silverBox-button-icon-border-radius)}.silverBox-button.silverBox-confirm-button{border-color:var(--silverBox-confirm-border-color);background-color:var(--silverBox-confirm-bg-color);color:var(--silverBox-confirm-color)}.silverBox-button.silverBox-confirm-button:hover{background-color:var(--silverBox-confirm-hover-color)}.silverBox-button.silverBox-custom-button{border-color:var(--silverBox-custom-border-color);background-color:var(--silverBox-custom-bg-color);color:var(--silverBox-custom-color)}.silverBox-button.silverBox-custom-button:hover{background-color:var(--silverBox-custom-hover-color)}.silverBox-button.silverBox-cancel-button{border-color:var(--silverBox-cancel-border-color);background-color:var(--silverBox-cancel-bg-color);color:var(--silverBox-cancel-color)}.silverBox-button.silverBox-cancel-button:hover{background-color:var(--silverBox-cancel-hover-color)}.silverBox-button.silverBox-deny-button{border-color:var(--silverBox-deny-border-color);background-color:var(--silverBox-deny-bg-color);color:var(--silverBox-deny-color)}.silverBox-button.silverBox-deny-button:hover{background-color:var(--silverBox-deny-hover-color)}.silverBox-button img{max-width:var(--silverBox-button-image-max-width)}.silverBox-button .silverBox-button-text{min-height:var(--silverBox-button-text-min-height);display:flex;align-items:center}.silverBox-button .silverBox-button-loading-animation{display:none}.silverBox-button.silverBox-loading-button{pointer-events:none}.silverBox-button.silverBox-loading-button .silverBox-button-loading-animation{display:inline}.silverBox-button.silverBox-loading-button .silverBox-button-text{display:none}.silverBox-button.silverBox-loading-button img{display:none}@media only screen and (max-width: 800px){.silverBox-button-wrapper{flex-direction:column}}.silverBox-close-button{cursor:pointer;grid-column-start:var(--silverBox-close-button-grid-column-start)}.silverBox-icon-wrapper{display:grid;grid-template-columns:var(--silverBox-icon-wrapper-grid-template-columns);align-items:var(--silverBox-icon-wrapper-align-items)}.silverBox-icon-wrapper .silverBox-close-button{justify-self:var(--silverBox-close-button-justify-self);align-self:var(--silverBox-close-button-align-self)}.silverBox-header-wrapper>*{margin-top:var(--silverBox-items-top-margin)}.silverBox-header-wrapper .silverBox-header-title{color:var(--silverBox-title-color);font-size:var(--silverBox-title-font-size);font-weight:var(--silverBox-title-font-weight);gap:var(--silverBox-title-gap)}.silverBox-header-wrapper .silverBox-header-title.silverBox-title-has-icon{display:flex;align-items:center}.silverBox-header-wrapper .silverBox-header-title.silverBox-title-has-icon.silverBox-title-centred{justify-content:var(--silverBox-title-justifyContent)}.silverBox-icon-wrapper.silverBox-centered-icon,.silverBox-icon-wrapper>*.silverBox-centered-icon{justify-self:var(--silverBox-centered-icon-justify-self);grid-column-start:var(--silverBox-centered-icon-grid-column-start)}.silverBox-image-wrapper{display:flex}.silverBox-image-wrapper>*{width:var(--silverBox-custom-image-width);max-width:var(--silverBox-custom-image-max-width);height:var(--silverBox-custom-image-height);max-height:var(--silverBox-custom-image-max-height);border-radius:var(--silverBox-custom-image-border-radius)}.silverBox-default-icon{min-width:50px}.silverBox-tick-mark{position:relative;width:var(--silverBox-tick-mark-size);height:var(--silverBox-tick-mark-size);border:var(--silverBox-tick-circle-border);border-color:var(--silverBox-tick-circle-border-color);border-radius:50%;display:inline-flex;align-items:center;justify-content:center;animation:1s appear}.silverBox-tick-mark .inside{position:absolute;width:var(--silverBox-tick-right-size);height:var(--silverBox-tick-left-size);border-left:var(--silverBox-tick-inside-border);border-bottom:var(--silverBox-tick-inside-border);border-color:var(--silverBox-tick-inside-border-color);transform:rotate(-45deg);margin-bottom:15%}.silverBox-info{border:var(--silverBox-info-circle-border);border-color:var(--silverBox-info-circle-border-color);width:var(--silverBox-info-size);height:var(--silverBox-info-size);border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:var(--silverBox-info-icon-inside-size);font-weight:var(--silverBox-info-icon-width);color:var(--silverBox-info-color);animation:rotate .25s}.silverBox-question{border:var(--silverBox-question-circle-border);border-color:var(--silverBox-question-circle-border-color);width:var(--silverBox-question-size);height:var(--silverBox-question-size);border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:var(--silverBox-question-icon-inside-size);font-weight:var(--silverBox-question-icon-width);color:var(--silverBox-question-color);animation:rotate .25s}.silverBox-warning{border:var(--silverBox-warning-circle-border);border-color:var(--silverBox-warning-circle-border-color);width:var(--silverBox-warning-size);height:var(--silverBox-warning-size);border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:var(--silverBox-warning-icon-inside-size);font-weight:var(--silverBox-warning-icon-width);color:var(--silverBox-warning-color);animation:warning .5s}.silverBox-error{width:var(--silverBox-error-size);height:var(--silverBox-error-size);border-radius:50%;border:var(--silverBox-error-circle-border);border-color:var(--silverBox-error-circle-border-color);display:flex;justify-content:center;align-items:center;animation:error .25s}.silverBox-error .x{width:var(--silverBox-error-icon-inside-size);height:var(--silverBox-error-icon-width);position:relative}.silverBox-error .x::before,.silverBox-error .x::after{content:"";position:absolute;top:0;right:0;width:var(--silverBox-error-icon-inside-size);height:var(--silverBox-error-icon-width);background-color:var(--silverBox-error-color);border-radius:10px}.silverBox-error .x::before{transform:rotate(45deg)}.silverBox-error .x::after{transform:rotate(-45deg)}@keyframes rotate{0%{transform:scale(1) rotate(0)}25%{transform:rotate(25deg)}50%{transform:scale(1.1) rotate(-25deg)}75%{transform:rotate(25deg)}100%{transform:scale(1) rotate(0deg)}}@keyframes error{0%{transform:translateX(0)}25%{transform:translateX(5px) scale(1.05)}50%{transform:translateX(-5px) scale(1.1)}75%{transform:translateX(5px)}100%{transform:translateX(0)}}@keyframes appear{0%{transform:scale(1) rotate(0)}50%{transform:scale(1.1)}100%{transform:scale(1) rotate(360deg)}}@keyframes warning{0%{opacity:1;transform:scale(1)}25%{opacity:0;transform:scale(0.6)}50%{opacity:1;transform:scale(1)}75%{opacity:0;transform:scale(0.6)}100%{opacity:1;transform:scale(1)}}.silverBox-button-loading-animation{width:30px;height:30px;border:3px solid;border-color:#fff rgba(0,0,0,0);border-radius:50%;display:inline-block;box-sizing:border-box;animation:rotation 1s linear infinite}@keyframes rotation{0%{transform:rotate(0deg)}100%{transform:rotate(360deg)}}.silverBox-footer-wrapper{margin-top:var(--silverBox-items-top-margin);color:var(--silverBox-footer-color);font-size:var(--silverBox-footer-font-size);font-weight:var(--silverBox-footer-font-weight)}.silverBox-footer-wrapper hr{margin:var(--silverBox-footer-hr-margin);background-color:var(--silverBox-hr-line-color);height:var(--silverBox-footer-hr-height);border:none}@keyframes leftToRight{0%{left:-100%}80%{left:var(--silverBox-slide-animation-left-distance)}95%{left:2px}100%{left:var(--silverBox-slide-animation-left-distance)}}@keyframes rightToLeft{0%{right:-100%}80%{right:var(--silverBox-slide-animation-right-distance)}95%{right:2px}100%{right:var(--silverBox-slide-animation-right-distance)}}@keyframes topToBottom{0%{top:-100%}80%{top:var(--silverBox-slide-animation-top-distance)}95%{top:2px}100%{top:var(--silverBox-slide-animation-top-distance)}}@keyframes bottomToTop{0%{bottom:-100%}80%{bottom:var(--silverBox-slide-animation-bottom-distance)}95%{bottom:2px}100%{bottom:var(--silverBox-slide-animation-bottom-distance)}}body.stop-scrolling{height:100%;overflow:hidden}.silverBox-container{z-index:var(--silverBox-z-index);display:grid;overflow-y:auto;padding:20px 10px}.silverBox-container.silverBox-overlay{width:var(--silverBox-overlay-width);height:var(--silverBox-overlay-height);position:fixed;top:0;left:0;justify-content:center;background-color:var(--silverBox-overlay-background)}.silverBox-container .silverBox{position:relative;box-sizing:border-box;width:var(--silverBox-width);min-width:var(--silverBox-min-width);max-width:var(--silverBox-max-width);max-height:var(--silverBox-max-height);display:grid;grid-column:2;align-self:center;justify-self:center;border:var(--silverBox-border);border-color:var(--silverBox-border-color);border-radius:var(--silverBox-border-radius);padding:var(--silverBox-padding);box-shadow:var(--silverBox-box-shadow);background-color:var(--silverBox-background-color);animation:popUp .3s linear}.silverBox-container .silverBox .timer-bar{position:absolute;bottom:0;width:100%;height:var(--silverBox-timer-bar-height);border-radius:var(--silverBox-timer-bar-border-radius);background-color:var(--silverBox-timer-bar)}.silverBox-container .silverBox *:first-child{margin-top:0}.silverBox-container .silverBox-body-wrapper{margin-top:var(--silverBox-items-top-margin)}.silverBox-container .silverBox-body-wrapper *:first-child{margin-top:0}.silverBox-container .silverBox-body-wrapper .silverBox-body-description{color:var(--silverBox-text-color);font-size:var(--silverBox-text-font-size);font-weight:var(--silverBox-text-font-weight)}@keyframes popUp{50%{transform:scale(1.05)}}@keyframes timer{from{width:100%}to{width:0%}}@media only screen and (max-width: 800px){.silverBox-container .silverBox-container{padding:6px}.silverBox-container .silverBox{max-width:90vw;min-width:unset}}.silverBox-container.silverBox-top-right,.silverBox-container.silverBox-top-center,.silverBox-container.silverBox-top-left,.silverBox-container.silverBox-bottom-right,.silverBox-container.silverBox-bottom-center,.silverBox-container.silverBox-bottom-left{position:fixed;width:-moz-fit-content;width:fit-content;height:fit-content;overflow-x:hidden}.silverBox-container.silverBox-top-right,.silverBox-container.silverBox-top-center,.silverBox-container.silverBox-top-left{top:var(--silverBox-top-distance)}.silverBox-container.silverBox-top-right{animation:rightToLeft .7s ease-out;right:var(--silverBox-top-right-distance)}.silverBox-container.silverBox-top-center{animation:topToBottom .7s ease-out;transform:translateX(50%);right:50%}.silverBox-container.silverBox-top-left{animation:leftToRight .7s ease-out;left:var(--silverBox-top-left-distance)}.silverBox-container.silverBox-bottom-right,.silverBox-container.silverBox-bottom-left,.silverBox-container.silverBox-bottom-center{bottom:var(--silverBox-bottom-distance)}.silverBox-container.silverBox-bottom-right{animation:rightToLeft .7s ease-out;right:var(--silverBox-bottom-right-distance)}.silverBox-container.silverBox-bottom-center{animation:bottomToTop .7s ease-out;transform:translateX(50%);right:50%}.silverBox-container.silverBox-bottom-left{animation:leftToRight .7s ease-out;left:var(--silverBox-bottom-left-distance)}:root{font-size:18px}@media only screen and (max-width: 900px){:root{font-size:16px}}html{scroll-behavior:smooth;--white-in-white: #cacaca;--black-in-white: #000;--silverBox-navbar-a-font-size: 20px;--silverBox-navbar-a-font-weight: 600;--silverBox-navbar-logo-span-font-size: 32px;--silverBox-navbar-logo-span-font-weight: 700;--silverBox-hero-section-tagline-font-size: 30px;--silverBox-hero-section-tagline-font-weight: 700;--silverBox-hero-section-introduction-font-size: 18px;--silverBox-hero-section-introduction-font-weight: 500;--silverBox-hero-section-button-font-size: 20px;--silverBox-hero-section-button-font-weight: 600;--silverBox-example-explanation-font-size: 20px;--silverBox-example-explanation-font-weight: 600;--silverBox-example-button-font-size: 20px;--silverBox-example-button-font-weight: 600;--silverBox-usage-section-font-size: 18px;--silverBox-usage-section-font-weight: 600;--silverBox-table-header-font-weight: 600;--silverBox-table-header-font-size: 20px;--silverBox-documentation-version-color: #929292;--silverBox-documentation-version-font-size: 15px;--silverBox-document-argument-font-weight: 700;--silverBox-document-font-size: 15px;--silverBox-document-font-weight: 500;--silverBox-credit-section-team-member-font-size: 16px;--silverBox-credit-section-team-member-font-weight: 700;---silverBox-credit-section-team-member-position-font-weight: 600;---silverBox-credit-section-team-member-position-font-size: 14px;--silverBox-code-font-size: 16px;--silverBox-code-font-weight: 700;--silverBox-section-header-font-size: 32px;--silverBox-section-header-font-weight: 600;--silverBox-footer-font-size: 14px;--primary-color: #3286cf;--box-color: #151f33;--get-silverBox-color: #2f3237;--silverBox-scroll-margin-top: 15vh;--body-bg-color: #0f192d;--second-body-bgColor: #151f33;--third-body-bgColor: #0f1726;--button-bg-color: #2f3237;--silverBox-button-hover-bgColor: #383c3f;--header-bg-color: #0f192d;--header-scrolled-bg-color: #1c2638;--header-color: #cacaca;--banner-color: #d9884c;--hero-section-color: #6a7a88;--get-silverBox-button-bg-color: #1b2a52;--silverBox-button-box-shadow: 1px 3px 5px #07070740;--document-border-color: #767d8a99;--document-indicator-color: #9f9f9f;--document-special-values-bgColor: #282c34;--document-argument: #4374a4;--document-type: #10b27d;--document-default: #bd855b;--document-description: #767d8a;--document-error-bgColor: #331925;--document-error-borderColor: #ef4444;--document-warning-bgColor: #aa9027;--document-warning-borderColor: #fbdf6d;--document-success-borderColor: #005f3f;--document-success-bgColor: #10b27d}body{color:var(--gray-700);font-family:Poppins;background:var(--body-bg-color)}body .silverBox-exampleCopyButton{position:absolute;display:flex;flex-direction:column;align-items:center;justify-content:center;font-weight:300;top:20px;right:20px;border:none;background:none;color:#fff}body .silverBox-exampleCopyButton img{max-width:30px;transition:.2s}body .silverBox-exampleCopyButton img.silverBox-copied{filter:grayscale(100%) sepia(100%) hue-rotate(90deg) !important}body .silverBox-exampleCopyButton img:hover{transform:scale(0.8)}body section{scroll-margin-top:70px}body .silverBox-sectionHeader{text-align:center;color:var(--white-in-white);margin-bottom:20px;font-weight:var(--silverBox-section-header-font-weight);font-size:var(--silverBox-section-header-font-size)}body .hidden{display:none !important}body code{box-shadow:1px 4px 5px rgba(7,7,7,.2509803922);border-radius:10px;text-align:left;font-weight:var(--silverBox-code-font-weight);letter-spacing:.03em;line-height:30px;padding:20px !important;font-size:var(--silverBox-code-font-size)}body .container{display:flex;flex-direction:column;align-items:center;gap:20px 0;margin:0 auto;width:90vw;max-width:950px;padding:65px 10px 85px 10px;position:relative}body #silverBox-header{position:fixed;top:0;left:0;width:100%;z-index:10;background-color:var(--header-bg-color);padding:10px 0;overflow:hidden;display:flex;align-items:center;min-height:70px;transition:.3s}body #silverBox-header.scrolled{background-color:var(--header-scrolled-bg-color)}body #silverBox-header .container{padding:0;display:block}body #silverBox-header .container nav{display:flex;align-items:center;transition:.2s linear;justify-content:space-between;width:100%}body #silverBox-header .container nav #logo{display:flex;align-items:center;transition:.3s all}body #silverBox-header .container nav #logo.hide{transform:translateY(200%);position:absolute}body #silverBox-header .container nav #logo img{width:50px}body #silverBox-header .container nav #logo span{font-size:var(--silverBox-navbar-logo-span-font-size);color:var(--primary-color);font-weight:var(--silverBox-navbar-logo-span-font-weight);margin-right:30px}body #silverBox-header .container nav ul{display:flex;justify-content:space-evenly;transition:.3s linear;width:95%}body #silverBox-header .container nav ul.show{transform:translateY(0) !important;position:static;justify-content:space-around}body #silverBox-header .container nav ul li a{color:var(--header-color);font-size:var(--silverBox-navbar-a-font-size);font-weight:var(--silverBox-navbar-a-font-weight);position:relative;transition:.4s ease-in-out}body #silverBox-header .container nav ul li a::after{content:"";background-color:#7e7e7e;width:0;height:2px;position:absolute;bottom:-5px;left:0;transition:.4s ease-in-out}body #silverBox-header .container nav ul li a:hover::after{width:100%}body #silverBox-header .container nav ul li a:hover{color:#7e7e7e}body #silverBox-header .container nav #hamburger-menu{margin-top:6px;cursor:pointer;display:none;flex-direction:column;gap:5px 0;width:20px;height:20px;transition:.3s linear}body #silverBox-header .container nav #hamburger-menu.rotate{transform:rotate(-90deg)}body #silverBox-header .container nav #hamburger-menu .row{width:100%;height:5px;border-radius:5px;background-color:var(--header-color)}body #silverBox-heroSection{scroll-margin-top:var(--silverBox-scroll-margin-top);background-color:var(--box-color);color:var(--hero-section-color);padding:40px 0;letter-spacing:.08em;margin-top:135px}body #silverBox-heroSection .container{padding:10px 0}body #silverBox-heroSection .container .whySilverBox{display:flex;align-items:start;justify-content:space-between;gap:20px 40px}body #silverBox-heroSection .container .whySilverBox .silverBox-introduction{text-align:left;font-weight:var(--silverBox-hero-section-introduction-font-weight);line-height:30px;font-size:var(--silverBox-hero-section-introduction-font-size)}body #silverBox-heroSection .container .whySilverBox .silverBox-introduction .silverBox-name-tag{color:var(--primary-color)}body #silverBox-heroSection .container .silverBox-tagline{text-align:center;font-size:var(--silverBox-hero-section-tagline-font-size);color:var(--primary-color);font-weight:var(--silverBox-hero-section-tagline-font-weight);letter-spacing:.035em}body #silverBox-heroSection .container .get-silverBox{display:flex;justify-content:center;align-items:center;padding:5px 22px;background:var(--get-silverBox-button-bg-color);color:var(--banner-color);box-shadow:var(--silverBox-button-box-shadow);border-radius:10px;font-weight:var(--silverBox-hero-section-button-font-weight);font-size:var(--silverBox-hero-section-button-font-size);letter-spacing:.035em;transition:.3s ease-in-out}body #silverBox-heroSection .container .get-silverBox:hover{background-color:var(--silverBox-button-hover-bgColor)}body #silverBox-exampleSection{row-gap:20px;display:grid;font-size:var(--silverBox-hero-section-tagline-font-size)}body #silverBox-exampleSection .silverBox-example{display:flex;justify-content:space-between;width:95%;margin-bottom:20px}body #silverBox-exampleSection .silverBox-example .silverBox-exampleColumn{display:flex;flex-direction:column;gap:20px 0;margin-right:20px}body #silverBox-exampleSection .silverBox-example .silverBox-exampleColumn .silverBox-exampleExplanation{color:var(--primary-color);font-size:var(--silverBox-example-explanation-font-size);font-weight:var(--silverBox-example-explanation-font-weight);letter-spacing:.035em}body #silverBox-exampleSection .silverBox-example .silverBox-exampleColumn .silverBox-example-button-wrapper{display:flex}body #silverBox-exampleSection .silverBox-example .silverBox-exampleColumn .silverBox-example-button-wrapper .silverBox-exampleButtons{display:flex;justify-content:center;align-items:center;padding:5px 45px;box-shadow:var(--silverBox-button-box-shadow);border-radius:7px;color:var(--white-in-white);width:fit-content;min-width:130px;font-size:var(--silverBox-example-button-font-size);font-weight:var(--silverBox-example-button-font-weight);transition:.3s ease-in-out}body #silverBox-exampleSection .silverBox-example .silverBox-exampleColumn .silverBox-example-button-wrapper .silverBox-exampleButtons.silverBox-showExample{background:var(--box-color)}body #silverBox-exampleSection .silverBox-example .silverBox-exampleColumn .silverBox-example-button-wrapper .silverBox-exampleButtons.silverBox-showExample:hover{background-color:var(--silverBox-button-hover-bgColor)}body #silverBox-exampleSection .silverBox-example .silverBox-exampleColumn .silverBox-example-button-wrapper .silverBox-exampleButtons.silverBox-copyConfig{display:none;background:var(--header-scrolled-bg-color)}body #silverBox-exampleSection .silverBox-example .silverBox-exampleColumn .silverBox-example-button-wrapper .silverBox-exampleButtons.silverBox-copyConfig:hover{background-color:#232c3d}body #silverBox-exampleSection .silverBox-example .silverBox-exampleColumn:last-of-type{justify-self:end}body #silverBox-exampleSection .silverBox-example .silverBox-exampleConfig{min-width:400px;max-width:400px;position:relative}body #silverBox-exampleSection .silverBox-example .silverBox-exampleConfig pre code.hljs::-webkit-scrollbar{height:7px}body #silverBox-exampleSection .silverBox-example .silverBox-exampleConfig pre code.hljs::-webkit-scrollbar-track{background:var(--button-bg-color)}body #silverBox-exampleSection .silverBox-example .silverBox-exampleConfig pre code.hljs::-webkit-scrollbar-thumb{background:#767d8a;border-radius:50px;transform:rotate(-90deg)}body #silverBox-usageSection{background-color:var(--second-body-bgColor);color:var(--white-in-white)}body #silverBox-usageSection .container{align-items:unset}body #silverBox-usageSection #silverBox-usageInstructions{display:flex;flex-direction:column;gap:25px 0}body #silverBox-usageSection #silverBox-usageInstructions p{font-size:var(--silverBox-usage-section-font-size);margin:10px 0;color:var(--primary-color);font-weight:var(--silverBox-usage-section-font-weight)}body #silverBox-usageSection #silverBox-usageInstructions p.step1{margin-top:0}body #silverBox-usageSection #silverBox-usageInstructions p:first-of-type{margin-bottom:50px}body #silverBox-usageSection #silverBox-usageInstructions p:first-of-type span{text-decoration:underline}body #silverBox-usageSection #silverBox-usageInstructions pre{margin-bottom:30px}body #silverBox-usageSection #usage-example{position:relative}body #silverBox-usageSection #usage-example button{top:7%}body #silverBox-CreditsSection{background-image:url("/public/src/images/desktopWave.png");background-repeat:no-repeat;background-size:cover;margin-top:-25px}body #silverBox-CreditsSection .silverBox-teamMembers{display:grid;grid-template-columns:repeat(3, 1fr);gap:30px 70px}body #silverBox-CreditsSection .silverBox-teamMembers .silverBox-teamMember{display:flex;align-items:center;column-gap:10px;border-radius:15px;padding:14.5px 60px 14.5px 16px;transition:all 500ms ease-in-out;background-color:var(--box-color);color:var(--white-in-white);font-weight:var(--silverBox-credit-section-team-member-font-weight);font-size:var(--silverBox-credit-section-team-member-font-size);box-shadow:1px 4px 5px rgba(7,7,7,.25)}body #silverBox-CreditsSection .silverBox-teamMembers .silverBox-teamMember .silverBox-memberImage{border-radius:50%;width:62.5px}body #silverBox-CreditsSection .silverBox-teamMembers .silverBox-teamMember .silverBox-memberInfo .silverBox-memberName{color:var(--primary-700);transition:all 500ms ease-in-out}body #silverBox-CreditsSection .silverBox-teamMembers .silverBox-teamMember .silverBox-memberInfo .silverBox-memberPosition{font-size:var(---silverBox-credit-section-team-member-position-font-size);color:var(--document-border-color);font-weight:var(---silverBox-credit-section-team-member-position-font-weight)}body #silverBox-CreditsSection .silverBox-teamMembers .silverBox-teamMember:hover{background-color:#383c3f}body #silverBox-CreditsSection .silverBox-teamMembers .silverBox-teamMember:hover .silverBox-memberInfo .silverBox-memberName{color:#fff}body #silverBox-documentationSection .silverBox-tableWrapper{overflow:hidden;text-align:start;row-gap:10px;border:1px solid var(--gray-300);border-radius:6px}body #silverBox-documentationSection .silverBox-tableWrapper .silverBox-document-has-config{padding-top:75px;margin-top:-75px;padding-left:40px;max-height:100rem;border-radius:15px;overflow:hidden;transition:.8s ease-in-out}body #silverBox-documentationSection .silverBox-tableWrapper .silverBox-document-has-config.silverBox-hide{max-height:0 !important}body #silverBox-documentationSection .silverBox-tableWrapper .silverBox-documentConfig-indicator{cursor:pointer;width:10px;height:40px;margin-top:20px;margin-left:5px;border-left:2px solid var(--document-indicator-color);border-bottom:2px solid var(--document-indicator-color);transition:.5s ease-in-out}body #silverBox-documentationSection .silverBox-tableWrapper .silverBox-documentConfig-indicator.silverBox-hide{transform:rotate(-45deg);height:15px;width:15px}body #silverBox-documentationSection .silverBox-tableWrapper .silverBox-document-show-more{cursor:pointer;width:fit-content;display:inline-block;padding:1px 15px 1px 0px;border-radius:5px;transition:.5s linear;position:relative;text-decoration:underline}body #silverBox-documentationSection .silverBox-tableWrapper .silverBox-document-show-more.silverBox-hide::after{transform:rotate(45deg)}body #silverBox-documentationSection .silverBox-tableWrapper .silverBox-document-show-more:hover::after{animation:confusedArrow 1.5s}body #silverBox-documentationSection .silverBox-tableWrapper .silverBox-document-show-more:hover.silverBox-hide::after{--rotate-start-end-amount: 45deg;--rotate-middle-one-amount: -39deg;--rotate-middle-two-amount: 131deg;transform:rotate(45deg)}@keyframes confusedArrow{0%{transform:rotate(var(--rotate-start-end-amount))}35%{transform:rotate(var(--rotate-middle-one-amount))}70%{transform:rotate(var(--rotate-middle-two-amount))}100%{transform:rotate(var(--rotate-start-end-amount))}}body #silverBox-documentationSection .silverBox-tableWrapper .silverBox-document-show-more::after{content:"";width:6px;height:6px;position:absolute;border-top:1px solid var(--primary-700);border-right:1px solid var(--primary-700);top:42%;right:5px;transform:rotate(134deg);transition:.2s linear}body #silverBox-documentationSection .silverBox-tableWrapper .silverBox-tableRowHeader,body #silverBox-documentationSection .silverBox-tableWrapper .silverBox-tableRow{scroll-margin-top:var(--silverBox-scroll-margin-top);display:grid;grid-template-columns:3.5fr 2fr 2fr 6fr;column-gap:10px}body #silverBox-documentationSection .silverBox-tableWrapper .silverBox-tableRowHeader .silverBox-document-type,body #silverBox-documentationSection .silverBox-tableWrapper .silverBox-tableRow .silverBox-document-type{color:var(--document-type)}body #silverBox-documentationSection .silverBox-tableWrapper .silverBox-tableRowHeader .silverBox-document-default,body #silverBox-documentationSection .silverBox-tableWrapper .silverBox-tableRow .silverBox-document-default{color:var(--document-default)}body #silverBox-documentationSection .silverBox-tableWrapper .silverBox-tableRowHeader .silverBox-explanation-special-values,body #silverBox-documentationSection .silverBox-tableWrapper .silverBox-tableRow .silverBox-explanation-special-values{background-color:var(--document-special-values-bgColor);color:var(--white-in-white);border-radius:8px;padding:2px 6px;font-weight:600}body #silverBox-documentationSection .silverBox-tableWrapper .silverBox-tableRowHeader .silverBox-document-description,body #silverBox-documentationSection .silverBox-tableWrapper .silverBox-tableRow .silverBox-document-description{color:var(--document-description);line-height:30px;padding:5px !important}body #silverBox-documentationSection .silverBox-tableWrapper .silverBox-tableRowHeader .silverBox-document-description .silverBox-explanation-span,body #silverBox-documentationSection .silverBox-tableWrapper .silverBox-tableRow .silverBox-document-description .silverBox-explanation-span{padding-right:10px}body #silverBox-documentationSection .silverBox-tableWrapper .silverBox-tableRowHeader .silverBox-document-description-error,body #silverBox-documentationSection .silverBox-tableWrapper .silverBox-tableRowHeader .silverBox-document-description-success,body #silverBox-documentationSection .silverBox-tableWrapper .silverBox-tableRowHeader .silverBox-document-description-warning,body #silverBox-documentationSection .silverBox-tableWrapper .silverBox-tableRow .silverBox-document-description-error,body #silverBox-documentationSection .silverBox-tableWrapper .silverBox-tableRow .silverBox-document-description-success,body #silverBox-documentationSection .silverBox-tableWrapper .silverBox-tableRow .silverBox-document-description-warning{color:var(--white-in-white);padding:5px;margin:5px;border-radius:8px}body #silverBox-documentationSection .silverBox-tableWrapper .silverBox-tableRowHeader .silverBox-document-description-error,body #silverBox-documentationSection .silverBox-tableWrapper .silverBox-tableRow .silverBox-document-description-error{background-color:var(--document-error-bgColor);border-left:8px solid var(--document-error-borderColor)}body #silverBox-documentationSection .silverBox-tableWrapper .silverBox-tableRowHeader .silverBox-document-description-success,body #silverBox-documentationSection .silverBox-tableWrapper .silverBox-tableRow .silverBox-document-description-success{background-color:var(--document-success-bgColor);border-left:8px solid var(--document-success-borderColor)}body #silverBox-documentationSection .silverBox-tableWrapper .silverBox-tableRowHeader .silverBox-document-description-warning,body #silverBox-documentationSection .silverBox-tableWrapper .silverBox-tableRow .silverBox-document-description-warning{background-color:var(--document-warning-bgColor);border-left:8px solid var(--document-warning-borderColor)}body #silverBox-documentationSection .silverBox-tableWrapper .silverBox-tableRowHeader .silverBox-tableColumn,body #silverBox-documentationSection .silverBox-tableWrapper .silverBox-tableRow .silverBox-tableColumn{margin-bottom:20px;padding:10px 0;overflow-x:hidden;font-size:var(--silverBox-document-font-size);font-weight:var(--silverBox-document-font-weight)}body #silverBox-documentationSection .silverBox-tableWrapper .silverBox-tableRowHeader .silverBox-tableColumn .silverBox-document-argument,body #silverBox-documentationSection .silverBox-tableWrapper .silverBox-tableRow .silverBox-tableColumn .silverBox-document-argument{font-weight:var(--silverBox-document-argument-font-weight);font-style:italic;color:var(--document-argument)}body #silverBox-documentationSection .silverBox-tableWrapper .silverBox-tableRowHeader .tableHeaderColumn,body #silverBox-documentationSection .silverBox-tableWrapper .silverBox-tableRow .tableHeaderColumn{color:var(--white-in-white) !important;min-width:max-content;font-weight:var(--silverBox-table-header-font-weight);font-size:var(--silverBox-table-header-font-size)}body #silverBox-documentationSection .silverBox-tableWrapper .silverBox-tableRowHeader{border-bottom:1px solid var(--gray-300)}body #silverBox-documentationSection .silverBox-tableWrapper .silverBox-tableRow{border-top:2px solid var(--document-border-color);font-weight:500}body #silverBox-documentationSection .silverBox-tableWrapper .silverBox-tableRowHeader{border:none}body footer{color:var(--document-border-color);padding-block:12px;text-align:center;background-color:var(--third-body-bgColor);font-size:var(--silverBox-footer-font-size)}body footer #sweetAlert,body footer #Untitled-UI{text-decoration:underline}@media only screen and (max-width: 900px){:root{--silverBox-navbar-a-font-size: 12px;--silverBox-hero-section-tagline-font-size: 16px;--silverBox-hero-section-tagline-font-weight: 600;--silverBox-hero-section-introduction-font-size: 13px;--silverBox-hero-section-introduction-font-weight: 600;--silverBox-example-explanation-font-size: 14px;--silverBox-example-explanation-font-weight: 400;--silverBox-example-button-font-size: 14px;--silverBox-table-header-font-size: 16px;--silverBox-document-font-size: 10px;--silverBox-usage-section-font-size: 14px;--silverBox-credit-section-team-member-font-size: 13px;---silverBox-credit-section-team-member-position-font-size: 12px;--silverBox-section-header-font-size: 22px;--silverBox-section-header-font-weight: 500;--silverBox-code-font-size: 12px;--silverBox-footer-font-size: 12px}body{overflow-x:hidden}body #silverBox-heroSection,body #silverBox-exampleSection,body #silverBox-usageSection{scroll-margin-top:70px}body #silverBox-exampleSection .container,body #silverBox-usageSection .container{padding:30px 10px 10px 10px}body #silverBox-header .container nav ul{transform:translateY(-220%);position:absolute;justify-content:space-around}body #silverBox-header .container nav #hamburger-menu{display:flex}body #silverBox-heroSection{padding:17px 10px}body #silverBox-heroSection .silverBox-introduction{text-align:center;line-height:20px}body #silverBox-exampleSection .silverBox-example{justify-content:center;text-align:center;margin-bottom:50px}body #silverBox-exampleSection .silverBox-example .silverBox-exampleColumn-code{display:none}body #silverBox-exampleSection .silverBox-example .silverBox-exampleColumn:first-of-type{margin-right:0}body #silverBox-exampleSection .silverBox-example .silverBox-exampleColumn .silverBox-example-button-wrapper{display:flex;justify-content:center;align-items:center;gap:10px}body #silverBox-exampleSection .silverBox-example .silverBox-exampleColumn .silverBox-example-button-wrapper .silverBox-exampleButtons{padding:6px 22px}body #silverBox-exampleSection .silverBox-example .silverBox-exampleColumn .silverBox-example-button-wrapper .silverBox-exampleButtons.silverBox-copyConfig{display:inline-block}body #silverBox-usageSection{padding-bottom:120px}body #silverBox-usageSection #silverBox-usageInstructions{gap:0}body #silverBox-CreditsSection{background-image:url("/public/src/images/mobileWave.png");margin-top:-70px}body #silverBox-CreditsSection .container{padding:65px 10px 40px 10px}body #silverBox-CreditsSection .silverBox-teamMembers{grid-template-columns:unset}} +*,*::before,*::after{box-sizing:border-box;margin:0;padding:0;color:inherit;font:inherit}body,h1,h2,h3,h4,p,figure,blockquote,dl,dd{margin:0}ul,ol{list-style:none}html:focus-within{scroll-behavior:smooth}body{min-height:100vh;text-rendering:optimizeSpeed;line-height:1.5}a{text-decoration:none}input,button,textarea,select{font:inherit}button{border:none}button,select{cursor:pointer}button:disabled{cursor:not-allowed}input{outline:none}::placeholder{opacity:.5}input::-ms-reveal,input::-ms-clear{display:none}input[type=number]::-webkit-inner-spin-button,input[type=number]::-webkit-outer-spin-button{-webkit-appearance:none;margin:0}input[type=number]{-moz-appearance:textfield}@font-face{font-family:Poppins;font-weight:100;src:url("/public/src/fonts/Poppins/Poppins-Thin.ttf") format("truetype")}@font-face{font-family:Poppins;font-weight:200;src:url("/public/src/fonts/Poppins/Poppins-ExtraLight.ttf") format("truetype")}@font-face{font-family:Poppins;font-weight:300;src:url("/public/src/fonts/Poppins/Poppins-Light.ttf") format("truetype")}@font-face{font-family:Poppins;font-weight:400;src:url("/public/src/fonts/Poppins/Poppins-Medium.ttf") format("truetype")}@font-face{font-family:Poppins;font-weight:500;src:url("/public/src/fonts/Poppins/Poppins-Regular.ttf") format("truetype")}@font-face{font-family:Poppins;font-weight:600;src:url("/public/src/fonts/Poppins/Poppins-SemiBold.ttf") format("truetype")}@font-face{font-family:Poppins;font-weight:700;src:url("/public/src/fonts/Poppins/Poppins-Bold.ttf") format("truetype")}@font-face{font-family:Poppins;font-weight:800;src:url("/public/src/fonts/Poppins/Poppins-ExtraBold.ttf") format("truetype")}@font-face{font-family:Poppins;font-weight:900;src:url("/public/src/fonts/Poppins/Poppins-Black.ttf") format("truetype")}pre code.hljs{display:block;overflow-x:auto;padding:1em}code.hljs{padding:3px 5px}.hljs{color:#abb2bf;background:#282c34}.hljs-keyword,.hljs-operator,.hljs-pattern-match{color:#f92672}.hljs-function,.hljs-pattern-match .hljs-constructor{color:#61aeee}.hljs-function .hljs-params{color:#a6e22e}.hljs-function .hljs-params .hljs-typing{color:#fd971f}.hljs-module-access .hljs-module{color:#7e57c2}.hljs-constructor{color:#e2b93d}.hljs-constructor .hljs-string{color:#77ab6a}.hljs-comment,.hljs-quote{color:#b18eb1;font-style:italic}.hljs-doctag,.hljs-formula{color:#c678dd}.hljs-deletion,.hljs-name,.hljs-section,.hljs-selector-tag,.hljs-subst{color:#e06c75}.hljs-literal{color:#438d9d}.hljs-addition,.hljs-attribute,.hljs-meta .hljs-string,.hljs-regexp,.hljs-string{color:#98c379}.hljs-built_in,.hljs-class .hljs-title,.hljs-title.class_{color:#e6c07b}.hljs-attr,.hljs-number,.hljs-selector-attr,.hljs-selector-class,.hljs-selector-pseudo,.hljs-template-variable,.hljs-type,.hljs-variable{color:#bd855b}.hljs-bullet,.hljs-link,.hljs-meta,.hljs-selector-id,.hljs-symbol,.hljs-title{color:#4374a4}.hljs-emphasis{font-style:italic}.hljs-strong{font-weight:700}.hljs-link{text-decoration:underline}.silverBox-container{--silverBox-items-top-margin: 15px;--silverBox-padding: 20px;--silverBox-border: 0px solid;--silverBox-timer-bar-height: 3px;--silverBox-timer-bar-border-radius: 10px;--silverBox-border-radius: 20px;--silverBox-z-index: 1402;--silverBox-width: 90vw;--silverBox-max-width: min-content;--silverBox-min-width: 400px;--silverBox-max-height: max-content;--silverBox-overlay-width: 100vw;--silverBox-overlay-height: 100vh;--silverBox-top-distance: 10px;--silverBox-top-right-distance: 10px;--silverBox-top-left-distance: 10px;--silverBox-bottom-distance: 10px;--silverBox-bottom-right-distance: 10px;--silverBox-bottom-left-distance: 10px;--silverBox-slide-animation-left-distance: 10px;--silverBox-slide-animation-right-distance: 10px;--silverBox-slide-animation-top-distance: 10px;--silverBox-slide-animation-bottom-distance: 10px;--silverBox-close-button-grid-column-start: 3;--silverBox-close-button-justify-self: end;--silverBox-close-button-align-self: start;--silverBox-title-font-size: 18px;--silverBox-title-font-weight: 600;--silverBox-title-gap: 0 10px;--silverBox-title-justifyContent: center;--silverBox-text-font-size: 16px;--silverBox-text-font-weight: 500;--silverBox-custom-image-max-width: 100px;--silverBox-custom-image-max-height: 100px;--silverBox-custom-image-width: unset;--silverBox-custom-image-height: unset;--silverBox-custom-image-border-radius: 3px;--silverBox-icon-wrapper-grid-template-columns: repeat(3, 1fr);--silverBox-icon-wrapper-align-items: center;--silverBox-centered-icon-justify-self: center;--silverBox-centered-icon-grid-column-start: 2;--silverBox-tick-mark-size: 50px;--silverBox-tick-right-size: 50%;--silverBox-tick-left-size: 10px;--silverBox-tick-circle-border: 3px solid;--silverBox-tick-inside-border: 3px solid;--silverBox-info-circle-border: 3px solid;--silverBox-info-size: 50px;--silverBox-info-icon-inside-size: 30px;--silverBox-info-icon-width: 500;--silverBox-question-circle-border: 3px solid;--silverBox-question-size: 50px;--silverBox-question-icon-inside-size: 30px;--silverBox-question-icon-width: 500;--silverBox-warning-circle-border: 3px solid;--silverBox-warning-size: 50px;--silverBox-warning-icon-inside-size: 30px;--silverBox-warning-icon-width: 500;--silverBox-error-circle-border: 3px solid;--silverBox-error-size: 50px;--silverBox-error-icon-inside-size: 30px;--silverBox-error-icon-width: 3px;--silverBox-button-border-radius: 8px;--silverBox-button-icon-border-radius: 10px;--silverBox-button-border-width: 1px;--silverBox-button-font-size: 16px;--silverBox-button-font-weight: 600;--silverBox-button-padding: 7px 20px;--silverBox-button-min-width: 200px;--silverBox-button-width: 100%;--silverBox-button-image-max-width: 40px;--silverBox-button-text-min-height: 30px;--silverBox-button-column-gap: 10px;--silverBox-button-wrapper-gap: 10px;--silverBox-button-transition: 0.2s ease;--silverBox-input-container-flex-wrap: wrap;--silverBox-input-font-size: 16px;--silverBox-input-padding: 10px;--silverBox-input-border-radius: 8px;--silverBox-inside-input-gap: 7px;--silverBox-input-parent-gap: 10px 0;--silverBox-input-font-weight: 500;--silverBox-input-width: 100%;--silverBox-input-wrapper-width: 100%;--silverBox-input-border: 1px solid var(--silverBox-input-border-color);--silverBox-input-text-align: start;--silverBox-input-flex-direction: column;--silverBox-input-parent-justify-content: space-around;--silverBox-input-parent-align-items: center;--silverBox-hint-fontSize: 12px;--silverBox-hint-font-weight: 500;--silverBox-input-label-font-size: 14px;--silverBox-input-label-font-weight: 500;--silverBox-placeHolder-fontSize: 16px;--silverBox-input-placeHolder-font-weight: 500;--silverBox-input-select-border-radius: 2px;--silverBox-input-select-padding: 5px 8px;--silverBox-select-input-width: fit-content;--silverBox-footer-font-size: 16px;--silverBox-footer-font-weight: 500;--silverBox-footer-hr-margin: 20px 0 10px;--silverBox-footer-hr-height: 1px}.silverBox-container[data-theme=light]{--silverBox-overlay-background: #d0d5dde2;--silverBox-background-color: white;--silverBox-box-shadow: 0px 0px 4px rgba(0, 0, 0, 0.1);--silverBox-border-color: #fff;--silverBox-timer-bar: #bbb;--silverBox-title-color: #000;--silverBox-text-color: #475467;--silverBox-confirm-color: #fff;--silverBox-confirm-bg-color: #7f56d9;--silverBox-confirm-border-color: #7f56d9;--silverBox-confirm-hover-color: #a86ff9;--silverBox-deny-color: #fff;--silverBox-deny-bg-color: #d33;--silverBox-deny-border-color: #d33;--silverBox-deny-hover-color: #fa7070;--silverBox-cancel-color: #475467;--silverBox-cancel-bg-color: #fff;--silverBox-cancel-border-color: #d0d5dd;--silverBox-cancel-hover-color: #d2d2d2;--silverBox-custom-color: #475467;--silverBox-custom-bg-color: #fff;--silverBox-custom-border-color: #d0d5dd;--silverBox-custom-hover-color: #d2d2d2;--silverBox-input-border-color: #d0d5dd;--silverBox-input-background: #fff;--silverBox-input-color: #000;--silverBox-input-placeHolder-color: #475467;--silverBox-label-color: #1d2939;--silverBox-hint-color: #101828;--silverBox-input-box-shadow: 0px 0px 4px rgba(201, 14, 14, 0.1);--silverBox-hr-line-color: #bbbbbb;--silverBox-footer-color: #474747;--silverBox-tick-inside-border-color: #15b79e;--silverBox-tick-circle-border-color: #15b79e;--silverBox-info-circle-border-color: #2e90fa;--silverBox-info-color: #2e90fa;--silverBox-question-circle-border-color: #a4bcfd;--silverBox-question-color: #a4bcfd;--silverBox-warning-circle-border-color: #eaaa08;--silverBox-warning-color: #eaaa08;--silverBox-error-circle-border-color: #e62e05;--silverBox-error-color: #e62e05}.silverBox-container[data-theme=dark]{--silverBox-overlay-background: #191919ea;--silverBox-background-color: #1f2637;--silverBox-box-shadow: 0px 0px 4px rgba(0, 0, 0, 0.1);--silverBox-border-color: #171e2e;--silverBox-timer-bar: #555;--silverBox-title-color: #fff;--silverBox-text-color: #9fa3ad;--silverBox-confirm-color: #fff;--silverBox-confirm-bg-color: #4c2b92;--silverBox-confirm-border-color: #4c2b92;--silverBox-confirm-hover-color: #5a30b3;--silverBox-deny-color: #fff;--silverBox-deny-bg-color: #9d0f0f;--silverBox-deny-border-color: #9d0f0f;--silverBox-deny-hover-color: #d33;--silverBox-cancel-color: #fff;--silverBox-cancel-bg-color: #5f5f5f;--silverBox-cancel-border-color: #5f5f5f;--silverBox-cancel-hover-color: #838383;--silverBox-custom-color: #fff;--silverBox-custom-bg-color: #5f5f5f;--silverBox-custom-border-color: #5f5f5f;--silverBox-custom-hover-color: #838383;--silverBox-input-border-color: #39363f;--silverBox-input-background: #515864;--silverBox-input-color: #fff;--silverBox-input-placeHolder-color: #a1a4a9;--silverBox-label-color: #fff;--silverBox-hint-color: #fff;--silverBox-input-box-shadow: 0px 0px 4px rgba(90, 206, 23, 0.1);--silverBox-hr-line-color: #bbbbbb;--silverBox-footer-color: #a1a4a9;--silverBox-tick-inside-border-color: #15b79e;--silverBox-tick-circle-border-color: #15b79e;--silverBox-info-circle-border-color: #2e90fa;--silverBox-info-color: #2e90fa;--silverBox-question-circle-border-color: #a4bcfd;--silverBox-question-color: #a4bcfd;--silverBox-warning-circle-border-color: #eaaa08;--silverBox-warning-color: #eaaa08;--silverBox-error-circle-border-color: #e62e05;--silverBox-error-color: #e62e05}.silverBox-container,.silverBox-container *{box-sizing:border-box;margin:0;padding:0;color:inherit;font:inherit;border:none;text-decoration:none}.silverBox-input-container{margin-top:var(--silverBox-items-top-margin);display:flex;flex-wrap:var(--silverBox-input-container-flex-wrap);gap:var(--silverBox-input-parent-gap);justify-content:var(--silverBox-input-parent-justify-content);align-items:var(--silverBox-input-parent-align-items)}.silverBox-input-container .silverBox-input-wrapper{width:var(--silverBox-input-wrapper-width);display:inline-flex;flex-direction:var(--silverBox-input-flex-direction);gap:var(--silverBox-inside-input-gap);text-align:var(--silverBox-input-text-align)}.silverBox-input-container .silverBox-input-wrapper .silverBox-select{width:var(--silverBox-select-input-width);padding:var(--silverBox-input-select-padding);border-radius:var(--silverBox-input-select-border-radius)}.silverBox-input-container .silverBox-input-wrapper>input,.silverBox-input-container .silverBox-input-wrapper>textarea{background:var(--silverBox-input-background);outline:none;border:var(--silverBox-input-border);color:var(--silverBox-input-color);padding:var(--silverBox-input-padding);border-radius:var(--silverBox-input-border-radius);resize:none;font-size:var(--silverBox-input-font-size);box-shadow:var(--silverBox-input-box-shadow);font-weight:var(--silverBox-input-font-weight);width:var(--silverBox-input-width)}.silverBox-input-container .silverBox-input-wrapper>input::placeholder,.silverBox-input-container .silverBox-input-wrapper>textarea::placeholder{color:var(--silverBox-input-placeHolder-color);font-size:var(--silverBox-placeHolder-fontSize);font-weight:var(--silverBox-input-placeHolder-font-weight)}.silverBox-input-container .silverBox-input-wrapper label{color:var(--silverBox-label-color);font-size:var(--silverBox-input-label-font-size);font-weight:var(--silverBox-input-label-font-weight)}.silverBox-input-container .silverBox-input-wrapper .silverBox-input-hint{color:var(--silverBox-hint-color);font-size:var(--silverBox-hint-fontSize);font-weight:var(--silverBox-hint-font-weight)}.silverBox-button-wrapper{display:flex;flex-direction:row-reverse;justify-content:space-around;gap:var(--silverBox-button-wrapper-gap);margin-top:var(--silverBox-items-top-margin)}.silverBox-button{display:flex;column-gap:var(--silverBox-button-column-gap);justify-content:center;align-items:center;outline:none;border-width:var(--silverBox-button-border-width);border-style:solid;border-radius:var(--silverBox-button-border-radius);font-size:var(--silverBox-button-font-size);font-weight:var(--silverBox-button-font-weight);padding:var(--silverBox-button-padding);cursor:pointer;transition:var(--silverBox-button-transition);min-width:var(--silverBox-button-min-width);width:var(--silverBox-button-width)}.silverBox-button .silverBox-button-icon{border-radius:var(--silverBox-button-icon-border-radius)}.silverBox-button.silverBox-confirm-button{border-color:var(--silverBox-confirm-border-color);background-color:var(--silverBox-confirm-bg-color);color:var(--silverBox-confirm-color)}.silverBox-button.silverBox-confirm-button:hover{background-color:var(--silverBox-confirm-hover-color)}.silverBox-button.silverBox-custom-button{border-color:var(--silverBox-custom-border-color);background-color:var(--silverBox-custom-bg-color);color:var(--silverBox-custom-color)}.silverBox-button.silverBox-custom-button:hover{background-color:var(--silverBox-custom-hover-color)}.silverBox-button.silverBox-cancel-button{border-color:var(--silverBox-cancel-border-color);background-color:var(--silverBox-cancel-bg-color);color:var(--silverBox-cancel-color)}.silverBox-button.silverBox-cancel-button:hover{background-color:var(--silverBox-cancel-hover-color)}.silverBox-button.silverBox-deny-button{border-color:var(--silverBox-deny-border-color);background-color:var(--silverBox-deny-bg-color);color:var(--silverBox-deny-color)}.silverBox-button.silverBox-deny-button:hover{background-color:var(--silverBox-deny-hover-color)}.silverBox-button img{max-width:var(--silverBox-button-image-max-width)}.silverBox-button .silverBox-button-text{min-height:var(--silverBox-button-text-min-height);display:flex;align-items:center}.silverBox-button .silverBox-button-loading-animation{display:none}.silverBox-button.silverBox-loading-button{pointer-events:none}.silverBox-button.silverBox-loading-button .silverBox-button-loading-animation{display:inline}.silverBox-button.silverBox-loading-button .silverBox-button-text{display:none}.silverBox-button.silverBox-loading-button img{display:none}@media only screen and (max-width: 800px){.silverBox-button-wrapper{flex-direction:column}}.silverBox-close-button{cursor:pointer;grid-column-start:var(--silverBox-close-button-grid-column-start)}.silverBox-icon-wrapper{display:grid;grid-template-columns:var(--silverBox-icon-wrapper-grid-template-columns);align-items:var(--silverBox-icon-wrapper-align-items)}.silverBox-icon-wrapper .silverBox-close-button{justify-self:var(--silverBox-close-button-justify-self);align-self:var(--silverBox-close-button-align-self)}.silverBox-header-wrapper>*{margin-top:var(--silverBox-items-top-margin)}.silverBox-header-wrapper .silverBox-header-title{color:var(--silverBox-title-color);font-size:var(--silverBox-title-font-size);font-weight:var(--silverBox-title-font-weight);gap:var(--silverBox-title-gap)}.silverBox-header-wrapper .silverBox-header-title.silverBox-title-has-icon{display:flex;align-items:center}.silverBox-header-wrapper .silverBox-header-title.silverBox-title-has-icon.silverBox-title-centred{justify-content:var(--silverBox-title-justifyContent)}.silverBox-icon-wrapper.silverBox-centered-icon,.silverBox-icon-wrapper>*.silverBox-centered-icon{justify-self:var(--silverBox-centered-icon-justify-self);grid-column-start:var(--silverBox-centered-icon-grid-column-start)}.silverBox-image-wrapper{display:flex}.silverBox-image-wrapper>*{width:var(--silverBox-custom-image-width);max-width:var(--silverBox-custom-image-max-width);height:var(--silverBox-custom-image-height);max-height:var(--silverBox-custom-image-max-height);border-radius:var(--silverBox-custom-image-border-radius)}.silverBox-default-icon{min-width:50px}.silverBox-tick-mark{position:relative;width:var(--silverBox-tick-mark-size);height:var(--silverBox-tick-mark-size);border:var(--silverBox-tick-circle-border);border-color:var(--silverBox-tick-circle-border-color);border-radius:50%;display:inline-flex;align-items:center;justify-content:center;animation:1s appear}.silverBox-tick-mark .inside{position:absolute;width:var(--silverBox-tick-right-size);height:var(--silverBox-tick-left-size);border-left:var(--silverBox-tick-inside-border);border-bottom:var(--silverBox-tick-inside-border);border-color:var(--silverBox-tick-inside-border-color);transform:rotate(-45deg);margin-bottom:15%}.silverBox-info{border:var(--silverBox-info-circle-border);border-color:var(--silverBox-info-circle-border-color);width:var(--silverBox-info-size);height:var(--silverBox-info-size);border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:var(--silverBox-info-icon-inside-size);font-weight:var(--silverBox-info-icon-width);color:var(--silverBox-info-color);animation:rotate .25s}.silverBox-question{border:var(--silverBox-question-circle-border);border-color:var(--silverBox-question-circle-border-color);width:var(--silverBox-question-size);height:var(--silverBox-question-size);border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:var(--silverBox-question-icon-inside-size);font-weight:var(--silverBox-question-icon-width);color:var(--silverBox-question-color);animation:rotate .25s}.silverBox-warning{border:var(--silverBox-warning-circle-border);border-color:var(--silverBox-warning-circle-border-color);width:var(--silverBox-warning-size);height:var(--silverBox-warning-size);border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:var(--silverBox-warning-icon-inside-size);font-weight:var(--silverBox-warning-icon-width);color:var(--silverBox-warning-color);animation:warning .5s}.silverBox-error{width:var(--silverBox-error-size);height:var(--silverBox-error-size);border-radius:50%;border:var(--silverBox-error-circle-border);border-color:var(--silverBox-error-circle-border-color);display:flex;justify-content:center;align-items:center;animation:error .25s}.silverBox-error .x{width:var(--silverBox-error-icon-inside-size);height:var(--silverBox-error-icon-width);position:relative}.silverBox-error .x::before,.silverBox-error .x::after{content:"";position:absolute;top:0;right:0;width:var(--silverBox-error-icon-inside-size);height:var(--silverBox-error-icon-width);background-color:var(--silverBox-error-color);border-radius:10px}.silverBox-error .x::before{transform:rotate(45deg)}.silverBox-error .x::after{transform:rotate(-45deg)}@keyframes rotate{0%{transform:scale(1) rotate(0)}25%{transform:rotate(25deg)}50%{transform:scale(1.1) rotate(-25deg)}75%{transform:rotate(25deg)}100%{transform:scale(1) rotate(0deg)}}@keyframes error{0%{transform:translateX(0)}25%{transform:translateX(5px) scale(1.05)}50%{transform:translateX(-5px) scale(1.1)}75%{transform:translateX(5px)}100%{transform:translateX(0)}}@keyframes appear{0%{transform:scale(1) rotate(0)}50%{transform:scale(1.1)}100%{transform:scale(1) rotate(360deg)}}@keyframes warning{0%{opacity:1;transform:scale(1)}25%{opacity:0;transform:scale(0.6)}50%{opacity:1;transform:scale(1)}75%{opacity:0;transform:scale(0.6)}100%{opacity:1;transform:scale(1)}}.silverBox-button-loading-animation{width:30px;height:30px;border:3px solid;border-color:#fff rgba(0,0,0,0);border-radius:50%;display:inline-block;box-sizing:border-box;animation:rotation 1s linear infinite}@keyframes rotation{0%{transform:rotate(0deg)}100%{transform:rotate(360deg)}}.silverBox-footer-wrapper{margin-top:var(--silverBox-items-top-margin);color:var(--silverBox-footer-color);font-size:var(--silverBox-footer-font-size);font-weight:var(--silverBox-footer-font-weight)}.silverBox-footer-wrapper hr{margin:var(--silverBox-footer-hr-margin);background-color:var(--silverBox-hr-line-color);height:var(--silverBox-footer-hr-height);border:none}@keyframes leftToRight{0%{left:-100%}80%{left:var(--silverBox-slide-animation-left-distance)}95%{left:2px}100%{left:var(--silverBox-slide-animation-left-distance)}}@keyframes rightToLeft{0%{right:-100%}80%{right:var(--silverBox-slide-animation-right-distance)}95%{right:2px}100%{right:var(--silverBox-slide-animation-right-distance)}}@keyframes topToBottom{0%{top:-100%}80%{top:var(--silverBox-slide-animation-top-distance)}95%{top:2px}100%{top:var(--silverBox-slide-animation-top-distance)}}@keyframes bottomToTop{0%{bottom:-100%}80%{bottom:var(--silverBox-slide-animation-bottom-distance)}95%{bottom:2px}100%{bottom:var(--silverBox-slide-animation-bottom-distance)}}body.stop-scrolling{height:100%;overflow:hidden}.silverBox-container{z-index:var(--silverBox-z-index);display:grid;overflow-y:auto;padding:20px 10px}.silverBox-container.silverBox-overlay{width:var(--silverBox-overlay-width);height:var(--silverBox-overlay-height);position:fixed;top:0;left:0;justify-content:center;background-color:var(--silverBox-overlay-background)}.silverBox-container .silverBox{z-index:var(--silverBox-z-index);position:relative;box-sizing:border-box;width:var(--silverBox-width);min-width:var(--silverBox-min-width);max-width:var(--silverBox-max-width);max-height:var(--silverBox-max-height);display:grid;grid-column:2;align-self:center;justify-self:center;border:var(--silverBox-border);border-color:var(--silverBox-border-color);border-radius:var(--silverBox-border-radius);padding:var(--silverBox-padding);box-shadow:var(--silverBox-box-shadow);background-color:var(--silverBox-background-color);animation:popUp .3s linear}.silverBox-container .silverBox .timer-bar{position:absolute;bottom:0;width:100%;height:var(--silverBox-timer-bar-height);border-radius:var(--silverBox-timer-bar-border-radius);background-color:var(--silverBox-timer-bar)}.silverBox-container .silverBox .timer-bar-wrapper{z-index:calc(var(--silverBox-z-index) + 1);position:absolute;bottom:0;border-radius:inherit;width:100%;height:100%;overflow-x:hidden}.silverBox-container .silverBox *:first-child{margin-top:0}.silverBox-container .silverBox-body-wrapper,.silverBox-container .silverBox-header-wrapper,.silverBox-container .silverBox-footer-wrapper{position:relative;z-index:calc(var(--silverBox-z-index) + 2)}.silverBox-container .silverBox-body-wrapper{margin-top:var(--silverBox-items-top-margin)}.silverBox-container .silverBox-body-wrapper *:first-child{margin-top:0}.silverBox-container .silverBox-body-wrapper .silverBox-body-description{color:var(--silverBox-text-color);font-size:var(--silverBox-text-font-size);font-weight:var(--silverBox-text-font-weight)}@keyframes popUp{50%{transform:scale(1.05)}}@keyframes timer{from{width:100%}to{width:0%}}@media only screen and (max-width: 800px){.silverBox-container .silverBox-container{padding:6px}.silverBox-container .silverBox{max-width:90vw;min-width:unset}}.silverBox-container.silverBox-top-right,.silverBox-container.silverBox-top-center,.silverBox-container.silverBox-top-left,.silverBox-container.silverBox-bottom-right,.silverBox-container.silverBox-bottom-center,.silverBox-container.silverBox-bottom-left{position:fixed;width:-moz-fit-content;width:fit-content;height:fit-content;overflow-x:hidden}.silverBox-container.silverBox-top-right,.silverBox-container.silverBox-top-center,.silverBox-container.silverBox-top-left{top:var(--silverBox-top-distance)}.silverBox-container.silverBox-top-right{animation:rightToLeft .7s ease-out;right:var(--silverBox-top-right-distance)}.silverBox-container.silverBox-top-center{animation:topToBottom .7s ease-out;transform:translateX(50%);right:50%}.silverBox-container.silverBox-top-left{animation:leftToRight .7s ease-out;left:var(--silverBox-top-left-distance)}.silverBox-container.silverBox-bottom-right,.silverBox-container.silverBox-bottom-left,.silverBox-container.silverBox-bottom-center{bottom:var(--silverBox-bottom-distance)}.silverBox-container.silverBox-bottom-right{animation:rightToLeft .7s ease-out;right:var(--silverBox-bottom-right-distance)}.silverBox-container.silverBox-bottom-center{animation:bottomToTop .7s ease-out;transform:translateX(50%);right:50%}.silverBox-container.silverBox-bottom-left{animation:leftToRight .7s ease-out;left:var(--silverBox-bottom-left-distance)}:root{font-size:18px}@media only screen and (max-width: 900px){:root{font-size:16px}}html{scroll-behavior:smooth;--white-in-white: #cacaca;--black-in-white: #000;--silverBox-navbar-a-font-size: 20px;--silverBox-navbar-a-font-weight: 600;--silverBox-navbar-logo-span-font-size: 32px;--silverBox-navbar-logo-span-font-weight: 700;--silverBox-hero-section-tagline-font-size: 30px;--silverBox-hero-section-tagline-font-weight: 700;--silverBox-hero-section-introduction-font-size: 18px;--silverBox-hero-section-introduction-font-weight: 500;--silverBox-hero-section-button-font-size: 20px;--silverBox-hero-section-button-font-weight: 600;--silverBox-example-explanation-font-size: 20px;--silverBox-example-explanation-font-weight: 600;--silverBox-example-button-font-size: 20px;--silverBox-example-button-font-weight: 600;--silverBox-usage-section-font-size: 18px;--silverBox-usage-section-font-weight: 600;--silverBox-table-header-font-weight: 600;--silverBox-table-header-font-size: 20px;--silverBox-documentation-version-color: #929292;--silverBox-documentation-version-font-size: 15px;--silverBox-document-argument-font-weight: 700;--silverBox-document-font-size: 15px;--silverBox-document-font-weight: 500;--silverBox-credit-section-team-member-font-size: 16px;--silverBox-credit-section-team-member-font-weight: 700;---silverBox-credit-section-team-member-position-font-weight: 600;---silverBox-credit-section-team-member-position-font-size: 14px;--silverBox-code-font-size: 16px;--silverBox-code-font-weight: 700;--silverBox-section-header-font-size: 32px;--silverBox-section-header-font-weight: 600;--silverBox-footer-font-size: 14px;--primary-color: #3286cf;--box-color: #151f33;--get-silverBox-color: #2f3237;--silverBox-scroll-margin-top: 15vh;--body-bg-color: #0f192d;--second-body-bgColor: #151f33;--third-body-bgColor: #0f1726;--button-bg-color: #2f3237;--silverBox-button-hover-bgColor: #383c3f;--header-bg-color: #0f192d;--header-scrolled-bg-color: #1c2638;--header-color: #cacaca;--banner-color: #d9884c;--hero-section-color: #6a7a88;--get-silverBox-button-bg-color: #1b2a52;--silverBox-button-box-shadow: 1px 3px 5px #07070740;--document-border-color: #767d8a99;--document-indicator-color: #9f9f9f;--document-special-values-bgColor: #282c34;--document-argument: #4374a4;--document-type: #10b27d;--document-default: #bd855b;--document-description: #767d8a;--document-error-bgColor: #331925;--document-error-borderColor: #ef4444;--document-warning-bgColor: #aa9027;--document-warning-borderColor: #fbdf6d;--document-success-borderColor: #005f3f;--document-success-bgColor: #10b27d}body{color:var(--gray-700);font-family:Poppins;background:var(--body-bg-color)}body .silverBox-exampleCopyButton{position:absolute;display:flex;flex-direction:column;align-items:center;justify-content:center;font-weight:300;top:20px;right:20px;border:none;background:none;color:#fff}body .silverBox-exampleCopyButton img{max-width:30px;transition:.2s}body .silverBox-exampleCopyButton img.silverBox-copied{filter:grayscale(100%) sepia(100%) hue-rotate(90deg) !important}body .silverBox-exampleCopyButton img:hover{transform:scale(0.8)}body section{scroll-margin-top:70px}body .silverBox-sectionHeader{text-align:center;color:var(--white-in-white);margin-bottom:20px;font-weight:var(--silverBox-section-header-font-weight);font-size:var(--silverBox-section-header-font-size)}body .hidden{display:none !important}body code{box-shadow:1px 4px 5px rgba(7,7,7,.2509803922);border-radius:10px;text-align:left;font-weight:var(--silverBox-code-font-weight);letter-spacing:.03em;line-height:30px;padding:20px !important;font-size:var(--silverBox-code-font-size)}body .container{display:flex;flex-direction:column;align-items:center;gap:20px 0;margin:0 auto;width:90vw;max-width:950px;padding:65px 10px 85px 10px;position:relative}body #silverBox-header{position:fixed;top:0;left:0;width:100%;z-index:10;background-color:var(--header-bg-color);padding:10px 0;overflow:hidden;display:flex;align-items:center;min-height:70px;transition:.3s}body #silverBox-header.scrolled{background-color:var(--header-scrolled-bg-color)}body #silverBox-header .container{padding:0;display:block}body #silverBox-header .container nav{display:flex;align-items:center;transition:.2s linear;justify-content:space-between;width:100%}body #silverBox-header .container nav #logo{display:flex;align-items:center;transition:.3s all}body #silverBox-header .container nav #logo.hide{transform:translateY(200%);position:absolute}body #silverBox-header .container nav #logo img{width:50px}body #silverBox-header .container nav #logo span{font-size:var(--silverBox-navbar-logo-span-font-size);color:var(--primary-color);font-weight:var(--silverBox-navbar-logo-span-font-weight);margin-right:30px}body #silverBox-header .container nav ul{display:flex;justify-content:space-evenly;transition:.3s linear;width:95%}body #silverBox-header .container nav ul.show{transform:translateY(0) !important;position:static;justify-content:space-around}body #silverBox-header .container nav ul li a{color:var(--header-color);font-size:var(--silverBox-navbar-a-font-size);font-weight:var(--silverBox-navbar-a-font-weight);position:relative;transition:.4s ease-in-out}body #silverBox-header .container nav ul li a::after{content:"";background-color:#7e7e7e;width:0;height:2px;position:absolute;bottom:-5px;left:0;transition:.4s ease-in-out}body #silverBox-header .container nav ul li a:hover::after{width:100%}body #silverBox-header .container nav ul li a:hover{color:#7e7e7e}body #silverBox-header .container nav #hamburger-menu{margin-top:6px;cursor:pointer;display:none;flex-direction:column;gap:5px 0;width:20px;height:20px;transition:.3s linear}body #silverBox-header .container nav #hamburger-menu.rotate{transform:rotate(-90deg)}body #silverBox-header .container nav #hamburger-menu .row{width:100%;height:5px;border-radius:5px;background-color:var(--header-color)}body #silverBox-heroSection{scroll-margin-top:var(--silverBox-scroll-margin-top);background-color:var(--box-color);color:var(--hero-section-color);padding:40px 0;letter-spacing:.08em;margin-top:135px}body #silverBox-heroSection .container{padding:10px 0}body #silverBox-heroSection .container .whySilverBox{display:flex;align-items:start;justify-content:space-between;gap:20px 40px}body #silverBox-heroSection .container .whySilverBox .silverBox-introduction{text-align:left;font-weight:var(--silverBox-hero-section-introduction-font-weight);line-height:30px;font-size:var(--silverBox-hero-section-introduction-font-size)}body #silverBox-heroSection .container .whySilverBox .silverBox-introduction .silverBox-name-tag{color:var(--primary-color)}body #silverBox-heroSection .container .silverBox-tagline{text-align:center;font-size:var(--silverBox-hero-section-tagline-font-size);color:var(--primary-color);font-weight:var(--silverBox-hero-section-tagline-font-weight);letter-spacing:.035em}body #silverBox-heroSection .container .get-silverBox{display:flex;justify-content:center;align-items:center;padding:5px 22px;background:var(--get-silverBox-button-bg-color);color:var(--banner-color);box-shadow:var(--silverBox-button-box-shadow);border-radius:10px;font-weight:var(--silverBox-hero-section-button-font-weight);font-size:var(--silverBox-hero-section-button-font-size);letter-spacing:.035em;transition:.3s ease-in-out}body #silverBox-heroSection .container .get-silverBox:hover{background-color:var(--silverBox-button-hover-bgColor)}body #silverBox-exampleSection{row-gap:20px;display:grid;font-size:var(--silverBox-hero-section-tagline-font-size)}body #silverBox-exampleSection .silverBox-example{display:flex;justify-content:space-between;width:95%;margin-bottom:20px}body #silverBox-exampleSection .silverBox-example .silverBox-exampleColumn{display:flex;flex-direction:column;gap:20px 0;margin-right:20px}body #silverBox-exampleSection .silverBox-example .silverBox-exampleColumn .silverBox-exampleExplanation{color:var(--primary-color);font-size:var(--silverBox-example-explanation-font-size);font-weight:var(--silverBox-example-explanation-font-weight);letter-spacing:.035em}body #silverBox-exampleSection .silverBox-example .silverBox-exampleColumn .silverBox-example-button-wrapper{display:flex}body #silverBox-exampleSection .silverBox-example .silverBox-exampleColumn .silverBox-example-button-wrapper .silverBox-exampleButtons{display:flex;justify-content:center;align-items:center;padding:5px 45px;box-shadow:var(--silverBox-button-box-shadow);border-radius:7px;color:var(--white-in-white);width:fit-content;min-width:130px;font-size:var(--silverBox-example-button-font-size);font-weight:var(--silverBox-example-button-font-weight);transition:.3s ease-in-out}body #silverBox-exampleSection .silverBox-example .silverBox-exampleColumn .silverBox-example-button-wrapper .silverBox-exampleButtons.silverBox-showExample{background:var(--box-color)}body #silverBox-exampleSection .silverBox-example .silverBox-exampleColumn .silverBox-example-button-wrapper .silverBox-exampleButtons.silverBox-showExample:hover{background-color:var(--silverBox-button-hover-bgColor)}body #silverBox-exampleSection .silverBox-example .silverBox-exampleColumn .silverBox-example-button-wrapper .silverBox-exampleButtons.silverBox-copyConfig{display:none;background:var(--header-scrolled-bg-color)}body #silverBox-exampleSection .silverBox-example .silverBox-exampleColumn .silverBox-example-button-wrapper .silverBox-exampleButtons.silverBox-copyConfig:hover{background-color:#232c3d}body #silverBox-exampleSection .silverBox-example .silverBox-exampleColumn:last-of-type{justify-self:end}body #silverBox-exampleSection .silverBox-example .silverBox-exampleConfig{min-width:400px;max-width:400px;position:relative}body #silverBox-exampleSection .silverBox-example .silverBox-exampleConfig pre code.hljs::-webkit-scrollbar{height:7px}body #silverBox-exampleSection .silverBox-example .silverBox-exampleConfig pre code.hljs::-webkit-scrollbar-track{background:var(--button-bg-color)}body #silverBox-exampleSection .silverBox-example .silverBox-exampleConfig pre code.hljs::-webkit-scrollbar-thumb{background:#767d8a;border-radius:50px;transform:rotate(-90deg)}body #silverBox-usageSection{background-color:var(--second-body-bgColor);color:var(--white-in-white)}body #silverBox-usageSection .container{align-items:unset}body #silverBox-usageSection #silverBox-usageInstructions{display:flex;flex-direction:column;gap:25px 0}body #silverBox-usageSection #silverBox-usageInstructions p{font-size:var(--silverBox-usage-section-font-size);margin:10px 0;color:var(--primary-color);font-weight:var(--silverBox-usage-section-font-weight)}body #silverBox-usageSection #silverBox-usageInstructions p.step1{margin-top:0}body #silverBox-usageSection #silverBox-usageInstructions p:first-of-type{margin-bottom:50px}body #silverBox-usageSection #silverBox-usageInstructions p:first-of-type span{text-decoration:underline}body #silverBox-usageSection #silverBox-usageInstructions pre{margin-bottom:30px}body #silverBox-usageSection #usage-example{position:relative}body #silverBox-usageSection #usage-example button{top:7%}body #silverBox-CreditsSection{background-image:url("/public/src/images/desktopWave.png");background-repeat:no-repeat;background-size:cover;margin-top:-25px}body #silverBox-CreditsSection .silverBox-teamMembers{display:grid;grid-template-columns:repeat(3, 1fr);gap:30px 70px}body #silverBox-CreditsSection .silverBox-teamMembers .silverBox-teamMember{display:flex;align-items:center;column-gap:10px;border-radius:15px;padding:14.5px 60px 14.5px 16px;transition:all 500ms ease-in-out;background-color:var(--box-color);color:var(--white-in-white);font-weight:var(--silverBox-credit-section-team-member-font-weight);font-size:var(--silverBox-credit-section-team-member-font-size);box-shadow:1px 4px 5px rgba(7,7,7,.25)}body #silverBox-CreditsSection .silverBox-teamMembers .silverBox-teamMember .silverBox-memberImage{border-radius:50%;width:62.5px}body #silverBox-CreditsSection .silverBox-teamMembers .silverBox-teamMember .silverBox-memberInfo .silverBox-memberName{color:var(--primary-700);transition:all 500ms ease-in-out}body #silverBox-CreditsSection .silverBox-teamMembers .silverBox-teamMember .silverBox-memberInfo .silverBox-memberPosition{font-size:var(---silverBox-credit-section-team-member-position-font-size);color:var(--document-border-color);font-weight:var(---silverBox-credit-section-team-member-position-font-weight)}body #silverBox-CreditsSection .silverBox-teamMembers .silverBox-teamMember:hover{background-color:#383c3f}body #silverBox-CreditsSection .silverBox-teamMembers .silverBox-teamMember:hover .silverBox-memberInfo .silverBox-memberName{color:#fff}body #silverBox-documentationSection .silverBox-tableWrapper{overflow:hidden;text-align:start;row-gap:10px;border:1px solid var(--gray-300);border-radius:6px}body #silverBox-documentationSection .silverBox-tableWrapper .silverBox-document-has-config{padding-top:75px;margin-top:-75px;padding-left:40px;max-height:100rem;border-radius:15px;overflow:hidden;transition:.8s ease-in-out}body #silverBox-documentationSection .silverBox-tableWrapper .silverBox-document-has-config.silverBox-hide{max-height:0 !important}body #silverBox-documentationSection .silverBox-tableWrapper .silverBox-documentConfig-indicator{cursor:pointer;width:10px;height:40px;margin-top:20px;margin-left:5px;border-left:2px solid var(--document-indicator-color);border-bottom:2px solid var(--document-indicator-color);transition:.5s ease-in-out}body #silverBox-documentationSection .silverBox-tableWrapper .silverBox-documentConfig-indicator.silverBox-hide{transform:rotate(-45deg);height:15px;width:15px}body #silverBox-documentationSection .silverBox-tableWrapper .silverBox-document-show-more{cursor:pointer;width:fit-content;display:inline-block;padding:1px 15px 1px 0px;border-radius:5px;transition:.5s linear;position:relative;text-decoration:underline}body #silverBox-documentationSection .silverBox-tableWrapper .silverBox-document-show-more.silverBox-hide::after{transform:rotate(45deg)}body #silverBox-documentationSection .silverBox-tableWrapper .silverBox-document-show-more:hover::after{animation:confusedArrow 1.5s}body #silverBox-documentationSection .silverBox-tableWrapper .silverBox-document-show-more:hover.silverBox-hide::after{--rotate-start-end-amount: 45deg;--rotate-middle-one-amount: -39deg;--rotate-middle-two-amount: 131deg;transform:rotate(45deg)}@keyframes confusedArrow{0%{transform:rotate(var(--rotate-start-end-amount))}35%{transform:rotate(var(--rotate-middle-one-amount))}70%{transform:rotate(var(--rotate-middle-two-amount))}100%{transform:rotate(var(--rotate-start-end-amount))}}body #silverBox-documentationSection .silverBox-tableWrapper .silverBox-document-show-more::after{content:"";width:6px;height:6px;position:absolute;border-top:1px solid var(--primary-700);border-right:1px solid var(--primary-700);top:42%;right:5px;transform:rotate(134deg);transition:.2s linear}body #silverBox-documentationSection .silverBox-tableWrapper .silverBox-tableRowHeader,body #silverBox-documentationSection .silverBox-tableWrapper .silverBox-tableRow{scroll-margin-top:var(--silverBox-scroll-margin-top);display:grid;grid-template-columns:3.5fr 2fr 2fr 6fr;column-gap:10px}body #silverBox-documentationSection .silverBox-tableWrapper .silverBox-tableRowHeader .silverBox-document-type,body #silverBox-documentationSection .silverBox-tableWrapper .silverBox-tableRow .silverBox-document-type{color:var(--document-type)}body #silverBox-documentationSection .silverBox-tableWrapper .silverBox-tableRowHeader .silverBox-document-default,body #silverBox-documentationSection .silverBox-tableWrapper .silverBox-tableRow .silverBox-document-default{color:var(--document-default)}body #silverBox-documentationSection .silverBox-tableWrapper .silverBox-tableRowHeader .silverBox-explanation-special-values,body #silverBox-documentationSection .silverBox-tableWrapper .silverBox-tableRow .silverBox-explanation-special-values{background-color:var(--document-special-values-bgColor);color:var(--white-in-white);border-radius:8px;padding:2px 6px;font-weight:600}body #silverBox-documentationSection .silverBox-tableWrapper .silverBox-tableRowHeader .silverBox-document-description,body #silverBox-documentationSection .silverBox-tableWrapper .silverBox-tableRow .silverBox-document-description{color:var(--document-description);line-height:30px;padding:5px !important}body #silverBox-documentationSection .silverBox-tableWrapper .silverBox-tableRowHeader .silverBox-document-description .silverBox-explanation-span,body #silverBox-documentationSection .silverBox-tableWrapper .silverBox-tableRow .silverBox-document-description .silverBox-explanation-span{padding-right:10px}body #silverBox-documentationSection .silverBox-tableWrapper .silverBox-tableRowHeader .silverBox-document-description-error,body #silverBox-documentationSection .silverBox-tableWrapper .silverBox-tableRowHeader .silverBox-document-description-success,body #silverBox-documentationSection .silverBox-tableWrapper .silverBox-tableRowHeader .silverBox-document-description-warning,body #silverBox-documentationSection .silverBox-tableWrapper .silverBox-tableRow .silverBox-document-description-error,body #silverBox-documentationSection .silverBox-tableWrapper .silverBox-tableRow .silverBox-document-description-success,body #silverBox-documentationSection .silverBox-tableWrapper .silverBox-tableRow .silverBox-document-description-warning{color:var(--white-in-white);padding:5px;margin:5px;border-radius:8px}body #silverBox-documentationSection .silverBox-tableWrapper .silverBox-tableRowHeader .silverBox-document-description-error,body #silverBox-documentationSection .silverBox-tableWrapper .silverBox-tableRow .silverBox-document-description-error{background-color:var(--document-error-bgColor);border-left:8px solid var(--document-error-borderColor)}body #silverBox-documentationSection .silverBox-tableWrapper .silverBox-tableRowHeader .silverBox-document-description-success,body #silverBox-documentationSection .silverBox-tableWrapper .silverBox-tableRow .silverBox-document-description-success{background-color:var(--document-success-bgColor);border-left:8px solid var(--document-success-borderColor)}body #silverBox-documentationSection .silverBox-tableWrapper .silverBox-tableRowHeader .silverBox-document-description-warning,body #silverBox-documentationSection .silverBox-tableWrapper .silverBox-tableRow .silverBox-document-description-warning{background-color:var(--document-warning-bgColor);border-left:8px solid var(--document-warning-borderColor)}body #silverBox-documentationSection .silverBox-tableWrapper .silverBox-tableRowHeader .silverBox-tableColumn,body #silverBox-documentationSection .silverBox-tableWrapper .silverBox-tableRow .silverBox-tableColumn{margin-bottom:20px;padding:10px 0;overflow-x:hidden;font-size:var(--silverBox-document-font-size);font-weight:var(--silverBox-document-font-weight)}body #silverBox-documentationSection .silverBox-tableWrapper .silverBox-tableRowHeader .silverBox-tableColumn .silverBox-document-argument,body #silverBox-documentationSection .silverBox-tableWrapper .silverBox-tableRow .silverBox-tableColumn .silverBox-document-argument{font-weight:var(--silverBox-document-argument-font-weight);font-style:italic;color:var(--document-argument)}body #silverBox-documentationSection .silverBox-tableWrapper .silverBox-tableRowHeader .tableHeaderColumn,body #silverBox-documentationSection .silverBox-tableWrapper .silverBox-tableRow .tableHeaderColumn{color:var(--white-in-white) !important;min-width:max-content;font-weight:var(--silverBox-table-header-font-weight);font-size:var(--silverBox-table-header-font-size)}body #silverBox-documentationSection .silverBox-tableWrapper .silverBox-tableRowHeader{border-bottom:1px solid var(--gray-300)}body #silverBox-documentationSection .silverBox-tableWrapper .silverBox-tableRow{border-top:2px solid var(--document-border-color);font-weight:500}body #silverBox-documentationSection .silverBox-tableWrapper .silverBox-tableRowHeader{border:none}body footer{color:var(--document-border-color);padding-block:12px;text-align:center;background-color:var(--third-body-bgColor);font-size:var(--silverBox-footer-font-size)}body footer #sweetAlert,body footer #Untitled-UI{text-decoration:underline}@media only screen and (max-width: 900px){:root{--silverBox-navbar-a-font-size: 12px;--silverBox-hero-section-tagline-font-size: 16px;--silverBox-hero-section-tagline-font-weight: 600;--silverBox-hero-section-introduction-font-size: 13px;--silverBox-hero-section-introduction-font-weight: 600;--silverBox-example-explanation-font-size: 14px;--silverBox-example-explanation-font-weight: 400;--silverBox-example-button-font-size: 14px;--silverBox-table-header-font-size: 16px;--silverBox-document-font-size: 10px;--silverBox-usage-section-font-size: 14px;--silverBox-credit-section-team-member-font-size: 13px;---silverBox-credit-section-team-member-position-font-size: 12px;--silverBox-section-header-font-size: 22px;--silverBox-section-header-font-weight: 500;--silverBox-code-font-size: 12px;--silverBox-footer-font-size: 12px}body{overflow-x:hidden}body #silverBox-heroSection,body #silverBox-exampleSection,body #silverBox-usageSection{scroll-margin-top:70px}body #silverBox-exampleSection .container,body #silverBox-usageSection .container{padding:30px 10px 10px 10px}body #silverBox-header .container nav ul{transform:translateY(-220%);position:absolute;justify-content:space-around}body #silverBox-header .container nav #hamburger-menu{display:flex}body #silverBox-heroSection{padding:17px 10px}body #silverBox-heroSection .silverBox-introduction{text-align:center;line-height:20px}body #silverBox-exampleSection .silverBox-example{justify-content:center;text-align:center;margin-bottom:50px}body #silverBox-exampleSection .silverBox-example .silverBox-exampleColumn-code{display:none}body #silverBox-exampleSection .silverBox-example .silverBox-exampleColumn:first-of-type{margin-right:0}body #silverBox-exampleSection .silverBox-example .silverBox-exampleColumn .silverBox-example-button-wrapper{display:flex;justify-content:center;align-items:center;gap:10px}body #silverBox-exampleSection .silverBox-example .silverBox-exampleColumn .silverBox-example-button-wrapper .silverBox-exampleButtons{padding:6px 22px}body #silverBox-exampleSection .silverBox-example .silverBox-exampleColumn .silverBox-example-button-wrapper .silverBox-exampleButtons.silverBox-copyConfig{display:inline-block}body #silverBox-usageSection{padding-bottom:120px}body #silverBox-usageSection #silverBox-usageInstructions{gap:0}body #silverBox-CreditsSection{background-image:url("/public/src/images/mobileWave.png");margin-top:-70px}body #silverBox-CreditsSection .container{padding:65px 10px 40px 10px}body #silverBox-CreditsSection .silverBox-teamMembers{grid-template-columns:unset}} diff --git a/public/dist/css/silverBox.css b/public/dist/css/silverBox.css index 7b89d0f..4dcbfa2 100644 --- a/public/dist/css/silverBox.css +++ b/public/dist/css/silverBox.css @@ -1 +1 @@ -.silverBox-container{--silverBox-items-top-margin: 15px;--silverBox-padding: 20px;--silverBox-border: 0px solid;--silverBox-timer-bar-height: 3px;--silverBox-timer-bar-border-radius: 10px;--silverBox-border-radius: 20px;--silverBox-z-index: 1402;--silverBox-width: 90vw;--silverBox-max-width: min-content;--silverBox-min-width: 400px;--silverBox-max-height: max-content;--silverBox-overlay-width: 100vw;--silverBox-overlay-height: 100vh;--silverBox-top-distance: 10px;--silverBox-top-right-distance: 10px;--silverBox-top-left-distance: 10px;--silverBox-bottom-distance: 10px;--silverBox-bottom-right-distance: 10px;--silverBox-bottom-left-distance: 10px;--silverBox-slide-animation-left-distance: 10px;--silverBox-slide-animation-right-distance: 10px;--silverBox-slide-animation-top-distance: 10px;--silverBox-slide-animation-bottom-distance: 10px;--silverBox-close-button-grid-column-start: 3;--silverBox-close-button-justify-self: end;--silverBox-close-button-align-self: start;--silverBox-title-font-size: 18px;--silverBox-title-font-weight: 600;--silverBox-title-gap: 0 10px;--silverBox-title-justifyContent: center;--silverBox-text-font-size: 16px;--silverBox-text-font-weight: 500;--silverBox-custom-image-max-width: 100px;--silverBox-custom-image-max-height: 100px;--silverBox-custom-image-width: unset;--silverBox-custom-image-height: unset;--silverBox-custom-image-border-radius: 3px;--silverBox-icon-wrapper-grid-template-columns: repeat(3, 1fr);--silverBox-icon-wrapper-align-items: center;--silverBox-centered-icon-justify-self: center;--silverBox-centered-icon-grid-column-start: 2;--silverBox-tick-mark-size: 50px;--silverBox-tick-right-size: 50%;--silverBox-tick-left-size: 10px;--silverBox-tick-circle-border: 3px solid;--silverBox-tick-inside-border: 3px solid;--silverBox-info-circle-border: 3px solid;--silverBox-info-size: 50px;--silverBox-info-icon-inside-size: 30px;--silverBox-info-icon-width: 500;--silverBox-question-circle-border: 3px solid;--silverBox-question-size: 50px;--silverBox-question-icon-inside-size: 30px;--silverBox-question-icon-width: 500;--silverBox-warning-circle-border: 3px solid;--silverBox-warning-size: 50px;--silverBox-warning-icon-inside-size: 30px;--silverBox-warning-icon-width: 500;--silverBox-error-circle-border: 3px solid;--silverBox-error-size: 50px;--silverBox-error-icon-inside-size: 30px;--silverBox-error-icon-width: 3px;--silverBox-button-border-radius: 8px;--silverBox-button-icon-border-radius: 10px;--silverBox-button-border-width: 1px;--silverBox-button-font-size: 16px;--silverBox-button-font-weight: 600;--silverBox-button-padding: 7px 20px;--silverBox-button-min-width: 200px;--silverBox-button-width: 100%;--silverBox-button-image-max-width: 40px;--silverBox-button-text-min-height: 30px;--silverBox-button-column-gap: 10px;--silverBox-button-wrapper-gap: 10px;--silverBox-button-transition: 0.2s ease;--silverBox-input-container-flex-wrap: wrap;--silverBox-input-font-size: 16px;--silverBox-input-padding: 10px;--silverBox-input-border-radius: 8px;--silverBox-inside-input-gap: 7px;--silverBox-input-parent-gap: 10px 0;--silverBox-input-font-weight: 500;--silverBox-input-width: 100%;--silverBox-input-wrapper-width: 100%;--silverBox-input-border: 1px solid var(--silverBox-input-border-color);--silverBox-input-text-align: start;--silverBox-input-flex-direction: column;--silverBox-input-parent-justify-content: space-around;--silverBox-input-parent-align-items: center;--silverBox-hint-fontSize: 12px;--silverBox-hint-font-weight: 500;--silverBox-input-label-font-size: 14px;--silverBox-input-label-font-weight: 500;--silverBox-placeHolder-fontSize: 16px;--silverBox-input-placeHolder-font-weight: 500;--silverBox-input-select-border-radius: 2px;--silverBox-input-select-padding: 5px 8px;--silverBox-select-input-width: fit-content;--silverBox-footer-font-size: 16px;--silverBox-footer-font-weight: 500;--silverBox-footer-hr-margin: 20px 0 10px;--silverBox-footer-hr-height: 1px}.silverBox-container[data-theme=light]{--silverBox-overlay-background: #d0d5dde2;--silverBox-background-color: white;--silverBox-box-shadow: 0px 0px 4px rgba(0, 0, 0, 0.1);--silverBox-border-color: #fff;--silverBox-timer-bar: #bbb;--silverBox-title-color: #000;--silverBox-text-color: #475467;--silverBox-confirm-color: #fff;--silverBox-confirm-bg-color: #7f56d9;--silverBox-confirm-border-color: #7f56d9;--silverBox-confirm-hover-color: #a86ff9;--silverBox-deny-color: #fff;--silverBox-deny-bg-color: #d33;--silverBox-deny-border-color: #d33;--silverBox-deny-hover-color: #fa7070;--silverBox-cancel-color: #475467;--silverBox-cancel-bg-color: #fff;--silverBox-cancel-border-color: #d0d5dd;--silverBox-cancel-hover-color: #d2d2d2;--silverBox-custom-color: #475467;--silverBox-custom-bg-color: #fff;--silverBox-custom-border-color: #d0d5dd;--silverBox-custom-hover-color: #d2d2d2;--silverBox-input-border-color: #d0d5dd;--silverBox-input-background: #fff;--silverBox-input-color: #000;--silverBox-input-placeHolder-color: #475467;--silverBox-label-color: #1d2939;--silverBox-hint-color: #101828;--silverBox-input-box-shadow: 0px 0px 4px rgba(201, 14, 14, 0.1);--silverBox-hr-line-color: #bbbbbb;--silverBox-footer-color: #474747;--silverBox-tick-inside-border-color: #15b79e;--silverBox-tick-circle-border-color: #15b79e;--silverBox-info-circle-border-color: #2e90fa;--silverBox-info-color: #2e90fa;--silverBox-question-circle-border-color: #a4bcfd;--silverBox-question-color: #a4bcfd;--silverBox-warning-circle-border-color: #eaaa08;--silverBox-warning-color: #eaaa08;--silverBox-error-circle-border-color: #e62e05;--silverBox-error-color: #e62e05}.silverBox-container[data-theme=dark]{--silverBox-overlay-background: #191919ea;--silverBox-background-color: #1f2637;--silverBox-box-shadow: 0px 0px 4px rgba(0, 0, 0, 0.1);--silverBox-border-color: #171e2e;--silverBox-timer-bar: #555;--silverBox-title-color: #fff;--silverBox-text-color: #9fa3ad;--silverBox-confirm-color: #fff;--silverBox-confirm-bg-color: #4c2b92;--silverBox-confirm-border-color: #4c2b92;--silverBox-confirm-hover-color: #5a30b3;--silverBox-deny-color: #fff;--silverBox-deny-bg-color: #9d0f0f;--silverBox-deny-border-color: #9d0f0f;--silverBox-deny-hover-color: #d33;--silverBox-cancel-color: #fff;--silverBox-cancel-bg-color: #5f5f5f;--silverBox-cancel-border-color: #5f5f5f;--silverBox-cancel-hover-color: #838383;--silverBox-custom-color: #fff;--silverBox-custom-bg-color: #5f5f5f;--silverBox-custom-border-color: #5f5f5f;--silverBox-custom-hover-color: #838383;--silverBox-input-border-color: #39363f;--silverBox-input-background: #515864;--silverBox-input-color: #fff;--silverBox-input-placeHolder-color: #a1a4a9;--silverBox-label-color: #fff;--silverBox-hint-color: #fff;--silverBox-input-box-shadow: 0px 0px 4px rgba(90, 206, 23, 0.1);--silverBox-hr-line-color: #bbbbbb;--silverBox-footer-color: #a1a4a9;--silverBox-tick-inside-border-color: #15b79e;--silverBox-tick-circle-border-color: #15b79e;--silverBox-info-circle-border-color: #2e90fa;--silverBox-info-color: #2e90fa;--silverBox-question-circle-border-color: #a4bcfd;--silverBox-question-color: #a4bcfd;--silverBox-warning-circle-border-color: #eaaa08;--silverBox-warning-color: #eaaa08;--silverBox-error-circle-border-color: #e62e05;--silverBox-error-color: #e62e05}.silverBox-container,.silverBox-container *{box-sizing:border-box;margin:0;padding:0;color:inherit;font:inherit;border:none;text-decoration:none}.silverBox-input-container{margin-top:var(--silverBox-items-top-margin);display:flex;flex-wrap:var(--silverBox-input-container-flex-wrap);gap:var(--silverBox-input-parent-gap);justify-content:var(--silverBox-input-parent-justify-content);align-items:var(--silverBox-input-parent-align-items)}.silverBox-input-container .silverBox-input-wrapper{width:var(--silverBox-input-wrapper-width);display:inline-flex;flex-direction:var(--silverBox-input-flex-direction);gap:var(--silverBox-inside-input-gap);text-align:var(--silverBox-input-text-align)}.silverBox-input-container .silverBox-input-wrapper .silverBox-select{width:var(--silverBox-select-input-width);padding:var(--silverBox-input-select-padding);border-radius:var(--silverBox-input-select-border-radius)}.silverBox-input-container .silverBox-input-wrapper>input,.silverBox-input-container .silverBox-input-wrapper>textarea{background:var(--silverBox-input-background);outline:none;border:var(--silverBox-input-border);color:var(--silverBox-input-color);padding:var(--silverBox-input-padding);border-radius:var(--silverBox-input-border-radius);resize:none;font-size:var(--silverBox-input-font-size);box-shadow:var(--silverBox-input-box-shadow);font-weight:var(--silverBox-input-font-weight);width:var(--silverBox-input-width)}.silverBox-input-container .silverBox-input-wrapper>input::placeholder,.silverBox-input-container .silverBox-input-wrapper>textarea::placeholder{color:var(--silverBox-input-placeHolder-color);font-size:var(--silverBox-placeHolder-fontSize);font-weight:var(--silverBox-input-placeHolder-font-weight)}.silverBox-input-container .silverBox-input-wrapper label{color:var(--silverBox-label-color);font-size:var(--silverBox-input-label-font-size);font-weight:var(--silverBox-input-label-font-weight)}.silverBox-input-container .silverBox-input-wrapper .silverBox-input-hint{color:var(--silverBox-hint-color);font-size:var(--silverBox-hint-fontSize);font-weight:var(--silverBox-hint-font-weight)}.silverBox-button-wrapper{display:flex;flex-direction:row-reverse;justify-content:space-around;gap:var(--silverBox-button-wrapper-gap);margin-top:var(--silverBox-items-top-margin)}.silverBox-button{display:flex;column-gap:var(--silverBox-button-column-gap);justify-content:center;align-items:center;outline:none;border-width:var(--silverBox-button-border-width);border-style:solid;border-radius:var(--silverBox-button-border-radius);font-size:var(--silverBox-button-font-size);font-weight:var(--silverBox-button-font-weight);padding:var(--silverBox-button-padding);cursor:pointer;transition:var(--silverBox-button-transition);min-width:var(--silverBox-button-min-width);width:var(--silverBox-button-width)}.silverBox-button .silverBox-button-icon{border-radius:var(--silverBox-button-icon-border-radius)}.silverBox-button.silverBox-confirm-button{border-color:var(--silverBox-confirm-border-color);background-color:var(--silverBox-confirm-bg-color);color:var(--silverBox-confirm-color)}.silverBox-button.silverBox-confirm-button:hover{background-color:var(--silverBox-confirm-hover-color)}.silverBox-button.silverBox-custom-button{border-color:var(--silverBox-custom-border-color);background-color:var(--silverBox-custom-bg-color);color:var(--silverBox-custom-color)}.silverBox-button.silverBox-custom-button:hover{background-color:var(--silverBox-custom-hover-color)}.silverBox-button.silverBox-cancel-button{border-color:var(--silverBox-cancel-border-color);background-color:var(--silverBox-cancel-bg-color);color:var(--silverBox-cancel-color)}.silverBox-button.silverBox-cancel-button:hover{background-color:var(--silverBox-cancel-hover-color)}.silverBox-button.silverBox-deny-button{border-color:var(--silverBox-deny-border-color);background-color:var(--silverBox-deny-bg-color);color:var(--silverBox-deny-color)}.silverBox-button.silverBox-deny-button:hover{background-color:var(--silverBox-deny-hover-color)}.silverBox-button img{max-width:var(--silverBox-button-image-max-width)}.silverBox-button .silverBox-button-text{min-height:var(--silverBox-button-text-min-height);display:flex;align-items:center}.silverBox-button .silverBox-button-loading-animation{display:none}.silverBox-button.silverBox-loading-button{pointer-events:none}.silverBox-button.silverBox-loading-button .silverBox-button-loading-animation{display:inline}.silverBox-button.silverBox-loading-button .silverBox-button-text{display:none}.silverBox-button.silverBox-loading-button img{display:none}@media only screen and (max-width: 800px){.silverBox-button-wrapper{flex-direction:column}}.silverBox-close-button{cursor:pointer;grid-column-start:var(--silverBox-close-button-grid-column-start)}.silverBox-icon-wrapper{display:grid;grid-template-columns:var(--silverBox-icon-wrapper-grid-template-columns);align-items:var(--silverBox-icon-wrapper-align-items)}.silverBox-icon-wrapper .silverBox-close-button{justify-self:var(--silverBox-close-button-justify-self);align-self:var(--silverBox-close-button-align-self)}.silverBox-header-wrapper>*{margin-top:var(--silverBox-items-top-margin)}.silverBox-header-wrapper .silverBox-header-title{color:var(--silverBox-title-color);font-size:var(--silverBox-title-font-size);font-weight:var(--silverBox-title-font-weight);gap:var(--silverBox-title-gap)}.silverBox-header-wrapper .silverBox-header-title.silverBox-title-has-icon{display:flex;align-items:center}.silverBox-header-wrapper .silverBox-header-title.silverBox-title-has-icon.silverBox-title-centred{justify-content:var(--silverBox-title-justifyContent)}.silverBox-icon-wrapper.silverBox-centered-icon,.silverBox-icon-wrapper>*.silverBox-centered-icon{justify-self:var(--silverBox-centered-icon-justify-self);grid-column-start:var(--silverBox-centered-icon-grid-column-start)}.silverBox-image-wrapper{display:flex}.silverBox-image-wrapper>*{width:var(--silverBox-custom-image-width);max-width:var(--silverBox-custom-image-max-width);height:var(--silverBox-custom-image-height);max-height:var(--silverBox-custom-image-max-height);border-radius:var(--silverBox-custom-image-border-radius)}.silverBox-default-icon{min-width:50px}.silverBox-tick-mark{position:relative;width:var(--silverBox-tick-mark-size);height:var(--silverBox-tick-mark-size);border:var(--silverBox-tick-circle-border);border-color:var(--silverBox-tick-circle-border-color);border-radius:50%;display:inline-flex;align-items:center;justify-content:center;animation:1s appear}.silverBox-tick-mark .inside{position:absolute;width:var(--silverBox-tick-right-size);height:var(--silverBox-tick-left-size);border-left:var(--silverBox-tick-inside-border);border-bottom:var(--silverBox-tick-inside-border);border-color:var(--silverBox-tick-inside-border-color);transform:rotate(-45deg);margin-bottom:15%}.silverBox-info{border:var(--silverBox-info-circle-border);border-color:var(--silverBox-info-circle-border-color);width:var(--silverBox-info-size);height:var(--silverBox-info-size);border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:var(--silverBox-info-icon-inside-size);font-weight:var(--silverBox-info-icon-width);color:var(--silverBox-info-color);animation:rotate .25s}.silverBox-question{border:var(--silverBox-question-circle-border);border-color:var(--silverBox-question-circle-border-color);width:var(--silverBox-question-size);height:var(--silverBox-question-size);border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:var(--silverBox-question-icon-inside-size);font-weight:var(--silverBox-question-icon-width);color:var(--silverBox-question-color);animation:rotate .25s}.silverBox-warning{border:var(--silverBox-warning-circle-border);border-color:var(--silverBox-warning-circle-border-color);width:var(--silverBox-warning-size);height:var(--silverBox-warning-size);border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:var(--silverBox-warning-icon-inside-size);font-weight:var(--silverBox-warning-icon-width);color:var(--silverBox-warning-color);animation:warning .5s}.silverBox-error{width:var(--silverBox-error-size);height:var(--silverBox-error-size);border-radius:50%;border:var(--silverBox-error-circle-border);border-color:var(--silverBox-error-circle-border-color);display:flex;justify-content:center;align-items:center;animation:error .25s}.silverBox-error .x{width:var(--silverBox-error-icon-inside-size);height:var(--silverBox-error-icon-width);position:relative}.silverBox-error .x::before,.silverBox-error .x::after{content:"";position:absolute;top:0;right:0;width:var(--silverBox-error-icon-inside-size);height:var(--silverBox-error-icon-width);background-color:var(--silverBox-error-color);border-radius:10px}.silverBox-error .x::before{transform:rotate(45deg)}.silverBox-error .x::after{transform:rotate(-45deg)}@keyframes rotate{0%{transform:scale(1) rotate(0)}25%{transform:rotate(25deg)}50%{transform:scale(1.1) rotate(-25deg)}75%{transform:rotate(25deg)}100%{transform:scale(1) rotate(0deg)}}@keyframes error{0%{transform:translateX(0)}25%{transform:translateX(5px) scale(1.05)}50%{transform:translateX(-5px) scale(1.1)}75%{transform:translateX(5px)}100%{transform:translateX(0)}}@keyframes appear{0%{transform:scale(1) rotate(0)}50%{transform:scale(1.1)}100%{transform:scale(1) rotate(360deg)}}@keyframes warning{0%{opacity:1;transform:scale(1)}25%{opacity:0;transform:scale(0.6)}50%{opacity:1;transform:scale(1)}75%{opacity:0;transform:scale(0.6)}100%{opacity:1;transform:scale(1)}}.silverBox-button-loading-animation{width:30px;height:30px;border:3px solid;border-color:#fff rgba(0,0,0,0);border-radius:50%;display:inline-block;box-sizing:border-box;animation:rotation 1s linear infinite}@keyframes rotation{0%{transform:rotate(0deg)}100%{transform:rotate(360deg)}}.silverBox-footer-wrapper{margin-top:var(--silverBox-items-top-margin);color:var(--silverBox-footer-color);font-size:var(--silverBox-footer-font-size);font-weight:var(--silverBox-footer-font-weight)}.silverBox-footer-wrapper hr{margin:var(--silverBox-footer-hr-margin);background-color:var(--silverBox-hr-line-color);height:var(--silverBox-footer-hr-height);border:none}@keyframes leftToRight{0%{left:-100%}80%{left:var(--silverBox-slide-animation-left-distance)}95%{left:2px}100%{left:var(--silverBox-slide-animation-left-distance)}}@keyframes rightToLeft{0%{right:-100%}80%{right:var(--silverBox-slide-animation-right-distance)}95%{right:2px}100%{right:var(--silverBox-slide-animation-right-distance)}}@keyframes topToBottom{0%{top:-100%}80%{top:var(--silverBox-slide-animation-top-distance)}95%{top:2px}100%{top:var(--silverBox-slide-animation-top-distance)}}@keyframes bottomToTop{0%{bottom:-100%}80%{bottom:var(--silverBox-slide-animation-bottom-distance)}95%{bottom:2px}100%{bottom:var(--silverBox-slide-animation-bottom-distance)}}body.stop-scrolling{height:100%;overflow:hidden}.silverBox-container{z-index:var(--silverBox-z-index);display:grid;overflow-y:auto;padding:20px 10px}.silverBox-container.silverBox-overlay{width:var(--silverBox-overlay-width);height:var(--silverBox-overlay-height);position:fixed;top:0;left:0;justify-content:center;background-color:var(--silverBox-overlay-background)}.silverBox-container .silverBox{position:relative;box-sizing:border-box;width:var(--silverBox-width);min-width:var(--silverBox-min-width);max-width:var(--silverBox-max-width);max-height:var(--silverBox-max-height);display:grid;grid-column:2;align-self:center;justify-self:center;border:var(--silverBox-border);border-color:var(--silverBox-border-color);border-radius:var(--silverBox-border-radius);padding:var(--silverBox-padding);box-shadow:var(--silverBox-box-shadow);background-color:var(--silverBox-background-color);animation:popUp .3s linear}.silverBox-container .silverBox .timer-bar{position:absolute;bottom:0;width:100%;height:var(--silverBox-timer-bar-height);border-radius:var(--silverBox-timer-bar-border-radius);background-color:var(--silverBox-timer-bar)}.silverBox-container .silverBox *:first-child{margin-top:0}.silverBox-container .silverBox-body-wrapper{margin-top:var(--silverBox-items-top-margin)}.silverBox-container .silverBox-body-wrapper *:first-child{margin-top:0}.silverBox-container .silverBox-body-wrapper .silverBox-body-description{color:var(--silverBox-text-color);font-size:var(--silverBox-text-font-size);font-weight:var(--silverBox-text-font-weight)}@keyframes popUp{50%{transform:scale(1.05)}}@keyframes timer{from{width:100%}to{width:0%}}@media only screen and (max-width: 800px){.silverBox-container .silverBox-container{padding:6px}.silverBox-container .silverBox{max-width:90vw;min-width:unset}}.silverBox-container.silverBox-top-right,.silverBox-container.silverBox-top-center,.silverBox-container.silverBox-top-left,.silverBox-container.silverBox-bottom-right,.silverBox-container.silverBox-bottom-center,.silverBox-container.silverBox-bottom-left{position:fixed;width:-moz-fit-content;width:fit-content;height:fit-content;overflow-x:hidden}.silverBox-container.silverBox-top-right,.silverBox-container.silverBox-top-center,.silverBox-container.silverBox-top-left{top:var(--silverBox-top-distance)}.silverBox-container.silverBox-top-right{animation:rightToLeft .7s ease-out;right:var(--silverBox-top-right-distance)}.silverBox-container.silverBox-top-center{animation:topToBottom .7s ease-out;transform:translateX(50%);right:50%}.silverBox-container.silverBox-top-left{animation:leftToRight .7s ease-out;left:var(--silverBox-top-left-distance)}.silverBox-container.silverBox-bottom-right,.silverBox-container.silverBox-bottom-left,.silverBox-container.silverBox-bottom-center{bottom:var(--silverBox-bottom-distance)}.silverBox-container.silverBox-bottom-right{animation:rightToLeft .7s ease-out;right:var(--silverBox-bottom-right-distance)}.silverBox-container.silverBox-bottom-center{animation:bottomToTop .7s ease-out;transform:translateX(50%);right:50%}.silverBox-container.silverBox-bottom-left{animation:leftToRight .7s ease-out;left:var(--silverBox-bottom-left-distance)} +.silverBox-container{--silverBox-items-top-margin: 15px;--silverBox-padding: 20px;--silverBox-border: 0px solid;--silverBox-timer-bar-height: 3px;--silverBox-timer-bar-border-radius: 10px;--silverBox-border-radius: 20px;--silverBox-z-index: 1402;--silverBox-width: 90vw;--silverBox-max-width: min-content;--silverBox-min-width: 400px;--silverBox-max-height: max-content;--silverBox-overlay-width: 100vw;--silverBox-overlay-height: 100vh;--silverBox-top-distance: 10px;--silverBox-top-right-distance: 10px;--silverBox-top-left-distance: 10px;--silverBox-bottom-distance: 10px;--silverBox-bottom-right-distance: 10px;--silverBox-bottom-left-distance: 10px;--silverBox-slide-animation-left-distance: 10px;--silverBox-slide-animation-right-distance: 10px;--silverBox-slide-animation-top-distance: 10px;--silverBox-slide-animation-bottom-distance: 10px;--silverBox-close-button-grid-column-start: 3;--silverBox-close-button-justify-self: end;--silverBox-close-button-align-self: start;--silverBox-title-font-size: 18px;--silverBox-title-font-weight: 600;--silverBox-title-gap: 0 10px;--silverBox-title-justifyContent: center;--silverBox-text-font-size: 16px;--silverBox-text-font-weight: 500;--silverBox-custom-image-max-width: 100px;--silverBox-custom-image-max-height: 100px;--silverBox-custom-image-width: unset;--silverBox-custom-image-height: unset;--silverBox-custom-image-border-radius: 3px;--silverBox-icon-wrapper-grid-template-columns: repeat(3, 1fr);--silverBox-icon-wrapper-align-items: center;--silverBox-centered-icon-justify-self: center;--silverBox-centered-icon-grid-column-start: 2;--silverBox-tick-mark-size: 50px;--silverBox-tick-right-size: 50%;--silverBox-tick-left-size: 10px;--silverBox-tick-circle-border: 3px solid;--silverBox-tick-inside-border: 3px solid;--silverBox-info-circle-border: 3px solid;--silverBox-info-size: 50px;--silverBox-info-icon-inside-size: 30px;--silverBox-info-icon-width: 500;--silverBox-question-circle-border: 3px solid;--silverBox-question-size: 50px;--silverBox-question-icon-inside-size: 30px;--silverBox-question-icon-width: 500;--silverBox-warning-circle-border: 3px solid;--silverBox-warning-size: 50px;--silverBox-warning-icon-inside-size: 30px;--silverBox-warning-icon-width: 500;--silverBox-error-circle-border: 3px solid;--silverBox-error-size: 50px;--silverBox-error-icon-inside-size: 30px;--silverBox-error-icon-width: 3px;--silverBox-button-border-radius: 8px;--silverBox-button-icon-border-radius: 10px;--silverBox-button-border-width: 1px;--silverBox-button-font-size: 16px;--silverBox-button-font-weight: 600;--silverBox-button-padding: 7px 20px;--silverBox-button-min-width: 200px;--silverBox-button-width: 100%;--silverBox-button-image-max-width: 40px;--silverBox-button-text-min-height: 30px;--silverBox-button-column-gap: 10px;--silverBox-button-wrapper-gap: 10px;--silverBox-button-transition: 0.2s ease;--silverBox-input-container-flex-wrap: wrap;--silverBox-input-font-size: 16px;--silverBox-input-padding: 10px;--silverBox-input-border-radius: 8px;--silverBox-inside-input-gap: 7px;--silverBox-input-parent-gap: 10px 0;--silverBox-input-font-weight: 500;--silverBox-input-width: 100%;--silverBox-input-wrapper-width: 100%;--silverBox-input-border: 1px solid var(--silverBox-input-border-color);--silverBox-input-text-align: start;--silverBox-input-flex-direction: column;--silverBox-input-parent-justify-content: space-around;--silverBox-input-parent-align-items: center;--silverBox-hint-fontSize: 12px;--silverBox-hint-font-weight: 500;--silverBox-input-label-font-size: 14px;--silverBox-input-label-font-weight: 500;--silverBox-placeHolder-fontSize: 16px;--silverBox-input-placeHolder-font-weight: 500;--silverBox-input-select-border-radius: 2px;--silverBox-input-select-padding: 5px 8px;--silverBox-select-input-width: fit-content;--silverBox-footer-font-size: 16px;--silverBox-footer-font-weight: 500;--silverBox-footer-hr-margin: 20px 0 10px;--silverBox-footer-hr-height: 1px}.silverBox-container[data-theme=light]{--silverBox-overlay-background: #d0d5dde2;--silverBox-background-color: white;--silverBox-box-shadow: 0px 0px 4px rgba(0, 0, 0, 0.1);--silverBox-border-color: #fff;--silverBox-timer-bar: #bbb;--silverBox-title-color: #000;--silverBox-text-color: #475467;--silverBox-confirm-color: #fff;--silverBox-confirm-bg-color: #7f56d9;--silverBox-confirm-border-color: #7f56d9;--silverBox-confirm-hover-color: #a86ff9;--silverBox-deny-color: #fff;--silverBox-deny-bg-color: #d33;--silverBox-deny-border-color: #d33;--silverBox-deny-hover-color: #fa7070;--silverBox-cancel-color: #475467;--silverBox-cancel-bg-color: #fff;--silverBox-cancel-border-color: #d0d5dd;--silverBox-cancel-hover-color: #d2d2d2;--silverBox-custom-color: #475467;--silverBox-custom-bg-color: #fff;--silverBox-custom-border-color: #d0d5dd;--silverBox-custom-hover-color: #d2d2d2;--silverBox-input-border-color: #d0d5dd;--silverBox-input-background: #fff;--silverBox-input-color: #000;--silverBox-input-placeHolder-color: #475467;--silverBox-label-color: #1d2939;--silverBox-hint-color: #101828;--silverBox-input-box-shadow: 0px 0px 4px rgba(201, 14, 14, 0.1);--silverBox-hr-line-color: #bbbbbb;--silverBox-footer-color: #474747;--silverBox-tick-inside-border-color: #15b79e;--silverBox-tick-circle-border-color: #15b79e;--silverBox-info-circle-border-color: #2e90fa;--silverBox-info-color: #2e90fa;--silverBox-question-circle-border-color: #a4bcfd;--silverBox-question-color: #a4bcfd;--silverBox-warning-circle-border-color: #eaaa08;--silverBox-warning-color: #eaaa08;--silverBox-error-circle-border-color: #e62e05;--silverBox-error-color: #e62e05}.silverBox-container[data-theme=dark]{--silverBox-overlay-background: #191919ea;--silverBox-background-color: #1f2637;--silverBox-box-shadow: 0px 0px 4px rgba(0, 0, 0, 0.1);--silverBox-border-color: #171e2e;--silverBox-timer-bar: #555;--silverBox-title-color: #fff;--silverBox-text-color: #9fa3ad;--silverBox-confirm-color: #fff;--silverBox-confirm-bg-color: #4c2b92;--silverBox-confirm-border-color: #4c2b92;--silverBox-confirm-hover-color: #5a30b3;--silverBox-deny-color: #fff;--silverBox-deny-bg-color: #9d0f0f;--silverBox-deny-border-color: #9d0f0f;--silverBox-deny-hover-color: #d33;--silverBox-cancel-color: #fff;--silverBox-cancel-bg-color: #5f5f5f;--silverBox-cancel-border-color: #5f5f5f;--silverBox-cancel-hover-color: #838383;--silverBox-custom-color: #fff;--silverBox-custom-bg-color: #5f5f5f;--silverBox-custom-border-color: #5f5f5f;--silverBox-custom-hover-color: #838383;--silverBox-input-border-color: #39363f;--silverBox-input-background: #515864;--silverBox-input-color: #fff;--silverBox-input-placeHolder-color: #a1a4a9;--silverBox-label-color: #fff;--silverBox-hint-color: #fff;--silverBox-input-box-shadow: 0px 0px 4px rgba(90, 206, 23, 0.1);--silverBox-hr-line-color: #bbbbbb;--silverBox-footer-color: #a1a4a9;--silverBox-tick-inside-border-color: #15b79e;--silverBox-tick-circle-border-color: #15b79e;--silverBox-info-circle-border-color: #2e90fa;--silverBox-info-color: #2e90fa;--silverBox-question-circle-border-color: #a4bcfd;--silverBox-question-color: #a4bcfd;--silverBox-warning-circle-border-color: #eaaa08;--silverBox-warning-color: #eaaa08;--silverBox-error-circle-border-color: #e62e05;--silverBox-error-color: #e62e05}.silverBox-container,.silverBox-container *{box-sizing:border-box;margin:0;padding:0;color:inherit;font:inherit;border:none;text-decoration:none}.silverBox-input-container{margin-top:var(--silverBox-items-top-margin);display:flex;flex-wrap:var(--silverBox-input-container-flex-wrap);gap:var(--silverBox-input-parent-gap);justify-content:var(--silverBox-input-parent-justify-content);align-items:var(--silverBox-input-parent-align-items)}.silverBox-input-container .silverBox-input-wrapper{width:var(--silverBox-input-wrapper-width);display:inline-flex;flex-direction:var(--silverBox-input-flex-direction);gap:var(--silverBox-inside-input-gap);text-align:var(--silverBox-input-text-align)}.silverBox-input-container .silverBox-input-wrapper .silverBox-select{width:var(--silverBox-select-input-width);padding:var(--silverBox-input-select-padding);border-radius:var(--silverBox-input-select-border-radius)}.silverBox-input-container .silverBox-input-wrapper>input,.silverBox-input-container .silverBox-input-wrapper>textarea{background:var(--silverBox-input-background);outline:none;border:var(--silverBox-input-border);color:var(--silverBox-input-color);padding:var(--silverBox-input-padding);border-radius:var(--silverBox-input-border-radius);resize:none;font-size:var(--silverBox-input-font-size);box-shadow:var(--silverBox-input-box-shadow);font-weight:var(--silverBox-input-font-weight);width:var(--silverBox-input-width)}.silverBox-input-container .silverBox-input-wrapper>input::placeholder,.silverBox-input-container .silverBox-input-wrapper>textarea::placeholder{color:var(--silverBox-input-placeHolder-color);font-size:var(--silverBox-placeHolder-fontSize);font-weight:var(--silverBox-input-placeHolder-font-weight)}.silverBox-input-container .silverBox-input-wrapper label{color:var(--silverBox-label-color);font-size:var(--silverBox-input-label-font-size);font-weight:var(--silverBox-input-label-font-weight)}.silverBox-input-container .silverBox-input-wrapper .silverBox-input-hint{color:var(--silverBox-hint-color);font-size:var(--silverBox-hint-fontSize);font-weight:var(--silverBox-hint-font-weight)}.silverBox-button-wrapper{display:flex;flex-direction:row-reverse;justify-content:space-around;gap:var(--silverBox-button-wrapper-gap);margin-top:var(--silverBox-items-top-margin)}.silverBox-button{display:flex;column-gap:var(--silverBox-button-column-gap);justify-content:center;align-items:center;outline:none;border-width:var(--silverBox-button-border-width);border-style:solid;border-radius:var(--silverBox-button-border-radius);font-size:var(--silverBox-button-font-size);font-weight:var(--silverBox-button-font-weight);padding:var(--silverBox-button-padding);cursor:pointer;transition:var(--silverBox-button-transition);min-width:var(--silverBox-button-min-width);width:var(--silverBox-button-width)}.silverBox-button .silverBox-button-icon{border-radius:var(--silverBox-button-icon-border-radius)}.silverBox-button.silverBox-confirm-button{border-color:var(--silverBox-confirm-border-color);background-color:var(--silverBox-confirm-bg-color);color:var(--silverBox-confirm-color)}.silverBox-button.silverBox-confirm-button:hover{background-color:var(--silverBox-confirm-hover-color)}.silverBox-button.silverBox-custom-button{border-color:var(--silverBox-custom-border-color);background-color:var(--silverBox-custom-bg-color);color:var(--silverBox-custom-color)}.silverBox-button.silverBox-custom-button:hover{background-color:var(--silverBox-custom-hover-color)}.silverBox-button.silverBox-cancel-button{border-color:var(--silverBox-cancel-border-color);background-color:var(--silverBox-cancel-bg-color);color:var(--silverBox-cancel-color)}.silverBox-button.silverBox-cancel-button:hover{background-color:var(--silverBox-cancel-hover-color)}.silverBox-button.silverBox-deny-button{border-color:var(--silverBox-deny-border-color);background-color:var(--silverBox-deny-bg-color);color:var(--silverBox-deny-color)}.silverBox-button.silverBox-deny-button:hover{background-color:var(--silverBox-deny-hover-color)}.silverBox-button img{max-width:var(--silverBox-button-image-max-width)}.silverBox-button .silverBox-button-text{min-height:var(--silverBox-button-text-min-height);display:flex;align-items:center}.silverBox-button .silverBox-button-loading-animation{display:none}.silverBox-button.silverBox-loading-button{pointer-events:none}.silverBox-button.silverBox-loading-button .silverBox-button-loading-animation{display:inline}.silverBox-button.silverBox-loading-button .silverBox-button-text{display:none}.silverBox-button.silverBox-loading-button img{display:none}@media only screen and (max-width: 800px){.silverBox-button-wrapper{flex-direction:column}}.silverBox-close-button{cursor:pointer;grid-column-start:var(--silverBox-close-button-grid-column-start)}.silverBox-icon-wrapper{display:grid;grid-template-columns:var(--silverBox-icon-wrapper-grid-template-columns);align-items:var(--silverBox-icon-wrapper-align-items)}.silverBox-icon-wrapper .silverBox-close-button{justify-self:var(--silverBox-close-button-justify-self);align-self:var(--silverBox-close-button-align-self)}.silverBox-header-wrapper>*{margin-top:var(--silverBox-items-top-margin)}.silverBox-header-wrapper .silverBox-header-title{color:var(--silverBox-title-color);font-size:var(--silverBox-title-font-size);font-weight:var(--silverBox-title-font-weight);gap:var(--silverBox-title-gap)}.silverBox-header-wrapper .silverBox-header-title.silverBox-title-has-icon{display:flex;align-items:center}.silverBox-header-wrapper .silverBox-header-title.silverBox-title-has-icon.silverBox-title-centred{justify-content:var(--silverBox-title-justifyContent)}.silverBox-icon-wrapper.silverBox-centered-icon,.silverBox-icon-wrapper>*.silverBox-centered-icon{justify-self:var(--silverBox-centered-icon-justify-self);grid-column-start:var(--silverBox-centered-icon-grid-column-start)}.silverBox-image-wrapper{display:flex}.silverBox-image-wrapper>*{width:var(--silverBox-custom-image-width);max-width:var(--silverBox-custom-image-max-width);height:var(--silverBox-custom-image-height);max-height:var(--silverBox-custom-image-max-height);border-radius:var(--silverBox-custom-image-border-radius)}.silverBox-default-icon{min-width:50px}.silverBox-tick-mark{position:relative;width:var(--silverBox-tick-mark-size);height:var(--silverBox-tick-mark-size);border:var(--silverBox-tick-circle-border);border-color:var(--silverBox-tick-circle-border-color);border-radius:50%;display:inline-flex;align-items:center;justify-content:center;animation:1s appear}.silverBox-tick-mark .inside{position:absolute;width:var(--silverBox-tick-right-size);height:var(--silverBox-tick-left-size);border-left:var(--silverBox-tick-inside-border);border-bottom:var(--silverBox-tick-inside-border);border-color:var(--silverBox-tick-inside-border-color);transform:rotate(-45deg);margin-bottom:15%}.silverBox-info{border:var(--silverBox-info-circle-border);border-color:var(--silverBox-info-circle-border-color);width:var(--silverBox-info-size);height:var(--silverBox-info-size);border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:var(--silverBox-info-icon-inside-size);font-weight:var(--silverBox-info-icon-width);color:var(--silverBox-info-color);animation:rotate .25s}.silverBox-question{border:var(--silverBox-question-circle-border);border-color:var(--silverBox-question-circle-border-color);width:var(--silverBox-question-size);height:var(--silverBox-question-size);border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:var(--silverBox-question-icon-inside-size);font-weight:var(--silverBox-question-icon-width);color:var(--silverBox-question-color);animation:rotate .25s}.silverBox-warning{border:var(--silverBox-warning-circle-border);border-color:var(--silverBox-warning-circle-border-color);width:var(--silverBox-warning-size);height:var(--silverBox-warning-size);border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:var(--silverBox-warning-icon-inside-size);font-weight:var(--silverBox-warning-icon-width);color:var(--silverBox-warning-color);animation:warning .5s}.silverBox-error{width:var(--silverBox-error-size);height:var(--silverBox-error-size);border-radius:50%;border:var(--silverBox-error-circle-border);border-color:var(--silverBox-error-circle-border-color);display:flex;justify-content:center;align-items:center;animation:error .25s}.silverBox-error .x{width:var(--silverBox-error-icon-inside-size);height:var(--silverBox-error-icon-width);position:relative}.silverBox-error .x::before,.silverBox-error .x::after{content:"";position:absolute;top:0;right:0;width:var(--silverBox-error-icon-inside-size);height:var(--silverBox-error-icon-width);background-color:var(--silverBox-error-color);border-radius:10px}.silverBox-error .x::before{transform:rotate(45deg)}.silverBox-error .x::after{transform:rotate(-45deg)}@keyframes rotate{0%{transform:scale(1) rotate(0)}25%{transform:rotate(25deg)}50%{transform:scale(1.1) rotate(-25deg)}75%{transform:rotate(25deg)}100%{transform:scale(1) rotate(0deg)}}@keyframes error{0%{transform:translateX(0)}25%{transform:translateX(5px) scale(1.05)}50%{transform:translateX(-5px) scale(1.1)}75%{transform:translateX(5px)}100%{transform:translateX(0)}}@keyframes appear{0%{transform:scale(1) rotate(0)}50%{transform:scale(1.1)}100%{transform:scale(1) rotate(360deg)}}@keyframes warning{0%{opacity:1;transform:scale(1)}25%{opacity:0;transform:scale(0.6)}50%{opacity:1;transform:scale(1)}75%{opacity:0;transform:scale(0.6)}100%{opacity:1;transform:scale(1)}}.silverBox-button-loading-animation{width:30px;height:30px;border:3px solid;border-color:#fff rgba(0,0,0,0);border-radius:50%;display:inline-block;box-sizing:border-box;animation:rotation 1s linear infinite}@keyframes rotation{0%{transform:rotate(0deg)}100%{transform:rotate(360deg)}}.silverBox-footer-wrapper{margin-top:var(--silverBox-items-top-margin);color:var(--silverBox-footer-color);font-size:var(--silverBox-footer-font-size);font-weight:var(--silverBox-footer-font-weight)}.silverBox-footer-wrapper hr{margin:var(--silverBox-footer-hr-margin);background-color:var(--silverBox-hr-line-color);height:var(--silverBox-footer-hr-height);border:none}@keyframes leftToRight{0%{left:-100%}80%{left:var(--silverBox-slide-animation-left-distance)}95%{left:2px}100%{left:var(--silverBox-slide-animation-left-distance)}}@keyframes rightToLeft{0%{right:-100%}80%{right:var(--silverBox-slide-animation-right-distance)}95%{right:2px}100%{right:var(--silverBox-slide-animation-right-distance)}}@keyframes topToBottom{0%{top:-100%}80%{top:var(--silverBox-slide-animation-top-distance)}95%{top:2px}100%{top:var(--silverBox-slide-animation-top-distance)}}@keyframes bottomToTop{0%{bottom:-100%}80%{bottom:var(--silverBox-slide-animation-bottom-distance)}95%{bottom:2px}100%{bottom:var(--silverBox-slide-animation-bottom-distance)}}body.stop-scrolling{height:100%;overflow:hidden}.silverBox-container{z-index:var(--silverBox-z-index);display:grid;overflow-y:auto;padding:20px 10px}.silverBox-container.silverBox-overlay{width:var(--silverBox-overlay-width);height:var(--silverBox-overlay-height);position:fixed;top:0;left:0;justify-content:center;background-color:var(--silverBox-overlay-background)}.silverBox-container .silverBox{z-index:var(--silverBox-z-index);position:relative;box-sizing:border-box;width:var(--silverBox-width);min-width:var(--silverBox-min-width);max-width:var(--silverBox-max-width);max-height:var(--silverBox-max-height);display:grid;grid-column:2;align-self:center;justify-self:center;border:var(--silverBox-border);border-color:var(--silverBox-border-color);border-radius:var(--silverBox-border-radius);padding:var(--silverBox-padding);box-shadow:var(--silverBox-box-shadow);background-color:var(--silverBox-background-color);animation:popUp .3s linear}.silverBox-container .silverBox .timer-bar{position:absolute;bottom:0;width:100%;height:var(--silverBox-timer-bar-height);border-radius:var(--silverBox-timer-bar-border-radius);background-color:var(--silverBox-timer-bar)}.silverBox-container .silverBox .timer-bar-wrapper{z-index:calc(var(--silverBox-z-index) + 1);position:absolute;bottom:0;border-radius:inherit;width:100%;height:100%;overflow-x:hidden}.silverBox-container .silverBox *:first-child{margin-top:0}.silverBox-container .silverBox-body-wrapper,.silverBox-container .silverBox-header-wrapper,.silverBox-container .silverBox-footer-wrapper{position:relative;z-index:calc(var(--silverBox-z-index) + 2)}.silverBox-container .silverBox-body-wrapper{margin-top:var(--silverBox-items-top-margin)}.silverBox-container .silverBox-body-wrapper *:first-child{margin-top:0}.silverBox-container .silverBox-body-wrapper .silverBox-body-description{color:var(--silverBox-text-color);font-size:var(--silverBox-text-font-size);font-weight:var(--silverBox-text-font-weight)}@keyframes popUp{50%{transform:scale(1.05)}}@keyframes timer{from{width:100%}to{width:0%}}@media only screen and (max-width: 800px){.silverBox-container .silverBox-container{padding:6px}.silverBox-container .silverBox{max-width:90vw;min-width:unset}}.silverBox-container.silverBox-top-right,.silverBox-container.silverBox-top-center,.silverBox-container.silverBox-top-left,.silverBox-container.silverBox-bottom-right,.silverBox-container.silverBox-bottom-center,.silverBox-container.silverBox-bottom-left{position:fixed;width:-moz-fit-content;width:fit-content;height:fit-content;overflow-x:hidden}.silverBox-container.silverBox-top-right,.silverBox-container.silverBox-top-center,.silverBox-container.silverBox-top-left{top:var(--silverBox-top-distance)}.silverBox-container.silverBox-top-right{animation:rightToLeft .7s ease-out;right:var(--silverBox-top-right-distance)}.silverBox-container.silverBox-top-center{animation:topToBottom .7s ease-out;transform:translateX(50%);right:50%}.silverBox-container.silverBox-top-left{animation:leftToRight .7s ease-out;left:var(--silverBox-top-left-distance)}.silverBox-container.silverBox-bottom-right,.silverBox-container.silverBox-bottom-left,.silverBox-container.silverBox-bottom-center{bottom:var(--silverBox-bottom-distance)}.silverBox-container.silverBox-bottom-right{animation:rightToLeft .7s ease-out;right:var(--silverBox-bottom-right-distance)}.silverBox-container.silverBox-bottom-center{animation:bottomToTop .7s ease-out;transform:translateX(50%);right:50%}.silverBox-container.silverBox-bottom-left{animation:leftToRight .7s ease-out;left:var(--silverBox-bottom-left-distance)} diff --git a/public/dist/js/documentationPage.js b/public/dist/js/documentationPage.js index 31652d2..88ca3bb 100644 --- a/public/dist/js/documentationPage.js +++ b/public/dist/js/documentationPage.js @@ -1 +1 @@ -"use strict";function e(e,t){var n=Object.keys(e);if(Object.getOwnPropertySymbols){var r=Object.getOwnPropertySymbols(e);t&&(r=r.filter((function(t){return Object.getOwnPropertyDescriptor(e,t).enumerable}))),n.push.apply(n,r)}return n}function t(t){for(var n=1;n=0;--o){var i=this.tryEntries[o],a=i.completion;if("root"===i.tryLoc)return n("end");if(i.tryLoc<=this.prev){var c=r.call(i,"catchLoc"),l=r.call(i,"finallyLoc");if(c&&l){if(this.prev=0;--n){var o=this.tryEntries[n];if(o.tryLoc<=this.prev&&r.call(o,"finallyLoc")&&this.prev=0;--t){var n=this.tryEntries[t];if(n.finallyLoc===e)return this.complete(n.completion,n.afterLoc),E(n),v}},catch:function(e){for(var t=this.tryEntries.length-1;t>=0;--t){var n=this.tryEntries[t];if(n.tryLoc===e){var r=n.completion;if("throw"===r.type){var o=r.arg;E(n)}return o}}throw new Error("illegal catch attempt")},delegateYield:function(e,t,n){return this.delegate={iterator:S(e),resultName:t,nextLoc:n},"next"===this.method&&(this.arg=void 0),v}},e}function r(e,t,n,r,o,i,a){try{var c=e[i](a),l=c.value}catch(e){return void n(e)}c.done?t(l):Promise.resolve(l).then(r,o)}function o(e){return function(){var t=this,n=arguments;return new Promise((function(o,i){var a=e.apply(t,n);function c(e){r(a,o,i,c,l,"next",e)}function l(e){r(a,o,i,c,l,"throw",e)}c(void 0)}))}}function i(e,t,n){return(t=function(e){var t=function(e,t){if("object"!=typeof e||null===e)return e;var n=e[Symbol.toPrimitive];if(void 0!==n){var r=n.call(e,t||"default");if("object"!=typeof r)return r;throw new TypeError("@@toPrimitive must return a primitive value.")}return("string"===t?String:Number)(e)}(e,"string");return"symbol"==typeof t?t:String(t)}(t))in e?Object.defineProperty(e,t,{value:n,enumerable:!0,configurable:!0,writable:!0}):e[t]=n,e}function a(e,t){return function(e){if(Array.isArray(e))return e}(e)||function(e,t){var n=null==e?null:"undefined"!=typeof Symbol&&e[Symbol.iterator]||e["@@iterator"];if(null!=n){var r,o,i,a,c=[],l=!0,s=!1;try{if(i=(n=n.call(e)).next,0===t){if(Object(n)!==n)return;l=!1}else for(;!(l=(r=i.call(n)).done)&&(c.push(r.value),c.length!==t);l=!0);}catch(e){s=!0,o=e}finally{try{if(!l&&null!=n.return&&(a=n.return(),Object(a)!==a))return}finally{if(s)throw o}}return c}}(e,t)||c(e,t)||function(){throw new TypeError("Invalid attempt to destructure non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method.")}()}function c(e,t){if(e){if("string"==typeof e)return l(e,t);var n=Object.prototype.toString.call(e).slice(8,-1);return"Object"===n&&e.constructor&&(n=e.constructor.name),"Map"===n||"Set"===n?Array.from(e):"Arguments"===n||/^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(n)?l(e,t):void 0}}function l(e,t){(null==t||t>e.length)&&(t=e.length);for(var n=0,r=new Array(t);n'};function y(e,t,n){var r=document.createElement("div");if(r.classList=e,r.classList.add("silverBox-icon","silverBox-default-icon"),n){var o=document.createElement("div");o.classList=n,r.appendChild(o)}else if(t){var i=document.createElement("span");i.textContent=t,r.appendChild(i)}return r}function x(e,t,n,r,o){var i=document.createElement("div");if(i.classList.add("silverBox-image-wrapper"),t&&i.classList.add("silverBox-centered-icon"),r&&(i.id=r),n&&(i.classList+=" ".concat(n)),o)i.innerHTML+=e;else{var a=document.createElement("img");a.src=e,a.classList="silverBox-icon silverBox-custom-icon",i.append(a)}return i}var g=0;function b(e){var t=Math.floor(Math.random()*e+1);if(g!==t)return g=t;b(e)}var L=function(e){var t=e.uniqueID,n=e.timer,r=e.pauseTimerOnHover,o=void 0===r||r,i=e.showTimerBar,a=void 0===i||i,c=e.onClose,l=document.querySelectorAll(".silverBox");l=l[l.length-1];var s=document.createElement("div");s.classList="timer-bar",s.style.animation="timer ".concat(n/1e3,"s linear"),!1!==o&&l&&(l.addEventListener("mouseover",(function(){s.style.animationPlayState="paused"})),l.addEventListener("mouseout",(function(){s.style.animationPlayState="running"}))),l&&a?(l.append(s),s.addEventListener("animationend",(function(){u({uniqueID:t,timer:n,onClose:c})}))):setTimeout((function(){u({uniqueID:t,timer:n,onClose:c})}),n)},C=function(e){var n=t(t({},{name:"popUp",duration:".3s",timingFunction:"linear",delay:"0s",iterationCount:"1",direction:"normal",fillMode:"none"}),e),r=n.name,o=n.duration,i=n.timingFunction,a=n.delay,c=n.iterationCount,l=n.direction,s=n.fillMode;return"".concat(r," ").concat(o," ").concat(i," ").concat(a," ").concat(c," ").concat(l," ").concat(s)};function w(){var e,t,n=arguments.length>0&&void 0!==arguments[0]?arguments[0]:{};try{if(0===Object.keys(n).length)throw new Error("You can't create silverBox with an empty config.");"removeSilverBox"in n&&function(e){e=e.toLowerCase();var t=document.querySelectorAll(".silverBox-container");if("first"===e&&(e=1),"last"===e&&(e=t.length),"all"===e)for(var n=0;n0&&t[Number(e)-1].remove()}(n.removeSilverBox),"removeLoading"in n&&function(e){var t=document.querySelectorAll(".silverBox-button-wrapper");if(e.toLowerCase(),"first"===e&&(e=1),"last"===e&&(e=t.length),"all"===e)for(var n=0;n0&&t[Number(e)-1].childNodes.forEach((function(e){e.classList.remove("silverBox-loading-button")}))}(n.removeLoading);var r={},o={},i=document.createElement("div");i.classList="silverBox-input-container";var a=document.createElement("div");a.classList="silverBox-button-wrapper";var l=function(e){var t,n,r,o,i=e.titleConfig,a=e.icon,c=e.showCloseButton,l=e.centerContent,s=e.onCloseConfig,d=document.createElement("div");d.classList.add("silverBox-header-wrapper");var v=document.createElement("div");v.classList.add("silverBox-icon-wrapper");var m=document.createElement("h2");if(m.classList.add("silverBox-header-title"),"string"==typeof i&&(i={text:i}),null!==(t=i)&&void 0!==t&&t.customIcon){var f,h,y=p({customIcon:i.customIcon});null!==(f=i)&&void 0!==f&&f.customIconId&&(y.children[0].id=i.customIconId),null!==(h=i)&&void 0!==h&&h.customIconClassName&&(y.children[0].classList+=" ".concat(i.customIconClassName)),m.append(y)}else if(null!==(n=i)&&void 0!==n&&n.customSvgIcon){var x,g,b=p({customSvgIcon:i.customSvgIcon});null!==(x=i)&&void 0!==x&&x.customSvgIconId&&(b.children[0].id=i.customSvgIconId),null!==(g=i)&&void 0!==g&&g.customSvgIconClassName&&(b.children[0].classList+=" ".concat(i.customSvgIconClassName)),m.append(b)}else if(null!==(r=i)&&void 0!==r&&r.alertIcon){var L=p({alertIcon:i.alertIcon});m.append(L)}if(m.childElementCount>=1&&m.classList.add("silverBox-title-has-icon"),l&&m.classList.add("silverBox-title-centred"),null!==(o=i)&&void 0!==o&&o.text){var C=document.createElement("span");m.classList.add("silverBox-title-text"),C.textContent=i.text,m.append(C)}var w=document.createElement("span");return w.innerHTML=p({alertIcon:"closeButton"}),w.classList.add("silverBox-close-button"),w.addEventListener("click",(function(){u({onClose:s,element:w})})),a&&v.appendChild(a),c&&v.appendChild(w),v.childElementCount>=1&&d.append(v),i&&d.appendChild(m),d}({titleConfig:n.title,titleAlertIcon:n.titleAlertIcon,titleCustomIcon:n.titleCustomIcon,icon:p({alertIcon:n.alertIcon,customIcon:n.customIcon,isCentred:n.centerContent,customIconClassName:n.customIconClassName,customIconId:n.customIconId,customSvgIcon:n.customSvgIcon,customSvgIconClassName:n.customSvgIconClassName,customSvgIconId:n.customSvgIconId}),showCloseButton:n.showCloseButton,centerContent:n.centerContent,titleCustomIconId:n.titleCustomIconId,titleCustomIconClassName:n.titleCustomIconClassName,onCloseConfig:n.onClose});if(0!==l.childElementCount&&(r.header=l),"input"in n){var v=function(e){return{type:"type"in e?e.type:"",select:e.select,numberOnly:e.numberOnly,hint:e.hint,label:e.label,placeHolder:e.placeHolder,readOnly:e.readOnly,width:e.width,height:e.height,maxLength:e.maxLength,textAlign:e.textAlign,fontSize:e.fontSize,placeHolderFontSize:e.placeHolderFontSize,name:e.name,className:e.className,id:e.id,value:e.value}},h=function(e){"multiplyBy"in e||(e.multiplyBy=1);for(var t=1;t<=e.multiplyBy;t++)i.append(m(v(e)))};Array.isArray(n.input)?n.input.forEach((function(e){return h(e)})):h(n.input),i.childElementCount&&(o.input=i)}for(var y=0,x=[{type:"confirmButton",text:"Confirm"},{type:"denyButton",text:"Deny"},{type:"cancelButton",text:"Cancel"},{type:"customButton",text:"Custom"}];y=e.length?{done:!0}:{done:!1,value:e[r++]}},e:function(e){throw e},f:o}}throw new TypeError("Invalid attempt to iterate non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method.")}var i,a=!0,l=!1;return{s:function(){n=n.call(e)},n:function(){var e=n.next();return a=e.done,e},e:function(e){l=!0,i=e},f:function(){try{a||null==n.return||n.return()}finally{if(l)throw i}}}}(S);try{var j=function(){var e=O.value;e.addEventListener("click",(function(t){t.target===e&&u({onClose:n.onClose,element:e}),s(".silverBox-overlay")}))};for(N.s();!(O=N.n()).done;)j()}catch(e){N.e(e)}finally{N.f()}}s(".silverBox-overlay"),"silverBoxId"in n&&(E.id=n.silverBoxId),"silverBoxClassName"in n&&(E.classList+=" ".concat(n.silverBoxClassName));var A=document.querySelector(".silverBox");"animation"in n&&(A.style.animation=Array.isArray(n.animation)?n.animation.map((function(e){return C(e)})).join(", "):C(n.animation))}catch(e){return console.error(e),!1}}function B(e,t){var n=document.querySelector(e);n.append(function(){var e=document.createElement("div");e.classList.add("silverBox-tableRow","silverBox-tableRowHeader");var t=document.createElement("div");t.classList.add("silverBox-tableColumn","tableHeaderColumn"),t.textContent="Name";var n=document.createElement("div");n.classList.add("silverBox-tableColumn","tableHeaderColumn"),n.textContent="Type";var r=document.createElement("div");r.classList.add("silverBox-tableColumn","tableHeaderColumn"),r.textContent="Default";var o=document.createElement("div");return o.classList.add("silverBox-tableColumn","tableHeaderColumn"),o.textContent="Description",e.append(t),e.append(n),e.append(r),e.append(o),e}());var r=function(e,t,n){return function(e){var t=e.name,n=e.type,r=e.description,o=e.defaultValue,i=e.id,a=e.config,c=document.createElement("div");c.classList.add("silverBox-tableRow");var l=document.createElement("a");l.classList.add("silverBox-tableColumn");var s=document.createElement("span");s.classList.add("silverBox-document-argument"),s.textContent=t,l.append(s);var u=document.createElement("div");u.classList.add("silverBox-tableColumn");var d=document.createElement("span");d.classList.add("silverBox-document-type"),d.textContent=n,u.append(d),l.onclick=function(){var e;e=l,navigator.clipboard.writeText(e.textContent),w({timer:1500,theme:"dark",position:"top-left",title:{text:"Argument copied."},centerContent:!0})};var v=document.createElement("div");v.classList.add("silverBox-tableColumn","silverBox-document-description");var m=document.createElement("span");m.classList.add("silverBox-explanation-span"),m.innerHTML=function(e){for(var t=!1,n="",r=0;r":'',t=!t):n+=e[r];return t&&(n+=""),n}(r),v.append(m);var f=document.createElement("div");f.classList.add("silverBox-tableColumn","silverBox-document-default");var p=document.createElement("span");"emptyDefaultValue"!=o&&(p.classList.add("silverBox-document-string"),p.textContent=o,""===o&&(p.classList.add("silverBox-document-string"),p.textContent='" "'));if(f.append(p),"noConfig"==i){if(l.setAttribute("href","#"+t),c.id="".concat(t),"config"in a){var h=document.createElement("div");h.classList.add("silverBox-documentConfig-indicator"),l.append(h)}}else"hasConfig"==i&&(l.setAttribute("href","#".concat(a.configName).concat(t)),c.id="".concat(a.configName).concat(t));return c.append(l),c.append(u),c.append(f),c.append(v),c}({name:e.configName,type:e.type,description:e.explanation,defaultValue:e.defaultValue,id:t,config:n})};t.forEach((function(e){if(n.append(r(e,"noConfig",e)),"config"in e){var t=document.createElement("div");t.classList.add("silverBox-document-has-config"),e.config.forEach((function(n){var o=r(n,"hasConfig",e);t.append(o)})),n.append(t)}})),function(){for(var e=document.querySelectorAll(".silverBox-document-has-config"),t=document.querySelectorAll(".silverBox-documentConfig-indicator"),n=function(n){t[n].addEventListener("click",(function(){e[n].classList.contains("silverBox-hide")?(e[n].classList.remove("silverBox-hide"),t[n].classList.remove("silverBox-hide")):(e[n].classList.add("silverBox-hide"),t[n].classList.add("silverBox-hide"))}))},r=0;r50?O.classList.add("scrolled"):O.classList.remove("scrolled")}));var N=["1.0.0"],j=function(e){var t=arguments.length>1&&void 0!==arguments[1]?arguments[1]:window.location.href;e=e.replace(/[\[\]]/g,"\\$&");var n=new RegExp("[?&]"+e+"(=([^&#]*)|&|#|$)").exec(t);return n?n[2]?decodeURIComponent(n[2].replace(/\+/g," ")):"":null}("v");j&&N.includes(j)||(j=N[N.length-1]),document.addEventListener("DOMContentLoaded",o(n().mark((function e(){var t;return n().wrap((function(e){for(;;)switch(e.prev=e.next){case 0:return e.next=2,import("/public/src/js/data/documentations/".concat(j,".js"));case 2:t=e.sent,B(".silverBox-tableWrapper",t.default);case 5:case"end":return e.stop()}}),e)})))),document.querySelector("#silverBox-documentation-version").innerText="v"+j; +"use strict";function e(e,t){var n=Object.keys(e);if(Object.getOwnPropertySymbols){var r=Object.getOwnPropertySymbols(e);t&&(r=r.filter((function(t){return Object.getOwnPropertyDescriptor(e,t).enumerable}))),n.push.apply(n,r)}return n}function t(t){for(var n=1;n=0;--o){var i=this.tryEntries[o],a=i.completion;if("root"===i.tryLoc)return n("end");if(i.tryLoc<=this.prev){var l=r.call(i,"catchLoc"),c=r.call(i,"finallyLoc");if(l&&c){if(this.prev=0;--n){var o=this.tryEntries[n];if(o.tryLoc<=this.prev&&r.call(o,"finallyLoc")&&this.prev=0;--t){var n=this.tryEntries[t];if(n.finallyLoc===e)return this.complete(n.completion,n.afterLoc),E(n),v}},catch:function(e){for(var t=this.tryEntries.length-1;t>=0;--t){var n=this.tryEntries[t];if(n.tryLoc===e){var r=n.completion;if("throw"===r.type){var o=r.arg;E(n)}return o}}throw new Error("illegal catch attempt")},delegateYield:function(e,t,n){return this.delegate={iterator:S(e),resultName:t,nextLoc:n},"next"===this.method&&(this.arg=void 0),v}},e}function r(e,t,n,r,o,i,a){try{var l=e[i](a),c=l.value}catch(e){return void n(e)}l.done?t(c):Promise.resolve(c).then(r,o)}function o(e){return function(){var t=this,n=arguments;return new Promise((function(o,i){var a=e.apply(t,n);function l(e){r(a,o,i,l,c,"next",e)}function c(e){r(a,o,i,l,c,"throw",e)}l(void 0)}))}}function i(e,t,n){return(t=function(e){var t=function(e,t){if("object"!=typeof e||null===e)return e;var n=e[Symbol.toPrimitive];if(void 0!==n){var r=n.call(e,t||"default");if("object"!=typeof r)return r;throw new TypeError("@@toPrimitive must return a primitive value.")}return("string"===t?String:Number)(e)}(e,"string");return"symbol"==typeof t?t:String(t)}(t))in e?Object.defineProperty(e,t,{value:n,enumerable:!0,configurable:!0,writable:!0}):e[t]=n,e}function a(e,t){return function(e){if(Array.isArray(e))return e}(e)||function(e,t){var n=null==e?null:"undefined"!=typeof Symbol&&e[Symbol.iterator]||e["@@iterator"];if(null!=n){var r,o,i,a,l=[],c=!0,s=!1;try{if(i=(n=n.call(e)).next,0===t){if(Object(n)!==n)return;c=!1}else for(;!(c=(r=i.call(n)).done)&&(l.push(r.value),l.length!==t);c=!0);}catch(e){s=!0,o=e}finally{try{if(!c&&null!=n.return&&(a=n.return(),Object(a)!==a))return}finally{if(s)throw o}}return l}}(e,t)||l(e,t)||function(){throw new TypeError("Invalid attempt to destructure non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method.")}()}function l(e,t){if(e){if("string"==typeof e)return c(e,t);var n=Object.prototype.toString.call(e).slice(8,-1);return"Object"===n&&e.constructor&&(n=e.constructor.name),"Map"===n||"Set"===n?Array.from(e):"Arguments"===n||/^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(n)?c(e,t):void 0}}function c(e,t){(null==t||t>e.length)&&(t=e.length);for(var n=0,r=new Array(t);n'};function y(e,t,n){var r=document.createElement("div");if(r.classList=e,r.classList.add("silverBox-icon","silverBox-default-icon"),n){var o=document.createElement("div");o.classList=n,r.appendChild(o)}else if(t){var i=document.createElement("span");i.textContent=t,r.appendChild(i)}return r}function g(e,t,n,r,o){var i=document.createElement("div");if(i.classList.add("silverBox-image-wrapper"),t&&i.classList.add("silverBox-centered-icon"),r&&(i.id=r),n&&(i.classList+=" ".concat(n)),o)i.innerHTML+=e;else{var a=document.createElement("img");a.src=e,a.classList="silverBox-icon silverBox-custom-icon",i.append(a)}return i}var x=0;function b(e){var t=Math.floor(Math.random()*e+1);if(x!==t)return x=t;b(e)}var L=function(e){var t=e.uniqueID,n=e.timerConfig,r=e.onClose;"showBar"in n||(n.showBar=!0),"pauseOnHover"in n||(n.pauseOnHover=!0);var o=document.querySelectorAll(".silverBox");o=o[o.length-1];var i=document.createElement("div");i.classList="timer-bar";var a=document.createElement("div");a.classList="timer-bar-wrapper",a.append(i),i.style.animation="timer ".concat(n.timer/1e3,"s linear"),!1!==(null==n?void 0:n.pauseOnHover)&&o&&(o.addEventListener("mouseover",(function(){i.style.animationPlayState="paused"})),o.addEventListener("mouseout",(function(){i.style.animationPlayState="running"}))),o&&null!=n&&n.showBar?(o.append(a),i.addEventListener("animationend",(function(){u({uniqueID:t,timer:n.timer,onClose:r})}))):setTimeout((function(){u({uniqueID:t,timer:n.timer,onClose:r})}),n.timer)},C=function(e){var n=t(t({},{name:"popUp",duration:".3s",timingFunction:"linear",delay:"0s",iterationCount:"1",direction:"normal",fillMode:"none"}),e),r=n.name,o=n.duration,i=n.timingFunction,a=n.delay,l=n.iterationCount,c=n.direction,s=n.fillMode;return"".concat(r," ").concat(o," ").concat(i," ").concat(a," ").concat(l," ").concat(c," ").concat(s)};function w(){var e,t=arguments.length>0&&void 0!==arguments[0]?arguments[0]:{};try{if(0===Object.keys(t).length)throw new Error("You can't create silverBox with an empty config.");"removeSilverBox"in t&&function(e){e=e.toLowerCase();var t=document.querySelectorAll(".silverBox-container");if("first"===e&&(e=1),"last"===e&&(e=t.length),"all"===e)for(var n=0;n0&&t[Number(e)-1].remove()}(t.removeSilverBox),"removeLoading"in t&&function(e){var t=document.querySelectorAll(".silverBox-button-wrapper");if(e.toLowerCase(),"first"===e&&(e=1),"last"===e&&(e=t.length),"all"===e)for(var n=0;n0&&t[Number(e)-1].childNodes.forEach((function(e){e.classList.remove("silverBox-loading-button")}))}(t.removeLoading);var n={},r={},o=document.createElement("div");o.classList="silverBox-input-container";var i=document.createElement("div");i.classList="silverBox-button-wrapper";var a=function(e){var t,n,r,o,i=e.titleConfig,a=e.icon,l=e.showCloseButton,c=e.centerContent,s=e.onCloseConfig,d=document.createElement("div");d.classList.add("silverBox-header-wrapper");var v=document.createElement("div");v.classList.add("silverBox-icon-wrapper");var m=document.createElement("h2");if(m.classList.add("silverBox-header-title"),"string"==typeof i&&(i={text:i}),null!==(t=i)&&void 0!==t&&t.customIcon){var f,h,y=p({customIcon:i.customIcon});null!==(f=i)&&void 0!==f&&f.customIconId&&(y.children[0].id=i.customIconId),null!==(h=i)&&void 0!==h&&h.customIconClassName&&(y.children[0].classList+=" ".concat(i.customIconClassName)),m.append(y)}else if(null!==(n=i)&&void 0!==n&&n.customSvgIcon){var g,x,b=p({customSvgIcon:i.customSvgIcon});null!==(g=i)&&void 0!==g&&g.customSvgIconId&&(b.children[0].id=i.customSvgIconId),null!==(x=i)&&void 0!==x&&x.customSvgIconClassName&&(b.children[0].classList+=" ".concat(i.customSvgIconClassName)),m.append(b)}else if(null!==(r=i)&&void 0!==r&&r.alertIcon){var L=p({alertIcon:i.alertIcon});m.append(L)}if(m.childElementCount>=1&&m.classList.add("silverBox-title-has-icon"),c&&m.classList.add("silverBox-title-centred"),null!==(o=i)&&void 0!==o&&o.text){var C=document.createElement("span");m.classList.add("silverBox-title-text"),C.textContent=i.text,m.append(C)}var w=document.createElement("span");return w.innerHTML=p({alertIcon:"closeButton"}),w.classList.add("silverBox-close-button"),w.addEventListener("click",(function(){u({onClose:s,element:w})})),a&&v.appendChild(a),l&&v.appendChild(w),v.childElementCount>=1&&d.append(v),i&&d.appendChild(m),d}({titleConfig:t.title,titleAlertIcon:t.titleAlertIcon,titleCustomIcon:t.titleCustomIcon,icon:p({alertIcon:t.alertIcon,customIcon:t.customIcon,isCentred:t.centerContent,customIconClassName:t.customIconClassName,customIconId:t.customIconId,customSvgIcon:t.customSvgIcon,customSvgIconClassName:t.customSvgIconClassName,customSvgIconId:t.customSvgIconId}),showCloseButton:t.showCloseButton,centerContent:t.centerContent,titleCustomIconId:t.titleCustomIconId,titleCustomIconClassName:t.titleCustomIconClassName,onCloseConfig:t.onClose});if(0!==a.childElementCount&&(n.header=a),"input"in t){var c=function(e){return{type:"type"in e?e.type:"",select:e.select,numberOnly:e.numberOnly,hint:e.hint,label:e.label,placeHolder:e.placeHolder,readOnly:e.readOnly,width:e.width,height:e.height,maxLength:e.maxLength,textAlign:e.textAlign,fontSize:e.fontSize,placeHolderFontSize:e.placeHolderFontSize,name:e.name,className:e.className,id:e.id,value:e.value}},v=function(e){"multiplyBy"in e||(e.multiplyBy=1);for(var t=1;t<=e.multiplyBy;t++)o.append(m(c(e)))};Array.isArray(t.input)?t.input.forEach((function(e){return v(e)})):v(t.input),o.childElementCount&&(r.input=o)}for(var h=0,y=[{type:"confirmButton",text:"Confirm"},{type:"denyButton",text:"Deny"},{type:"cancelButton",text:"Cancel"},{type:"customButton",text:"Custom"}];h=e.length?{done:!0}:{done:!1,value:e[r++]}},e:function(e){throw e},f:o}}throw new TypeError("Invalid attempt to iterate non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method.")}var i,a=!0,c=!1;return{s:function(){n=n.call(e)},n:function(){var e=n.next();return a=e.done,e},e:function(e){c=!0,i=e},f:function(){try{a||null==n.return||n.return()}finally{if(c)throw i}}}}(I);try{var N=function(){var e=S.value;e.addEventListener("click",(function(n){n.target===e&&u({onClose:t.onClose,element:e}),s(".silverBox-overlay")}))};for(O.s();!(S=O.n()).done;)N()}catch(e){O.e(e)}finally{O.f()}}s(".silverBox-overlay"),"silverBoxId"in t&&(B.id=t.silverBoxId),"silverBoxClassName"in t&&(B.classList+=" ".concat(t.silverBoxClassName));var j=document.querySelector(".silverBox");"animation"in t&&(j.style.animation=Array.isArray(t.animation)?t.animation.map((function(e){return C(e)})).join(", "):C(t.animation))}catch(e){return console.error(e),!1}}function B(e,t){var n=document.querySelector(e);n.append(function(){var e=document.createElement("div");e.classList.add("silverBox-tableRow","silverBox-tableRowHeader");var t=document.createElement("div");t.classList.add("silverBox-tableColumn","tableHeaderColumn"),t.textContent="Name";var n=document.createElement("div");n.classList.add("silverBox-tableColumn","tableHeaderColumn"),n.textContent="Type";var r=document.createElement("div");r.classList.add("silverBox-tableColumn","tableHeaderColumn"),r.textContent="Default";var o=document.createElement("div");return o.classList.add("silverBox-tableColumn","tableHeaderColumn"),o.textContent="Description",e.append(t),e.append(n),e.append(r),e.append(o),e}());var r=function(e,t,n){return function(e){var t=e.name,n=e.type,r=e.description,o=e.defaultValue,i=e.id,a=e.config,l=document.createElement("div");l.classList.add("silverBox-tableRow");var c=document.createElement("a");c.classList.add("silverBox-tableColumn");var s=document.createElement("span");s.classList.add("silverBox-document-argument"),s.textContent=t,c.append(s);var u=document.createElement("div");u.classList.add("silverBox-tableColumn");var d=document.createElement("span");d.classList.add("silverBox-document-type"),d.textContent=n,u.append(d),c.onclick=function(){var e;e=c,navigator.clipboard.writeText(e.textContent),w({timer:1500,theme:"dark",position:"top-left",title:{text:"Argument copied."},centerContent:!0})};var v=document.createElement("div");v.classList.add("silverBox-tableColumn","silverBox-document-description");var m=document.createElement("span");m.classList.add("silverBox-explanation-span"),m.innerHTML=function(e){for(var t=!1,n="",r=0;r":'',t=!t):n+=e[r];return t&&(n+=""),n}(r),v.append(m);var f=document.createElement("div");f.classList.add("silverBox-tableColumn","silverBox-document-default");var p=document.createElement("span");"emptyDefaultValue"!=o&&(p.classList.add("silverBox-document-string"),p.textContent=o,""===o&&(p.classList.add("silverBox-document-string"),p.textContent='" "'));if(f.append(p),"noConfig"==i){if(c.setAttribute("href","#"+t),l.id="".concat(t),"config"in a){var h=document.createElement("div");h.classList.add("silverBox-documentConfig-indicator"),c.append(h)}}else"hasConfig"==i&&(c.setAttribute("href","#".concat(a.configName).concat(t)),l.id="".concat(a.configName).concat(t));return l.append(c),l.append(u),l.append(f),l.append(v),l}({name:e.configName,type:e.type,description:e.explanation,defaultValue:e.defaultValue,id:t,config:n})};t.forEach((function(e){if(n.append(r(e,"noConfig",e)),"config"in e){var t=document.createElement("div");t.classList.add("silverBox-document-has-config"),e.config.forEach((function(n){var o=r(n,"hasConfig",e);t.append(o)})),n.append(t)}})),function(){for(var e=document.querySelectorAll(".silverBox-document-has-config"),t=document.querySelectorAll(".silverBox-documentConfig-indicator"),n=function(n){t[n].addEventListener("click",(function(){e[n].classList.contains("silverBox-hide")?(e[n].classList.remove("silverBox-hide"),t[n].classList.remove("silverBox-hide")):(e[n].classList.add("silverBox-hide"),t[n].classList.add("silverBox-hide"))}))},r=0;r50?O.classList.add("scrolled"):O.classList.remove("scrolled")}));var N=["1.0.0","1.1.0"],j=function(e){var t=arguments.length>1&&void 0!==arguments[1]?arguments[1]:window.location.href;e=e.replace(/[\[\]]/g,"\\$&");var n=new RegExp("[?&]"+e+"(=([^&#]*)|&|#|$)").exec(t);return n?n[2]?decodeURIComponent(n[2].replace(/\+/g," ")):"":null}("v");j&&N.includes(j)||(j=N[N.length-1]),document.addEventListener("DOMContentLoaded",o(n().mark((function e(){var t;return n().wrap((function(e){for(;;)switch(e.prev=e.next){case 0:return e.next=2,import("/public/src/js/data/documentations/".concat(j,".js"));case 2:t=e.sent,B(".silverBox-tableWrapper",t.default);case 5:case"end":return e.stop()}}),e)})))),document.querySelector("#silverBox-documentation-version").innerText="v"+j; diff --git a/public/dist/js/index.js b/public/dist/js/index.js index 208e79d..51403f5 100644 --- a/public/dist/js/index.js +++ b/public/dist/js/index.js @@ -1 +1 @@ -"use strict";function e(e,t){var n=Object.keys(e);if(Object.getOwnPropertySymbols){var o=Object.getOwnPropertySymbols(e);t&&(o=o.filter((function(t){return Object.getOwnPropertyDescriptor(e,t).enumerable}))),n.push.apply(n,o)}return n}function t(t){for(var n=1;n=0;--r){var i=this.tryEntries[r],a=i.completion;if("root"===i.tryLoc)return n("end");if(i.tryLoc<=this.prev){var c=o.call(i,"catchLoc"),l=o.call(i,"finallyLoc");if(c&&l){if(this.prev=0;--n){var r=this.tryEntries[n];if(r.tryLoc<=this.prev&&o.call(r,"finallyLoc")&&this.prev=0;--t){var n=this.tryEntries[t];if(n.finallyLoc===e)return this.complete(n.completion,n.afterLoc),E(n),m}},catch:function(e){for(var t=this.tryEntries.length-1;t>=0;--t){var n=this.tryEntries[t];if(n.tryLoc===e){var o=n.completion;if("throw"===o.type){var r=o.arg;E(n)}return r}}throw new Error("illegal catch attempt")},delegateYield:function(e,t,n){return this.delegate={iterator:S(e),resultName:t,nextLoc:n},"next"===this.method&&(this.arg=void 0),m}},e}function o(e,t,n,o,r,i,a){try{var c=e[i](a),l=c.value}catch(e){return void n(e)}c.done?t(l):Promise.resolve(l).then(o,r)}function r(e){return function(){var t=this,n=arguments;return new Promise((function(r,i){var a=e.apply(t,n);function c(e){o(a,r,i,c,l,"next",e)}function l(e){o(a,r,i,c,l,"throw",e)}c(void 0)}))}}function i(e,t,n){return(t=function(e){var t=function(e,t){if("object"!=typeof e||null===e)return e;var n=e[Symbol.toPrimitive];if(void 0!==n){var o=n.call(e,t||"default");if("object"!=typeof o)return o;throw new TypeError("@@toPrimitive must return a primitive value.")}return("string"===t?String:Number)(e)}(e,"string");return"symbol"==typeof t?t:String(t)}(t))in e?Object.defineProperty(e,t,{value:n,enumerable:!0,configurable:!0,writable:!0}):e[t]=n,e}function a(e,t){return function(e){if(Array.isArray(e))return e}(e)||function(e,t){var n=null==e?null:"undefined"!=typeof Symbol&&e[Symbol.iterator]||e["@@iterator"];if(null!=n){var o,r,i,a,c=[],l=!0,s=!1;try{if(i=(n=n.call(e)).next,0===t){if(Object(n)!==n)return;l=!1}else for(;!(l=(o=i.call(n)).done)&&(c.push(o.value),c.length!==t);l=!0);}catch(e){s=!0,r=e}finally{try{if(!l&&null!=n.return&&(a=n.return(),Object(a)!==a))return}finally{if(s)throw r}}return c}}(e,t)||c(e,t)||function(){throw new TypeError("Invalid attempt to destructure non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method.")}()}function c(e,t){if(e){if("string"==typeof e)return l(e,t);var n=Object.prototype.toString.call(e).slice(8,-1);return"Object"===n&&e.constructor&&(n=e.constructor.name),"Map"===n||"Set"===n?Array.from(e):"Arguments"===n||/^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(n)?l(e,t):void 0}}function l(e,t){(null==t||t>e.length)&&(t=e.length);for(var n=0,o=new Array(t);n=e.length?{done:!0}:{done:!1,value:e[o++]}},e:function(e){throw e},f:r}}throw new TypeError("Invalid attempt to iterate non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method.")}var i,a=!0,l=!1;return{s:function(){n=n.call(e)},n:function(){var e=n.next();return a=e.done,e},e:function(e){l=!0,i=e},f:function(){try{a||null==n.return||n.return()}finally{if(l)throw i}}}}function u(e){document.querySelectorAll(e).length<=0?document.body.classList.remove("stop-scrolling"):document.body.classList.add("stop-scrolling")}function d(e){var t,n=e.uniqueID,o=e.timer,r=e.onClose,i=e.element;if(o)o?(t=n,document.querySelector('[uniqueID="'.concat(t,'"]')).remove(),u(".silverBox-overlay")):i&&i.closest(".silverBox").remove();else{var a=document.querySelectorAll(".silverBox-container");a[a.length-1]&&a[a.length-1].remove(),u(".silverBox-overlay")}r&&r()}function m(e,t,n,o){var r=document.createElement("button");e.onClick&&r.addEventListener("click",e.onClick),Object.entries(e.dataAttribute||{}).map((function(e){var t=a(e,2),n=t[0],o=t[1];r.setAttribute("data-".concat(n),o)})),e.bgColor&&(r.style.backgroundColor=e.bgColor),e.borderColor&&(r.style.borderColor=e.borderColor),e.textColor&&(r.style.color=e.textColor),e.disabled&&(r.disabled=e.disabled),r.classList.add("silverBox-button",t),e.id&&(r.id=e.id),e.className&&(r.classList+=" ".concat(e.className)),!1!==e.closeOnClick&&r.addEventListener("click",(function(){d({onClose:o})})),!1!==e.loadingAnimation&&r.addEventListener("click",(function(){r.classList.add("silverBox-loading-button")}));var i,c=document.createElement("span");return c.classList="silverBox-button-text",c.textContent=e.text?e.text:n,r.append(v(e.iconStart||""),c,((i=document.createElement("span")).classList.add("silverBox-button-loading-animation"),i),v(e.iconEnd||"")),r}function v(e){if(!e)return"";var t=document.createElement("img");return t.src=e,t.classList="silverBox-button-icon",t}function p(e){var t=e.type,n=e.select,o=e.numberOnly,r=e.placeHolder,i=e.readOnly,a=e.label,c=e.hint,l=e.width,s=e.height,u=e.maxLength,d=e.textAlign,m=e.fontSize,v=e.placeHolderFontSize,p=e.name,f=e.className,h=e.id,y=e.value,x=document.createElement("div");x.classList="silverBox-input-wrapper";var g=document.createElement("label");if(g.textContent=a,n){var b=document.createElement("select");b.classList="silverBox-select",n.map((function(e){var t,n,o,r=document.createElement("option");r.value=null!==(t=e.value)&&void 0!==t?t:"",r.textContent=null!==(n=null!==(o=e.text)&&void 0!==o?o:e.value)&&void 0!==n?n:"",e.disabled&&r.setAttribute("disabled",""),e.selected&&r.setAttribute("selected",""),b.append(r)})),x.append(b)}else{var C,L="textarea"===t.toLowerCase(),w=document.createElement(L?"textarea":"input");!L&&t&&w.setAttribute("type",t),w.value=null!=y?y:"",r&&(w.placeholder=r),u&&(w.maxLength=u),d&&(w.style.textAlign=d),l&&(w.style.width=l),s&&(w.style.height=s),m&&(w.style.fontSize=m),o&&w.addEventListener("input",(function(){w.value=w.value.replace(/[۰-۹]/g,(function(e){return"۰۱۲۳۴۵۶۷۸۹.".indexOf(e)})).replace(/[^0-9.]/g,"")}));var B=null!==(C=null!=v?v:m)&&void 0!==C&&C;!1!==B&&w.style.setProperty("--silverBox-placeHolder-fontSize",B),p&&(w.name=p),f&&(w.classList+=" ".concat(f)),h&&(w.id=h),l&&(x.style.width="fit-content"),i&&w.setAttribute("readonly",""),a&&x.append(g),x.append(w)}var E=document.createElement("span");return E.classList="silverBox-input-hint",E.textContent=null!=c?c:"",c&&x.append(E),x}function f(e,t){Object.keys(t).map((function(n){t[n]&&e.append(t[n])}))}var h=function(e){var t=e.alertIcon,n=e.customIcon,o=e.customSvgIcon,r=e.isCentred,i=void 0!==r&&r,a=e.customIconClassName,c=e.customIconId,l=e.customSvgIconClassName,s=e.customSvgIconId;if(n)return g(n,i,a,c,!1).cloneNode(!0);if(o)return g(o,i,l,s,!0).cloneNode(!0);if(y[t]){if("closeButton"===t)return y[t];var u=y[t].cloneNode(!0);return i&&u.classList.add("silverBox-centered-icon"),u}return null},y={warning:x("silverBox-warning","!"),success:x("silverBox-tick-mark","","inside"),info:x("silverBox-info","i"),error:x("silverBox-error","","x"),question:x("silverBox-question","?"),closeButton:''};function x(e,t,n){var o=document.createElement("div");if(o.classList=e,o.classList.add("silverBox-icon","silverBox-default-icon"),n){var r=document.createElement("div");r.classList=n,o.appendChild(r)}else if(t){var i=document.createElement("span");i.textContent=t,o.appendChild(i)}return o}function g(e,t,n,o,r){var i=document.createElement("div");if(i.classList.add("silverBox-image-wrapper"),t&&i.classList.add("silverBox-centered-icon"),o&&(i.id=o),n&&(i.classList+=" ".concat(n)),r)i.innerHTML+=e;else{var a=document.createElement("img");a.src=e,a.classList="silverBox-icon silverBox-custom-icon",i.append(a)}return i}var b=0;function C(e){var t=Math.floor(Math.random()*e+1);if(b!==t)return b=t;C(e)}var L=function(e){var t=e.uniqueID,n=e.timer,o=e.pauseTimerOnHover,r=void 0===o||o,i=e.showTimerBar,a=void 0===i||i,c=e.onClose,l=document.querySelectorAll(".silverBox");l=l[l.length-1];var s=document.createElement("div");s.classList="timer-bar",s.style.animation="timer ".concat(n/1e3,"s linear"),!1!==r&&l&&(l.addEventListener("mouseover",(function(){s.style.animationPlayState="paused"})),l.addEventListener("mouseout",(function(){s.style.animationPlayState="running"}))),l&&a?(l.append(s),s.addEventListener("animationend",(function(){d({uniqueID:t,timer:n,onClose:c})}))):setTimeout((function(){d({uniqueID:t,timer:n,onClose:c})}),n)},w=function(e){var n=t(t({},{name:"popUp",duration:".3s",timingFunction:"linear",delay:"0s",iterationCount:"1",direction:"normal",fillMode:"none"}),e),o=n.name,r=n.duration,i=n.timingFunction,a=n.delay,c=n.iterationCount,l=n.direction,s=n.fillMode;return"".concat(o," ").concat(r," ").concat(i," ").concat(a," ").concat(c," ").concat(l," ").concat(s)};function B(){var e,t,n=arguments.length>0&&void 0!==arguments[0]?arguments[0]:{};try{if(0===Object.keys(n).length)throw new Error("You can't create silverBox with an empty config.");"removeSilverBox"in n&&function(e){e=e.toLowerCase();var t=document.querySelectorAll(".silverBox-container");if("first"===e&&(e=1),"last"===e&&(e=t.length),"all"===e)for(var n=0;n0&&t[Number(e)-1].remove()}(n.removeSilverBox),"removeLoading"in n&&function(e){var t=document.querySelectorAll(".silverBox-button-wrapper");if(e.toLowerCase(),"first"===e&&(e=1),"last"===e&&(e=t.length),"all"===e)for(var n=0;n0&&t[Number(e)-1].childNodes.forEach((function(e){e.classList.remove("silverBox-loading-button")}))}(n.removeLoading);var o={},r={},i=document.createElement("div");i.classList="silverBox-input-container";var a=document.createElement("div");a.classList="silverBox-button-wrapper";var c=function(e){var t,n,o,r,i=e.titleConfig,a=e.icon,c=e.showCloseButton,l=e.centerContent,s=e.onCloseConfig,u=document.createElement("div");u.classList.add("silverBox-header-wrapper");var m=document.createElement("div");m.classList.add("silverBox-icon-wrapper");var v=document.createElement("h2");if(v.classList.add("silverBox-header-title"),"string"==typeof i&&(i={text:i}),null!==(t=i)&&void 0!==t&&t.customIcon){var p,f,y=h({customIcon:i.customIcon});null!==(p=i)&&void 0!==p&&p.customIconId&&(y.children[0].id=i.customIconId),null!==(f=i)&&void 0!==f&&f.customIconClassName&&(y.children[0].classList+=" ".concat(i.customIconClassName)),v.append(y)}else if(null!==(n=i)&&void 0!==n&&n.customSvgIcon){var x,g,b=h({customSvgIcon:i.customSvgIcon});null!==(x=i)&&void 0!==x&&x.customSvgIconId&&(b.children[0].id=i.customSvgIconId),null!==(g=i)&&void 0!==g&&g.customSvgIconClassName&&(b.children[0].classList+=" ".concat(i.customSvgIconClassName)),v.append(b)}else if(null!==(o=i)&&void 0!==o&&o.alertIcon){var C=h({alertIcon:i.alertIcon});v.append(C)}if(v.childElementCount>=1&&v.classList.add("silverBox-title-has-icon"),l&&v.classList.add("silverBox-title-centred"),null!==(r=i)&&void 0!==r&&r.text){var L=document.createElement("span");v.classList.add("silverBox-title-text"),L.textContent=i.text,v.append(L)}var w=document.createElement("span");return w.innerHTML=h({alertIcon:"closeButton"}),w.classList.add("silverBox-close-button"),w.addEventListener("click",(function(){d({onClose:s,element:w})})),a&&m.appendChild(a),c&&m.appendChild(w),m.childElementCount>=1&&u.append(m),i&&u.appendChild(v),u}({titleConfig:n.title,titleAlertIcon:n.titleAlertIcon,titleCustomIcon:n.titleCustomIcon,icon:h({alertIcon:n.alertIcon,customIcon:n.customIcon,isCentred:n.centerContent,customIconClassName:n.customIconClassName,customIconId:n.customIconId,customSvgIcon:n.customSvgIcon,customSvgIconClassName:n.customSvgIconClassName,customSvgIconId:n.customSvgIconId}),showCloseButton:n.showCloseButton,centerContent:n.centerContent,titleCustomIconId:n.titleCustomIconId,titleCustomIconClassName:n.titleCustomIconClassName,onCloseConfig:n.onClose});if(0!==c.childElementCount&&(o.header=c),"input"in n){var l=function(e){return{type:"type"in e?e.type:"",select:e.select,numberOnly:e.numberOnly,hint:e.hint,label:e.label,placeHolder:e.placeHolder,readOnly:e.readOnly,width:e.width,height:e.height,maxLength:e.maxLength,textAlign:e.textAlign,fontSize:e.fontSize,placeHolderFontSize:e.placeHolderFontSize,name:e.name,className:e.className,id:e.id,value:e.value}},v=function(e){"multiplyBy"in e||(e.multiplyBy=1);for(var t=1;t<=e.multiplyBy;t++)i.append(p(l(e)))};Array.isArray(n.input)?n.input.forEach((function(e){return v(e)})):v(n.input),i.childElementCount&&(r.input=i)}for(var y=0,x=[{type:"confirmButton",text:"Confirm"},{type:"denyButton",text:"Deny"},{type:"cancelButton",text:"Cancel"},{type:"customButton",text:"Custom"}];yForgot your password?",showCloseButton:!0,confirmButton:{text:"Login",closeOnClick:!1},cancelButton:{},input:[{label:"Username",type:"text",placeHolder:"Enter your username",maxLength:30},{label:"Password",type:"password",placeHolder:"Enter your password",hint:"Pick a strong password."}]}}],I=[{githubUsername:"Silverethical",position:"Lead Developer"},{githubUsername:"dofxo",position:"Developer"},{githubUsername:"fulcain",position:"Developer",showName:!0},{githubUsername:"mohammadrz1",position:"Website Designer"}];function S(e){return O.apply(this,arguments)}function O(){return(O=r(n().mark((function e(t){var o,r;return n().wrap((function(e){for(;;)switch(e.prev=e.next){case 0:return e.prev=0,e.next=3,fetch("//api.github.com/users/".concat(t));case 3:if((o=e.sent).ok){e.next=6;break}throw new Error(o.statusText);case 6:return e.next=8,o.json();case 8:return r=e.sent,e.abrupt("return",r);case 12:return e.prev=12,e.t0=e.catch(0),console.error("Request failed: ".concat(e.t0)),e.abrupt("return",!1);case 16:case"end":return e.stop()}}),e,null,[[0,12]])})))).apply(this,arguments)}function k(){return(k=r(n().mark((function e(t){var o,r,i,a,c,l,u,d,m,v,p,f,h;return n().wrap((function(e){for(;;)switch(e.prev=e.next){case 0:o=document.querySelector("#silverBox-CreditsSection"),r=document.querySelector("#silverBox-CreditsSection .silverBox-teamMembers"),i=s(t),e.prev=2,i.s();case 4:if((a=i.n()).done){e.next=16;break}return c=a.value,l=c.githubUsername,u=c.position,d=c.showName,e.next=9,S(l);case 9:m=e.sent,v=m.login,p=m.avatar_url,f=m.name,v&&(o.classList.contains("hidden")&&o.classList.remove("hidden"),(h=document.createElement("a")).classList.add("silverBox-teamMember"),h.href="//github.com/".concat(l),h.target="_blank",h.innerHTML="\n\t\t\t\t ".concat(p?''):"",'\n\t\t\t\t
\n\t\t\t\t\t

').concat(d?f:l,'

\n\t\t\t\t\t

').concat(u,"

\n\t\t\t\t
"),r.appendChild(h));case 14:e.next=4;break;case 16:e.next=21;break;case 18:e.prev=18,e.t0=e.catch(2),i.e(e.t0);case 21:return e.prev=21,i.f(),e.finish(21);case 24:case"end":return e.stop()}}),e,null,[[2,18,21,24]])})))).apply(this,arguments)}function j(e){var t=e.copy,n=e.iconElement,o=e.timeOut;navigator.clipboard.writeText(t),n&&n.classList.add("silverBox-copied"),setTimeout((function(){n&&n.classList.remove("silverBox-copied")}),o)}document.addEventListener("DOMContentLoaded",(function(){!function(e){k.apply(this,arguments)}(I)}));var A=document.querySelector("#hamburger-menu"),N=document.querySelector("#logo"),q=document.querySelector("#silverBox-header nav ul");A.addEventListener("click",(function(){q.classList.contains("show")?(A.classList.remove("rotate"),q.classList.remove("show"),N.classList.remove("hide")):(A.classList.add("rotate"),q.classList.add("show"),N.classList.add("hide"))}));var T=document.querySelector("#silverBox-header");window.addEventListener("scroll",(function(){window.scrollY>50?T.classList.add("scrolled"):T.classList.remove("scrolled")}));for(var P=document.querySelector("#silverBox-exampleSection .container"),D=function(e){var t,n=function(e,t){var n=document.createElement("div");n.classList.add("silverBox-example");var o=document.createElement("div");o.classList.add("silverBox-exampleColumn");var r=document.createElement("div");r.classList.add("silverBox-exampleExplanation"),r.textContent=e;var i=document.createElement("div");i.classList.add("silverBox-example-button-wrapper");var a=document.createElement("button");a.classList.add("silverBox-showExample","silverBox-exampleButtons"),a.textContent="Show Me";var c=document.createElement("button");c.classList.add("silverBox-copyConfig","silverBox-exampleButtons"),c.textContent="Copy Code";var l=document.createElement("div");l.classList.add("silverBox-exampleColumn"),l.classList.add("silverBox-exampleColumn-code");var s=document.createElement("div");s.classList.add("silverBox-exampleConfig");var u=document.createElement("pre");s.append(u);var d=document.createElement("code");d.textContent=t,u.append(d);var m=document.createElement("button"),v=document.createElement("img");return v.setAttribute("src","/public/src/images/copyIcon.png"),m.classList.add("silverBox-exampleCopyButton"),m.append(v),m.addEventListener("click",(function(){j({copy:t,iconElement:v,timeOut:1500})})),c.addEventListener("click",(function(){j({copy:t}),B({timer:1500,title:{text:"Code copied."},theme:"dark",position:"top-left",centerContent:!0})})),o.append(r),i.append(a,c),o.append(i),s.append(m),l.append(s),n.append(o),n.append(l),n}(E[e].explanation,"silverBox(".concat((t=E[e].config,JSON.stringify(t,null,7).replace(/"([^"]+)"\s*:/g,"$1:")),")"));P.append(n),document.querySelectorAll(".silverBox-showExample")[e].addEventListener("click",(function(){B(E[e].config)}))},H=0;H=0;--o){var i=this.tryEntries[o],a=i.completion;if("root"===i.tryLoc)return n("end");if(i.tryLoc<=this.prev){var c=r.call(i,"catchLoc"),l=r.call(i,"finallyLoc");if(c&&l){if(this.prev=0;--n){var o=this.tryEntries[n];if(o.tryLoc<=this.prev&&r.call(o,"finallyLoc")&&this.prev=0;--t){var n=this.tryEntries[t];if(n.finallyLoc===e)return this.complete(n.completion,n.afterLoc),E(n),m}},catch:function(e){for(var t=this.tryEntries.length-1;t>=0;--t){var n=this.tryEntries[t];if(n.tryLoc===e){var r=n.completion;if("throw"===r.type){var o=r.arg;E(n)}return o}}throw new Error("illegal catch attempt")},delegateYield:function(e,t,n){return this.delegate={iterator:S(e),resultName:t,nextLoc:n},"next"===this.method&&(this.arg=void 0),m}},e}function r(e,t,n,r,o,i,a){try{var c=e[i](a),l=c.value}catch(e){return void n(e)}c.done?t(l):Promise.resolve(l).then(r,o)}function o(e){return function(){var t=this,n=arguments;return new Promise((function(o,i){var a=e.apply(t,n);function c(e){r(a,o,i,c,l,"next",e)}function l(e){r(a,o,i,c,l,"throw",e)}c(void 0)}))}}function i(e,t,n){return(t=function(e){var t=function(e,t){if("object"!=typeof e||null===e)return e;var n=e[Symbol.toPrimitive];if(void 0!==n){var r=n.call(e,t||"default");if("object"!=typeof r)return r;throw new TypeError("@@toPrimitive must return a primitive value.")}return("string"===t?String:Number)(e)}(e,"string");return"symbol"==typeof t?t:String(t)}(t))in e?Object.defineProperty(e,t,{value:n,enumerable:!0,configurable:!0,writable:!0}):e[t]=n,e}function a(e,t){return function(e){if(Array.isArray(e))return e}(e)||function(e,t){var n=null==e?null:"undefined"!=typeof Symbol&&e[Symbol.iterator]||e["@@iterator"];if(null!=n){var r,o,i,a,c=[],l=!0,s=!1;try{if(i=(n=n.call(e)).next,0===t){if(Object(n)!==n)return;l=!1}else for(;!(l=(r=i.call(n)).done)&&(c.push(r.value),c.length!==t);l=!0);}catch(e){s=!0,o=e}finally{try{if(!l&&null!=n.return&&(a=n.return(),Object(a)!==a))return}finally{if(s)throw o}}return c}}(e,t)||c(e,t)||function(){throw new TypeError("Invalid attempt to destructure non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method.")}()}function c(e,t){if(e){if("string"==typeof e)return l(e,t);var n=Object.prototype.toString.call(e).slice(8,-1);return"Object"===n&&e.constructor&&(n=e.constructor.name),"Map"===n||"Set"===n?Array.from(e):"Arguments"===n||/^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(n)?l(e,t):void 0}}function l(e,t){(null==t||t>e.length)&&(t=e.length);for(var n=0,r=new Array(t);n=e.length?{done:!0}:{done:!1,value:e[r++]}},e:function(e){throw e},f:o}}throw new TypeError("Invalid attempt to iterate non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method.")}var i,a=!0,l=!1;return{s:function(){n=n.call(e)},n:function(){var e=n.next();return a=e.done,e},e:function(e){l=!0,i=e},f:function(){try{a||null==n.return||n.return()}finally{if(l)throw i}}}}function u(e){document.querySelectorAll(e).length<=0?document.body.classList.remove("stop-scrolling"):document.body.classList.add("stop-scrolling")}function d(e){var t,n=e.uniqueID,r=e.timer,o=e.onClose,i=e.element;if(r)r?(t=n,document.querySelector('[uniqueID="'.concat(t,'"]')).remove(),u(".silverBox-overlay")):i&&i.closest(".silverBox").remove();else{var a=document.querySelectorAll(".silverBox-container");a[a.length-1]&&a[a.length-1].remove(),u(".silverBox-overlay")}o&&o()}function m(e,t,n,r){var o=document.createElement("button");e.onClick&&o.addEventListener("click",e.onClick),Object.entries(e.dataAttribute||{}).map((function(e){var t=a(e,2),n=t[0],r=t[1];o.setAttribute("data-".concat(n),r)})),e.bgColor&&(o.style.backgroundColor=e.bgColor),e.borderColor&&(o.style.borderColor=e.borderColor),e.textColor&&(o.style.color=e.textColor),e.disabled&&(o.disabled=e.disabled),o.classList.add("silverBox-button",t),e.id&&(o.id=e.id),e.className&&(o.classList+=" ".concat(e.className)),!1!==e.closeOnClick&&o.addEventListener("click",(function(){d({onClose:r})})),!1!==e.loadingAnimation&&o.addEventListener("click",(function(){o.classList.add("silverBox-loading-button")}));var i,c=document.createElement("span");return c.classList="silverBox-button-text",c.textContent=e.text?e.text:n,o.append(v(e.iconStart||""),c,((i=document.createElement("span")).classList.add("silverBox-button-loading-animation"),i),v(e.iconEnd||"")),o}function v(e){if(!e)return"";var t=document.createElement("img");return t.src=e,t.classList="silverBox-button-icon",t}function p(e){var t=e.type,n=e.select,r=e.numberOnly,o=e.placeHolder,i=e.readOnly,a=e.label,c=e.hint,l=e.width,s=e.height,u=e.maxLength,d=e.textAlign,m=e.fontSize,v=e.placeHolderFontSize,p=e.name,f=e.className,h=e.id,y=e.value,x=document.createElement("div");x.classList="silverBox-input-wrapper";var g=document.createElement("label");if(g.textContent=a,n){var b=document.createElement("select");b.classList="silverBox-select",n.map((function(e){var t,n,r,o=document.createElement("option");o.value=null!==(t=e.value)&&void 0!==t?t:"",o.textContent=null!==(n=null!==(r=e.text)&&void 0!==r?r:e.value)&&void 0!==n?n:"",e.disabled&&o.setAttribute("disabled",""),e.selected&&o.setAttribute("selected",""),b.append(o)})),x.append(b)}else{var C,w="textarea"===t.toLowerCase(),L=document.createElement(w?"textarea":"input");!w&&t&&L.setAttribute("type",t),L.value=null!=y?y:"",o&&(L.placeholder=o),u&&(L.maxLength=u),d&&(L.style.textAlign=d),l&&(L.style.width=l),s&&(L.style.height=s),m&&(L.style.fontSize=m),r&&L.addEventListener("input",(function(){L.value=L.value.replace(/[۰-۹]/g,(function(e){return"۰۱۲۳۴۵۶۷۸۹.".indexOf(e)})).replace(/[^0-9.]/g,"")}));var B=null!==(C=null!=v?v:m)&&void 0!==C&&C;!1!==B&&L.style.setProperty("--silverBox-placeHolder-fontSize",B),p&&(L.name=p),f&&(L.classList+=" ".concat(f)),h&&(L.id=h),l&&(x.style.width="fit-content"),i&&L.setAttribute("readonly",""),a&&x.append(g),x.append(L)}var E=document.createElement("span");return E.classList="silverBox-input-hint",E.textContent=null!=c?c:"",c&&x.append(E),x}function f(e,t){Object.keys(t).map((function(n){t[n]&&e.append(t[n])}))}var h=function(e){var t=e.alertIcon,n=e.customIcon,r=e.customSvgIcon,o=e.isCentred,i=void 0!==o&&o,a=e.customIconClassName,c=e.customIconId,l=e.customSvgIconClassName,s=e.customSvgIconId;if(n)return g(n,i,a,c,!1).cloneNode(!0);if(r)return g(r,i,l,s,!0).cloneNode(!0);if(y[t]){if("closeButton"===t)return y[t];var u=y[t].cloneNode(!0);return i&&u.classList.add("silverBox-centered-icon"),u}return null},y={warning:x("silverBox-warning","!"),success:x("silverBox-tick-mark","","inside"),info:x("silverBox-info","i"),error:x("silverBox-error","","x"),question:x("silverBox-question","?"),closeButton:''};function x(e,t,n){var r=document.createElement("div");if(r.classList=e,r.classList.add("silverBox-icon","silverBox-default-icon"),n){var o=document.createElement("div");o.classList=n,r.appendChild(o)}else if(t){var i=document.createElement("span");i.textContent=t,r.appendChild(i)}return r}function g(e,t,n,r,o){var i=document.createElement("div");if(i.classList.add("silverBox-image-wrapper"),t&&i.classList.add("silverBox-centered-icon"),r&&(i.id=r),n&&(i.classList+=" ".concat(n)),o)i.innerHTML+=e;else{var a=document.createElement("img");a.src=e,a.classList="silverBox-icon silverBox-custom-icon",i.append(a)}return i}var b=0;function C(e){var t=Math.floor(Math.random()*e+1);if(b!==t)return b=t;C(e)}var w=function(e){var t=e.uniqueID,n=e.timerConfig,r=e.onClose;"showBar"in n||(n.showBar=!0),"pauseOnHover"in n||(n.pauseOnHover=!0);var o=document.querySelectorAll(".silverBox");o=o[o.length-1];var i=document.createElement("div");i.classList="timer-bar";var a=document.createElement("div");a.classList="timer-bar-wrapper",a.append(i),i.style.animation="timer ".concat(n.timer/1e3,"s linear"),!1!==(null==n?void 0:n.pauseOnHover)&&o&&(o.addEventListener("mouseover",(function(){i.style.animationPlayState="paused"})),o.addEventListener("mouseout",(function(){i.style.animationPlayState="running"}))),o&&null!=n&&n.showBar?(o.append(a),i.addEventListener("animationend",(function(){d({uniqueID:t,timer:n.timer,onClose:r})}))):setTimeout((function(){d({uniqueID:t,timer:n.timer,onClose:r})}),n.timer)},L=function(e){var n=t(t({},{name:"popUp",duration:".3s",timingFunction:"linear",delay:"0s",iterationCount:"1",direction:"normal",fillMode:"none"}),e),r=n.name,o=n.duration,i=n.timingFunction,a=n.delay,c=n.iterationCount,l=n.direction,s=n.fillMode;return"".concat(r," ").concat(o," ").concat(i," ").concat(a," ").concat(c," ").concat(l," ").concat(s)};function B(){var e,t=arguments.length>0&&void 0!==arguments[0]?arguments[0]:{};try{if(0===Object.keys(t).length)throw new Error("You can't create silverBox with an empty config.");"removeSilverBox"in t&&function(e){e=e.toLowerCase();var t=document.querySelectorAll(".silverBox-container");if("first"===e&&(e=1),"last"===e&&(e=t.length),"all"===e)for(var n=0;n0&&t[Number(e)-1].remove()}(t.removeSilverBox),"removeLoading"in t&&function(e){var t=document.querySelectorAll(".silverBox-button-wrapper");if(e.toLowerCase(),"first"===e&&(e=1),"last"===e&&(e=t.length),"all"===e)for(var n=0;n0&&t[Number(e)-1].childNodes.forEach((function(e){e.classList.remove("silverBox-loading-button")}))}(t.removeLoading);var n={},r={},o=document.createElement("div");o.classList="silverBox-input-container";var i=document.createElement("div");i.classList="silverBox-button-wrapper";var a=function(e){var t,n,r,o,i=e.titleConfig,a=e.icon,c=e.showCloseButton,l=e.centerContent,s=e.onCloseConfig,u=document.createElement("div");u.classList.add("silverBox-header-wrapper");var m=document.createElement("div");m.classList.add("silverBox-icon-wrapper");var v=document.createElement("h2");if(v.classList.add("silverBox-header-title"),"string"==typeof i&&(i={text:i}),null!==(t=i)&&void 0!==t&&t.customIcon){var p,f,y=h({customIcon:i.customIcon});null!==(p=i)&&void 0!==p&&p.customIconId&&(y.children[0].id=i.customIconId),null!==(f=i)&&void 0!==f&&f.customIconClassName&&(y.children[0].classList+=" ".concat(i.customIconClassName)),v.append(y)}else if(null!==(n=i)&&void 0!==n&&n.customSvgIcon){var x,g,b=h({customSvgIcon:i.customSvgIcon});null!==(x=i)&&void 0!==x&&x.customSvgIconId&&(b.children[0].id=i.customSvgIconId),null!==(g=i)&&void 0!==g&&g.customSvgIconClassName&&(b.children[0].classList+=" ".concat(i.customSvgIconClassName)),v.append(b)}else if(null!==(r=i)&&void 0!==r&&r.alertIcon){var C=h({alertIcon:i.alertIcon});v.append(C)}if(v.childElementCount>=1&&v.classList.add("silverBox-title-has-icon"),l&&v.classList.add("silverBox-title-centred"),null!==(o=i)&&void 0!==o&&o.text){var w=document.createElement("span");v.classList.add("silverBox-title-text"),w.textContent=i.text,v.append(w)}var L=document.createElement("span");return L.innerHTML=h({alertIcon:"closeButton"}),L.classList.add("silverBox-close-button"),L.addEventListener("click",(function(){d({onClose:s,element:L})})),a&&m.appendChild(a),c&&m.appendChild(L),m.childElementCount>=1&&u.append(m),i&&u.appendChild(v),u}({titleConfig:t.title,titleAlertIcon:t.titleAlertIcon,titleCustomIcon:t.titleCustomIcon,icon:h({alertIcon:t.alertIcon,customIcon:t.customIcon,isCentred:t.centerContent,customIconClassName:t.customIconClassName,customIconId:t.customIconId,customSvgIcon:t.customSvgIcon,customSvgIconClassName:t.customSvgIconClassName,customSvgIconId:t.customSvgIconId}),showCloseButton:t.showCloseButton,centerContent:t.centerContent,titleCustomIconId:t.titleCustomIconId,titleCustomIconClassName:t.titleCustomIconClassName,onCloseConfig:t.onClose});if(0!==a.childElementCount&&(n.header=a),"input"in t){var c=function(e){return{type:"type"in e?e.type:"",select:e.select,numberOnly:e.numberOnly,hint:e.hint,label:e.label,placeHolder:e.placeHolder,readOnly:e.readOnly,width:e.width,height:e.height,maxLength:e.maxLength,textAlign:e.textAlign,fontSize:e.fontSize,placeHolderFontSize:e.placeHolderFontSize,name:e.name,className:e.className,id:e.id,value:e.value}},l=function(e){"multiplyBy"in e||(e.multiplyBy=1);for(var t=1;t<=e.multiplyBy;t++)o.append(p(c(e)))};Array.isArray(t.input)?t.input.forEach((function(e){return l(e)})):l(t.input),o.childElementCount&&(r.input=o)}for(var v=0,y=[{type:"confirmButton",text:"Confirm"},{type:"denyButton",text:"Deny"},{type:"cancelButton",text:"Cancel"},{type:"customButton",text:"Custom"}];vForgot your password?",showCloseButton:!0,confirmButton:{text:"Login",closeOnClick:!1},cancelButton:{},input:[{label:"Username",type:"text",placeHolder:"Enter your username",maxLength:30},{label:"Password",type:"password",placeHolder:"Enter your password",hint:"Pick a strong password."}]}}],I=[{githubUsername:"Silverethical",position:"Lead Developer"},{githubUsername:"dofxo",position:"Developer"},{githubUsername:"fulcain",position:"Developer",showName:!0},{githubUsername:"mohammadrz1",position:"Website Designer"}];function S(e){return O.apply(this,arguments)}function O(){return(O=o(n().mark((function e(t){var r,o;return n().wrap((function(e){for(;;)switch(e.prev=e.next){case 0:return e.prev=0,e.next=3,fetch("//api.github.com/users/".concat(t));case 3:if((r=e.sent).ok){e.next=6;break}throw new Error(r.statusText);case 6:return e.next=8,r.json();case 8:return o=e.sent,e.abrupt("return",o);case 12:return e.prev=12,e.t0=e.catch(0),console.error("Request failed: ".concat(e.t0)),e.abrupt("return",!1);case 16:case"end":return e.stop()}}),e,null,[[0,12]])})))).apply(this,arguments)}function k(){return(k=o(n().mark((function e(t){var r,o,i,a,c,l,u,d,m,v,p,f,h;return n().wrap((function(e){for(;;)switch(e.prev=e.next){case 0:r=document.querySelector("#silverBox-CreditsSection"),o=document.querySelector("#silverBox-CreditsSection .silverBox-teamMembers"),i=s(t),e.prev=2,i.s();case 4:if((a=i.n()).done){e.next=16;break}return c=a.value,l=c.githubUsername,u=c.position,d=c.showName,e.next=9,S(l);case 9:m=e.sent,v=m.login,p=m.avatar_url,f=m.name,v&&(r.classList.contains("hidden")&&r.classList.remove("hidden"),(h=document.createElement("a")).classList.add("silverBox-teamMember"),h.href="//github.com/".concat(l),h.target="_blank",h.innerHTML="\n\t\t\t\t ".concat(p?''):"",'\n\t\t\t\t
\n\t\t\t\t\t

').concat(d?f:l,'

\n\t\t\t\t\t

').concat(u,"

\n\t\t\t\t
"),o.appendChild(h));case 14:e.next=4;break;case 16:e.next=21;break;case 18:e.prev=18,e.t0=e.catch(2),i.e(e.t0);case 21:return e.prev=21,i.f(),e.finish(21);case 24:case"end":return e.stop()}}),e,null,[[2,18,21,24]])})))).apply(this,arguments)}function j(e){var t=e.copy,n=e.iconElement,r=e.timeOut;navigator.clipboard.writeText(t),n&&n.classList.add("silverBox-copied"),setTimeout((function(){n&&n.classList.remove("silverBox-copied")}),r)}document.addEventListener("DOMContentLoaded",(function(){!function(e){k.apply(this,arguments)}(I)}));var A=document.querySelector("#hamburger-menu"),N=document.querySelector("#logo"),q=document.querySelector("#silverBox-header nav ul");A.addEventListener("click",(function(){q.classList.contains("show")?(A.classList.remove("rotate"),q.classList.remove("show"),N.classList.remove("hide")):(A.classList.add("rotate"),q.classList.add("show"),N.classList.add("hide"))}));var P=document.querySelector("#silverBox-header");window.addEventListener("scroll",(function(){window.scrollY>50?P.classList.add("scrolled"):P.classList.remove("scrolled")}));for(var T=document.querySelector("#silverBox-exampleSection .container"),D=function(e){var t,n=function(e,t){var n=document.createElement("div");n.classList.add("silverBox-example");var r=document.createElement("div");r.classList.add("silverBox-exampleColumn");var o=document.createElement("div");o.classList.add("silverBox-exampleExplanation"),o.textContent=e;var i=document.createElement("div");i.classList.add("silverBox-example-button-wrapper");var a=document.createElement("button");a.classList.add("silverBox-showExample","silverBox-exampleButtons"),a.textContent="Show Me";var c=document.createElement("button");c.classList.add("silverBox-copyConfig","silverBox-exampleButtons"),c.textContent="Copy Code";var l=document.createElement("div");l.classList.add("silverBox-exampleColumn"),l.classList.add("silverBox-exampleColumn-code");var s=document.createElement("div");s.classList.add("silverBox-exampleConfig");var u=document.createElement("pre");s.append(u);var d=document.createElement("code");d.textContent=t,u.append(d);var m=document.createElement("button"),v=document.createElement("img");return v.setAttribute("src","/public/src/images/copyIcon.png"),m.classList.add("silverBox-exampleCopyButton"),m.append(v),m.addEventListener("click",(function(){j({copy:t,iconElement:v,timeOut:1500})})),c.addEventListener("click",(function(){j({copy:t}),B({timer:1500,title:{text:"Code copied."},theme:"dark",position:"top-left",centerContent:!0})})),r.append(o),i.append(a,c),r.append(i),s.append(m),l.append(s),n.append(r),n.append(l),n}(E[e].explanation,"silverBox(".concat((t=E[e].config,JSON.stringify(t,null,7).replace(/"([^"]+)"\s*:/g,"$1:")),")"));T.append(n),document.querySelectorAll(".silverBox-showExample")[e].addEventListener("click",(function(){B(E[e].config)}))},H=0;H { - // form preventDefault - e.preventDefault(); - }); - - // appends the form into the silverBoxModal - silverBoxModal.append(form); - } - - // append the components items (header,body,footer) to the silverBox/form - appendingToModal(isInput ? form : silverBoxModal, components); + // append the components items (header,body,footer) to the silverBox + appendingToModal(silverBoxModal, components); // if silverBox is not empty, it will be added to it's overlay if (silverBoxModal.childElementCount !== 0) overlay.append(silverBoxModal); @@ -685,7 +663,7 @@ function silverBoxHeaderComponent({ * @param {String} components - The array of components to be appended. * @returns {HTMLElement} - The created body wrapper element. */ -function silverBoxBodyComponent({ htmlText, bodyText, components }) { +function silverBoxBodyComponent({ htmlText, bodyText, components, isInput }) { // create bodyWrapper for html,text,inputComponent,buttonComponent const bodyWrapper = document.createElement("div"); @@ -718,8 +696,28 @@ function silverBoxBodyComponent({ htmlText, bodyText, components }) { bodyWrapper.appendChild(textStructure); } + // Create form variable to contain a form element if it's needed + let form; + + // checks if we have inputs in the given config, if true the elements will be added to a form elements, else there will be no form elements + if (isInput) { + // create form element for inputs + form = document.createElement("form"); + + // add classlist to form element + form.classList.add("silverBox-form"); + + // submit event listener for silverBox form + form.addEventListener("submit", (e) => { + // form preventDefault + e.preventDefault(); + }); + + // appends the form into the bodyWrapper + bodyWrapper.append(form); + } // append all components to modal by calling the "appendingToModal" helper function - appendingToModal(bodyWrapper, components); + appendingToModal(form ? form : bodyWrapper, components); return bodyWrapper; } @@ -827,26 +825,30 @@ function silverBoxRemoveLoadings(animationIndex) { // imports -const silverBoxTimerBar = ({ - uniqueID, - timer, - pauseTimerOnHover = true, - showTimerBar = true, - onClose, -}) => { +const silverBoxTimerBar = ({ uniqueID, timerConfig, onClose }) => { + // gives the pauseOnHover and showBar config in timer a default value if they're not given + if (!("showBar" in timerConfig)) timerConfig.showBar = true; + if (!("pauseOnHover" in timerConfig)) timerConfig.pauseOnHover = true; + // select silverBox to append the timerBar element let silverBox = document.querySelectorAll(".silverBox"); silverBox = silverBox[silverBox.length - 1]; - // create a timerBar element to track the remaining time before closing the silverBox + // create a timerBar element with it's wrapper to track the remaining time before closing the silverBox const timerBar = document.createElement("div"); timerBar.classList = "timer-bar"; + const timerBarWrapper = document.createElement("div"); + timerBarWrapper.classList = "timer-bar-wrapper"; + + // appends the timerBar inside a wrapper + timerBarWrapper.append(timerBar); + // defining the animation duration based on the given timer - timerBar.style.animation = `timer ${timer / 1000}s linear`; + timerBar.style.animation = `timer ${timerConfig.timer / 1000}s linear`; // checks if the pauseTimerOnHover config is not false (it could either be ) - if (pauseTimerOnHover !== false && silverBox) { + if (timerConfig?.pauseOnHover !== false && silverBox) { silverBox.addEventListener("mouseover", () => { timerBar.style.animationPlayState = "paused"; }); @@ -856,14 +858,14 @@ const silverBoxTimerBar = ({ } // appending the timerBar to silverBox, if users wants it - if (silverBox && showTimerBar) { - silverBox.append(timerBar); + if (silverBox && timerConfig?.showBar) { + silverBox.append(timerBarWrapper); // removes the specific element after the given timeout timerBar.addEventListener("animationend", () => { silverBoxClose({ uniqueID, - timer, + timer: timerConfig.timer, onClose, }); }); @@ -871,10 +873,10 @@ const silverBoxTimerBar = ({ setTimeout(() => { silverBoxClose({ uniqueID, - timer, + timer: timerConfig.timer, onClose, }); - }, timer); + }, timerConfig.timer); } }; @@ -1077,6 +1079,7 @@ function silverBox(config = {}) { htmlText: config.html, bodyText: config.text, components: bodyComponents, + isInput: config.input, }); // Adds "bodyComponentConfig" to "components" object to append it inside silverBox if it's not empty. @@ -1095,12 +1098,11 @@ function silverBox(config = {}) { * @param {Boolean} isInputValue - Determines if the modal box contains an input field. * @returns {void} */ - const modalSampleConfig = (className, isInputValue) => + const modalSampleConfig = (className) => document.body.append( createSilverBox({ components: components, positionClassName: className, - isInput: isInputValue, theme: config.theme, direction: config.direction, centerContent: config.centerContent, @@ -1114,10 +1116,8 @@ function silverBox(config = {}) { ? `silverBox-${config.position}` : "silverBox-overlay"; - // Calls "modalSampleConfig" with value provided from "position" and ""input" in config" to create silverBox. - if (Object.keys(components).length !== 0) { - modalSampleConfig(position, "input" in config); - } + // Calls "modalSampleConfig" with value provided from "position" to create silverBox. + if (Object.keys(components).length !== 0) modalSampleConfig(position); // Select "silverBoxWrapper" let silverBoxWrapper = document.querySelectorAll(".silverBox-container"); @@ -1135,10 +1135,14 @@ function silverBox(config = {}) { silverBoxWrapper.setAttribute("uniqueID", uniqueID); } + // changes the title config to an object if the given value is a number, so as a result we can use this config as either an object or a number. + if (typeof config.timer === "number") + config.timer = { timer: config.timer }; + // Handle the timerBar functionalities silverBoxTimerBar({ uniqueID, - timer: config.timer, + timerConfig: config.timer, pauseTimerOnHover: config.pauseTimerOnHover, showTimerBar: config.showTimerBar, onClose: config.onClose, diff --git a/public/dist/js/silverBox.min.js b/public/dist/js/silverBox.min.js index 842d558..30981d3 100644 --- a/public/dist/js/silverBox.min.js +++ b/public/dist/js/silverBox.min.js @@ -1 +1 @@ -function ownKeys(e,t){var n=Object.keys(e);if(Object.getOwnPropertySymbols){var o=Object.getOwnPropertySymbols(e);t&&(o=o.filter((function(t){return Object.getOwnPropertyDescriptor(e,t).enumerable}))),n.push.apply(n,o)}return n}function _objectSpread2(e){for(var t=1;te.length)&&(t=e.length);for(var n=0,o=new Array(t);n'};function createIcon(e,t,n){var o=document.createElement("div");if(o.classList=e,o.classList.add("silverBox-icon","silverBox-default-icon"),n){var r=document.createElement("div");r.classList=n,o.appendChild(r)}else if(t){var i=document.createElement("span");i.textContent=t,o.appendChild(i)}return o}function silverBoxCreateCustomIcon(e,t,n,o,r){var i=document.createElement("div");if(i.classList.add("silverBox-image-wrapper"),t&&i.classList.add("silverBox-centered-icon"),o&&(i.id=o),n&&(i.classList+=" ".concat(n)),r)i.innerHTML+=e;else{var l=document.createElement("img");l.src=e,l.classList="silverBox-icon silverBox-custom-icon",i.append(l)}return i}var n=0;function silverBoxUniqueNumberMaker(e){var t=Math.floor(Math.random()*e+1);if(n!==t)return n=t;silverBoxUniqueNumberMaker(e)}var o=function applyAnimation(e){var t=_objectSpread2(_objectSpread2({},{name:"popUp",duration:".3s",timingFunction:"linear",delay:"0s",iterationCount:"1",direction:"normal",fillMode:"none"}),e),n=t.name,o=t.duration,r=t.timingFunction,i=t.delay,l=t.iterationCount,a=t.direction,s=t.fillMode;return"".concat(n," ").concat(o," ").concat(r," ").concat(i," ").concat(l," ").concat(a," ").concat(s)};function silverBox(){var t=arguments.length>0&&void 0!==arguments[0]?arguments[0]:{};try{if(0===Object.keys(t).length)throw new Error("You can't create silverBox with an empty config.");"removeSilverBox"in t&&function removeAllSilverBoxes(e){e=e.toLowerCase();var t=document.querySelectorAll(".silverBox-container");if("first"===e&&(e=1),"last"===e&&(e=t.length),"all"===e)for(var n=0;n0&&t[Number(e)-1].remove()}(t.removeSilverBox),"removeLoading"in t&&function silverBoxRemoveLoadings(e){var t=document.querySelectorAll(".silverBox-button-wrapper");if(e.toLowerCase(),"first"===e&&(e=1),"last"===e&&(e=t.length),"all"===e)for(var n=0;n0&&t[Number(e)-1].childNodes.forEach((function(e){e.classList.remove("silverBox-loading-button")}))}(t.removeLoading);var n={},r={},i=document.createElement("div");i.classList="silverBox-input-container";var l=document.createElement("div");l.classList="silverBox-button-wrapper";var a=function silverBoxHeaderComponent(t){var n,o,r,i,l=t.titleConfig,a=t.icon,s=t.showCloseButton,c=t.centerContent,u=t.onCloseConfig,d=document.createElement("div");d.classList.add("silverBox-header-wrapper");var m=document.createElement("div");m.classList.add("silverBox-icon-wrapper");var v=document.createElement("h2");if(v.classList.add("silverBox-header-title"),"string"==typeof l&&(l={text:l}),null!==(n=l)&&void 0!==n&&n.customIcon){var p,f,y=e({customIcon:l.customIcon});null!==(p=l)&&void 0!==p&&p.customIconId&&(y.children[0].id=l.customIconId),null!==(f=l)&&void 0!==f&&f.customIconClassName&&(y.children[0].classList+=" ".concat(l.customIconClassName)),v.append(y)}else if(null!==(o=l)&&void 0!==o&&o.customSvgIcon){var x,B,C=e({customSvgIcon:l.customSvgIcon});null!==(x=l)&&void 0!==x&&x.customSvgIconId&&(C.children[0].id=l.customSvgIconId),null!==(B=l)&&void 0!==B&&B.customSvgIconClassName&&(C.children[0].classList+=" ".concat(l.customSvgIconClassName)),v.append(C)}else if(null!==(r=l)&&void 0!==r&&r.alertIcon){var b=e({alertIcon:l.alertIcon});v.append(b)}if(v.childElementCount>=1&&v.classList.add("silverBox-title-has-icon"),c&&v.classList.add("silverBox-title-centred"),null!==(i=l)&&void 0!==i&&i.text){var h=document.createElement("span");v.classList.add("silverBox-title-text"),h.textContent=l.text,v.append(h)}var g=document.createElement("span");return g.innerHTML=e({alertIcon:"closeButton"}),g.classList.add("silverBox-close-button"),g.addEventListener("click",(function(){silverBoxClose({onClose:u,element:g})})),a&&m.appendChild(a),s&&m.appendChild(g),m.childElementCount>=1&&d.append(m),l&&d.appendChild(v),d}({titleConfig:t.title,titleAlertIcon:t.titleAlertIcon,titleCustomIcon:t.titleCustomIcon,icon:e(function iconsConfig(){return{alertIcon:t.alertIcon,customIcon:t.customIcon,isCentred:t.centerContent,customIconClassName:t.customIconClassName,customIconId:t.customIconId,customSvgIcon:t.customSvgIcon,customSvgIconClassName:t.customSvgIconClassName,customSvgIconId:t.customSvgIconId}}()),showCloseButton:t.showCloseButton,centerContent:t.centerContent,titleCustomIconId:t.titleCustomIconId,titleCustomIconClassName:t.titleCustomIconClassName,onCloseConfig:t.onClose});if(0!==a.childElementCount&&(n.header=a),"input"in t){var s=function inputConfig(e){return{type:"type"in e?e.type:"",select:e.select,numberOnly:e.numberOnly,hint:e.hint,label:e.label,placeHolder:e.placeHolder,readOnly:e.readOnly,width:e.width,height:e.height,maxLength:e.maxLength,textAlign:e.textAlign,fontSize:e.fontSize,placeHolderFontSize:e.placeHolderFontSize,name:e.name,className:e.className,id:e.id,value:e.value}},c=function multiplyByCheck(e){"multiplyBy"in e||(e.multiplyBy=1);for(var t=1;t<=e.multiplyBy;t++)i.append(silverBoxInputComponent(s(e)))};Array.isArray(t.input)?t.input.forEach((function(e){return c(e)})):c(t.input),i.childElementCount&&(r.input=i)}for(var u=0,d=[{type:"confirmButton",text:"Confirm"},{type:"denyButton",text:"Deny"},{type:"cancelButton",text:"Cancel"},{type:"customButton",text:"Custom"}];u=e.length?{done:!0}:{done:!1,value:e[o++]}},e:function(e){throw e},f:F}}throw new TypeError("Invalid attempt to iterate non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method.")}var r,i=!0,l=!1;return{s:function(){n=n.call(e)},n:function(){var e=n.next();return i=e.done,e},e:function(e){l=!0,r=e},f:function(){try{i||null==n.return||n.return()}finally{if(l)throw r}}}}(x);try{var b=function _loop(){var e=B.value;e.addEventListener("click",(function(n){n.target===e&&silverBoxClose({onClose:t.onClose,element:e}),silverBoxDisableScroll(".silverBox-overlay")}))};for(C.s();!(B=C.n()).done;)b()}catch(e){C.e(e)}finally{C.f()}}silverBoxDisableScroll(".silverBox-overlay"),"silverBoxId"in t&&(f.id=t.silverBoxId),"silverBoxClassName"in t&&(f.classList+=" ".concat(t.silverBoxClassName));var h=document.querySelector(".silverBox");"animation"in t&&(h.style.animation=Array.isArray(t.animation)?t.animation.map((function(e){return o(e)})).join(", "):o(t.animation))}catch(e){return console.error(e),!1}}export{silverBox as default}; +function ownKeys(e,t){var n=Object.keys(e);if(Object.getOwnPropertySymbols){var o=Object.getOwnPropertySymbols(e);t&&(o=o.filter((function(t){return Object.getOwnPropertyDescriptor(e,t).enumerable}))),n.push.apply(n,o)}return n}function _objectSpread2(e){for(var t=1;te.length)&&(t=e.length);for(var n=0,o=new Array(t);n'};function createIcon(e,t,n){var o=document.createElement("div");if(o.classList=e,o.classList.add("silverBox-icon","silverBox-default-icon"),n){var r=document.createElement("div");r.classList=n,o.appendChild(r)}else if(t){var i=document.createElement("span");i.textContent=t,o.appendChild(i)}return o}function silverBoxCreateCustomIcon(e,t,n,o,r){var i=document.createElement("div");if(i.classList.add("silverBox-image-wrapper"),t&&i.classList.add("silverBox-centered-icon"),o&&(i.id=o),n&&(i.classList+=" ".concat(n)),r)i.innerHTML+=e;else{var l=document.createElement("img");l.src=e,l.classList="silverBox-icon silverBox-custom-icon",i.append(l)}return i}var n=0;function silverBoxUniqueNumberMaker(e){var t=Math.floor(Math.random()*e+1);if(n!==t)return n=t;silverBoxUniqueNumberMaker(e)}var o=function applyAnimation(e){var t=_objectSpread2(_objectSpread2({},{name:"popUp",duration:".3s",timingFunction:"linear",delay:"0s",iterationCount:"1",direction:"normal",fillMode:"none"}),e),n=t.name,o=t.duration,r=t.timingFunction,i=t.delay,l=t.iterationCount,a=t.direction,s=t.fillMode;return"".concat(n," ").concat(o," ").concat(r," ").concat(i," ").concat(l," ").concat(a," ").concat(s)};function silverBox(){var t=arguments.length>0&&void 0!==arguments[0]?arguments[0]:{};try{if(0===Object.keys(t).length)throw new Error("You can't create silverBox with an empty config.");"removeSilverBox"in t&&function removeAllSilverBoxes(e){e=e.toLowerCase();var t=document.querySelectorAll(".silverBox-container");if("first"===e&&(e=1),"last"===e&&(e=t.length),"all"===e)for(var n=0;n0&&t[Number(e)-1].remove()}(t.removeSilverBox),"removeLoading"in t&&function silverBoxRemoveLoadings(e){var t=document.querySelectorAll(".silverBox-button-wrapper");if(e.toLowerCase(),"first"===e&&(e=1),"last"===e&&(e=t.length),"all"===e)for(var n=0;n0&&t[Number(e)-1].childNodes.forEach((function(e){e.classList.remove("silverBox-loading-button")}))}(t.removeLoading);var n={},r={},i=document.createElement("div");i.classList="silverBox-input-container";var l=document.createElement("div");l.classList="silverBox-button-wrapper";var a=function silverBoxHeaderComponent(t){var n,o,r,i,l=t.titleConfig,a=t.icon,s=t.showCloseButton,c=t.centerContent,u=t.onCloseConfig,d=document.createElement("div");d.classList.add("silverBox-header-wrapper");var m=document.createElement("div");m.classList.add("silverBox-icon-wrapper");var v=document.createElement("h2");if(v.classList.add("silverBox-header-title"),"string"==typeof l&&(l={text:l}),null!==(n=l)&&void 0!==n&&n.customIcon){var p,f,y=e({customIcon:l.customIcon});null!==(p=l)&&void 0!==p&&p.customIconId&&(y.children[0].id=l.customIconId),null!==(f=l)&&void 0!==f&&f.customIconClassName&&(y.children[0].classList+=" ".concat(l.customIconClassName)),v.append(y)}else if(null!==(o=l)&&void 0!==o&&o.customSvgIcon){var x,B,C=e({customSvgIcon:l.customSvgIcon});null!==(x=l)&&void 0!==x&&x.customSvgIconId&&(C.children[0].id=l.customSvgIconId),null!==(B=l)&&void 0!==B&&B.customSvgIconClassName&&(C.children[0].classList+=" ".concat(l.customSvgIconClassName)),v.append(C)}else if(null!==(r=l)&&void 0!==r&&r.alertIcon){var b=e({alertIcon:l.alertIcon});v.append(b)}if(v.childElementCount>=1&&v.classList.add("silverBox-title-has-icon"),c&&v.classList.add("silverBox-title-centred"),null!==(i=l)&&void 0!==i&&i.text){var h=document.createElement("span");v.classList.add("silverBox-title-text"),h.textContent=l.text,v.append(h)}var g=document.createElement("span");return g.innerHTML=e({alertIcon:"closeButton"}),g.classList.add("silverBox-close-button"),g.addEventListener("click",(function(){silverBoxClose({onClose:u,element:g})})),a&&m.appendChild(a),s&&m.appendChild(g),m.childElementCount>=1&&d.append(m),l&&d.appendChild(v),d}({titleConfig:t.title,titleAlertIcon:t.titleAlertIcon,titleCustomIcon:t.titleCustomIcon,icon:e(function iconsConfig(){return{alertIcon:t.alertIcon,customIcon:t.customIcon,isCentred:t.centerContent,customIconClassName:t.customIconClassName,customIconId:t.customIconId,customSvgIcon:t.customSvgIcon,customSvgIconClassName:t.customSvgIconClassName,customSvgIconId:t.customSvgIconId}}()),showCloseButton:t.showCloseButton,centerContent:t.centerContent,titleCustomIconId:t.titleCustomIconId,titleCustomIconClassName:t.titleCustomIconClassName,onCloseConfig:t.onClose});if(0!==a.childElementCount&&(n.header=a),"input"in t){var s=function inputConfig(e){return{type:"type"in e?e.type:"",select:e.select,numberOnly:e.numberOnly,hint:e.hint,label:e.label,placeHolder:e.placeHolder,readOnly:e.readOnly,width:e.width,height:e.height,maxLength:e.maxLength,textAlign:e.textAlign,fontSize:e.fontSize,placeHolderFontSize:e.placeHolderFontSize,name:e.name,className:e.className,id:e.id,value:e.value}},c=function multiplyByCheck(e){"multiplyBy"in e||(e.multiplyBy=1);for(var t=1;t<=e.multiplyBy;t++)i.append(silverBoxInputComponent(s(e)))};Array.isArray(t.input)?t.input.forEach((function(e){return c(e)})):c(t.input),i.childElementCount&&(r.input=i)}for(var u=0,d=[{type:"confirmButton",text:"Confirm"},{type:"denyButton",text:"Deny"},{type:"cancelButton",text:"Cancel"},{type:"customButton",text:"Custom"}];u=e.length?{done:!0}:{done:!1,value:e[o++]}},e:function(e){throw e},f:F}}throw new TypeError("Invalid attempt to iterate non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method.")}var r,i=!0,l=!1;return{s:function(){n=n.call(e)},n:function(){var e=n.next();return i=e.done,e},e:function(e){l=!0,r=e},f:function(){try{i||null==n.return||n.return()}finally{if(l)throw r}}}}(x);try{var b=function _loop(){var e=B.value;e.addEventListener("click",(function(n){n.target===e&&silverBoxClose({onClose:t.onClose,element:e}),silverBoxDisableScroll(".silverBox-overlay")}))};for(C.s();!(B=C.n()).done;)b()}catch(e){C.e(e)}finally{C.f()}}silverBoxDisableScroll(".silverBox-overlay"),"silverBoxId"in t&&(f.id=t.silverBoxId),"silverBoxClassName"in t&&(f.classList+=" ".concat(t.silverBoxClassName));var h=document.querySelector(".silverBox");"animation"in t&&(h.style.animation=Array.isArray(t.animation)?t.animation.map((function(e){return o(e)})).join(", "):o(t.animation))}catch(e){return console.error(e),!1}}export{silverBox as default};