@font-face {
    font-family: gocodesans;
    src: url(/fonts/gocodesans/v1/gocodesans-Medium.woff2);
}
@font-face {
    font-family: gocodesansTextLight;
    src: url(/fonts/gocodesansText/v1/gocodesansText-Light.woff2);
}
@font-face {
    font-family: gocodeproduct;
    src: url(/fonts/productsans/v1/productsans-Medium.woff2);
}
* {
margin: 0px;
box-sizing: border-box;
margin-block-start: 0px;
margin-block-end: 0px;
position: relative;
}
a {
text-decoration: none;
cursor: pointer;
color: #000;
}
button {
all: unset;
font-family: inherit;
border: none;
outline: none;
cursor: pointer;
}
button:disabled {
cursor: none;
pointer-events: none;
}
body {
margin: 0px;
min-width: 100vw;
min-height: 100vh;
font-family: 'gocodesans', system-ui, -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Oxygen, Ubuntu, Cantarell, 'Open Sans', 'Helvetica Neue', sans-serif;
font-size: 1rem;
background-color: #f0f4f9;
color: #1f1f1f;
position: relative;
display: flex;
flex-direction: column;
}
.gocode-header {
background: #f0f4f9;
position: sticky;
left: 0;
top: 0;
right: 0;
width: 100%;
max-width: 100vw;
display: flex;
flex-direction: row;
flex-wrap: nowrap;
align-items: center;
justify-content: space-between;
padding: 0px 1rem;
height: 64px;
z-index: 70;
}
.abosolute-back {
display: flex;
flex-direction: row;
flex-wrap: nowrap;
justify-content: space-between;
align-items: center;
padding-left: 1rem;
height: 64px;
}
.icon-gocdn {
display: flex;
}
.icon-gocdn.text-version {
line-height: 24px;
font-size: 20px;
font-weight: 600;
animation: apprGocode 3s ease;
background: transparent;
background-size: unset;
background-clip: unset;
-webkit-background-clip: unset;
-webkit-text-fill-color: unset;
}
@keyframes apprGocode {
0% {
    background: linear-gradient(74deg,#4285f4 0,#9b72cb 9%,#d96570 20%,#d96570 24%,#9b72cb 35%,#4285f4 44%,#9b72cb 50%,#d96570 56%,#131314 75%,#131314 100%);
background-size: 100% 100%;
background-clip: text;
-webkit-background-clip: text;
-webkit-text-fill-color: transparent;
transform: translate(4rem, 0px);
}
70% {
    background: linear-gradient(74deg,#4285f4 0,#9b72cb 9%,#d96570 20%,#d96570 24%,#9b72cb 35%,#4285f4 44%,#9b72cb 50%,#d96570 56%,#131314 75%,#131314 100%);
background-size: 400% 100%;
background-clip: text;
-webkit-background-clip: text;
-webkit-text-fill-color: transparent;
transform: translate(0px, 0px);
}
100% {
    background: transparent;
background-size: unset;
background-clip: unset;
-webkit-background-clip: unset;
-webkit-text-fill-color: unset;
}
}
.text-version p {
margin-left: 5px;
font-size: 20px;
vertical-align: middle;
line-height: 26px;
font-weight: 400;
}
.navigator-header {
display: flex;
flex-direction: row;
flex-wrap: nowrap;
align-items: center;
padding-right: 1rem;
}
.navigator-header .upload {
display: flex;
height: 40px;
margin: 0 16px;
flex-direction: row;
align-items: center;
padding-right: 4px;
color: #444746;
transition: 0.2s all;
position: relative;
z-index: 1;
}
gocodeicon-upload {
background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='20px' height='20px' fill='%23444746' viewBox='0 0 24 24'%3E%3Cpath d='M4 15h2v3h12v-3h2v3c0 1.1-.9 2-2 2H6c-1.1 0-2-.9-2-2m4.41-7.59L11 7.83V16h2V7.83l2.59 2.59L17 9l-5-5-5 5 1.41 1.41z'%3E%3C/path%3E%3C/svg%3E");
background-size: cover;
background-position: center;
background-repeat: no-repeat;
width: 20px;
height: 20px;
display: block;
}
.navigator-header .upload p {
margin-left: 0.5rem;
font-size: 0.875rem;
letter-spacing: 0em;
font-weight: 500;
}
.navigator-header .upload::before {
transition: opacity .2s ease;
background-color: rgba(0,0,0,0.075);
bottom: 0;
left: -0.5rem;
opacity: 0;
pointer-events: none;
position: absolute;
right: -0.5rem;
top: 0;
z-index: -1;
content: '';
border-radius: 5rem;
}
.navigator-header .upload:hover::before, .navigator-header #whatService:hover::before, .navigator-header .contribute:hover::before {
opacity: 1;
}
.navigator-header #whatService {
font-size: 24px;
padding: 12px;
display: flex;
flex-direction: row;
flex-wrap: nowrap;
align-content: center;
justify-content: center;
align-items: center;
z-index: 1;
position: relative;
}
.navigator-header #whatService gocodeicon-questionmark {
width: 24px;
height: 24px;
background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24px' height='24px' fill='%23444746' viewBox='0 0 24 24'%3E%3Cpath d='M11 18h2v-2h-2v2zm1-16C6.48 2 2 6.48 2 12s4.48 10 10 10 10-4.48 10-10S17.52 2 12 2zm0 18c-4.41 0-8-3.59-8-8s3.59-8 8-8 8 3.59 8 8-3.59 8-8 8zm0-14c-2.21 0-4 1.79-4 4h2c0-1.1.9-2 2-2s2 .9 2 2c0 2-3 1.75-3 5h2c0-2.25 3-2.5 3-5 0-2.21-1.79-4-4-4z'%3E%3C/path%3E%3C/svg%3E");
background-size: cover;
background-position: center;
display: block;
background-repeat: no-repeat;
}
.navigator-header #whatService::before, .navigator-header .contribute::before {
transition: opacity .2s ease;
pointer-events: none;
background-color: rgba(0,0,0,0.075);
border-radius: 100%;
box-sizing: content-box;
position: absolute;
top: 50%;
left: 50%;
transform: translate(-50%,-50%);
height: 100%;
width: 100%;
z-index: -1;
opacity: 0;
content: '';
}
.navigator-header .contribute {
font-size: 24px;
width: 48px;
height: 48px;
padding: 12px;
display: flex;
flex-direction: row;
flex-wrap: nowrap;
align-content: center;
justify-content: center;
align-items: center;
z-index: 1;
position: relative;
}
.navigator-header .contribute gocodeicon-contributor {
background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24px' height='24px' fill='%23444746' viewBox='0 0 24 24'%3E%3Cpath d='M15 8c0-1.42-.5-2.73-1.33-3.76.42-.14.86-.24 1.33-.24 2.21 0 4 1.79 4 4s-1.79 4-4 4c-.43 0-.84-.09-1.23-.21-.03-.01-.06-.02-.1-.03A5.98 5.98 0 0 0 15 8zm1.66 5.13C18.03 14.06 19 15.32 19 17v3h4v-3c0-2.18-3.58-3.47-6.34-3.87zM9 6c-1.1 0-2 .9-2 2s.9 2 2 2 2-.9 2-2-.9-2-2-2m0 9c-2.7 0-5.8 1.29-6 2.01V18h12v-1c-.2-.71-3.3-2-6-2M9 4c2.21 0 4 1.79 4 4s-1.79 4-4 4-4-1.79-4-4 1.79-4 4-4zm0 9c2.67 0 8 1.34 8 4v3H1v-3c0-2.66 5.33-4 8-4z'%3E%3C/path%3E%3C/svg%3E");
background-size: cover;
background-position: center;
background-repeat: no-repeat;
display: block;
width: 24px;
height: 24px;
}
.navigator-header .managing-user {
position: relative;
height: 40px;
width: 40px;
margin-left: 8px;
cursor: pointer;
transition: 0.2s all;
}
.navigator-header .managing-user:hover {
filter: drop-shadow(1px 2px 4px #44474660);
}
.navigator-header .managing-user .user-photo {
height: 32px;
width: 32px;
position: absolute;
right: -0.5rem;
bottom: -0.25rem;
background: #1f1f1f;
border-radius: 100%;
}
.navigator-header .managing-user .user-photo:first-child {
height: 40px;
width: 40px;
position: relative;
right: unset;
bottom: unset;
}
.navigator-header .managing-user .user-photo img {
width: 100%;
height: auto;
border-radius: 100%;
pointer-events: none;
}
.container {
width: 100%;
height: 100%;
flex: 1;
display: flex;
flex-direction: row;
align-items: flex-start;
gap: 0.5rem;
overflow: hidden;
padding-left: 256px;
padding-right: 1rem;
}
.navigasi-gocode {
width: 256px;
height: -webkit-fill-available;
max-width: 256px;
overflow: hidden;
flex: 1;
display: flex;
flex-direction: column;
align-items: flex-start;
position: absolute;
left: 0;
}
.overflow-y {
overflow-y: auto;
overflow-x: hidden;
width: 100%;
padding: 24px 12px 16px 12px;
}
.overflow-y a {
padding-left: 28px;
align-items: center;
border-radius: 24px;
cursor: pointer;
display: flex;
line-height: 20px;
padding: 12px 12px 12px 28px;
transition: border-radius .15s cubic-bezier(.4,0,.2,1),margin-left .15s cubic-bezier(.4,0,.2,1),padding .15s cubic-bezier(.4,0,.2,1),width .15s cubic-bezier(.4,0,.2,1);
}
.overflow-y a .number {
font-size: 0.75rem;
letter-spacing: 0.0083333333em;
font-weight: 400;
display: inline-block;
height: 24px;
line-height: 24px;
text-align: center;
vertical-align: middle;
width: 24px;
background: #b3261e;
color: #fff;
border-radius: 100%;
}
.overflow-y a:hover {
background: rgba(31,31,31,0.08);
}
.overflow-y a.active, .overflow-y a.active:hover {
background-color: #c2e7ff;
}
.overflow-y a.active p {
color: #001d35;
font-weight: 700;
}
gocodeicon-gambar {
background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24px' height='24px' fill='%23001d35' viewBox='0 0 24 24'%3E%3Cpath d='M19 3H5c-1.1 0-2 .9-2 2v14c0 1.1.9 2 2 2h14c1.1 0 2-.9 2-2V5c0-1.1-.9-2-2-2zm0 16H5V5h14v14zm-5-7l-3 3.72L9 13l-3 4h12l-4-5z'%3E%3C/path%3E%3C/svg%3E");
width: 24px;
height: 24px;
background-size: cover;
background-position: center;
background-repeat: no-repeat;
}
gocodeicon-css {
background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' height='48px' viewBox='0 -960 960 960' width='48px' fill='%23444746'%3E%3Cpath d='M420-360q-17 0-28.5-11.5T380-400v-40h60v20h80v-40H420q-17 0-28.5-11.5T380-500v-60q0-17 11.5-28.5T420-600h120q17 0 28.5 11.5T580-560v40h-60v-20h-80v40h100q17 0 28.5 11.5T580-460v60q0 17-11.5 28.5T540-360H420Zm260 0q-17 0-28.5-11.5T640-400v-40h60v20h80v-40H680q-17 0-28.5-11.5T640-500v-60q0-17 11.5-28.5T680-600h120q17 0 28.5 11.5T840-560v40h-60v-20h-80v40h100q17 0 28.5 11.5T840-460v60q0 17-11.5 28.5T800-360H680Zm-520 0q-17 0-28.5-11.5T120-400v-160q0-17 11.5-28.5T160-600h120q17 0 28.5 11.5T320-560v40h-60v-20h-80v120h80v-20h60v40q0 17-11.5 28.5T280-360H160Z'/%3E%3C/svg%3E");
width: 24px;
height: 24px;
background-size: 100%;
background-position: center;
background-repeat: no-repeat;
display: block;
}
gocodeicon-js {
background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' height='48px' viewBox='0 -960 960 960' width='48px' fill='%23444746'%3E%3Cpath d='M274-360q-15 0-24.5-9.5T240-394v-66h48v52h84v-192h48v206q0 15-9.5 24.5T386-360H274Zm240 0q-15 0-24.5-9.5T480-394v-46h48v32h104v-53H514q-14 0-24-10t-10-24v-71q0-15 9.5-24.5T514-600h132q15 0 24.5 9.5T680-566v46h-48v-32H528v53h118q14 0 24 10t10 24v71q0 15-9.5 24.5T646-360H514Z'/%3E%3C/svg%3E");
width: 24px;
height: 24px;
background-size: auto;
background-position: center;
background-repeat: no-repeat;
display: block;
}
gocodeicon-fonts {
background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' height='48px' viewBox='0 -960 960 960' width='48px' fill='%23444746'%3E%3Cpath d='M332-254q11 0 18-6t8-15q2-17 4.5-32l4.5-27q2-10 3-22t5-28q26-5 51.5-8.5T476-399q26-3 50.5-4.5T574-407q5 20 8.5 40t9.5 40q8 23 17.5 39t23.5 27q9 7 19 9t18-1q11-4 12-12t-6-24q-9-20-15-36.5T651-356q-4-15-7-28l-6-26q6 0 13.5-.5T663-412q17-2 25-11t8-20q0-12-9.5-20t-26.5-8h-13.5q-9.5 0-19.5 1-2-19-4.5-37.5T617-545q-3-22-6.5-40t-7.5-35q-5-20-14.5-36.5T565-685q-12-11-26-16.5t-28-5.5q-23 0-41 8t-35 26q-10 11-21 25.5T390-613q-6-9-12.5-13t-15.5-4q-8 0-13 4.5t-5 11.5q0 28-3.5 54.5T331-506q-4 19-8.5 38t-9.5 38q-13 1-22 2.5t-14 4.5q-6 3-9 8.5t-3 13.5q0 8 2 12.5t7 7.5q5 3 13 4t20 0q0 16-2 31.5t-2 30.5q0 14 .5 24.5T306-274q3 11 9.5 15.5T332-254Zm60-195q9-34 19-62.5t22-53.5q12-26 28.5-53t45.5-27q17 0 28 17.5t17 52.5q4 24 5.5 53.5T562-468q-21 2-42 3.5t-43 3.5q-21 2-42 5t-43 7ZM140-80q-24 0-42-18t-18-42v-680q0-24 18-42t42-18h680q24 0 42 18t18 42v680q0 24-18 42t-42 18H140Zm0-60h680v-680H140v680Zm0 0v-680 680Z'/%3E%3C/svg%3E");
width: 24px;
height: 24px;
background-size: 100%;
background-position: center;
background-repeat: no-repeat;
display: block;
}
gocodeicon-star {
background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' height='48px' viewBox='0 -960 960 960' width='48px' fill='%23444746'%3E%3Cpath d='m323-245 157-94 157 95-42-178 138-120-182-16-71-168-71 167-182 16 138 120-42 178Zm-90 125 65-281L80-590l288-25 112-265 112 265 288 25-218 189 65 281-247-149-247 149Zm247-355Z'/%3E%3C/svg%3E");
width: 24px;
height: 24px;
background-size: cover;
background-position: center;
background-repeat: no-repeat;
display: block;
}
gocodeicon-donate {
background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' height='48px' viewBox='0 -960 960 960' width='48px' fill='%23444746'%3E%3Cpath d='M646-456 482-616q-29.32-27.74-49.66-61.49Q412-711.24 412-751q0-53 35-91t87-38q34 0 62 17.5t50 43.5q22-26 50-43.5t62-17.5q52 0 87 38t35 91q0 39.66-20.5 73.33T810-616L646-456Zm0-83 120-119q20.12-19.85 37.06-42.32T820-751q0-28-17.5-48.5T758-820q-20 0-37 11t-30 27l-45 55-45-55q-13-16-30-27t-37-11q-27 0-44.5 20.5T472-751q0 28.21 16.94 50.68T526-658l120 119ZM255-200l307 90 248-78q0-20-15.5-33.5T758-235H549q-16 0-31.5-2.5T487-245l-96-29 19-61 94 32q11 4 22.5 6t22.5 2h56q0-21-14-36.5T557-355l-218-83h-84v238ZM40-80v-418h298q5.33 0 10.67 1 5.33 1 10.33 3l218 82q38 14 64.5 45t26.5 72h90q50.83 0 86.42 37Q880-221 880-170v26L567-48l-312-89v57H40Zm60-60h94v-298h-94v298Zm546-587Z'/%3E%3C/svg%3E");
width: 24px;
height: 24px;
background-size: cover;
background-position: center;
background-repeat: no-repeat;
display: block;
}
gocodeicon-doc {
background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' height='48px' viewBox='0 -960 960 960' width='48px' fill='%23444746'%3E%3Cpath d='M320-460h320v-60H320v60Zm0 120h320v-60H320v60Zm0 120h200v-60H320v60ZM220-80q-24 0-42-18t-18-42v-680q0-24 18-42t42-18h361l219 219v521q0 24-18 42t-42 18H220Zm331-554v-186H220v680h520v-494H551ZM220-820v186-186 680-680Z'/%3E%3C/svg%3E");
width: 24px;
height: 24px;
background-size: cover;
background-position: center;
background-repeat: no-repeat;
display: block;
}
gocodeicon-term {
background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' height='48px' viewBox='0 -960 960 960' width='48px' fill='%23444746'%3E%3Cpath d='M160-120v-60h480v60H160Zm222-212L160-554l70-72 224 222-72 72Zm254-254L414-810l72-70 222 222-72 72Zm202 426L302-696l42-42 536 536-42 42Z'/%3E%3C/svg%3E");
width: 24px;
height: 24px;
background-size: cover;
background-position: center;
background-repeat: no-repeat;
display: block;
}
gocodeicon-about {
width: 24px;
height: 24px;
background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24px' height='24px' fill='%23444746' viewBox='0 0 24 24'%3E%3Cpath d='M11 18h2v-2h-2v2zm1-16C6.48 2 2 6.48 2 12s4.48 10 10 10 10-4.48 10-10S17.52 2 12 2zm0 18c-4.41 0-8-3.59-8-8s3.59-8 8-8 8 3.59 8 8-3.59 8-8 8zm0-14c-2.21 0-4 1.79-4 4h2c0-1.1.9-2 2-2s2 .9 2 2c0 2-3 1.75-3 5h2c0-2.25 3-2.5 3-5 0-2.21-1.79-4-4-4z'%3E%3C/path%3E%3C/svg%3E");
background-size: cover;
background-position: center;
display: block;
background-repeat: no-repeat;
}
gocodeicon-premium {
background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' height='24px' viewBox='0 -960 960 960' width='24px' fill='%23444746'%3E%3Cpath d='m387-412 35-114-92-74h114l36-112 36 112h114l-93 74 35 114-92-71-93 71ZM240-40v-309q-38-42-59-96t-21-115q0-134 93-227t227-93q134 0 227 93t93 227q0 61-21 115t-59 96v309l-240-80-240 80Zm240-280q100 0 170-70t70-170q0-100-70-170t-170-70q-100 0-170 70t-70 170q0 100 70 170t170 70ZM320-159l160-41 160 41v-124q-35 20-75.5 31.5T480-240q-44 0-84.5-11.5T320-283v124Zm160-62Z'/%3E%3C/svg%3E");
width: 24px;
height: 24px;
background-size: cover;
background-position: center;
background-repeat: no-repeat;
display: block;
}
.overflow-y a p {
max-height: 24px;
min-width: 112px;
display: flex;
padding-left: 12px;
flex: 1;
word-break: break-all;
word-break: break-word;
word-wrap: break-word;
align-items: center;
line-height: 1.25rem;
font-size: 0.875rem;
color: #444746;
font-weight: 500;
}
.judul-menu {
padding: 12px 12px 12px 28px;
color: #444746;
min-height: 48px;
font-size: 0.75rem;
letter-spacing: 0.0083333333em;
font-weight: 500;
display: flex;
align-items: center;
}
.line-throught {
background: #dde3ea;
background-color: rgb(196,199,197);
height: 1px;
margin: 19px 12px 20px 12px;
transition: margin-left .15s cubic-bezier(.4,0,.2,1);
}
.container section {
flex: 3;
min-height: 90vh;
max-height: 90vh;
height: 100%;
background: #fff;
padding-top: 12px;
border-radius: 1rem;
overflow: hidden;
display: flex;
flex-direction: column;
font-family: 'gocodesansTextLight', system-ui, -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Oxygen, Ubuntu, Cantarell, 'Open Sans', 'Helvetica Neue', sans-serif;
}
g-notif {
background: #fff;
display: block;
margin-bottom: 24px;
padding-right: 32px;
padding-left: 16px;
position: absolute;
z-index: 20;
width: 100%;
left: 0;
right: 0;
}
.notif-improve {
background: #d3e3fd;
width: 100%;
padding: 4px 4px 4px 16px;
border-radius: 28px;
display: flex;
flex-direction: row;
flex-wrap: nowrap;
align-items: center;
color: #041e49;
position: relative;
}
.notif-improve p {
padding: 14px 16px;
line-height: 1.25rem;
font-size: 15px;
letter-spacing: 0em;
font-weight: 500;
}
.notif-improve button {
position: absolute;
right: 0px;
padding: 12px;
display: flex;
flex-direction: row;
flex-wrap: nowrap;
align-content: center;
justify-content: center;
align-items: center;
}
.notif-improve button gocodeicon-close {
background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24px' height='24px' fill='%23041e49' viewBox='0 0 24 24'%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/path%3E%3C/svg%3E");
width: 24px;
height: 24px;
background-size: cover;
background-position: center;
background-repeat: no-repeat;
display: block;
}
.notif-improve p a {
text-decoration: underline;
}
g-nav {
display: flex;
flex-direction: row;
height: 56px;
justify-content: space-between;
left: 0;
margin: 0 auto;
max-width: none;
padding: 0 16px;
width: 100%;
border-bottom: 1px solid #c4c7c5;
align-items: center;
}
.navigasi-filter {
padding-left: 2px;
display: flex;
flex-direction: row;
flex-wrap: nowrap;
align-items: center;
justify-content: space-between;
width: 100%;
}
.navigasi-filter h2 {
line-height: 1.75rem;
font-size: 1.375rem;
letter-spacing: 0em;
font-weight: 400;
}
.navigasi-filter .filter {
line-height: 40px;
display: none;
}
.navigasi-filter .filter button {
display: flex;
height: 40px;
margin: 0 16px;
align-items: center;
gap: 0.5rem;
line-height: 1.25rem;
font-size: 0.875rem;
letter-spacing: 0em;
font-weight: 500;
transition: border .28s cubic-bezier(.4,0,.2,1),box-shadow .28s cubic-bezier(.4,0,.2,1);
position: relative;
z-index: 2;
font-family: 'gocodesans', system-ui, -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Oxygen, Ubuntu, Cantarell, 'Open Sans', 'Helvetica Neue', sans-serif;
}
.navigasi-filter .filter button::before {
position: absolute;
left: -0.75rem;
top: 0;
right: -0.75rem;
bottom: 0;
border-radius: 5rem;
background: rgba(31,31,31, 0.08);
z-index: -1;
content: '';
opacity: 0;
}
.navigasi-filter .filter button:hover::before , .navigasi-filter .filter button:active::before {
opacity: 1;
}
gocodeicon-sort {
background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='18px' height='18px' fill='%23444746' viewBox='0 0 24 24'%3E%3Cpath d='M20 17l-1.41-1.41L16 18.17V11h-2v7.17l-2.59-2.58L10 17l5 5zM5 7l1.41 1.41L9 5.83V13h2V5.83l2.59 2.58L15 7l-5-5z'%3E%3C/path%3E%3C/svg%3E");
background-size: cover;
background-position: center;
background-repeat: no-repeat;
width: 18px;
height: 18px;
display: block;
}
section article {
flex: 1;
position: relative;
overflow-y: auto;
overflow-x: hidden;
display: flex;
flex-direction: row;
flex-wrap: nowrap;
align-content: center;
justify-content: flex-start;
align-items: flex-start;
margin-top: 24px;
}
article.valid {
padding: 24px 16px 0 16px;
width: 100%;
margin-top: 0px;
}
article.valid figure {
width: 191px;
height: 255px;
transition: none 0s ease 0s;
}
article.valid figure picture {
background-color: #f0f4f9;
background-size: cover;
border-radius: 8px;
overflow: hidden;
padding-bottom: 100%;
position: relative;
transition: all .135s cubic-bezier(0,0,.2,1);
width: 100%;
min-width: 191px;
height: 191px;
display: block;
}
article.valid figure picture img {
position: absolute;
top: 50%;
left: 50%;
transform: translate(-50%, -50%);
object-fit: cover;
width: 100%;
height: auto;
}
article.valid figure picture img.tinggi-lebih {
height: 100%;
width: auto;
}
article.valid figure figcaption {
height: 64px;
}
article.valid figure figcaption h3 {
color: #1f1f1f;
padding-top: 8px;
word-break: break-all;
word-break: break-word;
word-wrap: break-word;
line-height: 1.25rem;
font-size: 0.875rem;
letter-spacing: 0em;
font-weight: 500;
overflow: hidden;
text-overflow: ellipsis;
-webkit-box-orient: vertical;
-webkit-line-clamp: 1;
display: -webkit-box;
max-height: 40px;
font-feature-settings: "liga" 0;
font-variant-ligatures: no-contextual;
font-family: 'gocodesans', system-ui, -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Oxygen, Ubuntu, Cantarell, 'Open Sans', 'Helvetica Neue', sans-serif;
}
article.valid figure figcaption p {
color: #444746;
padding-top: 2px;
line-height: 1rem;
font-size: 0.75rem;
letter-spacing: 0.0083333333em;
font-weight: 400;
padding-left: 0px;
min-width: none;
}
article.valid .overflow-y {
padding: 0px;
display: flex;
flex-direction: row;
flex-wrap: wrap;
justify-content: flex-start;
align-items: flex-start;
gap: 1.25rem;
width: 100%;
}
article.valid .overflow-y a {
all: unset;
cursor: pointer;
}
article .overflow-y {
padding: 0px 1rem;
}
#startNew {
display: flex;
flex-direction: column;
flex-wrap: nowrap;
align-items: center;
width: 100%;
font-family: 'gocodesans', system-ui, -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Oxygen, Ubuntu, Cantarell, 'Open Sans', 'Helvetica Neue', sans-serif;
}
#startNew img {
margin-bottom: 64px;
pointer-events: none;
}
#startNew figcaption {
text-align: center;
}
#startNew h3 {
margin-bottom: 8px;
line-height: 2.5rem;
font-size: 2rem;
letter-spacing: 0em;
font-weight: 400;
}
#startNew span {
margin-bottom: 56px;
display: block;
line-height: 1.5rem;
font-size: 1rem;
letter-spacing: 0em;
font-weight: 400;
}
#startNew p {
display: block;
line-height: 1.5rem;
font-size: 1rem;
letter-spacing: 0em;
font-weight: 400;
}
.line-latensi {
padding: 12px 12px 0px 28px;
}
.progress-bar-ms {
border-radius: 2px;
display: flex;
height: 4px;
margin-bottom: 8px;
width: 100%;
background: #dde3ea;
overflow: hidden;
}
.progress-fill-ms {
box-shadow: 2px 0 0 #fff;
border-radius: 2px;
height: 4px;
}
.hasil-api-load {
padding: 0px 12px 0px 28px;
width: 100%;
}
.calculate-api-load {
line-height: 1.25rem;
font-size: 0.875rem;
letter-spacing: 0em;
font-weight: 400;
display: inline-block;
}
.hasil-api-load em {
font-size: 12px;
line-height: 1.25;
display: block;
margin-top: 0.5rem;
}
.premium-offer {
padding: 28px 12px 12px 28px;
}
.premium-offer a {
text-align: center;
display: flex;
justify-content: center;
background: transparent;
color: #0b57d0;
border: 2px solid #1a73e8;
padding: 12px 0px;
}
.premium-offer a:hover {
background: #0b57d018;
border: 2px solid #0b57d0;
}
.premium-offer p {
line-height: 1.25rem;
font-size: 0.875rem;
letter-spacing: 0em;
font-weight: 400;
display: inline-block;
margin-top: 0.25rem;
}
gocodeicon-stars {
background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24px' height='24px' fill='041e49' viewBox='0 -960 960 960'%3E%3Cpath d='M640-80 520-200l120-120 120 120L640-80ZM320-200 80-440l240-240 240 240-240 240Zm380-280q0-92-64-156t-156-64q92 0 156-64t64-156q0 92 64 156t156 64q-92 0-156 64t-64 156Z'%3E%3C/path%3E%3C/svg%3E");
width: 24px;
height: 29px;
background-size: cover;
background-position: center;
background-repeat: no-repeat;
display: block;
}

