/* @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:0.375rem;--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-s);--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-inline-start:0;padding:0;list-style:none;@media (min-width:43.75rem){flex-direction:row;flex-wrap:wrap;}}.tabs__tab{display:none;margin:0;margin-block-end:calc(-1 * var(--tabs-border-width));&.is-active{display:flex;}html:not(.js) &{display:flex;}.tabs.is-expanded &{display:flex;}.tabs--secondary &{display:block;@media (min-width:43.75rem){display:flex;}}@media (min-width:43.75rem){display:flex;margin-block-end:0;margin-inline-start:calc(-1 * var(--tabs-border-width));}}.tabs__link{display:flex;flex-grow:1;align-items:center;height:var(--tabs-height);padding-block:0;padding-inline: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);&:hover{color:var(--tabs-text-color-active);background-color:var(--tabs-background-color-hover);}&:focus{position:relative;outline:solid 3px var(--tabs-highlight-color);outline-offset:-3px;}&.is-active{position:relative;color:var(--tabs-text-color-active);font-weight:600;&::after{position:absolute;inset-block-start:calc(-1 * var(--tabs-border-width));inset-inline-start:calc(-1 * var(--tabs-border-width));height:calc(100% + var(--tabs-border-width) * 2);content:"";border-inline-start:var(--tabs-active-border-size) solid var(--tabs-highlight-color);@media (min-width:43.75rem){inset-block:auto calc(-1 * var(--tabs-border-width));width:calc(100% + 2 * var(--tabs-border-width));height:0;border-block-start:var(--tabs-active-border-size) solid var(--tabs-highlight-color);border-inline-start:0;}}}.tabs--secondary &{@media (min-width:43.75rem){border-color:transparent;background-color:transparent;}}}.tabs__trigger{display:flex;align-items:center;justify-content:center;width:var(--tabs-height);margin-block:0;margin-inline:calc(-1 * var(--tabs-border-width)) 0;cursor:pointer;border:solid var(--tabs-border-width) var(--tabs-border-color);background-color:var(--tabs-background-color);&:hover{background-color:var(--tabs-background-color-hover);}&:focus{position:relative;border-color:var(--tabs-highlight-color);outline:none;}html:not(.js) &{display:none;}@media (min-width:43.75rem){display:none;}}.tabs__trigger-icon{position:relative;display:block;width:var(--sp);height:0.625rem;margin-block-start:calc(-2 * var(--tabs-border-width));& > span{position:absolute;inset-inline-start:0;display:block;width:100%;transition:transform var(--tabs-transition-duration),opacity var(--tabs-transition-duration),top var(--tabs-transition-duration);border-block-start:solid 2px var(--tabs-highlight-color);&:nth-child(1){inset-block-start:0;.tabs__trigger[aria-expanded="true"] &{inset-block-start:calc(50% + 1px);transform:rotate(45deg);}}&:nth-child(2){inset-block-start:calc(50% + 1px);.tabs__trigger[aria-expanded="true"] &{opacity:0;}}&:nth-child(3){inset-block-start:calc(100% + 2px);.tabs__trigger[aria-expanded="true"] &{inset-block-start:calc(50% + 1px);transform:rotate(-45deg);}}}}
@keyframes gin-throbber{0%{transform:rotateZ(0);}100%{transform:rotateZ(360deg);}}.ajax-progress__throbber,.ajax-progress__throbber--fullscreen,.ui-dialog .ajax-progress__throbber,.media-library-item .ajax-progress__throbber{border:3px solid var(--gin-color-primary);border-inline-end:3px dotted transparent;}.ajax-progress .ajax-progress__message{color:var(--gin-color-text);}[dir].gin--dark-mode .ajax-progress--fullscreen{background-color:var(--gin-color-primary);border-color:transparent;box-shadow:0 2px 6px 0 var(--gin-bg-app);}[dir].gin--dark-mode .ajax-progress--fullscreen .ajax-progress__throbber,[dir].gin--dark-mode .ajax-progress--fullscreen .ajax-progress__throbber--fullscreen{border:3px solid var(--gin-bg-app);border-inline-end:3px dotted transparent;}.media-library-widget .ajax-progress__throbber,.media-library-widget .ajax-progress__throbber--fullscreen{border:2px solid var(--gin-color-primary);border-inline-end:2px dotted transparent;}.ui-dialog .ajax-progress-throbber{padding:var(--gin-spacing-xs);background:var(--gin-bg-app);border-radius:50%;box-shadow:0 2px 6px 0 rgba(34,35,48,.1);border:1px solid rgba(216,217,224,.8);}.gin--dark-mode .ui-dialog .ajax-progress-throbber{background-color:var(--gin-color-primary);border-color:transparent;box-shadow:0 2px 6px 0 var(--gin-bg-app);}.ui-dialog .ajax-progress-throbber::before,.contextual-links .ajax-progress-throbber::before{content:"";display:block;position:absolute;inset-block-start:var(--gin-spacing-xs);inset-inline-start:var(--gin-spacing-xs);width:1.125rem;height:1.125rem;border:2px solid var(--gin-color-primary);border-inline-end:2px dotted transparent;border-radius:50%;animation:gin-throbber .75s linear infinite;}.gin--dark-mode .ui-dialog .ajax-progress,.gin--dark-mode .media-library-item .ajax-progress.ajax-progress.ajax-progress{background-color:var(--gin-bg-app);border-color:var(--gin-bg-app);}.contextual-links li{position:relative;}.contextual-links .ajax-progress-throbber{position:absolute;inset-block-start:0;inset-inline-end:var(--gin-spacing-xxs);width:24px;height:24px;}.contextual-links .ajax-progress-throbber::before{inset-block-start:0;inset-inline-start:.25em;}.claro-autocomplete__message{color:var(--gin-color-primary);}
