.btn-code{background-color:var(--style-active);border-radius:1.1rem;color:#fff;cursor:pointer;display:flex;font-size:16px;font-weight:700;justify-content:center;padding:1rem;width:274px}.copy-block{display:flex;flex-direction:column;margin-top:auto;width:100%}.copy-block__container{display:flex;gap:1rem;width:100%}.copy-block__title{color:#20222c;font-size:24px;font-weight:700;line-height:38px;margin-bottom:12px;text-align:center;text-transform:capitalize}.copy-block__buttons{display:flex;gap:12px;justify-content:center;margin-bottom:32px}.copy-block__button{background-color:var(--background-gray);border-radius:30px;color:var(--text-dark-gray);cursor:pointer;font-size:12px;padding:.5rem 1rem;transition:background-color .3s ease,color .3s ease}.copy-block__button:hover{background-color:var(--style-label);color:#fff}.copy-block__button.active{background-color:var(--style-default);color:#fff}.copy-block__description{color:var(--color-text);font-size:16px;font-weight:500;line-height:26px;margin-bottom:16px;text-align:center}.copy-block__text-copied{max-width:492px;position:relative;width:100%}.copy-block__copied-label{animation:fadeIn .3s ease;background:var(--color-copied);border-radius:8px;color:var(--color-copied-text);display:flex;font-size:12px;font-weight:700;line-height:20px;padding:4px 8px;position:absolute;right:4px;top:4px}.copy-block__copied-label .icon{margin-right:8px}.copy-block__icon{margin-right:5px}.copy-block__textarea{border:1px solid #dadeea;border-radius:8px;color:#20222c;font-size:12px;font-weight:300;height:194px;margin-bottom:24px;padding:1.25rem;resize:none;width:100%}.copy-block__textarea:focus{outline:none}@keyframes fadeIn{0%{opacity:0;transform:translateY(-10px)}to{opacity:1;transform:translateY(0)}}.popup-overlay{align-items:center;background:#00000080;display:flex;top:0;right:0;bottom:0;left:0;justify-content:center;position:fixed;z-index:1000}.popup-content{animation:fadeIn .3s ease;background:#fff;border-radius:16px;box-shadow:0 10px 25px #0003;height:470px;padding:40px 40px 56px;position:relative;width:580px}.popup-close{cursor:pointer;height:16px;position:absolute;right:24px;top:24px;width:16px}.popup-close:after,.popup-close:before{background-color:#76777f;border-radius:2px;content:"";height:20px;left:9px;position:absolute;top:0;width:2px}.popup-close:before{transform:rotate(45deg)}.popup-close:after{transform:rotate(-45deg)}.copy-code__button{align-items:center;background-color:var(--style-label);border-radius:16px;cursor:pointer;display:flex;font-size:14px;font-weight:800;gap:12px;line-height:26px;margin:0 auto;padding:16px 48px;text-transform:capitalize;width:-moz-fit-content;width:fit-content}