@font-face{font-family:TildaSans;font-style:normal;font-weight:250 1000;src:url(https://static.tildacdn.com/fonts/tildasans/TildaSans-VF.woff2) format('woff2-variations'),url(https://static.tildacdn.com/fonts/tildasans/TildaSans-VF.woff) format('woff-variations')}@font-face{font-family:TildaSans;font-style:normal;font-weight:300;src:url(https://static.tildacdn.com/fonts/tildasans/TildaSans-Light.eot);src:url(https://static.tildacdn.com/fonts/tildasans/TildaSans-Light.eot?#iefix) format('embedded-opentype'),url(https://static.tildacdn.com/fonts/tildasans/TildaSans-VF.woff2) format('woff2-variations'),url(https://static.tildacdn.com/fonts/tildasans/TildaSans-VF.woff) format('woff-variations'),url(https://static.tildacdn.com/fonts/tildasans/TildaSans-Light.woff2) format('woff2'),url(https://static.tildacdn.com/fonts/tildasans/TildaSans-Light.woff) format('woff')}@font-face{font-family:TildaSans;font-style:normal;font-weight:400;src:url(https://static.tildacdn.com/fonts/tildasans/TildaSans-Regular.eot);src:url(https://static.tildacdn.com/fonts/tildasans/TildaSans-Regular.eot?#iefix) format('embedded-opentype'),url(https://static.tildacdn.com/fonts/tildasans/TildaSans-VF.woff2) format('woff2-variations'),url(https://static.tildacdn.com/fonts/tildasans/TildaSans-VF.woff) format('woff-variations'),url(https://static.tildacdn.com/fonts/tildasans/TildaSans-Regular.woff2) format('woff2'),url(https://static.tildacdn.com/fonts/tildasans/TildaSans-Regular.woff) format('woff')}@font-face{font-family:TildaSans;font-style:normal;font-weight:500;src:url(https://static.tildacdn.com/fonts/tildasans/TildaSans-Medium.eot);src:url(https://static.tildacdn.com/fonts/tildasans/TildaSans-Medium.eot?#iefix) format('embedded-opentype'),url(https://static.tildacdn.com/fonts/tildasans/TildaSans-VF.woff2) format('woff2-variations'),url(https://static.tildacdn.com/fonts/tildasans/TildaSans-VF.woff) format('woff-variations'),url(https://static.tildacdn.com/fonts/tildasans/TildaSans-Medium.woff2) format('woff2'),url(https://static.tildacdn.com/fonts/tildasans/TildaSans-Medium.woff) format('woff')}@font-face{font-family:TildaSans;font-style:normal;font-weight:600;src:url(https://static.tildacdn.com/fonts/tildasans/TildaSans-Semibold.eot);src:url(https://static.tildacdn.com/fonts/tildasans/TildaSans-Semibold.eot?#iefix) format('embedded-opentype'),url(https://static.tildacdn.com/fonts/tildasans/TildaSans-VF.woff2) format('woff2-variations'),url(https://static.tildacdn.com/fonts/tildasans/TildaSans-VF.woff) format('woff-variations'),url(https://static.tildacdn.com/fonts/tildasans/TildaSans-Semibold.woff2) format('woff2'),url(https://static.tildacdn.com/fonts/tildasans/TildaSans-Semibold.woff) format('woff')}@font-face{font-family:TildaSans;font-style:normal;font-weight:700;src:url(https://static.tildacdn.com/fonts/tildasans/TildaSans-Bold.eot);src:url(https://static.tildacdn.com/fonts/tildasans/TildaSans-Bold.eot?#iefix) format('embedded-opentype'),url(https://static.tildacdn.com/fonts/tildasans/TildaSans-VF.woff2) format('woff2-variations'),url(https://static.tildacdn.com/fonts/tildasans/TildaSans-VF.woff) format('woff-variations'),url(https://static.tildacdn.com/fonts/tildasans/TildaSans-Bold.woff2) format('woff2'),url(https://static.tildacdn.com/fonts/tildasans/TildaSans-Bold.woff) format('woff')}@font-face{font-family:TildaSans;font-style:normal;font-weight:800;src:url(https://static.tildacdn.com/fonts/tildasans/TildaSans-Extrabold.eot);src:url(https://static.tildacdn.com/fonts/tildasans/TildaSans-Extrabold.eot?#iefix) format('embedded-opentype'),url(https://static.tildacdn.com/fonts/tildasans/TildaSans-VF.woff2) format('woff2-variations'),url(https://static.tildacdn.com/fonts/tildasans/TildaSans-VF.woff) format('woff-variations'),url(https://static.tildacdn.com/fonts/tildasans/TildaSans-Extrabold.woff2) format('woff2'),url(https://static.tildacdn.com/fonts/tildasans/TildaSans-Extrabold.woff) format('woff')}@font-face{font-family:TildaSans;font-style:normal;font-weight:900;src:url(https://static.tildacdn.com/fonts/tildasans/TildaSans-Black.eot);src:url(https://static.tildacdn.com/fonts/tildasans/TildaSans-Black.eot?#iefix) format('embedded-opentype'),url(https://static.tildacdn.com/fonts/tildasans/TildaSans-VF.woff2) format('woff2-variations'),url(https://static.tildacdn.com/fonts/tildasans/TildaSans-VF.woff) format('woff-variations'),url(https://static.tildacdn.com/fonts/tildasans/TildaSans-Black.woff2) format('woff2'),url(https://static.tildacdn.com/fonts/tildasans/TildaSans-Black.woff) format('woff')}body{background-color:#fff;-webkit-font-smoothing:subpixel-antialiased}a,body,button,div,h1,h2,h3,h4,h5,h6,html,img,input,label,mark,ol,p,small,span,ul{font-family:TildaSans,Arial,sans-serif!important}h3{font-size:22px;font-weight:400;padding-left:1.5rem}.col{padding-left:.5em!important;padding-right:.5em!important}.w-100{padding-bottom:90px}.square-color{border-radius:5px;width:80%;height:100%;margin-left:10%!important}.square-color>div{position:absolute;top:0;left:0;height:100%;width:100%;border-radius:5px;cursor:pointer}.square-info{width:80%;margin:0 auto 10px}.close-full-button,.full-button{float:right;margin:auto 0}:root{--text-size:17px}.hex-color{text-align:left;font-size:var(--text-size);font-weight:300}.full-field,.hex-field,.save-field{display:-webkit-inline-flex;display:-ms-inline-flexbox;display:inline-flex;vertical-align:text-top;cursor:pointer}.square .full-button,.square .hex-field>.row{opacity:0;transition:opacity .3s ease-in-out}.hex-color,.hex-color-copy,.save-button{margin:0}.hex-color-copy{content:"";background:url(../icons/copy-button.svg);float:right;background-position:bottom right;background-repeat:no-repeat}.square .hex-color-copy{width:var(--text-size);height:calc(var(--text-size) + 2px);background-size:var(--text-size);margin:1px 0 0 5px}.popup .hex-color-copy{width:17px;height:23px;background-size:17px;background-position:center;margin:1px 0 0 5px}.full-button{content:"";background:url(../icons/fullscreen-button.svg);float:left;width:calc(var(--text-size) - 2px);height:calc(var(--text-size) - 2px);background-size:calc(var(--text-size) - 2px);background-position:bottom right;background-repeat:no-repeat}.close-full-button{content:"";background-image:url(../icons/close-fullscreen-button.svg);float:left;width:40px;height:40px;background-size:17px;background-position:center;background-repeat:no-repeat}.popup-save-button{content:"";background:url(../icons/save-button.svg);float:left;width:var(--text-size);height:var(--text-size);background-size:var(--text-size);background-position:bottom right;background-repeat:no-repeat;margin-right:5px}.square-color{position:relative;-webkit-flex-basis:calc(25% - 10px);-ms-flex-preferred-size:calc(25% - 10px);flex-basis:calc(25% - 10px);margin-bottom:38px;box-sizing:border-box}.square-color:before{content:"";display:block;padding-top:100%}.if-you-like{width:280px;margin:0 auto}.square-color{box-shadow:0 0}.square-color:hover{box-shadow:3px 3px 10px #000;box-shadow:3px 3px 10px rgba(0,0,0,.33)}.square-color{transition:box-shadow .3s ease-in-out}.love{width:20px;opacity:.35}.by{color:#a6a6a6}.nav-tabs{border-style:none}.nav-tabs .nav-link{font-size:22px;font-weight:300;color:#999;border:none;margin:0 20px}.nav-tabs .nav-link:hover{border:1px #fff}.nav-tabs .nav-link.active{color:#000;background-color:unset;border-style:none;border-bottom:4px solid #000}.nav-tabs .nav-link:not(.active):hover{color:#000}hr{border:none;background:#000;background:rgba(0,0,0,.2);height:1px;margin-left:20px;margin-right:20px}.square-color-copied{background-color:#fff;margin:0 auto;z-index:1;padding:5px 14px;border-radius:3px;position:absolute;top:50%;left:50%;white-space:nowrap;text-align:center;-webkit-transform:translate(-50%,-50%);transform:translate(-50%,-50%)}.hex-color-copied{top:0;position:absolute;background-color:#fff;margin:0;z-index:1;cursor:pointer;width:100%;padding:0;-webkit-user-select:none;-ms-user-select:none;user-select:none}.full-field{max-width:15px;margin-left:10px}.full-field,.hex-field{padding:0!important;-webkit-user-select:none;-ms-user-select:none;user-select:none}.full-field>.row,.hex-field>.row,.popup-full-field>.row,.popup-hex-field>.row,.popup-save-field>.row{margin:0}.ya-share2__badge{background-color:unset!important}.ya-share2__icon{display:none!important}.ya-share2__container_size_m .ya-share2__counter{color:#000!important;font-size:13px!important;line-height:43px!important}.ya-share2__item_service_facebook{margin-right:15px!important}.ya-share2__container_visible{background:#fff}.fade-enter-active,.fade-leave-active,.fadecopy-enter-active,.fadecopy-leave-active{transition:opacity .25s}.fadecopy-leave-active{transition-delay:.5s}.fade-enter,.fade-leave-to,.fadecopy-enter,.fadecopy-leave-to{opacity:0}a{color:unset;transition:color .3s ease-in-out}a:hover{color:unset;text-decoration:unset}footer a:hover{color:#000;text-decoration:unset}.popup{position:fixed;width:100%;height:100%;top:0;left:0;z-index:1}.popup-color{position:fixed;width:100%;height:100%}.popup-open{overflow:hidden}.popup-panel{color:#fff;top:5%;right:3%;position:fixed;height:50px;margin:0;z-index:1}.popup-panel-colors{padding:0 15px;margin-right:15px}.popup-panel-close{margin-left:15px}.popup-panel-arrows.d-xl-none{position:absolute;top:80%;left:50%;height:50px;-webkit-transform:translate(-50%,0);transform:translate(-50%,0)}.popup-panel-arrows,.popup-panel-close,.popup-panel-colors{position:relative;background:#000;background:rgba(0,0,0,.2);transition:background .3s ease-in-out;border-radius:30px}.popup-panel-arrows:hover,.popup-panel-close:hover,.popup-panel-colors:hover{background:#000;background:rgba(0,0,0,.4)}.popup .img{-webkit-filter:invert(100%);filter:invert(100%)}.popup-panel>.col{padding:0!important}.popup-panel-color,.popup-save-text{font-size:var(--text-size)}.popup-full-field,.popup-hex-field,.popup-save-field{display:-webkit-inline-flex;display:-ms-inline-flexbox;display:inline-flex;vertical-align:text-top;cursor:pointer;margin:0 5px}.popup-color-copied{position:absolute;left:50%;top:50%;z-index:1;width:145px;-webkit-transform:translate(-50%,-50%);transform:translate(-50%,-50%)}.popup-left-space{position:absolute;top:0;left:0;width:33%;height:100%}.popup-right-space{position:absolute;top:0;right:0;width:33%;height:100%}.visibility-off{visibility:hidden}.arrow-left,.arrow-right{width:50px;cursor:pointer;padding:0;margin:0;background-position:center;background-repeat:no-repeat;background-size:14px}.arrow-left{background-image:url(../icons/arrow-left.svg)}.arrow-right{background-image:url(../icons/arrow-right.svg)}.border{border:1px solid #000;border:1px solid rgba(0,0,0,.1)}.save-button-fixed{position:fixed;top:2%;right:2%;color:#fff;background-color:#fa8669;border-radius:20px;height:40px;font-size:18px;line-height:40px;padding-left:30px;padding-right:30px;margin-left:10px;cursor:pointer;z-index:2}@media (min-width:1200px){.square:hover .full-button,.square:hover .hex-field .row{opacity:.5;transition:opacity .3s ease-in-out}.square:hover .full-button:hover,.square:hover .hex-field .row:hover{opacity:1;transition:opacity .3s ease-in-out}.h1-title{width:535px;margin:0 auto;font-size:28px}.popup-panel-arrows.d-xl-block{display:-webkit-flex!important;display:-ms-flexbox!important;display:flex!important}.popup-panel-colors>div{margin:0 25px}}@media (max-width:1200px){:root{--text-size:14px}.popup-panel-arrows.d-xl-block{display:none!important}.square .full-button,.square .hex-field .row{opacity:.5}.h1-title{width:280px;margin:0 auto;font-size:20px}.hex-color-copied{font-size:16px}.square-color-copied{font-size:var(--text-size)}.popup-panel{right:unset;left:50%;-webkit-transform:translate(-50%,0);transform:translate(-50%,0)}.popup-panel-close{margin:0}.only-one-color{font-size:11px;width:100px}}@media (max-width:1023px){h3{text-align:center!important;padding-left:unset}}@media (max-width:425px){:root{--text-size:13px}.nav-tabs .nav-link{font-size:16px;margin:0}hr{margin-left:5px;margin-right:5px}.hex-color-copy{margin-left:3px;margin-top:1px}.full-field{max-width:10px;margin-left:0}.square-info{margin:0 auto 5px}.hex-color-copied{font-size:14px}.square-color-copied{font-size:calc(var(--text-size) - 2px)}.popup-hex-field>.row{width:85px}.popup-panel{left:50%;right:unset;-webkit-transform:translate(-50%,0);transform:translate(-50%,0);width:auto}.w-100{padding-bottom:60px}}@media (max-width:375px){:root{--text-size:10px}.hex-color-copied{font-size:12px}.square-color-copied{font-size:calc(var(--text-size) - 1px)}.popup-hex-field>.row{width:75px}}@media (max-width:320px){:root{--text-size:8px}.hex-color-copied{font-size:10px}.square-color-copied{font-size:var(--text-size)}.popup-hex-field>.row{width:65px}.square .hex-color-copy{margin:1px 0 0 2px}}