/* @license GPL-2.0-or-later https://www.drupal.org/licensing/faq */
.tabs{--tabs-height:var(--sp3);--tabs-padding-inline:var(--sp1-5);--tabs-active-border-size:6px;--tabs-highlight-color:var(--color--primary-50);--tabs-text-color:var(--color-text-neutral-soft);--tabs-text-color-active:var(--color--gray-5);--tabs-letter-spacing:1px;--tabs-font-size:var(--font-size-xs);--tabs-background-color:var(--color--gray-100);--tabs-background-color-hover:var(--color--gray-95);--tabs-border-width:1px;--tabs-border-color:var(--color--gray-95);--tabs-transition-duration:0.2s;display:flex;flex-direction:column;width:100%;margin:0;margin-left:0;padding:0;list-style:none;}@media (min-width:700px){.tabs{flex-direction:row;flex-wrap:wrap;}}.tabs__tab{display:none;margin:0;margin-bottom:calc(var(--tabs-border-width)*-1);}.tabs__tab.is-active{display:flex;}@media (min-width:700px){.tabs__tab{display:flex;margin-bottom:0;margin-left:calc(var(--tabs-border-width)*-1);}}html:not(.js) .tabs__tab{display:flex;}.tabs.is-expanded .tabs__tab{display:flex;}.tabs--secondary .tabs__tab{display:block;}@media (min-width:700px){.tabs--secondary .tabs__tab{display:flex;}}.tabs__link{display:flex;flex-grow:1;align-items:center;height:var(--tabs-height);padding-top:0;padding-bottom:0;padding-left:var(--tabs-padding-inline);padding-right:var(--tabs-padding-inline);transition:background-color var(--tabs-transition-duration);-webkit-text-decoration:none;text-decoration:none;letter-spacing:var(--tabs-letter-spacing);color:var(--tabs-text-color);border:var(--tabs-border-width) solid var(--tabs-border-color);background-color:var(--tabs-background-color);font-size:var(--tabs-font-size);}.tabs__link:hover{color:var(--tabs-text-color-active);background-color:var(--tabs-background-color-hover);}.tabs__link:focus{position:relative;outline:solid 3px var(--tabs-highlight-color);outline-offset:-3px;}.tabs__link.is-active{position:relative;color:var(--tabs-text-color-active);font-weight:600;}.tabs__link.is-active::after{position:absolute;top:calc(var(--tabs-border-width)*-1);left:calc(var(--tabs-border-width)*-1);height:calc(100% + var(--tabs-border-width)*2);content:"";border-left:var(--tabs-active-border-size) solid
    var(--tabs-highlight-color);}@media (min-width:700px){.tabs__link.is-active::after{top:auto;bottom:calc(var(--tabs-border-width)*-1);width:calc(100% + var(--tabs-border-width)*2);height:0;border-top:var(--tabs-active-border-size) solid
      var(--tabs-highlight-color);border-left:0;}}@media (min-width:700px){.tabs--secondary .tabs__link{border-color:transparent;background-color:transparent;}}.tabs__trigger{display:flex;align-items:center;justify-content:center;width:var(--tabs-height);margin-top:0;margin-bottom:0;margin-left:calc(var(--tabs-border-width)*-1);margin-right:0;cursor:pointer;border:solid var(--tabs-border-width) var(--tabs-border-color);background-color:var(--tabs-background-color);}.tabs__trigger:hover{background-color:var(--tabs-background-color-hover);}.tabs__trigger:focus{position:relative;border-color:var(--tabs-highlight-color);outline:none;}html:not(.js) .tabs__trigger{display:none;}@media (min-width:700px){.tabs__trigger{display:none;}}.tabs__trigger-icon{position:relative;display:block;width:var(--sp);height:10px;margin-top:calc(var(--tabs-border-width)*-2);}.tabs__trigger-icon > span{position:absolute;left:0;display:block;width:100%;transition:transform var(--tabs-transition-duration),opacity var(--tabs-transition-duration),top var(--tabs-transition-duration);border-top:solid 2px var(--tabs-highlight-color);}.tabs__trigger-icon > span:nth-child(1){top:0;}.tabs__trigger[aria-expanded="true"] .tabs__trigger-icon > span:nth-child(1){top:calc(50% + 1px);transform:rotate(45deg);}.tabs__trigger-icon > span:nth-child(2){top:calc(50% + 1px);}.tabs__trigger[aria-expanded="true"] .tabs__trigger-icon > span:nth-child(2){opacity:0;}.tabs__trigger-icon > span:nth-child(3){top:calc(100% + 2px);}.tabs__trigger[aria-expanded="true"] .tabs__trigger-icon > span:nth-child(3){top:calc(50% + 1px);transform:rotate(-45deg);}
