header .select-locale{padding:.6rem .8rem;border-radius:4px;outline:none;background-color:var(--contrast-color);color:var(--text-color);border:none;box-shadow:var(--box-shadow);font-weight:bold;cursor:pointer}.icon.icon-lg{transition:background-image .3s ease-in-out}.icon.icon-lg.icon-theme-indicator--white{background-image:url("data:image/svg+xml,%3Csvg width='40' height='40' viewBox='0 0 51 51' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M23.7078 4.24246C25.9996 6.42838 27.7388 9.25142 28.6184 12.5343C31.1715 22.0625 25.517 31.8564 15.9888 34.4095C12.7058 35.2891 9.3914 35.1945 6.35245 34.3027C10.6877 42.8354 20.5352 47.4724 30.1493 44.8963C41.1876 41.9386 47.7382 30.5926 44.7805 19.5544C42.2044 9.94031 33.265 3.73059 23.7078 4.24246Z' fill='white'/%3E%3C/svg%3E%0A")}.icon.icon-lg.icon-theme-indicator--black{background-image:url("data:image/svg+xml,%3Csvg width='40' height='40' viewBox='0 0 40 40' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M24.0893 4.73837L20 0L15.9107 4.73837L10 2.67949L8.82771 8.82771L2.67949 10L4.73837 15.9107L0 20L4.73837 24.0893L2.67949 30L8.82771 31.1723L10 37.3205L15.9107 35.2616L20 40L24.0893 35.2616L30 37.3205L31.1723 31.1723L37.3205 30L35.2616 24.0893L40 20L35.2616 15.9107L37.3205 10L31.1723 8.82771L30 2.67949L24.0893 4.73837ZM20 30C25.5228 30 30 25.5228 30 20C30 14.4772 25.5228 10 20 10C14.4772 10 10 14.4772 10 20C10 25.5228 14.4772 30 20 30Z' fill='%23212121'/%3E%3Ccircle cx='20' cy='20' r='8' fill='%23212121'/%3E%3C/svg%3E")}.pwa-toast{position:fixed;right:64px;bottom:142px;border-radius:4px;z-index:1}.pwa-toast .pwa-toast--offline,.pwa-toast .pwa-toast--update{box-shadow:var(--box-shadow);background-color:var(--darken-color);color:#fff;display:flex;align-items:center;border-radius:1rem;padding:.8rem;margin-bottom:.8rem;font-size:.8rem}.pwa-toast .pwa-toast--offline i.icon,.pwa-toast .pwa-toast--update i.icon{display:inline-flex;margin-right:.4rem}@media only screen and (max-width: 768px){.pwa-toast{bottom:unset;top:2rem;right:0;width:100%;display:flex;justify-content:center}}@-webkit-keyframes notyf-fadeinup{0%{opacity:0;transform:translateY(25%)}to{opacity:1;transform:translateY(0)}}@keyframes notyf-fadeinup{0%{opacity:0;transform:translateY(25%)}to{opacity:1;transform:translateY(0)}}@-webkit-keyframes notyf-fadeinleft{0%{opacity:0;transform:translate(25%)}to{opacity:1;transform:translate(0)}}@keyframes notyf-fadeinleft{0%{opacity:0;transform:translate(25%)}to{opacity:1;transform:translate(0)}}@-webkit-keyframes notyf-fadeoutright{0%{opacity:1;transform:translate(0)}to{opacity:0;transform:translate(25%)}}@keyframes notyf-fadeoutright{0%{opacity:1;transform:translate(0)}to{opacity:0;transform:translate(25%)}}@-webkit-keyframes notyf-fadeoutdown{0%{opacity:1;transform:translateY(0)}to{opacity:0;transform:translateY(25%)}}@keyframes notyf-fadeoutdown{0%{opacity:1;transform:translateY(0)}to{opacity:0;transform:translateY(25%)}}@-webkit-keyframes ripple{0%{transform:scale(0) translateY(-45%) translate(13%)}to{transform:scale(1) translateY(-45%) translate(13%)}}@keyframes ripple{0%{transform:scale(0) translateY(-45%) translate(13%)}to{transform:scale(1) translateY(-45%) translate(13%)}}.notyf{position:fixed;top:0;left:0;height:100%;width:100%;color:#fff;z-index:9999;display:flex;flex-direction:column;align-items:flex-end;justify-content:flex-end;pointer-events:none;box-sizing:border-box;padding:20px}.notyf__icon--error,.notyf__icon--success{height:21px;width:21px;background:#fff;border-radius:50%;display:block;margin:0 auto;position:relative}.notyf__icon--error:after,.notyf__icon--error:before{content:"";background:currentColor;display:block;position:absolute;width:3px;border-radius:3px;left:9px;height:12px;top:5px}.notyf__icon--error:after{transform:rotate(-45deg)}.notyf__icon--error:before{transform:rotate(45deg)}.notyf__icon--success:after,.notyf__icon--success:before{content:"";background:currentColor;display:block;position:absolute;width:3px;border-radius:3px}.notyf__icon--success:after{height:6px;transform:rotate(-45deg);top:9px;left:6px}.notyf__icon--success:before{height:11px;transform:rotate(45deg);top:5px;left:10px}.notyf__toast{display:block;overflow:hidden;pointer-events:auto;-webkit-animation:notyf-fadeinup .3s ease-in forwards;animation:notyf-fadeinup .3s ease-in forwards;box-shadow:0 3px 7px #00000040;position:relative;padding:0 15px;border-radius:2px;max-width:300px;transform:translateY(25%);box-sizing:border-box;flex-shrink:0}.notyf__toast--disappear{transform:translateY(0);-webkit-animation:notyf-fadeoutdown .3s forwards;animation:notyf-fadeoutdown .3s forwards;-webkit-animation-delay:.25s;animation-delay:.25s}.notyf__toast--disappear .notyf__icon,.notyf__toast--disappear .notyf__message{-webkit-animation:notyf-fadeoutdown .3s forwards;animation:notyf-fadeoutdown .3s forwards;opacity:1;transform:translateY(0)}.notyf__toast--disappear .notyf__dismiss{-webkit-animation:notyf-fadeoutright .3s forwards;animation:notyf-fadeoutright .3s forwards;opacity:1;transform:translate(0)}.notyf__toast--disappear .notyf__message{-webkit-animation-delay:.05s;animation-delay:.05s}.notyf__toast--upper{margin-bottom:20px}.notyf__toast--lower{margin-top:20px}.notyf__toast--dismissible .notyf__wrapper{padding-right:30px}.notyf__ripple{height:400px;width:400px;position:absolute;transform-origin:bottom right;right:0;top:0;border-radius:50%;transform:scale(0) translateY(-51%) translate(13%);z-index:5;-webkit-animation:ripple .4s ease-out forwards;animation:ripple .4s ease-out forwards}.notyf__wrapper{display:flex;align-items:center;padding-top:17px;padding-bottom:17px;padding-right:15px;border-radius:3px;position:relative;z-index:10}.notyf__icon{width:22px;text-align:center;font-size:1.3em;opacity:0;-webkit-animation:notyf-fadeinup .3s forwards;animation:notyf-fadeinup .3s forwards;-webkit-animation-delay:.3s;animation-delay:.3s;margin-right:13px}.notyf__dismiss{position:absolute;top:0;right:0;height:100%;width:26px;margin-right:-15px;-webkit-animation:notyf-fadeinleft .3s forwards;animation:notyf-fadeinleft .3s forwards;-webkit-animation-delay:.35s;animation-delay:.35s;opacity:0}.notyf__dismiss-btn{background-color:#00000040;border:none;cursor:pointer;transition:opacity .2s ease,background-color .2s ease;outline:none;opacity:.35;height:100%;width:100%}.notyf__dismiss-btn:after,.notyf__dismiss-btn:before{content:"";background:#fff;height:12px;width:2px;border-radius:3px;position:absolute;left:calc(50% - 1px);top:calc(50% - 5px)}.notyf__dismiss-btn:after{transform:rotate(-45deg)}.notyf__dismiss-btn:before{transform:rotate(45deg)}.notyf__dismiss-btn:hover{opacity:.7;background-color:#00000026}.notyf__dismiss-btn:active{opacity:.8}.notyf__message{vertical-align:middle;position:relative;opacity:0;-webkit-animation:notyf-fadeinup .3s forwards;animation:notyf-fadeinup .3s forwards;-webkit-animation-delay:.25s;animation-delay:.25s;line-height:1.5em}@media only screen and (max-width:480px){.notyf{padding:0}.notyf__ripple{height:600px;width:600px;-webkit-animation-duration:.5s;animation-duration:.5s}.notyf__toast{max-width:none;border-radius:0;box-shadow:0 -2px 7px #00000021;width:100%}.notyf__dismiss{width:56px}}*{font-family:"IBM Plex Mono",monospace;letter-spacing:.05786em}body{--dark-color-value: 39, 39, 39;--primary-color: #212121;--secondary-color: rgb(196, 196, 196);--dark-color: rgb(var(--dark-color-value));--darken-color: rgb(33, 33, 33);--text-color: #212121;--contrast-color: white;--box-shadow: 0 1px 1px 0 rgb(0 0 0 / 14%), 0 2px 1px -1px rgb(0 0 0 / 12%), 0 1px 3px 0 rgb(0 0 0 / 20%);background-color:var(--primary-color);transition:background-color .5s cubic-bezier(.4,0,.2,1);padding:0;margin:0;color:#fff}body.dark{color:#000}html,body{height:100%}#app{display:flex;justify-content:flex-start;flex-direction:column;height:100%;--black-contrast: rgba(0, 0, 0, .15);--white-contrast: rgba(255, 255, 255, .15)}#app header{display:flex;justify-content:space-between;align-items:center;padding:2em 64px 1.5em;border-bottom:2px dashed var(--secondary-color)}#app header .header-title h1{margin:0}#app header .header-menu{display:flex;align-items:center}#app header .header-menu nav{display:flex;align-items:center;text-align:right;padding-right:32px}#app header .header-menu nav a{color:var(--contrast-color);margin-right:16px;padding-bottom:8px;text-decoration:none;border-bottom:1px solid;cursor:pointer}#app header .header-menu nav a.active{font-weight:bold}#app #content{display:flex;flex-direction:column;width:100%;height:100%;justify-content:center}#app #content>div.main{width:100%;align-items:center;justify-content:center;flex-grow:1;display:flex}#app #content>div.main>.main-wrapper{width:480px}#app #content>div.main>.main-wrapper>.input-wrapper{margin-bottom:36px}#app #content>div.navbar{align-items:flex-start;justify-content:space-between;display:flex;padding:1.5em 64px;border-top:2px dashed var(--secondary-color)}#app #content>div.navbar>div.section{width:calc((100% / 3) - (16px * 3))}#app #content>div.navbar>div.section.random-wrapper .content{margin:.5em 0}#app #content>div.navbar>div.section.random-wrapper .content button{width:100%}#app .section.contrast-wrapper .content{text-align:center;padding:16px 0;background-color:#0000001a;border-radius:3px;margin-top:8px}#app .label{font-size:.7rem}#app .label>.heading{font-size:1.5em;font-weight:bold}#app .button{box-shadow:var(--box-shadow);background:var(--secondary-color);color:var(--text-color);border-radius:2px;text-align:center;font-weight:bold;font-size:14px;display:block;cursor:pointer;outline:none;border:none;padding:11px 16px}#app #modal{overflow:hidden;position:absolute;top:0;left:0;width:100vw;height:100vh;display:flex;align-content:flex-start;justify-content:center;align-items:center;background-color:#ffffff40;transform:scale(1)}#app #modal:not(.active){transition-delay:.2s;transform:scale(0)}#app #modal .modal{padding:16px;box-shadow:0 11px 15px -7px #0003,0 24px 38px 3px #00000024,0 9px 46px 8px #0000001f;border-radius:.5em}#app #modal .modal[tabindex]{outline:none!important}#app #modal .modal .modal-header{display:flex;justify-content:space-between;align-items:center}#app #modal .modal .modal-header .modal-header--action{display:flex;align-items:center}#app #modal .modal .modal-header .modal-header--action .action-switch{margin-right:16px;display:flex}#app #modal .modal .modal-header .modal-header--action .action-switch>.action-switch--item{padding:4px 8px;border:1px solid var(--secondary-color);cursor:pointer}#app #modal .modal .modal-header .modal-header--action .action-switch>.action-switch--item:first-child{border-radius:4px 0 0 4px}#app #modal .modal .modal-header .modal-header--action .action-switch>.action-switch--item:last-child{border-radius:0 4px 4px 0}#app #modal .modal .modal-header .modal-header--action .action-switch>.action-switch--item.active{background-color:var(--secondary-color);color:var(--text-color)}#app #modal .modal .modal-header .modal-header--action .icon{width:18px!important;height:18px!important;cursor:pointer}#app .icon{height:24px;width:24px;background-repeat:no-repeat;background-position:center}#app .icon.icon-lg{height:40px;width:40px}#app .icon.icon-bookmark--white{background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' enable-background='new 0 0 24 24' height='24px' viewBox='0 0 24 24' width='24px' fill='%23FFFFFF'%3E%3Crect fill='none' height='24' width='24'/%3E%3Cpath d='M17,11v6.97l-5-2.14l-5,2.14V5h6V3H7C5.9,3,5,3.9,5,5v16l7-3l7,3V11H17z M21,7h-2v2h-2V7h-2V5h2V3h2v2h2V7z'/%3E%3C/svg%3E")}#app .icon.icon-bookmark--black{background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' enable-background='new 0 0 24 24' height='24px' viewBox='0 0 24 24' width='24px' fill='%23000000'%3E%3Crect fill='none' height='24' width='24'/%3E%3Cpath d='M17,11v6.97l-5-2.14l-5,2.14V5h6V3H7C5.9,3,5,3.9,5,5v16l7-3l7,3V11H17z M21,7h-2v2h-2V7h-2V5h2V3h2v2h2V7z'/%3E%3C/svg%3E")}#app .icon.icon-copy--white{background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' height='24px' viewBox='0 0 24 24' width='24px' fill='%23FFFFFF'%3E%3Cpath d='M0 0h24v24H0V0z' fill='none'/%3E%3Cpath d='M16 1H4c-1.1 0-2 .9-2 2v14h2V3h12V1zm3 4H8c-1.1 0-2 .9-2 2v14c0 1.1.9 2 2 2h11c1.1 0 2-.9 2-2V7c0-1.1-.9-2-2-2zm0 16H8V7h11v14z'/%3E%3C/svg%3E")}#app .icon.icon-copy--black{background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' height='24px' viewBox='0 0 24 24' width='24px' fill='%23000000'%3E%3Cpath d='M0 0h24v24H0V0z' fill='none'/%3E%3Cpath d='M16 1H4c-1.1 0-2 .9-2 2v14h2V3h12V1zm3 4H8c-1.1 0-2 .9-2 2v14c0 1.1.9 2 2 2h11c1.1 0 2-.9 2-2V7c0-1.1-.9-2-2-2zm0 16H8V7h11v14z'/%3E%3C/svg%3E")}#app .icon.icon-close--white{background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' height='24px' viewBox='0 0 24 24' width='24px' fill='%23FFFFFF'%3E%3Cpath d='M0 0h24v24H0V0z' fill='none'/%3E%3Cpath d='M19 6.41L17.59 5 12 10.59 6.41 5 5 6.41 10.59 12 5 17.59 6.41 19 12 13.41 17.59 19 19 17.59 13.41 12 19 6.41z'/%3E%3C/svg%3E")}#app .icon.icon-close--black{background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' height='24px' viewBox='0 0 24 24' width='24px' fill='%23000000'%3E%3Cpath d='M0 0h24v24H0V0z' fill='none'/%3E%3Cpath d='M19 6.41L17.59 5 12 10.59 6.41 5 5 6.41 10.59 12 5 17.59 6.41 19 12 13.41 17.59 19 19 17.59 13.41 12 19 6.41z'/%3E%3C/svg%3E")}#app .icon.icon-style--white{background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' enable-background='new 0 0 24 24' height='24px' viewBox='0 0 24 24' width='24px' fill='%23FFFFFF'%3E%3Cg%3E%3Crect fill='none' height='24' width='24'/%3E%3C/g%3E%3Cg%3E%3Cpath d='M16.56,8.94L7.62,0L6.21,1.41l2.38,2.38L3.44,8.94c-0.59,0.59-0.59,1.54,0,2.12l5.5,5.5C9.23,16.85,9.62,17,10,17 s0.77-0.15,1.06-0.44l5.5-5.5C17.15,10.48,17.15,9.53,16.56,8.94z M5.21,10L10,5.21L14.79,10H5.21z M19,11.5c0,0-2,2.17-2,3.5 c0,1.1,0.9,2,2,2s2-0.9,2-2C21,13.67,19,11.5,19,11.5z M2,20h20v4H2V20z'/%3E%3C/g%3E%3C/svg%3E")}#app .icon.icon-style--black{background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' enable-background='new 0 0 24 24' height='24px' viewBox='0 0 24 24' width='24px' fill='%23000000'%3E%3Cg%3E%3Crect fill='none' height='24' width='24'/%3E%3C/g%3E%3Cg%3E%3Cpath d='M16.56,8.94L7.62,0L6.21,1.41l2.38,2.38L3.44,8.94c-0.59,0.59-0.59,1.54,0,2.12l5.5,5.5C9.23,16.85,9.62,17,10,17 s0.77-0.15,1.06-0.44l5.5-5.5C17.15,10.48,17.15,9.53,16.56,8.94z M5.21,10L10,5.21L14.79,10H5.21z M19,11.5c0,0-2,2.17-2,3.5 c0,1.1,0.9,2,2,2s2-0.9,2-2C21,13.67,19,11.5,19,11.5z M2,20h20v4H2V20z'/%3E%3C/g%3E%3C/svg%3E")}#app .icon.icon-palette--white{background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' enable-background='new 0 0 24 24' height='24px' viewBox='0 0 24 24' width='24px' fill='%23FFFFFF'%3E%3Cg%3E%3Crect fill='none' height='24' width='24'/%3E%3C/g%3E%3Cg%3E%3Cg%3E%3Cg%3E%3Cg%3E%3Cpath d='M12,22C6.49,22,2,17.51,2,12S6.49,2,12,2s10,4.04,10,9c0,3.31-2.69,6-6,6h-1.77c-0.28,0-0.5,0.22-0.5,0.5 c0,0.12,0.05,0.23,0.13,0.33c0.41,0.47,0.64,1.06,0.64,1.67C14.5,20.88,13.38,22,12,22z M12,4c-4.41,0-8,3.59-8,8s3.59,8,8,8 c0.28,0,0.5-0.22,0.5-0.5c0-0.16-0.08-0.28-0.14-0.35c-0.41-0.46-0.63-1.05-0.63-1.65c0-1.38,1.12-2.5,2.5-2.5H16 c2.21,0,4-1.79,4-4C20,7.14,16.41,4,12,4z'/%3E%3Ccircle cx='6.5' cy='11.5' r='1.5'/%3E%3Ccircle cx='9.5' cy='7.5' r='1.5'/%3E%3Ccircle cx='14.5' cy='7.5' r='1.5'/%3E%3Ccircle cx='17.5' cy='11.5' r='1.5'/%3E%3C/g%3E%3C/g%3E%3C/g%3E%3C/g%3E%3C/svg%3E")}#app .icon.icon-palette--black{background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' enable-background='new 0 0 24 24' height='24px' viewBox='0 0 24 24' width='24px' fill='%23000000'%3E%3Cg%3E%3Crect fill='none' height='24' width='24'/%3E%3C/g%3E%3Cg%3E%3Cg%3E%3Cg%3E%3Cg%3E%3Cpath d='M12,22C6.49,22,2,17.51,2,12S6.49,2,12,2s10,4.04,10,9c0,3.31-2.69,6-6,6h-1.77c-0.28,0-0.5,0.22-0.5,0.5 c0,0.12,0.05,0.23,0.13,0.33c0.41,0.47,0.64,1.06,0.64,1.67C14.5,20.88,13.38,22,12,22z M12,4c-4.41,0-8,3.59-8,8s3.59,8,8,8 c0.28,0,0.5-0.22,0.5-0.5c0-0.16-0.08-0.28-0.14-0.35c-0.41-0.46-0.63-1.05-0.63-1.65c0-1.38,1.12-2.5,2.5-2.5H16 c2.21,0,4-1.79,4-4C20,7.14,16.41,4,12,4z'/%3E%3Ccircle cx='6.5' cy='11.5' r='1.5'/%3E%3Ccircle cx='9.5' cy='7.5' r='1.5'/%3E%3Ccircle cx='14.5' cy='7.5' r='1.5'/%3E%3Ccircle cx='17.5' cy='11.5' r='1.5'/%3E%3C/g%3E%3C/g%3E%3C/g%3E%3C/g%3E%3C/svg%3E")}#app .icon.icon-offline{background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' height='24px' viewBox='0 0 24 24' width='24px' fill='%23FFFFFF'%3E%3Cpath d='M0 0h24v24H0z' fill='none'/%3E%3Cpath d='M12 2.02c-5.51 0-9.98 4.47-9.98 9.98s4.47 9.98 9.98 9.98 9.98-4.47 9.98-9.98S17.51 2.02 12 2.02zm0 17.96c-4.4 0-7.98-3.58-7.98-7.98S7.6 4.02 12 4.02 19.98 7.6 19.98 12 16.4 19.98 12 19.98zM12.75 5l-4.5 8.5h3.14V19l4.36-8.5h-3z'/%3E%3C/svg%3E")}#app .icon.icon-loading{background-image:url("data:image/svg+xml,%0A%3Csvg xmlns='http://www.w3.org/2000/svg' enable-background='new 0 0 24 24' height='24px' viewBox='0 0 24 24' width='24px' fill='%23FFFFFF'%3E%3Cg%3E%3Crect fill='none' height='24' width='24'/%3E%3C/g%3E%3Cg%3E%3Cpath d='M18,22l-0.01-6L14,12l3.99-4.01L18,2H6v6l4,4l-4,3.99V22H18z M8,7.5V4h8v3.5l-4,4L8,7.5z'/%3E%3C/g%3E%3C/svg%3E")}#app .bg-white-contrast{background-color:var(--white-contrast)}#app .bg-black-contrast{background-color:var(--black-contrast)}.notyf .notyf__message{font-size:.8rem}@media only screen and (max-width: 768px){#app{padding:16px;height:calc(100% - 32px)}#app header{padding:0 0 .8em;border-bottom:none;flex-direction:column}#app header .header-title{width:100%;margin-bottom:8px}#app header .header-title h1{font-size:1.5em}#app header .header-title span{font-size:.8em}#app header .header-menu{width:100%}#app header .header-menu nav{text-align:left;padding:8px 0}#app header .header-menu nav>a{font-size:.83em;margin-right:12px}#app header .header-menu nav>a.active{font-weight:bold}#app header .header-menu .icon.icon-lg{position:absolute;top:1.05em;left:4.5em;height:28px;width:28px;background-size:cover}#app header .header-menu .select-locale{position:absolute;top:1em;right:1em;padding:.4rem}#app #content{display:block;position:relative}#app #content>div.main{padding-top:0}#app #content>div.main div.main-wrapper{width:100%}#app #content>div.main div.main-wrapper>div.input-wrapper{margin-bottom:1em}#app #content>div.navbar{display:block;border-top:none;padding:1em 0 0}#app #content>div.navbar>div.section{width:auto}#app #content .contrast-wrapper .content{font-size:.9em;padding:12px 0}#app .gradient-boxs{margin-bottom:1.5rem}#app .gradient-boxs>.gradient-box{height:calc((100vw - 32px) / 9);width:calc((100vw - 32px) / 9)}#app .contrast-result--items .contrast-result--item{width:calc((100% / 4) - 8px);padding:8px 4px}#app .contrast-result--items .contrast-result--item:after{width:12px;height:12px}#app .contrast-result--items .contrast-result--item .item-subtitle{font-size:.55em}#app .modal{width:90%}}.contrast-checker--wrapper{margin-top:1rem}.contrast-checker--wrapper .label{margin-bottom:.5rem}.contrast-checker--wrapper .content{width:100%}.contrast-checker--wrapper .content .contrast-result--items{display:flex;justify-content:space-between;align-items:center}.contrast-checker--wrapper .content .contrast-result--items .contrast-result--item{background-color:#0000001a;border-radius:3px;padding:8px 14px;text-align:center;position:relative}.contrast-checker--wrapper .content .contrast-result--items .contrast-result--item:not(:last-child){margin-right:8px}.contrast-checker--wrapper .content .contrast-result--items .contrast-result--item:after{content:"";position:absolute;bottom:4px;right:4px;width:16px;height:16px;background-repeat:no-repeat;background-position:center;background-size:contain}.contrast-checker--wrapper .content .contrast-result--items .contrast-result--item.passed.white:after{background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' enable-background='new 0 0 24 24' height='16px' viewBox='0 0 24 24' width='16px' fill='%23FFFFFF'%3E%3Cg%3E%3Crect fill='none' height='24' width='24'/%3E%3C/g%3E%3Cg%3E%3Cg%3E%3Cpath d='M23,11.99l-2.44-2.79l0.34-3.69l-3.61-0.82L15.4,1.5L12,2.96L8.6,1.5L6.71,4.69L3.1,5.5L3.44,9.2L1,11.99l2.44,2.79 l-0.34,3.7l3.61,0.82L8.6,22.5l3.4-1.47l3.4,1.46l1.89-3.19l3.61-0.82l-0.34-3.69L23,11.99z M19.05,13.47l-0.56,0.65l0.08,0.85 l0.18,1.95l-1.9,0.43l-0.84,0.19l-0.44,0.74l-0.99,1.68l-1.78-0.77L12,18.85l-0.79,0.34l-1.78,0.77l-0.99-1.67l-0.44-0.74 l-0.84-0.19l-1.9-0.43l0.18-1.96l0.08-0.85l-0.56-0.65l-1.29-1.47l1.29-1.48l0.56-0.65L5.43,9.01L5.25,7.07l1.9-0.43l0.84-0.19 l0.44-0.74l0.99-1.68l1.78,0.77L12,5.14l0.79-0.34l1.78-0.77l0.99,1.68l0.44,0.74l0.84,0.19l1.9,0.43l-0.18,1.95l-0.08,0.85 l0.56,0.65l1.29,1.47L19.05,13.47z'/%3E%3Cpolygon points='10.09,13.75 7.77,11.42 6.29,12.91 10.09,16.72 17.43,9.36 15.95,7.87'/%3E%3C/g%3E%3C/g%3E%3C/svg%3E")}.contrast-checker--wrapper .content .contrast-result--items .contrast-result--item.passed.black:after{background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' enable-background='new 0 0 24 24' height='16px' viewBox='0 0 24 24' width='16px' fill='%23000000'%3E%3Cg%3E%3Crect fill='none' height='24' width='24'/%3E%3C/g%3E%3Cg%3E%3Cg%3E%3Cpath d='M23,11.99l-2.44-2.79l0.34-3.69l-3.61-0.82L15.4,1.5L12,2.96L8.6,1.5L6.71,4.69L3.1,5.5L3.44,9.2L1,11.99l2.44,2.79 l-0.34,3.7l3.61,0.82L8.6,22.5l3.4-1.47l3.4,1.46l1.89-3.19l3.61-0.82l-0.34-3.69L23,11.99z M19.05,13.47l-0.56,0.65l0.08,0.85 l0.18,1.95l-1.9,0.43l-0.84,0.19l-0.44,0.74l-0.99,1.68l-1.78-0.77L12,18.85l-0.79,0.34l-1.78,0.77l-0.99-1.67l-0.44-0.74 l-0.84-0.19l-1.9-0.43l0.18-1.96l0.08-0.85l-0.56-0.65l-1.29-1.47l1.29-1.48l0.56-0.65L5.43,9.01L5.25,7.07l1.9-0.43l0.84-0.19 l0.44-0.74l0.99-1.68l1.78,0.77L12,5.14l0.79-0.34l1.78-0.77l0.99,1.68l0.44,0.74l0.84,0.19l1.9,0.43l-0.18,1.95l-0.08,0.85 l0.56,0.65l1.29,1.47L19.05,13.47z'/%3E%3Cpolygon points='10.09,13.75 7.77,11.42 6.29,12.91 10.09,16.72 17.43,9.36 15.95,7.87'/%3E%3C/g%3E%3C/g%3E%3C/svg%3E")}.contrast-checker--wrapper .content .contrast-result--items .contrast-result--item.fail.white:after{background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' height='16px' viewBox='0 0 24 24' width='16px' fill='%23FFFFFF'%3E%3Cpath d='M0 0h24v24H0V0z' fill='none'/%3E%3Cpath d='M12 2C6.48 2 2 6.48 2 12s4.48 10 10 10 10-4.48 10-10S17.52 2 12 2zM4 12c0-4.42 3.58-8 8-8 1.85 0 3.55.63 4.9 1.69L5.69 16.9C4.63 15.55 4 13.85 4 12zm8 8c-1.85 0-3.55-.63-4.9-1.69L18.31 7.1C19.37 8.45 20 10.15 20 12c0 4.42-3.58 8-8 8z'/%3E%3C/svg%3E")}.contrast-checker--wrapper .content .contrast-result--items .contrast-result--item.fail.black:after{background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' height='16px' viewBox='0 0 24 24' width='16px' fill='%23000000'%3E%3Cpath d='M0 0h24v24H0V0z' fill='none'/%3E%3Cpath d='M12 2C6.48 2 2 6.48 2 12s4.48 10 10 10 10-4.48 10-10S17.52 2 12 2zM4 12c0-4.42 3.58-8 8-8 1.85 0 3.55.63 4.9 1.69L5.69 16.9C4.63 15.55 4 13.85 4 12zm8 8c-1.85 0-3.55-.63-4.9-1.69L18.31 7.1C19.37 8.45 20 10.15 20 12c0 4.42-3.58 8-8 8z'/%3E%3C/svg%3E")}.contrast-checker--wrapper .content .contrast-result--items .contrast-result--item>span{display:block}.contrast-checker--wrapper .content .contrast-result--items .contrast-result--item>span.item-subtitle{font-size:11.5px;margin-bottom:.25rem}.contrast-checker--wrapper .content .contrast-result--items .contrast-result--item>span.item-title{font-size:18px;font-weight:bold}.gradient-wrapper .gradient-boxs{display:flex;justify-content:flex-start;align-items:center;margin:.5rem 0}.gradient-wrapper .gradient-boxs .gradient-box{position:relative;cursor:pointer;width:40px;height:40px;transition:transform 165ms cubic-bezier(.4,0,.2,1),border-radius .38s cubic-bezier(.4,0,.2,1) 215ms}.gradient-wrapper .gradient-boxs .gradient-box.primary{box-shadow:0 2px 4px #0003;border-radius:100%;display:flex;justify-content:center;align-items:center}.gradient-wrapper .gradient-boxs .gradient-box.primary .color-label--primary{font-size:16px;color:var(--contrast-color)}.gradient-wrapper .gradient-boxs .gradient-box .color-label--index{position:absolute;display:block;font-size:11px;bottom:-16px;width:100%;text-align:center}.gradient-wrapper .gradient-boxs .gradient-box .color-label--hex{position:absolute;top:-28px;width:50px;height:22px;display:none;background:var(--secondary-color);border-radius:2px;color:var(--text-color);font-size:10px;font-weight:500;line-height:22px;text-align:center;text-transform:uppercase}@media only screen and (max-width: 768px){.gradient-wrapper .gradient-boxs .gradient-box .color-label--index{bottom:-17px;font-size:10px}}@media (hover: hover) and (pointer: fine){.gradient-wrapper .gradient-boxs .gradient-box:hover{box-shadow:0 2px 4px #0003;transform:scale(1.25);z-index:100}.gradient-wrapper .gradient-boxs .gradient-box:hover .color-label--hex{display:block}}.input-wrapper .label{display:flex;justify-content:space-between;align-items:center;margin-bottom:8px}.input-wrapper .label>.heading{display:inline-block;width:calc(100% - 24px)}.input-wrapper .label .label-action{display:flex}.input-wrapper .label .label-action .icon{cursor:pointer;background-size:contain;width:20px!important;height:20px!important}.input-wrapper .label .label-action .icon:not(:last-child){margin-right:16px}.input-wrapper .label .hidden-label{display:none}.input-wrapper .color-input{position:relative;display:flex}.input-wrapper .color-input.error input{color:#d32f2f}.input-wrapper .color-input input{font-family:"IBM Plex Mono",monospace;letter-spacing:.4em;-webkit-appearance:none;border:0;outline:none;background:#ffffff;padding:20px 0;border-radius:3px;text-align:center;box-shadow:var(--box-shadow);font-size:1.5rem;font-weight:bold;color:#212121;border-inline:3px solid transparent;transition:border-inline .5s cubic-bezier(.215,.61,.355,1)}.input-wrapper .color-input.hex>.color-input--wrapper{width:calc(100% - 6px)}.input-wrapper .color-input.hex>.color-input--wrapper>input{width:100%}.input-wrapper .color-input.hex:before{content:"#";position:absolute;color:#9e9e9e;top:20px;left:20px;font-family:monospace;font-size:2em}.input-wrapper .color-input.rgb .color-input--wrapper,.input-wrapper .color-input.hsl .color-input--wrapper{width:calc((100% / 3));margin-right:8px}.input-wrapper .color-input.rgb .color-input--wrapper>input,.input-wrapper .color-input.hsl .color-input--wrapper>input{width:calc(100% - 6px)}.input-wrapper .color-input.rgb .color-input--wrapper:last-child,.input-wrapper .color-input.hsl .color-input--wrapper:last-child{margin-right:0}.input-wrapper .color-input.hsl .color-input--wrapper{position:relative}.input-wrapper .color-input.hsl .color-input--wrapper:not(:first-child):after{content:"%";position:absolute;top:4px;right:4px;color:#222}.input-wrapper .color-input.cmyk .color-input--wrapper{width:calc((100% / 4));margin-right:8px;position:relative}.input-wrapper .color-input.cmyk .color-input--wrapper>input{width:calc(100% - 6px)}.input-wrapper .color-input.cmyk .color-input--wrapper:after{content:"%";position:absolute;top:4px;right:4px;color:#222}.input-wrapper .color-input.cmyk .color-input--wrapper:last-child{margin-right:0}.convert-wrapper .content{margin:.5em 0}.convert-wrapper .content .button-convert--items{display:flex;justify-content:space-between}.convert-wrapper .content .button-convert--items>.button:last-child{margin-right:0}.convert-wrapper .content .button-convert--items>.button{width:calc((100% / 3) - (43px))}.random-wrapper .label-wrapper{display:flex;justify-content:space-between;align-items:flex-end}.random-wrapper .label-wrapper .label-right{text-align:right;font-size:.7rem}.random-wrapper .content .button{text-transform:uppercase}.modal-enter-active,.modal-leave-active{transition:transform .2s cubic-bezier(.4,0,.2,1)}.modal-enter-from,.modal-leave-to{transform:scale(0)}.modal-enter-to,.modal-leave-from{transform:scale(1)}@media only screen and (max-width: 768px){.navbar .section{margin-bottom:1em}.navbar .section.gradient-wrapper{margin-bottom:2em}}