dialog.center-fixed {
display: flex;
flex-direction: row;
flex-wrap: nowrap;
align-content: center;
justify-content: center;
align-items: center;
width: 100%;
height: 100%;
max-height: 100vh;
max-width: 100vw;
position: fixed;
left: 0;
top: 0;
right: 0;
bottom: 0;
inset: 0;
border: none;
padding: 0px;
background-color: #0000004a;
z-index: 75;
}
.box-native {
width: 90%;
max-width: 600px;
max-height: 600px;
min-height: 600px;
padding: 3rem 3.25rem;
display: flex;
flex-direction: column;
align-items: center;
justify-content: center;
background-color: #eef3fb;
border-radius: 0.5rem;
box-shadow: 0 1px 3px 0 rgba(0, 0, 0, 0.3),0 4px 8px 3px rgba(0,0,0,0.15);
}
.photo-native {
width: 144px;
height: 144px;
overflow: hidden;
display: flex;
flex-direction: row;
flex-wrap: nowrap;
align-content: center;
justify-content: center;
align-items: center;
}
.photo-native img {
width: 100%;
height: auto;
pointer-events: none;
}
.text-native {
text-align: center;
margin-top: 0.8rem;
}
.text-native strong {
font-size: 2rem;
font-weight: 500;
line-height: 36px;
color: #1f1f1f;
}
.text-native strong span {
font-weight: 400;
}
.text-native p {
margin-top: 22px;
line-height: 1.75rem;
font-size: 1.375rem;
}
.close-native {
margin-top: 48px;
min-width: 64px;
display: flex;
flex-direction: row;
flex-wrap: nowrap;
justify-content: space-between;
}
.close-native button {
background: #0b57d0;
color: #fff;
height: 40px;
padding: 0px 1.5rem;
font-weight: 400;
vertical-align: middle;
border-radius: 2rem;
font-size: 14px;
letter-spacing: 0.5px;
}
.close-native button:disabled, #closeNativeCopyImage:disabled {
background: #0b57d0;
opacity: 0.5;
}
.close-native button:active, .close-native button:hover, #closeNativeCopyImage:active, #closeNativeCopyImage:hover, .type-copy .copy-function button:active, .type-copy .copy-function button:hover {
box-shadow: 0 1px 2px 0 rgb(60 64 67 / 30%), 0 2px 4px 2px rgb(60 64 67 / 15%);
}
.close-native button:active, #closeNativeCopyImage:active, .type-copy .copy-function button:active {
background: #1a73e8;
}

