.ccn-widget{padding:14px 24px;width:100%;max-width:848px;min-height:154px;border-radius:24px;position:relative;border:1px solid var(--Mashmallow-4);background-color:var(--Mashmallow-2)}.ccn-widget__notification{color:var(--Mashmallow-7);font-size:16px;font-weight:400;line-height:28px;animation:fadeIn .5s}.ccn-widget__notification.--ERROR span,.ccn-widget__notification.--REGEX_ERROR{color:var(--Pomodoro)}.ccn-widget__notification.--AVAILABLE span{color:var(--Acid)}.ccn-widget__form{display:grid;grid-template-columns:1fr 218px;grid-column-gap:24px;margin:8px 0 0}.ccn-widget__check{width:100%!important;margin:auto}.ccn-widget__desc{color:#8e8ba2;font-size:16px;font-weight:400;line-height:28px;margin-top:18px}.ccn-widget__input-wrapper{border-radius:12px 0 0 12px;overflow:hidden}.ccn-widget__input-off{display:none;opacity:0;visibility:hidden}.ccn-widget__input{width:100%;height:80px;padding:16px 24px 16px 20px;font-size:20px;font-weight:500;line-height:150%;color:var(--L100);outline:none;border:none;background:var(--Mashmallow-1,linear-gradient(0deg,#151519 0,#151519 100%),#17171B)}.ccn-widget__input-box{display:grid;grid-template-columns:1fr 160px}.ccn-widget__prefix{border-radius:0 12px 12px 0;border-left:2px solid #25252c;display:flex;justify-content:center;align-items:center;column-gap:20px;font-size:20px;font-weight:500;line-height:150%;color:var(--L100);text-transform:uppercase;cursor:pointer;background-color:#151518;transition:background-color .3s ease-in-out;-webkit-user-select:none;user-select:none;position:relative}.ccn-widget__prefix svg{transform:rotate(180deg);transition:transform .3s ease-in-out}@media(min-width:900px){.ccn-widget__prefix:hover{background-color:#202027}}.ccn-widget__prefix.--active{background-color:#202027}.ccn-widget__prefix.--active svg{transform:rotate(1turn)}.ccn-widget__prefix-list{display:flex;flex-direction:column;position:absolute;top:84px;left:-1px;right:0;border-radius:12px;border:1px solid rgba(0,0,0,0);opacity:0;background-color:#25252c;box-shadow:0 1.852px 3.148px 0 rgba(0,0,0,.05);height:0;overflow:hidden;transition:all .3s ease-in-out;z-index:1}.ccn-widget__prefix-list.--active{opacity:1;height:134px;border:1px solid #3b3c44}.ccn-widget__prefix-item:first-child{padding:24px 24px 12px}.ccn-widget__prefix-item:nth-child(2){padding:12px 24px 24px}@media(min-width:900px){.ccn-widget__prefix-item:hover{color:var(--Mashmallow-7)}}@media(max-width:1920px){.ccn-widget__input{font-size:16px;line-height:175%;height:64px;padding:18px 24px}.ccn-widget__input::placeholder{color:var(--Mashmallow-6)}.ccn-widget__form{grid-template-columns:1fr 160px;margin-top:12px}.ccn-widget{padding:24px}.ccn-widget__prefix{font-size:16px;line-height:175%;column-gap:33px}}@media(max-width:900px){.ccn-widget__check{margin-bottom:3px;margin-top:auto}.ccn-widget{height:auto}.ccn-widget__form{margin:8px 0 18px}.ccn-widget__input{height:64px}.ccn-widget__prefix-list{top:70px}.ccn-widget__prefix-list.--active{height:117px}.ccn-widget__prefix-item:first-child{padding:16px 24px 12px}.ccn-widget__prefix-item :nth-child(2){padding:12px 24px 16px}}@media(max-width:670px){.ccn-widget__form{grid-template-columns:1fr;grid-row-gap:24px}.ccn-widget__check{max-width:320px}}@media(max-width:500px){.ccn-widget__input-box{position:relative;grid-template-columns:1fr}.ccn-widget__input-wrapper{border-radius:12px}.ccn-widget__check{max-width:calc(50% - 6px);margin-left:auto;margin-right:0}.ccn-widget__prefix{position:absolute;left:0;top:90px;max-width:calc(50% - 6px);width:100%;height:50px;border-radius:72px;background-color:#3d3d4b;column-gap:8px;font-size:14px;line-height:150%}.ccn-widget__prefix-list{top:56px}.ccn-widget__desc{margin-top:32px}.ccn-widget__prefix.--active{background-color:#3d3d4b}}@media(max-width:370px){.ccn-widget{padding:16px 14px}.ccn-widget__check{max-width:calc(44% - 6px)}.ccn-widget__prefix{max-width:calc(56% - 6px)}.ccn-widget__desc,.ccn-widget__notification{font-size:14px}}