*{--font: system-ui, -apple-system, "Segoe UI", Roboto, Oxygen, Ubuntu, Cantarell, "Fira Sans", "Droid Sans", "Helvetica Neue", sans-serif;--brand-hue: 30;--brand-saturation: 50%;--brand-lightness: 97%;--light-basic: hsl(var(--brand-hue) 0% 100%);--light-reverse: hsl(var(--brand-hue) 0% 0%);--light-background: hsl( var(--brand-hue) var(--brand-saturation) var(--brand-lightness) );--light-text: hsl(var(--brand-hue) 0% 30%);--light-text-small: hsl(var(--brand-hue) 0% 50%);--dark-basic: hsl(var(--brand-hue) 0% 0%);--dark-reverse: hsl(var(--brand-hue) 100% 100%);--dark-background: hsl( var(--brand-hue) calc(var(--brand-saturation) / 50) calc(var(--brand-lightness) / 10) );--dark-text: hsl(var(--brand-hue) 0% 70%);--dark-text-small: hsl(var(--brand-hue) 0% 40%)}:root{--background: var(--light-background);--basic: var(--light-basic);--reverse:var(--light-reverse);--text: var(--light-text);--text-small: var(--light-text-small)}@media (prefers-color-scheme: dark){:root{--background: var(--dark-background);--basic: var(--dark-basic);--reverse:var(--dark-reverse);--text: var(--dark-text);--text-small: var(--dark-text-small)}}[data-theme=light]{--background: var(--light-background);--basic: var(--light-basic);--reverse:var(--light-reverse);--text: var(--light-text);--text-small: var(--light-text-small)}[data-theme=dark]{--background: var(--dark-background);--basic: var(--dark-basic);--reverse:var(--dark-reverse);--text: var(--dark-text);--text-small: var(--dark-text-small)}*,*:before,*:after{box-sizing:inherit;margin:0;padding:0}html{box-sizing:border-box;height:100%;font-size:62.5%}body{height:100%;margin:0;background-color:var(--background);color:var(--text);font-family:var(--font);font-size:1.6rem;font-weight:400;line-height:1.5}button{display:inline-block;padding:.5rem 1.5rem;border:none;outline:none;background:none;color:inherit;font-family:var(--font);font-size:1.6rem}button.small{font-size:1.3rem}button.primary{transition:.3s;background-color:#00c241;color:#fff}button.primary:hover{background-color:#008f30}button.tip:active:before{content:"";position:absolute;bottom:100%;left:50%;transform:translate(-50%);transition:opacity 86ms ease-out,visibility 86ms ease-out;border-top:.5rem solid var(--reverse);border-right:.5rem solid transparent;border-left:.5rem solid transparent;opacity:1}button.tip:active:after{content:attr(data-label);position:absolute;bottom:calc(100% + .5rem);left:50%;padding:.5rem 1rem;transform:translate(-50%);opacity:1;background:var(--reverse);box-shadow:0 .1rem .2rem .1rem #00010033;color:var(--basic);font-size:90%;white-space:nowrap}input[type=number],input[type=text]{padding:.5rem;font-size:90%}input[type=radio]{margin-right:.5rem}hr{flex:0 100%;height:.1rem;border:0;background-color:#ccc}#app{max-width:1170px;min-height:100vh;margin:0 auto;background-color:var(--basic)}@media screen and (max-width: 1200px){#app{max-width:980px}}@media screen and (max-width: 992px){#app{max-width:730px}}@media screen and (max-width: 768px){#app{max-width:650px}}@media screen and (max-width: 650px){#app{flex:1}}.container{padding:2rem}.hide{display:none}.d-flex{display:flex;flex-wrap:wrap}.mb-2{margin-bottom:1rem}.mb-4{margin-bottom:2rem}.mb-6{margin-bottom:3rem}.ml-1{margin-left:.5rem}.switch-column{color:#fff;text-align:right}.switch-column .switch{display:inline-block;position:relative;width:7rem;height:3rem}.switch-column .switch input{width:0;height:0;opacity:0%}.switch-column .switch input+.slider:after{content:"Night";position:absolute;top:.4rem;right:.6rem;font-size:1.3rem;text-align:right}.switch-column .switch .slider{position:absolute;inset:0;transition:.4s;border-radius:3rem;background-color:#fb0;cursor:pointer}.switch-column .switch .slider:before{content:"";position:absolute;bottom:.4rem;left:.4rem;width:2.3rem;height:2.3rem;transition:.4s;border-radius:50%;background-color:#fff}.switch-column .switch input:checked+.slider{background-color:#4d4d4d}.switch-column .switch input:checked+.slider:after{content:"Dark";position:absolute;top:.4rem;left:1rem;font-size:1.3rem;text-align:left}.switch-column .switch input:checked+.slider:before{transform:translate(39px)}.title-column{flex:0 0 100%;text-align:center}.title-column .title-description{color:var(--text-small);font-size:2rem}.column-search{flex:1;margin-right:2.5rem}@media screen and (max-width: 992px){.column-search{margin-right:0}}.column-search .input-search{width:100%}.column-search .album-title{flex:1}.column-search .album-title .count{color:var(--text-small);font-size:75%}.column-search .list-title-column{display:flex;flex:0 0 100%;align-items:center}.column-search .list-title-column .previous-next-column{display:flex;color:var(--text-small);cursor:pointer}.column-search .list-title-column .previous-next-column .previous{margin-right:1rem}.column-search .container-album{display:flex;flex-wrap:wrap}.column-search .container-album .album{flex:0 25%;margin-bottom:2rem;padding-right:1.5rem;cursor:pointer}.column-search .container-album .album:nth-child(4n+1){padding-right:0}@media screen and (max-width: 650px){.column-search .container-album .album{flex:0 50%}.column-search .container-album .album:nth-child(odd){padding-right:0}}.column-search .container-album .album img{max-width:100%}.column-search .container-album .album .album-text{word-break:break-word}.column-search .container-album .album .album-text .name{font-size:90%}.column-search .container-album .album .album-text .description{color:var(--text-small);font-size:80%}.column-widget{display:flex;flex-wrap:wrap;align-items:center;justify-content:center}.column-widget .widget{flex:0 0 40%;text-align:center}.column-widget.details-page{flex:0 0 40%}@media screen and (max-width: 992px){.column-widget.details-page{flex:0 0 100%}}.column-widget.details-page .widget{flex:0 0 100%}.column-widget .setting-code-column{flex:1}.column-widget .setting-code-column .column{position:relative;margin-top:3rem;padding:2rem 1.5rem;border:1px solid var(--reverse)}.column-widget .setting-code-column .column:before{position:absolute;top:-1.6rem;left:1.5rem;padding:0 1.5rem;background-color:var(--basic);font-size:2rem}.column-widget .setting-code-column .setting:before{content:"Setting"}.column-widget .setting-code-column .setting .setting-column:not(:last-child){margin-bottom:1rem}.column-widget .setting-code-column .setting .setting-column label{display:inline-block;width:9rem}.column-widget .setting-code-column .setting .setting-column input[type=number],.column-widget .setting-code-column .setting .setting-column input[type=text]{width:calc(100% - 9rem)}.column-widget .setting-code-column .code:before{content:"Embed Code"}.column-widget .setting-code-column .code .code-column{display:block;position:relative;padding:2.5rem 2rem;background-color:#f5f7fa;color:var(--text-small);font-family:SFMono-Regular,Consolas,Liberation Mono,Menlo,Courier,monospace;font-size:85%;word-break:break-word}.column-widget .setting-code-column .code .code-column .copy{position:absolute;top:0;right:0}footer{color:var(--text-small);font-size:85%;text-align:center}footer a{color:var(--text)}