.copy-native {
max-width: 424px;
min-width: 280px;
padding: 24px 24px 20px;
min-height: 362px;
border-radius: 1.75rem;
display: flex;
flex-direction: column;
flex-wrap: nowrap;
align-items: center;
justify-content: space-between;
font-family: 'gocodesansTextLight', system-ui, -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Oxygen, Ubuntu, Cantarell, 'Open Sans', 'Helvetica Neue', sans-serif;
}
.judul-copy {
width: 100%;
text-align: left;
font-weight: 400;
line-height: 2rem;
font-size: 1.5rem;
}
.box-copy {
width: 100%;
display: flex;
flex-direction: column;
flex-wrap: nowrap;
align-items: center;
gap: 1rem;
margin: 1rem 0px;
padding: 0px 8px;
max-height: 90vh;
}
.type-copy {
width: 100%;
}
.type-copy strong {
line-height: 1.5rem;
font-size: 1rem;
letter-spacing: 0em;
font-weight: 400;
}
.type-copy .copy-function {
height: 42px;
width: 100%;
display: flex;
flex-direction: row;
flex-wrap: nowrap;
align-items: center;
margin: 0.25rem 0px;
position: relative;
}
.type-copy .copy-function input {
width: 100%;
height: 100%;
text-align: left;
font-family: inherit;
padding: 0.5rem 0.5rem;
color: #000;
outline: none;
background: #fff;
border-radius: 4px;
padding-right: 36px;
font-size: 1rem;
border: 1px solid #0b57d0;
}
.type-copy .copy-function button {
position: absolute;
right: 2px;
top: 2px;
bottom: 2px;
background: #0b57d0;
width: 42px;
height: auto;
border-radius: 4px;
display: flex;
flex-direction: row;
flex-wrap: nowrap;
align-content: center;
justify-content: center;
align-items: center;
}
gocodeicon-copy {
background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' height='48px' viewBox='0 -960 960 960' width='48px' fill='%23fff'%3E%3Cpath d='M300-200q-24 0-42-18t-18-42v-560q0-24 18-42t42-18h440q24 0 42 18t18 42v560q0 24-18 42t-42 18H300Zm0-60h440v-560H300v560ZM180-80q-24 0-42-18t-18-42v-620h60v620h500v60H180Zm120-180v-560 560Z'/%3E%3C/svg%3E");
background-size: cover;
background-position: center;
background-repeat: no-repeat;
width: 28px;
height: 28px;
display: block;
}
.type-copy p {
color: #444746;
line-height: 1.25rem;
font-size: 0.875rem;
letter-spacing: 0em;
font-weight: 400;
}
.deskripsi-copy {
line-height: 1.25rem;
font-size: 0.875rem;
letter-spacing: 0em;
font-weight: 400;
color: #444746;
margin-bottom: 1rem;
}
.box-btn-copy {
width: 100%;
display: flex;
flex-direction: row;
align-items: center;
justify-content: space-between;
padding: 0px 8px;
}
.box-btn-copy a {
display: flex;
color: #444746;
line-height: 1.25rem;
font-size: 0.875rem;
letter-spacing: 0em;
font-weight: 500;
}
.box-btn-copy p {
padding-left: 8px;
}
gocodeicon-questionmarkfill {
background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='18px' height='18px' fill='%23444746' viewBox='0 0 24 24'%3E%3Cpath d='M12 2C6.48 2 2 6.48 2 12s4.48 10 10 10 10-4.48 10-10S17.52 2 12 2zm1 17h-2v-2h2v2zm2.07-7.75l-.9.92C13.45 12.9 13 13.5 13 15h-2v-.5c0-1.1.45-2.1 1.17-2.83l1.24-1.26c.37-.36.59-.86.59-1.41 0-1.1-.9-2-2-2s-2 .9-2 2H8c0-2.21 1.79-4 4-4s4 1.79 4 4c0 .88-.36 1.68-.93 2.25z'%3E%3C/path%3E%3C/svg%3E");
background-size: cover;
background-position: center;
background-repeat: no-repeat;
width: 18px;
height: 18px;
display: block;
}
#closeNativeCopyImage {
background: #0b57d0;
color: #fff;
height: 40px;
padding: 0px 1.5rem;
font-weight: 400;
vertical-align: middle;
border-radius: 2rem;
font-size: 14px;
letter-spacing: 0.5px;
}

