.code-tabs{background-color:var(--color-gray);position:relative}.code-tabs__tab-area{width:100%}.code-tabs__tab-button{font-size:1rem;font-weight:300;letter-spacing:-.2px;line-height:1.5rem;background-color:transparent;border:none;cursor:pointer;padding:.5rem 1rem;display:block}.code-tabs__tab-button:hover{color:var(--color-active)}@media screen and (min-width: 48rem){.code-tabs__tab-button{display:inline-block;margin-top:2.125rem}}.code-tabs__tab-button.active{text-decoration:underline solid var(--color-blue) 2px;text-underline-offset:12px;padding-bottom:.5rem}.code-tabs__content-area .tabcontent{font-size:.875rem;display:none;border-top:none}.code-tabs__content-area .tabcontent:first-of-type{display:block}.code-tabs__content-area .tabcontent.active{display:block}.code-tabs__copy-button{margin:0 1rem 1rem;border:0;padding:0}.code-tabs .pkt-hr{margin:0 1rem}