.wp-block-umbrellas-tabs-group{--umb-tabs-blue:#2a75a9;--umb-tabs-text:var(--wp--preset--color--dark-emerald,#11184c);--umb-tabs-inactive-bg:#e9f1f8;--umb-tabs-radius:12px;display:flex;flex-direction:column;margin-bottom:20px;width:100%}.wp-block-umbrellas-tabs-group .tab-list{align-items:stretch;background:linear-gradient(to bottom,transparent calc(100% - var(--umb-tabs-radius)),var(--umb-tabs-blue) calc(100% - var(--umb-tabs-radius)));border:0;display:flex;gap:2px;list-style:none;margin:0;margin-bottom:calc(var(--umb-tabs-radius)*-1);padding:0;position:relative;z-index:1}.wp-block-umbrellas-tabs-group .tab-content{background:var(--umb-tabs-blue);border-radius:0 var(--umb-tabs-radius) var(--umb-tabs-radius) var(--umb-tabs-radius);color:var(--wp--preset--color--white,#fff);margin-top:0;padding:calc(clamp(1.35rem,3vw,2.35rem) + var(--umb-tabs-radius)) clamp(1.4rem,5vw,4rem) clamp(1.35rem,3vw,2.35rem);position:relative;width:100%;z-index:2}.wp-block-umbrellas-tabs-group:not(:has(.tab-button:first-child.is-active)) .tab-content{border-top-left-radius:var(--umb-tabs-radius)}.wp-block-umbrellas-tabs-group .tab-button{align-items:center;background-color:var(--umb-tabs-inactive-bg);border:none;border-radius:var(--umb-tabs-radius) var(--umb-tabs-radius) 0 0;color:var(--umb-tabs-text);cursor:pointer;display:inline-flex;flex:1 1 0;font-size:clamp(.86rem,1.1vw,1rem);font-weight:500;justify-content:center;line-height:1.08;margin-bottom:0;margin-right:0;min-height:4rem;min-width:7.5rem;padding:.7rem .9rem calc(.9rem + var(--umb-tabs-radius));position:relative;text-align:center;transition:background-color .2s ease,color .2s ease}.wp-block-umbrellas-tabs-group .tab-button:hover{background-color:color-mix(in srgb,var(--umb-tabs-inactive-bg) 72%,#fff)}.wp-block-umbrellas-tabs-group .tab-button:focus-visible{box-shadow:inset 0 0 0 2px color-mix(in srgb,currentColor 48%,transparent);outline:none}.wp-block-umbrellas-tabs-group .tab-button.is-active{background-color:var(--umb-tabs-blue);color:var(--wp--preset--color--white,#fff);font-weight:700;text-decoration-color:#d7eaf8;text-decoration-line:underline;-webkit-text-decoration-skip-ink:none;text-decoration-skip-ink:none;text-decoration-thickness:2px;text-underline-offset:.14em;z-index:1}@media(min-width:783px){.wp-block-umbrellas-tabs-group.is-vertical{flex-direction:row;flex-wrap:wrap;gap:var(--wp--preset--spacing--medium)}.wp-block-umbrellas-tabs-group.is-vertical .tab-list{border-bottom:none;border-right:0;flex-direction:column;min-width:250px;width:25%}.wp-block-umbrellas-tabs-group.is-vertical .tab-content{flex:1}.wp-block-umbrellas-tabs-group.is-vertical .tab-button{border-radius:var(--umb-tabs-radius) 0 0 var(--umb-tabs-radius);margin-bottom:2px;margin-right:0;padding:10px 15px}.wp-block-umbrellas-tabs-group.is-vertical .tab-button:after{bottom:auto;height:50%;left:.75rem;right:auto;top:50%;transform:translateY(-50%);width:2px}}@media(max-width:782px){.wp-block-umbrellas-tabs-group .tab-list{flex-wrap:wrap}.wp-block-umbrellas-tabs-group .tab-button{flex-basis:calc(50% - 2px)}.wp-block-umbrellas-tabs-group .tab-content,.wp-block-umbrellas-tabs-group:not(:has(.tab-button:first-child.is-active)) .tab-content{border-radius:0 0 var(--umb-tabs-radius) var(--umb-tabs-radius)}}.wp-block-umbrellas-tabs-group.variant-button{--umb-tabs-button-border:var(--wp--preset--color--primary,#292d63);--umb-tabs-button-bg:var(--wp--preset--color--white,#fff);--umb-tabs-button-active-bg:var(--wp--preset--color--primary,#292d63);--umb-tabs-button-active-text:var(--wp--preset--color--white,#fff);gap:clamp(1rem,2vw,1.35rem)}.wp-block-umbrellas-tabs-group.variant-button .tab-list{background:transparent;flex-wrap:wrap;gap:.65rem;margin:0;padding:0}.wp-block-umbrellas-tabs-group.variant-button .tab-button{background:var(--umb-tabs-button-bg);border:2px solid var(--umb-tabs-button-border);border-radius:999px;color:var(--umb-tabs-text);flex:0 1 auto;font-size:var(--wp--preset--font-size--small,.875rem);line-height:1.1;min-height:0;min-width:0;padding:.55rem 1.1rem;text-decoration:none}.wp-block-umbrellas-tabs-group.variant-button .tab-button:focus-visible,.wp-block-umbrellas-tabs-group.variant-button .tab-button:hover{background:color-mix(in srgb,var(--umb-tabs-button-active-bg) 8%,#fff)}.wp-block-umbrellas-tabs-group.variant-button .tab-button.is-active{background:var(--umb-tabs-button-active-bg);color:var(--umb-tabs-button-active-text);font-weight:700;text-decoration:none}.wp-block-umbrellas-tabs-group.variant-button .tab-content,.wp-block-umbrellas-tabs-group.variant-button:not(:has(.tab-button:first-child.is-active)) .tab-content{background:var(--wp--preset--color--white,#fff);border-radius:0;color:var(--umb-tabs-text);padding:0}.wp-block-umbrellas-tabs-group.variant-button .wp-block-umbrellas-tabs-tab .tab-content-inner{padding-top:.35rem}.wp-block-umbrellas-tabs-group.variant-button .wp-block-umbrellas-tabs-tab .tab-content-inner>:first-child{margin-top:0}.wp-block-umbrellas-tabs-tab{display:none;scroll-margin-top:0;width:100%}.wp-block-umbrellas-tabs-tab.is-active{display:block}.wp-block-umbrellas-tabs-tab .tab-content-inner,.wp-block-umbrellas-tabs-tab .tab-panel{background-color:transparent;padding:20px 0}.wp-block-umbrellas-tabs-group.is-vertical .wp-block-umbrellas-tabs-tab .tab-content-inner,.wp-block-umbrellas-tabs-group.is-vertical .wp-block-umbrellas-tabs-tab .tab-panel{padding:0 0 0 20px}