.notif-temporary {
position: fixed;
left: 1rem;
bottom: 1rem;
max-width: 50vw;
display: flex;
flex-direction: row;
align-items: center;
z-index: 80;
padding: 0.5rem;
border: none;
border-radius: 0.5rem;
color: #fff;
background: #1a73e8;
font-family: 'gocodesansTextLight', system-ui, -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Oxygen, Ubuntu, Cantarell, 'Open Sans', 'Helvetica Neue', sans-serif;
text-align: left;
line-height: 1.25rem;
font-size: 0.875rem;
letter-spacing: 0em;
font-weight: 400;
}
gocodeicon-hamburger {
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24px' height='24px' fill='%23444746' viewBox='0 0 24 24'%3E%3Cpath d='M3 18h18v-2H3v2zm0-5h18v-2H3v2zm0-7v2h18V6H3z'%3E%3C/path%3E%3C/svg%3E");
    width: 24px;
    height: 24px;
    background-size: cover;
    background-position: center;
    background-repeat: no-repeat;
    display: block;
}
.left-header #showOn {
    display: none;
}
.menu-lain {
    width: 100%;
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    gap: 1rem;
    margin-bottom: 2rem;
}
.menu-lain h3 {
    font-size: 1rem;
    font-weight: 600;
}
.list-other-menu {
    display: flex;
    flex-direction: row;
    align-items: flex-start;
    flex-wrap: wrap;
    justify-content: flex-start;
    width: 100%;
    gap: 1rem;
}
.list-other-menu a {
    align-items: center;
    border-radius: 1rem;
    cursor: pointer;
    display: flex;
    line-height: 20px;
    padding: 12px;
    transition: border-radius .15s cubic-bezier(.4,0,.2,1),margin-left .15s cubic-bezier(.4,0,.2,1),padding .15s cubic-bezier(.4,0,.2,1),width .15s cubic-bezier(.4,0,.2,1);
    border: 1px solid #3d3d3d;
}
.speed-inspect {
    width: 70vw;
    max-width: 400px;
    padding: 1rem;
    border: 1px solid #3d3d3d;
    border-radius: 1rem;
    position: relative;
    left: 50%;
    right: 50%;
    transform: translate(-50%, 0%);
    margin-bottom: 2rem;
}
.speed-inspect .line-latensi {
    padding: 12px 0px;
}
.speed-inspect .progress-bar-ms {
    height: 10px;
    border-radius: 10px;
}
.speed-inspect .progress-fill-ms {
    height: 10px;
    padding: 12px;
}
.speed-inspect .hasil-api-load {
    padding: 0px;
}
.text-speed {
    display: flex;
    flex-direction: row;
    align-items: center;
    gap: 0.5rem;
    margin-bottom: 1rem;
}
.text-speed h3 {
    font-size: 1rem;
    font-weight: 600;
}
gocodeicon-rocket {
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' height='24px' viewBox='0 -960 960 960' width='24px' fill='%23444746'%3E%3Cpath d='m226-559 78 33q14-28 29-54t33-52l-56-11-84 84Zm142 83 114 113q42-16 90-49t90-75q70-70 109.5-155.5T806-800q-72-5-158 34.5T492-656q-42 42-75 90t-49 90Zm178-65q-23-23-23-56.5t23-56.5q23-23 57-23t57 23q23 23 23 56.5T660-541q-23 23-57 23t-57-23Zm19 321 84-84-11-56q-26 18-52 32.5T532-299l33 79Zm313-653q19 121-23.5 235.5T708-419l20 99q4 20-2 39t-20 33L538-80l-84-197-171-171-197-84 167-168q14-14 33.5-20t39.5-2l99 20q104-104 218-147t235-24ZM157-321q35-35 85.5-35.5T328-322q35 35 34.5 85.5T327-151q-25 25-83.5 43T82-76q14-103 32-161.5t43-83.5Zm57 56q-10 10-20 36.5T180-175q27-4 53.5-13.5T270-208q12-12 13-29t-11-29q-12-12-29-11.5T214-265Z'/%3E%3C/svg%3E");
    width: 24px;
    height: 24px;
    background-size: auto;
    background-position: center;
    background-repeat: no-repeat;
    display: block;
}
.upgrade-on-other {
    margin-top: 1rem;
    display: flex;
    flex-direction: column;
    align-items: center;
}
.upgrade-on-other a {
    background: #c2e7ff;
    font-family: 'gocodesans', system-ui, -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Oxygen, Ubuntu, Cantarell, 'Open Sans', 'Helvetica Neue', sans-serif;
    padding: 12px;
    margin-bottom: 0.5rem;
    border: 1px solid #6cc4ff;
}
.upgrade-on-other strong {
    line-height: 1.25rem;
    font-size: 0.875rem;
    letter-spacing: 0em;
    font-weight: 400;
    display: inline-block;
    margin-top: 0.25rem;
}
gocodeicon-gif {
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' height='24px' viewBox='0 -960 960 960' width='24px' fill='%23444746'%3E%3Cpath d='M200-120q-33 0-56.5-23.5T120-200v-560q0-33 23.5-56.5T200-840h560q33 0 56.5 23.5T840-760v560q0 33-23.5 56.5T760-120H200Zm0-80h560v-560H200v560Zm240-160h60v-240h-60v240Zm-160 0h80q17 0 28.5-11.5T400-400v-80h-60v60h-40v-120h100v-20q0-17-11.5-28.5T360-600h-80q-17 0-28.5 11.5T240-560v160q0 17 11.5 28.5T280-360Zm280 0h60v-80h80v-60h-80v-40h120v-60H560v240ZM200-200v-560 560Z'/%3E%3C/svg%3E");
    width: 24px;
    height: 24px;
    background-size: 100%;
    background-position: center;
    background-repeat: no-repeat;
    display: block;
}
gocodeicon-audio {
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' height='24px' viewBox='0 -960 960 960' width='24px' fill='%23444746'%3E%3Cpath d='M400-120q-66 0-113-47t-47-113q0-66 47-113t113-47q23 0 42.5 5.5T480-418v-422h240v160H560v400q0 66-47 113t-113 47Z'/%3E%3C/svg%3E");
    width: 24px;
    height: 24px;
    background-size: 100%;
    background-position: center;
    background-repeat: no-repeat;
    display: block;
}
gocodeicon-changelog {
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' height='24px' viewBox='0 -960 960 960' width='24px' fill='%23444746'%3E%3Cpath d='M440-82q-76-8-141.5-41.5t-114-87Q136-264 108-333T80-480q0-91 36.5-168T216-780h-96v-80h240v240h-80v-109q-55 44-87.5 108.5T160-480q0 123 80.5 212.5T440-163v81Zm-17-214L254-466l56-56 113 113 227-227 56 57-283 283Zm177 196v-240h80v109q55-45 87.5-109T800-480q0-123-80.5-212.5T520-797v-81q152 15 256 128t104 270q0 91-36.5 168T744-180h96v80H600Z'/%3E%3C/svg%3E");
    width: 24px;
    height: 24px;
    background-size: 100%;
    background-position: center;
    background-repeat: no-repeat;
    display: block;
}
gocodeicon-update {
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' height='24px' viewBox='0 -960 960 960' width='24px' fill='%23444746'%3E%3Cpath d='M740-208v-112h-40v128l86 86 28-28-74-74ZM480-800 243-663l237 137 237-137-237-137ZM120-321v-318q0-22 10.5-40t29.5-29l280-161q10-5 19.5-8t20.5-3q11 0 21 3t19 8l280 161q19 11 29.5 29t10.5 40v159h-80v-116L479-434 200-596v274l240 139v92L160-252q-19-11-29.5-29T120-321ZM720 0q-83 0-141.5-58.5T520-200q0-83 58.5-141.5T720-400q83 0 141.5 58.5T920-200q0 83-58.5 141.5T720 0ZM480-491Z'/%3E%3C/svg%3E");
    width: 24px;
    height: 24px;
    background-size: 100%;
    background-position: center;
    background-repeat: no-repeat;
    display: block;
}
.menu-improve {
    width: 100%;
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    gap: 1rem;
    margin-bottom: 2rem;
}
.menu-improve h3 {
    font-size: 1rem;
    font-weight: 600;
}
.menu-improve list-menu-improve {
    width: 100%;
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    justify-content: flex-start;
    align-items: flex-start;
    gap: 1rem;
}
.menu-improve a {
    display: flex;
    flex-direction: row;
    flex-wrap: nowrap;
    align-items: flex-start;
    gap: 1rem;
    padding: 1rem;
    border: 2px solid #1a73e8;
    width: 100%;
    max-width: 400px;
}
gocodeicon-kritik {
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' height='24px' viewBox='0 -960 960 960' width='24px' fill='%23444746'%3E%3Cpath d='M475-160q4 0 8-2t6-4l328-328q12-12 17.5-27t5.5-30q0-16-5.5-30.5T817-607L647-777q-11-12-25.5-17.5T591-800q-15 0-30 5.5T534-777l-11 11 74 75q15 14 22 32t7 38q0 42-28.5 70.5T527-522q-20 0-38.5-7T456-550l-75-74-175 175q-3 3-4.5 6.5T200-435q0 8 6 14.5t14 6.5q4 0 8-2t6-4l136-136 56 56-135 136q-3 3-4.5 6.5T285-350q0 8 6 14t14 6q4 0 8-2t6-4l136-135 56 56-135 136q-3 2-4.5 6t-1.5 8q0 8 6 14t14 6q4 0 7.5-1.5t6.5-4.5l136-135 56 56-136 136q-3 3-4.5 6.5T454-180q0 8 6.5 14t14.5 6Zm-1 80q-37 0-65.5-24.5T375-166q-34-5-57-28t-28-57q-34-5-56.5-28.5T206-336q-38-5-62-33t-24-66q0-20 7.5-38.5T149-506l232-231 131 131q2 3 6 4.5t8 1.5q9 0 15-5.5t6-14.5q0-4-1.5-8t-4.5-6L398-777q-11-12-25.5-17.5T342-800q-15 0-30 5.5T285-777L144-635q-9 9-15 21t-8 24q-2 12 0 24.5t8 23.5l-58 58q-17-23-25-50.5T40-590q2-28 14-54.5T87-692l141-141q24-23 53.5-35t60.5-12q31 0 60.5 12t52.5 35l11 11 11-11q24-23 53.5-35t60.5-12q31 0 60.5 12t52.5 35l169 169q23 23 35 53t12 61q0 31-12 60.5T873-437L545-110q-14 14-32.5 22T474-80Zm-99-560Z'/%3E%3C/svg%3E");
    width: 48px;
    height: 48px;
    background-size: 100%;
    background-position: center;
    background-repeat: no-repeat;
    display: block;
}
.menu-improve .text-improve {
    display: flex;
    flex-direction: column;
    flex-wrap: nowrap;
    align-items: flex-start;
    height: 48px;
    justify-content: space-between;
}
.text-improve p {
    padding-left: 0px !important;
    flex: unset;
}
.storage-cache {
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    justify-content: flex-start;
    align-items: flex-start;
    gap: 1rem;
    width: 100%;
}
.storage-cache button {
    align-items: center;
    border-radius: 1rem;
    cursor: pointer;
    display: flex;
    line-height: 20px;
    padding: 12px;
    transition: border-radius .15s cubic-bezier(.4,0,.2,1),margin-left .15s cubic-bezier(.4,0,.2,1),padding .15s cubic-bezier(.4,0,.2,1),width .15s cubic-bezier(.4,0,.2,1);
    border: 1px solid #f44336;
    outline: none;
    background: #bf1003;
    color: #fff;
}
.storage-cache button:disabled {
opacity: 0.5;
cursor: none;
}
.storage-cache gocodeicon-delete {
    filter: invert(1) brightness(1.5);
}
.storage-cache p {
    max-height: 24px;
    min-width: 112px;
    display: flex;
    padding-left: 12px;
    flex: 1;
    word-break: break-all;
    word-break: break-word;
    word-wrap: break-word;
    align-items: center;
    line-height: 1.25rem;
    font-size: 0.875rem;
    font-weight: 600;
    letter-spacing: 0.3px;
}
.faq-reset {
    width: 100%;
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    gap: 1rem;
}
.faq-reset details {
    width: 100%;
    align-items: center;
    border-radius: 1rem;
    cursor: pointer;
    display: flex;
    line-height: 20px;
    padding: 12px;
    transition: border-radius .15s cubic-bezier(.4,0,.2,1),margin-left .15s cubic-bezier(.4,0,.2,1),padding .15s cubic-bezier(.4,0,.2,1),width .15s cubic-bezier(.4,0,.2,1);
    border: 1px solid #3d3d3d;
}
.faq-reset details p {
    margin-top: 1rem;
}

.premium-upgrade {
    width: 100%;
}
.overflow-x {
    width: 100%;
    display: flex;
    flex-direction: row;
    flex-wrap: nowrap;
    align-items: flex-start;
    overflow-y: hidden;
    overflow-x: auto;
    gap: 5%;
}
.item-premium {
    background: linear-gradient(90deg,rgb(52,168,83) 4%,rgb(66,133,244) 0) top/100% 34% no-repeat,linear-gradient(90deg,rgb(251,188,4) 50%,rgb(66,133,244) 0) top/100% 82% no-repeat,linear-gradient(90deg,rgb(251,188,4) 10%,rgb(234,67,53) 0) top/100% 100%;
    border: 0;
    box-shadow: 0 1px 6px rgba(60,64,67,.3);
    border-radius: 16px;
    padding: 3px;
    margin: 12px 8px 24px 8px;
}
.isi-premium {
    border-radius: 12px;
    background: #fff;
    padding: 1rem;
    width: 260px;
}
.judul-premium {
    display: flex;
    flex-direction: column;
    align-items: center;
    min-height: 302px;
    width: 100%;
}
.on-plan .judul-premium h3 {
    color: #444746;
    padding: 8px 0 0;
    margin: 74px 0 14px;
    font-size: 1.5rem;
    font-weight: 400;
    letter-spacing: 0;
    line-height: 2rem;
}
.judul-premium .harga {
    padding-top: 24px;
    text-align: center;
}
.judul-premium .harga p, .judul-premium .harga span {
    color: #747775;
    font-size: 1.5rem;
    font-weight: 400;
    letter-spacing: 0;
    line-height: 2rem;
    text-align: center;
    margin: 0px;
}
.judul-premium .harga span {
    text-decoration: line-through;
}
.judul-premium p {
    font-size: .875rem;
    font-weight: 400;
    letter-spacing: 0;
    line-height: 1.25rem;
    color: #146c2e;
    text-align: center;
    margin-top: 12px;
}
.judul-premium .harga p {
    color: #000;
}
.on-plan .judul-premium .harga p {
    font-size: .875rem;
    font-weight: 400;
    letter-spacing: 0;
    line-height: 1.25rem;
}
.link-upgrade {
    all: unset !important;
    color: #fff !important;
    background: #0b57d0 !important;
    padding: 10px 24px !important;
    border-radius: 5rem !important;
    margin: 24px 0 0 0 !important;
    min-width: 8rem !important;
    text-align: center !important;
    cursor: pointer !important;
}
.link-upgrade.disabled {
    background: transparent !important;
    border: 1px solid #0b57d0 !important;
    opacity: 0.5 !important;
    color: #0b57d0 !important;
    cursor: none !important;
    pointer-events: none !important;
}
.isi-premium .line-throught {
    margin: 1rem 0px;
}
.compare-premium {
    width: 100%;
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    gap: 0.5rem;
}
.item-compare {
    display: flex;
    flex-direction: row;
    flex-wrap: nowrap;
    align-items: center;
    justify-content: flex-start;
    width: 100%;
    gap: 1rem;
}
.item-compare p {
    font-size: .875rem;
    font-weight: 400;
    letter-spacing: 0;
    line-height: 1.25rem;
    padding-top: 6px;
    padding-bottom: 6px;
}
.on-plan {
    box-shadow: 0 1px 6px rgba(60,64,67,.3);
    margin: 12px 8px 24px 8px;
    background: transparent;
    padding: 0px;
    border-radius: 12px;
}
.premium-upgrade .faq-reset {
    margin-top: 3rem;
    margin-bottom: 1rem;
}
.contributor-box {
    width: 100%;
    display: flex;
    flex-direction: column;
    gap: 1rem;
}
.list-contributor {
    width: 70vw;
    max-width: 47.5%;
    padding: 1rem;
    border: 1px solid #3d3d3d;
    border-radius: 1rem;
    min-height: 400px;
}
.list-contributor strong {
    font-size: 1rem;
    font-weight: 600;
}
.list-contributor .donatur-list {
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    justify-content: flex-start;
    align-items: flex-start;
    gap: 0.75rem;
    margin-top: 1rem;
    width: 100%;
}
.img-profile-default {
    width: 48px;
    height: 48px;
    min-width: 48px;
    min-height: 48px;
    border-radius: 100%;
    background: #f0f4f9;
    overflow: hidden;
}
.img-profile-default img {
    width: 100%;
    height: auto;
}
.image-contributor {
    display: flex;
    flex-direction: column;
    flex-wrap: nowrap;
    align-items: center;
    min-width: 5rem;
    max-width: 5rem;
}
.image-contributor p {
    color: #1f1f1f;
    padding-top: 0.25rem;
    word-break: break-all;
    word-wrap: break-word;
    line-height: 1.25rem;
    font-size: 0.875rem;
    letter-spacing: 0em;
    font-weight: 500;
    overflow: hidden;
    text-overflow: ellipsis;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 1;
    display: -webkit-box;
    max-height: 40px;
    font-feature-settings: "liga" 0;
    font-variant-ligatures: no-contextual;
    font-family: 'gocodesans', system-ui, -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Oxygen, Ubuntu, Cantarell, 'Open Sans', 'Helvetica Neue', sans-serif;
}
.donatur-list a {
    all: unset !important;
    color: #fff !important;
    background: #0b57d0 !important;
    padding: 10px 24px !important;
    border-radius: 5rem !important;
    margin: 12px 0 0 0 !important;
    min-width: 8rem !important;
    text-align: center !important;
    cursor: pointer !important;
    display: flex !important;
    flex-direction: row !important;
    align-items: center !important;
}
.donatur-list a p {
    color: #fff;
    padding-left: 8px;
}
gocodeicon-money {
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' height='24px' viewBox='0 -960 960 960' width='24px' fill='%23fff'%3E%3Cpath d='M441-120v-86q-53-12-91.5-46T293-348l74-30q15 48 44.5 73t77.5 25q41 0 69.5-18.5T587-356q0-35-22-55.5T463-458q-86-27-118-64.5T313-614q0-65 42-101t86-41v-84h80v84q50 8 82.5 36.5T651-650l-74 32q-12-32-34-48t-60-16q-44 0-67 19.5T393-614q0 33 30 52t104 40q69 20 104.5 63.5T667-358q0 71-42 108t-104 46v84h-80Z'/%3E%3C/svg%3E");
    width: 24px;
    height: 24px;
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
    display: block;
}
gocodeicon-assets {
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' height='24px' viewBox='0 -960 960 960' width='24px' fill='%23fff'%3E%3Cpath d='M160-160q-33 0-56.5-23.5T80-240v-480q0-33 23.5-56.5T160-800h640q33 0 56.5 23.5T880-720v480q0 33-23.5 56.5T800-160H160Zm0-80h640v-400H160v400Z'/%3E%3C/svg%3E");
    width: 24px;
    height: 24px;
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
    display: block;
}
gocodeicon-saran {
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' height='24px' viewBox='0 -960 960 960' width='24px' fill='%23fff'%3E%3Cpath d='M240-400h480v-80H240v80Zm0-120h480v-80H240v80Zm0-120h480v-80H240v80ZM880-80 720-240H160q-33 0-56.5-23.5T80-320v-480q0-33 23.5-56.5T160-880h640q33 0 56.5 23.5T880-800v720ZM160-320h594l46 45v-525H160v480Zm0 0v-480 480Z'/%3E%3C/svg%3E");
    width: 24px;
    height: 24px;
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
    display: block;
}
.onbox-contributor {
    width: 100%;
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    justify-content: flex-start;
    align-items: flex-start;
    gap: 2rem;
}
.note-donatur {
    margin-bottom: 2rem;
    color: #1f1f1f;
}

@media only screen and (max-width: 980px) {
.left-header {
    display: flex;
    flex-direction: row;
    align-items: center;
}
.left-header #showOn {
    font-size: 24px;
    padding: 12px;
    display: flex;
    flex-direction: row;
    flex-wrap: nowrap;
    align-content: center;
    justify-content: center;
    align-items: center;
}
.left-header #showOn:hover {
    background-color: rgba(0,0,0,0.075);
    border-radius: 100%;
}
.navigasi-gocode {
    background-color: #f0f4f9;
    z-index: 2;
}
.raising .navigasi-gocode {
    width: auto;
}
.raising  .navigasi-gocode .overflow-y a {
border-radius: 100%;
padding: 12px;
}
.raising .navigasi-gocode .overflow-y a p, .raising .navigasi-gocode .overflow-y a .number, .raising .judul-menu, .raising .line-latensi, .raising .hasil-api-load, .raising .premium-offer {
display: none;
}
.container {
    padding-left: 72px;
}
}
@media only screen and (max-width: 600px) {
    .gocode-header {
        padding: 0px 0.5rem;
        background: #fff;
        height: 56px;
    }
    .abosolute-back {
        padding-left: 0.5rem;
        height: auto;
    }
    .navigator-header {
        padding-right: 0.5rem;
    }
    .navigator-header .upload, .left-header #showOn, .menu-opsi, .line-throught, .upgrade-premium {
        display: none;
    }
    .navigator-header #whatService, .navigator-header .contribute {
        padding: 8px;
    }
    .navigator-header .managing-user, .navigator-header .managing-user .user-photo:first-child {
        height: 34px;
    width: 34px;
    }
    .navigator-header .managing-user .user-photo {
        height: 24px;
    width: 24px;
    right: -0.25rem;
    bottom: -0.25rem;
    }
    .container {
        width: 100%;
        padding: 0;
        border-radius: 0px;
    }
    .navigasi-gocode {
        position: fixed;
        bottom: 0;
        display: flex;
        flex-direction: row;
        align-items: center;
        top: unset;
        width: 100%;
        max-width: 100vw;
        right: 0;
        flex: unset;
        height: auto;
    }
    .menu-utama {
        display: flex;
        flex-direction: row;
        align-items: center;
    }
    .container section {
        border-radius: 0px;
        padding: 0px;
        min-height: 85vh;
        max-height: 85vh;
    }
    g-nav {
        padding: 0px 0.5rem;
        height: 48px;
    }
    .navigasi-filter h2 {
        font-size: 1rem;
    }
    article.valid .overflow-y a, article.valid .overflow-y .item-konten {
        max-width: 47.5%;
        width: 47.5%;
        overflow: hidden;
    }
    article.valid figure {
        width: 100%;
        margin-inline: 0px;
        height: 100%;
    }
    article.valid figure picture {
        min-width: auto;
        height: 170px;
        border-radius: 1.5rem;
    }
    article.valid figure figcaption {
        height: auto;
    }
    article.valid figure figcaption p {
        display: none;
    }
    article.valid .overflow-y {
        gap: 1.5rem 5%;
    }
    .navigasi-gocode .overflow-y {
        padding: 1rem 0.5rem 0.25rem;
    }
    .navigasi-gocode .overflow-y a, .raising .navigasi-gocode .overflow-y a {
        flex: 1;
        background-color: transparent;
        display: flex;
        flex-direction: column;
        align-items: center;
        gap: 0.5rem;
        padding: 0px;
    }
    gocodeicon-gambar, gocodeicon-css, gocodeicon-js, gocodeicon-fonts {
        position: relative;
    }
    .navigasi-gocode .menu-utama .active gocodeicon-gambar::before,
    .navigasi-gocode .menu-utama .active gocodeicon-css::before,
    .navigasi-gocode .menu-utama .active gocodeicon-js::before,
    .navigasi-gocode .menu-utama .active gocodeicon-fonts::before,
    .navigasi-gocode .menu-utama .active gocodeicon-gif::before,
    .navigasi-gocode .menu-utama .active gocodeicon-audio::before,
    .navigasi-gocode .menu-utama .active gocodeicon-other::before {
        content: '';
        background: #c2e7ff;
        position: absolute;
        z-index: -1;
        left: -1.5rem;
        right: -1.5rem;
        top: -0.35rem;
        bottom: -0.35rem;
        border-radius: 3rem;
    }
    .navigasi-gocode .menu-utama a p {
        display: block;
        padding: 0px;
        margin: 0px;
        min-width: auto;
        font-weight: 500;
    }
    .raising .navigasi-gocode .overflow-y a p {
        display: block;
    }
    article.valid {
        padding: 1rem;
    }
    #startNew img {
        width: 100%;
        height: auto;
    }
    #startNew h3 {
        font-size: 1.5rem;
    }
    #startNew span {
        font-size: 14px;
        margin-bottom: 2rem;
    }
    #startNew p {
        font-size: 14px;
        text-align: center;
    }
    .copy-native {
        padding: 1rem;
        width: 95%;
    }
    .box-copy {
        padding: 0px;
    }
    .notif-temporary {
        width: 100%;
        max-width: 80%;
        text-align: center;
        left: 50%;
        right: 50%;
        transform: translate(-50%, 0px);
        display: none;
        flex-direction: column;
        align-items: center;
        padding: 0.5rem;
        font-size: 1rem;
    }
    .opt-fonts, .opt-gif, .opt-audio {
        display: none !important;
    }
    .speed-inspect {
        transform: unset;
        left: 0;
        right: 0;
        width: 100%;
    }
    .speed-inspect .line-latensi, .speed-inspect .hasil-api-load {
        display: block;
    }
    .fixed-start .box-native {
        padding: 2rem 1rem;
        min-height: auto;
        border-radius: 2rem;
    }
    .fixed-start .box-native .text-native strong {
        font-size: 1.5rem;
    }
    .fixed-start .box-native .text-native p {
        font-size: 1.25rem;
    }
    .isi-premium .line-throught {
        display: block;
    }
    .list-contributor {
        width: 100%;
    max-width: 100%;
    }
    .image-contributor {
        min-width: 4.5rem;
    max-width: 4.5rem;
    }
}
gocodeicon-delete {
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' height='24px' viewBox='0 -960 960 960' width='24px' fill='%23444746'%3E%3Cpath d='M280-120q-33 0-56.5-23.5T200-200v-520h-40v-80h200v-40h240v40h200v80h-40v520q0 33-23.5 56.5T680-120H280Zm400-600H280v520h400v-520ZM360-280h80v-360h-80v360Zm160 0h80v-360h-80v360ZM280-720v520-520Z'/%3E%3C/svg%3E");
    width: 24px;
    height: 24px;
    background-size: 100%;
    background-position: center;
    background-repeat: no-repeat;
    display: block;
    position: relative;
}
gocodeicon-other {
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' height='24px' viewBox='0 -960 960 960' width='24px' fill='%23444746'%3E%3Cpath d='M440-120H200q-33 0-56.5-23.5T120-200v-560q0-33 23.5-56.5T200-840h240v720Zm-80-80v-560H200v560h160Zm160-320v-320h240q33 0 56.5 23.5T840-760v240H520Zm80-80h160v-160H600v160Zm-80 480v-320h320v240q0 33-23.5 56.5T760-120H520Zm80-80h160v-160H600v160ZM360-480Zm240-120Zm0 240Z'/%3E%3C/svg%3E");
    width: 24px;
    height: 24px;
    background-size: 100%;
    background-position: center;
    background-repeat: no-repeat;
    display: block;
    position: relative;
}