/** * @package Tabs & Accordions * @version 1.1.0 * * @author Peter van Westen * @link http://regularlabs.com * @copyright Copyright © 2022 Regular Labs All Rights Reserved * @license http://www.gnu.org/licenses/gpl-2.0.html GNU/GPL */ /** * @package Tabs & Accordions * @version 1.1.0 */ [data-rlta-element=container][data-rlta-state=ready][data-rlta-type=accordions] > [data-rlta-element=button] > [data-rlta-element=heading], [data-rlta-element=container][data-rlta-state=ready][data-rlta-type=tabs] > [data-rlta-element=button-list] > [data-rlta-element=button] > [data-rlta-element=heading] { font-size: 1.125rem; font-weight: 500; margin: 0; padding: 0; width: 100%; text-transform: uppercase; } [data-rlta-element=container][data-rlta-state=ready][data-rlta-theme=neutral][data-rlta-type=tabs] > [data-rlta-element=button-list] > [data-rlta-element=button], [data-rlta-element=container][data-rlta-state=ready][data-rlta-theme=neutral][data-rlta-type=accordions] > [data-rlta-element=button] { background-color: #ffffff; padding: 0.75rem 1.25rem; color: #995743; } [data-rlta-element=container][data-rlta-state=ready][data-rlta-theme=neutral][data-rlta-type=tabs] > [data-rlta-element=button-list] > [data-rlta-element=button]:hover, [data-rlta-element=container][data-rlta-state=ready][data-rlta-theme=neutral][data-rlta-type=accordions] > [data-rlta-element=button]:hover { background-color: #995743; color: #ffffff !important; } [data-rlta-element=container][data-rlta-state=ready][data-rlta-theme=neutral][data-rlta-type=tabs] > [data-rlta-element=button-list] > [data-rlta-element=button]:not([data-rlta-state=closed]), [data-rlta-element=container][data-rlta-state=ready][data-rlta-theme=neutral][data-rlta-type=tabs] > [data-rlta-element=button-list] > [data-rlta-element=button]:not([data-rlta-state=closed]):hover, [data-rlta-element=container][data-rlta-state=ready][data-rlta-theme=neutral][data-rlta-type=accordions] > [data-rlta-element=button]:not([data-rlta-state=closed]), [data-rlta-element=container][data-rlta-state=ready][data-rlta-theme=neutral][data-rlta-type=accordions] > [data-rlta-element=button]:not([data-rlta-state=closed]):hover { background-color: #995743; color: #ffffff !important; } [data-rlta-element=container][data-rlta-state=ready][data-rlta-theme=neutral][data-rlta-type=accordions] > [data-rlta-element=panel], [data-rlta-element=container][data-rlta-state=ready][data-rlta-theme=neutral][data-rlta-type=tabs] > [data-rlta-element=panels] > [data-rlta-element=panel] { background: #ffffff00; } [data-rlta-element=container][data-rlta-state=ready][data-rlta-theme=neutral][data-rlta-type=accordions] > [data-rlta-element=panel] > [data-rlta-element=panel-content], [data-rlta-element=container][data-rlta-state=ready][data-rlta-theme=neutral][data-rlta-type=tabs] > [data-rlta-element=panels] > [data-rlta-element=panel] > [data-rlta-element=panel-content] { padding: 1.25em; } [data-rlta-element=container][data-rlta-state=ready][data-rlta-theme=neutral][data-rlta-type=accordions] > [data-rlta-element=button] { background-color: #ffffff; transition: background-color 200ms, border 200ms; } [data-rlta-element=container][data-rlta-state=ready][data-rlta-theme=neutral][data-rlta-type=accordions] > [data-rlta-element=button]:hover, [data-rlta-element=container][data-rlta-state=ready][data-rlta-theme=neutral][data-rlta-type=accordions] > [data-rlta-element=button]:focus { background-color: #c18573; } [data-rlta-element=container][data-rlta-state=ready][data-rlta-theme=neutral][data-rlta-type=accordions] > [data-rlta-element=button][data-rlta-state=open], [data-rlta-element=container][data-rlta-state=ready][data-rlta-theme=neutral][data-rlta-type=accordions] > [data-rlta-element=button][data-rlta-state=opening] { background-color: #995743; border-radius: 5px 5px 0 0; } [data-rlta-element=container][data-rlta-state=ready][data-rlta-theme=neutral][data-rlta-type=accordions] > [data-rlta-element=button][data-rlta-state=open]:hover, [data-rlta-element=container][data-rlta-state=ready][data-rlta-theme=neutral][data-rlta-type=accordions] > [data-rlta-element=button][data-rlta-state=open]:focus, [data-rlta-element=container][data-rlta-state=ready][data-rlta-theme=neutral][data-rlta-type=accordions] > [data-rlta-element=button][data-rlta-state=opening]:hover, [data-rlta-element=container][data-rlta-state=ready][data-rlta-theme=neutral][data-rlta-type=accordions] > [data-rlta-element=button][data-rlta-state=opening]:focus { background-color: #995743; } [data-rlta-element=container][data-rlta-state=ready][data-rlta-theme=neutral][data-rlta-type=tabs] > [data-rlta-element=button-list] > [data-rlta-element=button] { box-shadow: none; } [data-rlta-element=container][data-rlta-state=ready][data-rlta-theme=neutral][data-rlta-type=tabs] > [data-rlta-element=button-list] > [data-rlta-element=button]:not([data-rlta-state=closed]) { box-shadow: none; margin-bottom: 0; } [data-rlta-element=container][data-rlta-state=ready][data-rlta-theme=neutral][data-rlta-type=tabs][data-rlta-centered=ready] > [data-rlta-element=button-list] > [data-rlta-element=button] { transition: background-color 200ms, border 200ms; } [data-rlta-element=container][data-rlta-state=ready][data-rlta-theme=neutral][data-rlta-type=tabs] > [data-rlta-element=panel] { border-radius: 0px; } [data-rlta-element=container][data-rlta-state=ready][data-rlta-theme=neutral][data-rlta-positioning=top][data-rlta-type=accordions] > [data-rlta-element=panel], [data-rlta-element=container][data-rlta-state=ready][data-rlta-theme=neutral][data-rlta-positioning=top][data-rlta-type=tabs] > [data-rlta-element=panels] > [data-rlta-element=panel] { border-top-left-radius: 0; border-top-right-radius: 0; } [data-rlta-element=container][data-rlta-state=ready][data-rlta-theme=neutral][data-rlta-positioning=top] > [data-rlta-element=button-list] { margin-bottom: -1px; border: 1px dashed #cccccc; } [data-rlta-element=container][data-rlta-state=ready][data-rlta-theme=neutral][data-rlta-positioning=top] > [data-rlta-element=button-list] > [data-rlta-element=button] { border-bottom: none; border-bottom-left-radius: 0; border-bottom-right-radius: 0; margin-bottom: 0px; } [data-rlta-element=container][data-rlta-state=ready][data-rlta-theme=neutral][data-rlta-positioning=top] > [data-rlta-element=button-list] > [data-rlta-element=button]:not([data-rlta-state=closed]) { border-bottom-color: #f4f5f6; margin-bottom: 0; } [data-rlta-element=container][data-rlta-state=ready][data-rlta-theme=neutral][data-rlta-positioning=top] > [data-rlta-element=button-list] > [data-rlta-element=button]:not([data-rlta-state=closed]) [data-rlta-element=heading] { margin-bottom: 0px; } [data-rlta-element=container][data-rlta-state=ready][data-rlta-theme=neutral][data-rlta-positioning=top][data-rlta-state=initial][data-rlta-type=accordions] > [data-rlta-element=button] { border-bottom-left-radius: 0; border-bottom-right-radius: 0; } [data-rlta-element=container][data-rlta-state=ready][data-rlta-theme=neutral][data-rlta-positioning=top][data-rlta-dynamic-heights=true][data-rlta-type=tabs] > [data-rlta-element=button-list] > [data-rlta-element=button] { padding-top: 0.35rem; padding-bottom: 0.35rem; margin-top: 0.8rem; } [data-rlta-element=container][data-rlta-state=ready][data-rlta-theme=neutral][data-rlta-positioning=top][data-rlta-dynamic-heights=true][data-rlta-type=tabs] > [data-rlta-element=button-list] > [data-rlta-element=button]:hover, [data-rlta-element=container][data-rlta-state=ready][data-rlta-theme=neutral][data-rlta-positioning=top][data-rlta-dynamic-heights=true][data-rlta-type=tabs] > [data-rlta-element=button-list] > [data-rlta-element=button]:not([data-rlta-state=closed]) { padding-top: 0.75rem; padding-bottom: 0.75rem; margin-top: 0; } [data-rlta-element=container][data-rlta-state=ready][data-rlta-theme=neutral][data-rlta-positioning=top] > [data-rlta-element=button-scroller] [data-rlta-element=button-scroller-left] [data-rlta-element=button-scroller-hotspot], [data-rlta-element=container][data-rlta-state=ready][data-rlta-theme=neutral][data-rlta-positioning=top] > [data-rlta-element=button-scroller] [data-rlta-element=button-scroller-right] [data-rlta-element=button-scroller-hotspot] { margin-bottom: 2px; } [data-rlta-element=container][data-rlta-state=ready][data-rlta-theme=neutral][data-rlta-positioning=bottom][data-rlta-type=accordions] > [data-rlta-element=panel], [data-rlta-element=container][data-rlta-state=ready][data-rlta-theme=neutral][data-rlta-positioning=bottom][data-rlta-type=tabs] > [data-rlta-element=panels] > [data-rlta-element=panel] { border-bottom-left-radius: 0; border-bottom-right-radius: 0; } [data-rlta-element=container][data-rlta-state=ready][data-rlta-theme=neutral][data-rlta-positioning=bottom] > [data-rlta-element=button-list] { margin-top: -1px; } [data-rlta-element=container][data-rlta-state=ready][data-rlta-theme=neutral][data-rlta-positioning=bottom] > [data-rlta-element=button-list] > [data-rlta-element=button] { border-top: none; border-top-left-radius: 0; border-top-right-radius: 0; margin-top: 1px; } [data-rlta-element=container][data-rlta-state=ready][data-rlta-theme=neutral][data-rlta-positioning=bottom] > [data-rlta-element=button-list] > [data-rlta-element=button]:not([data-rlta-state=closed]) { border-top-color: #f4f5f6; margin-top: 0; } [data-rlta-element=container][data-rlta-state=ready][data-rlta-theme=neutral][data-rlta-positioning=bottom] > [data-rlta-element=button-list] > [data-rlta-element=button]:not([data-rlta-state=closed]) [data-rlta-element=heading] { margin-top: 1px; } [data-rlta-element=container][data-rlta-state=ready][data-rlta-theme=neutral][data-rlta-positioning=bottom][data-rlta-state=initial][data-rlta-type=accordions] > [data-rlta-element=button] { border-top-left-radius: 0; border-top-right-radius: 0; } [data-rlta-element=container][data-rlta-state=ready][data-rlta-theme=neutral][data-rlta-positioning=bottom][data-rlta-dynamic-heights=true][data-rlta-type=tabs] > [data-rlta-element=button-list] > [data-rlta-element=button] { padding-top: 0.35rem; padding-bottom: 0.35rem; margin-bottom: 0.8rem; } [data-rlta-element=container][data-rlta-state=ready][data-rlta-theme=neutral][data-rlta-positioning=bottom][data-rlta-dynamic-heights=true][data-rlta-type=tabs] > [data-rlta-element=button-list] > [data-rlta-element=button]:hover, [data-rlta-element=container][data-rlta-state=ready][data-rlta-theme=neutral][data-rlta-positioning=bottom][data-rlta-dynamic-heights=true][data-rlta-type=tabs] > [data-rlta-element=button-list] > [data-rlta-element=button]:not([data-rlta-state=closed]) { padding-top: 0.75rem; padding-bottom: 0.75rem; margin-bottom: 0; } [data-rlta-element=container][data-rlta-state=ready][data-rlta-theme=neutral][data-rlta-positioning=bottom] > [data-rlta-element=button-scroller] [data-rlta-element=button-scroller-left] [data-rlta-element=button-scroller-hotspot], [data-rlta-element=container][data-rlta-state=ready][data-rlta-theme=neutral][data-rlta-positioning=bottom] > [data-rlta-element=button-scroller] [data-rlta-element=button-scroller-right] [data-rlta-element=button-scroller-hotspot] { margin-top: 2px; } [data-rlta-element=container][data-rlta-state=ready][data-rlta-theme=neutral][data-rlta-positioning=left][data-rlta-type=accordions] > [data-rlta-element=panel], [data-rlta-element=container][data-rlta-state=ready][data-rlta-theme=neutral][data-rlta-positioning=left][data-rlta-type=tabs] > [data-rlta-element=panels] > [data-rlta-element=panel] { border-top-left-radius: 0; border-bottom-left-radius: 0; } [data-rlta-element=container][data-rlta-state=ready][data-rlta-theme=neutral][data-rlta-positioning=left] > [data-rlta-element=button-list] { margin-right: -1px; } [data-rlta-element=container][data-rlta-state=ready][data-rlta-theme=neutral][data-rlta-positioning=left] > [data-rlta-element=button-list] > [data-rlta-element=button] { border-right: none; border-top-right-radius: 0; border-bottom-right-radius: 0; margin-right: 1px; } [data-rlta-element=container][data-rlta-state=ready][data-rlta-theme=neutral][data-rlta-positioning=left] > [data-rlta-element=button-list] > [data-rlta-element=button]:not([data-rlta-state=closed]) { border-right-color: #f4f5f6; margin-right: 0; } [data-rlta-element=container][data-rlta-state=ready][data-rlta-theme=neutral][data-rlta-positioning=left] > [data-rlta-element=button-list] > [data-rlta-element=button]:not([data-rlta-state=closed]) [data-rlta-element=heading] { margin-right: 1px; } [data-rlta-element=container][data-rlta-state=ready][data-rlta-theme=neutral][data-rlta-positioning=left][data-rlta-state=initial][data-rlta-type=accordions] > [data-rlta-element=button] { border-top-right-radius: 0; border-bottom-right-radius: 0; } [data-rlta-element=container][data-rlta-state=ready][data-rlta-theme=neutral][data-rlta-positioning=right][data-rlta-type=accordions] > [data-rlta-element=panel], [data-rlta-element=container][data-rlta-state=ready][data-rlta-theme=neutral][data-rlta-positioning=right][data-rlta-type=tabs] > [data-rlta-element=panels] > [data-rlta-element=panel] { border-top-right-radius: 0; border-bottom-right-radius: 0; } [data-rlta-element=container][data-rlta-state=ready][data-rlta-theme=neutral][data-rlta-positioning=right] > [data-rlta-element=button-list] { margin-left: -1px; } [data-rlta-element=container][data-rlta-state=ready][data-rlta-theme=neutral][data-rlta-positioning=right] > [data-rlta-element=button-list] > [data-rlta-element=button] { border-left: none; border-top-left-radius: 0; border-bottom-left-radius: 0; margin-left: 1px; } [data-rlta-element=container][data-rlta-state=ready][data-rlta-theme=neutral][data-rlta-positioning=right] > [data-rlta-element=button-list] > [data-rlta-element=button]:not([data-rlta-state=closed]) { border-left-color: #f4f5f6; margin-left: 0; } [data-rlta-element=container][data-rlta-state=ready][data-rlta-theme=neutral][data-rlta-positioning=right] > [data-rlta-element=button-list] > [data-rlta-element=button]:not([data-rlta-state=closed]) [data-rlta-element=heading] { margin-left: 1px; } [data-rlta-element=container][data-rlta-state=ready][data-rlta-theme=neutral][data-rlta-positioning=right][data-rlta-state=initial][data-rlta-type=accordions] > [data-rlta-element=button] { border-top-left-radius: 0; border-bottom-left-radius: 0; } [data-rlta-element=container][data-rlta-state=ready][data-rlta-theme=neutral][data-rlta-type=accordions] > [data-rlta-element=button][data-rlta-color=red]:not([data-rlta-state=closed]), [data-rlta-element=container][data-rlta-state=ready][data-rlta-theme=neutral][data-rlta-type=accordions] > [data-rlta-element=button][data-rlta-color=red]:not([data-rlta-state=closed]):hover, [data-rlta-element=container][data-rlta-state=ready][data-rlta-theme=neutral][data-rlta-type=tabs] > [data-rlta-element=button-list] > [data-rlta-element=button][data-rlta-color=red]:not([data-rlta-state=closed]), [data-rlta-element=container][data-rlta-state=ready][data-rlta-theme=neutral][data-rlta-type=tabs] > [data-rlta-element=button-list] > [data-rlta-element=button][data-rlta-color=red]:not([data-rlta-state=closed]):hover { background-color: #dc2a28; border-color: #dc2a28; } [data-rlta-element=container][data-rlta-state=ready][data-rlta-theme=neutral][data-rlta-type=accordions] > [data-rlta-element=button][data-rlta-color=red]:not([data-rlta-state=closed]) > [data-rlta-element=heading], [data-rlta-element=container][data-rlta-state=ready][data-rlta-theme=neutral][data-rlta-type=accordions] > [data-rlta-element=button][data-rlta-color=red]:not([data-rlta-state=closed]):hover > [data-rlta-element=heading], [data-rlta-element=container][data-rlta-state=ready][data-rlta-theme=neutral][data-rlta-type=tabs] > [data-rlta-element=button-list] > [data-rlta-element=button][data-rlta-color=red]:not([data-rlta-state=closed]) > [data-rlta-element=heading], [data-rlta-element=container][data-rlta-state=ready][data-rlta-theme=neutral][data-rlta-type=tabs] > [data-rlta-element=button-list] > [data-rlta-element=button][data-rlta-color=red]:not([data-rlta-state=closed]):hover > [data-rlta-element=heading] { color: #fcf0ef; } [data-rlta-element=container][data-rlta-state=ready][data-rlta-theme=neutral][data-rlta-positioning=top][data-rlta-type=tabs] > [data-rlta-element=button-list] > [data-rlta-element=button][data-rlta-color=red]:not([data-rlta-state=closed]), [data-rlta-element=container][data-rlta-state=ready][data-rlta-theme=neutral][data-rlta-positioning=top][data-rlta-type=tabs] > [data-rlta-element=button-list] > [data-rlta-element=button][data-rlta-color=red]:not([data-rlta-state=closed]):hover { border-bottom-color: #dc2a28; } [data-rlta-element=container][data-rlta-state=ready][data-rlta-theme=neutral][data-rlta-positioning=bottom][data-rlta-type=tabs] > [data-rlta-element=button-list] > [data-rlta-element=button][data-rlta-color=red]:not([data-rlta-state=closed]), [data-rlta-element=container][data-rlta-state=ready][data-rlta-theme=neutral][data-rlta-positioning=bottom][data-rlta-type=tabs] > [data-rlta-element=button-list] > [data-rlta-element=button][data-rlta-color=red]:not([data-rlta-state=closed]):hover { border-top-color: #dc2a28; } [data-rlta-element=container][data-rlta-state=ready][data-rlta-theme=neutral][data-rlta-positioning=left][data-rlta-type=tabs] > [data-rlta-element=button-list] > [data-rlta-element=button][data-rlta-color=red]:not([data-rlta-state=closed]), [data-rlta-element=container][data-rlta-state=ready][data-rlta-theme=neutral][data-rlta-positioning=left][data-rlta-type=tabs] > [data-rlta-element=button-list] > [data-rlta-element=button][data-rlta-color=red]:not([data-rlta-state=closed]):hover { border-right-color: #dc2a28; } [data-rlta-element=container][data-rlta-state=ready][data-rlta-theme=neutral][data-rlta-positioning=right][data-rlta-type=tabs] > [data-rlta-element=button-list] > [data-rlta-element=button][data-rlta-color=red]:not([data-rlta-state=closed]), [data-rlta-element=container][data-rlta-state=ready][data-rlta-theme=neutral][data-rlta-positioning=right][data-rlta-type=tabs] > [data-rlta-element=button-list] > [data-rlta-element=button][data-rlta-color=red]:not([data-rlta-state=closed]):hover { border-left-color: #dc2a28; } [data-rlta-element=container][data-rlta-state=ready][data-rlta-theme=neutral][data-rlta-type=accordions] > [data-rlta-element=panel][data-rlta-color=red], [data-rlta-element=container][data-rlta-state=ready][data-rlta-theme=neutral][data-rlta-type=tabs] > [data-rlta-element=panels] > [data-rlta-element=panel][data-rlta-color=red] { border-color: #dc2a28; } [data-rlta-element=container][data-rlta-state=ready][data-rlta-theme=neutral][data-rlta-color-panels=true][data-rlta-type=accordions] > [data-rlta-element=panel][data-rlta-color=red], [data-rlta-element=container][data-rlta-state=ready][data-rlta-theme=neutral][data-rlta-color-panels=true][data-rlta-type=tabs] > [data-rlta-element=panels] > [data-rlta-element=panel][data-rlta-color=red] { background-color: #dc2a28; color: #fcf0ef; } [data-rlta-element=container][data-rlta-state=ready][data-rlta-theme=neutral][data-rlta-type=accordions] > [data-rlta-element=button][data-rlta-color=orange]:not([data-rlta-state=closed]), [data-rlta-element=container][data-rlta-state=ready][data-rlta-theme=neutral][data-rlta-type=accordions] > [data-rlta-element=button][data-rlta-color=orange]:not([data-rlta-state=closed]):hover, [data-rlta-element=container][data-rlta-state=ready][data-rlta-theme=neutral][data-rlta-type=tabs] > [data-rlta-element=button-list] > [data-rlta-element=button][data-rlta-color=orange]:not([data-rlta-state=closed]), [data-rlta-element=container][data-rlta-state=ready][data-rlta-theme=neutral][data-rlta-type=tabs] > [data-rlta-element=button-list] > [data-rlta-element=button][data-rlta-color=orange]:not([data-rlta-state=closed]):hover { background-color: #fb6b14; border-color: #fb6b14; } [data-rlta-element=container][data-rlta-state=ready][data-rlta-theme=neutral][data-rlta-type=accordions] > [data-rlta-element=button][data-rlta-color=orange]:not([data-rlta-state=closed]) > [data-rlta-element=heading], [data-rlta-element=container][data-rlta-state=ready][data-rlta-theme=neutral][data-rlta-type=accordions] > [data-rlta-element=button][data-rlta-color=orange]:not([data-rlta-state=closed]):hover > [data-rlta-element=heading], [data-rlta-element=container][data-rlta-state=ready][data-rlta-theme=neutral][data-rlta-type=tabs] > [data-rlta-element=button-list] > [data-rlta-element=button][data-rlta-color=orange]:not([data-rlta-state=closed]) > [data-rlta-element=heading], [data-rlta-element=container][data-rlta-state=ready][data-rlta-theme=neutral][data-rlta-type=tabs] > [data-rlta-element=button-list] > [data-rlta-element=button][data-rlta-color=orange]:not([data-rlta-state=closed]):hover > [data-rlta-element=heading] { color: #fef4ee; } [data-rlta-element=container][data-rlta-state=ready][data-rlta-theme=neutral][data-rlta-positioning=top][data-rlta-type=tabs] > [data-rlta-element=button-list] > [data-rlta-element=button][data-rlta-color=orange]:not([data-rlta-state=closed]), [data-rlta-element=container][data-rlta-state=ready][data-rlta-theme=neutral][data-rlta-positioning=top][data-rlta-type=tabs] > [data-rlta-element=button-list] > [data-rlta-element=button][data-rlta-color=orange]:not([data-rlta-state=closed]):hover { border-bottom-color: #fb6b14; } [data-rlta-element=container][data-rlta-state=ready][data-rlta-theme=neutral][data-rlta-positioning=bottom][data-rlta-type=tabs] > [data-rlta-element=button-list] > [data-rlta-element=button][data-rlta-color=orange]:not([data-rlta-state=closed]), [data-rlta-element=container][data-rlta-state=ready][data-rlta-theme=neutral][data-rlta-positioning=bottom][data-rlta-type=tabs] > [data-rlta-element=button-list] > [data-rlta-element=button][data-rlta-color=orange]:not([data-rlta-state=closed]):hover { border-top-color: #fb6b14; } [data-rlta-element=container][data-rlta-state=ready][data-rlta-theme=neutral][data-rlta-positioning=left][data-rlta-type=tabs] > [data-rlta-element=button-list] > [data-rlta-element=button][data-rlta-color=orange]:not([data-rlta-state=closed]), [data-rlta-element=container][data-rlta-state=ready][data-rlta-theme=neutral][data-rlta-positioning=left][data-rlta-type=tabs] > [data-rlta-element=button-list] > [data-rlta-element=button][data-rlta-color=orange]:not([data-rlta-state=closed]):hover { border-right-color: #fb6b14; } [data-rlta-element=container][data-rlta-state=ready][data-rlta-theme=neutral][data-rlta-positioning=right][data-rlta-type=tabs] > [data-rlta-element=button-list] > [data-rlta-element=button][data-rlta-color=orange]:not([data-rlta-state=closed]), [data-rlta-element=container][data-rlta-state=ready][data-rlta-theme=neutral][data-rlta-positioning=right][data-rlta-type=tabs] > [data-rlta-element=button-list] > [data-rlta-element=button][data-rlta-color=orange]:not([data-rlta-state=closed]):hover { border-left-color: #fb6b14; } [data-rlta-element=container][data-rlta-state=ready][data-rlta-theme=neutral][data-rlta-type=accordions] > [data-rlta-element=panel][data-rlta-color=orange], [data-rlta-element=container][data-rlta-state=ready][data-rlta-theme=neutral][data-rlta-type=tabs] > [data-rlta-element=panels] > [data-rlta-element=panel][data-rlta-color=orange] { border-color: #fb6b14; } [data-rlta-element=container][data-rlta-state=ready][data-rlta-theme=neutral][data-rlta-color-panels=true][data-rlta-type=accordions] > [data-rlta-element=panel][data-rlta-color=orange], [data-rlta-element=container][data-rlta-state=ready][data-rlta-theme=neutral][data-rlta-color-panels=true][data-rlta-type=tabs] > [data-rlta-element=panels] > [data-rlta-element=panel][data-rlta-color=orange] { background-color: #fb6b14; color: #fef4ee; } [data-rlta-element=container][data-rlta-state=ready][data-rlta-theme=neutral][data-rlta-type=accordions] > [data-rlta-element=button][data-rlta-color=yellow]:not([data-rlta-state=closed]), [data-rlta-element=container][data-rlta-state=ready][data-rlta-theme=neutral][data-rlta-type=accordions] > [data-rlta-element=button][data-rlta-color=yellow]:not([data-rlta-state=closed]):hover, [data-rlta-element=container][data-rlta-state=ready][data-rlta-theme=neutral][data-rlta-type=tabs] > [data-rlta-element=button-list] > [data-rlta-element=button][data-rlta-color=yellow]:not([data-rlta-state=closed]), [data-rlta-element=container][data-rlta-state=ready][data-rlta-theme=neutral][data-rlta-type=tabs] > [data-rlta-element=button-list] > [data-rlta-element=button][data-rlta-color=yellow]:not([data-rlta-state=closed]):hover { background-color: #ffa813; border-color: #ffa813; } [data-rlta-element=container][data-rlta-state=ready][data-rlta-theme=neutral][data-rlta-type=accordions] > [data-rlta-element=button][data-rlta-color=yellow]:not([data-rlta-state=closed]) > [data-rlta-element=heading], [data-rlta-element=container][data-rlta-state=ready][data-rlta-theme=neutral][data-rlta-type=accordions] > [data-rlta-element=button][data-rlta-color=yellow]:not([data-rlta-state=closed]):hover > [data-rlta-element=heading], [data-rlta-element=container][data-rlta-state=ready][data-rlta-theme=neutral][data-rlta-type=tabs] > [data-rlta-element=button-list] > [data-rlta-element=button][data-rlta-color=yellow]:not([data-rlta-state=closed]) > [data-rlta-element=heading], [data-rlta-element=container][data-rlta-state=ready][data-rlta-theme=neutral][data-rlta-type=tabs] > [data-rlta-element=button-list] > [data-rlta-element=button][data-rlta-color=yellow]:not([data-rlta-state=closed]):hover > [data-rlta-element=heading] { color: #fff8ee; } [data-rlta-element=container][data-rlta-state=ready][data-rlta-theme=neutral][data-rlta-positioning=top][data-rlta-type=tabs] > [data-rlta-element=button-list] > [data-rlta-element=button][data-rlta-color=yellow]:not([data-rlta-state=closed]), [data-rlta-element=container][data-rlta-state=ready][data-rlta-theme=neutral][data-rlta-positioning=top][data-rlta-type=tabs] > [data-rlta-element=button-list] > [data-rlta-element=button][data-rlta-color=yellow]:not([data-rlta-state=closed]):hover { border-bottom-color: #ffa813; } [data-rlta-element=container][data-rlta-state=ready][data-rlta-theme=neutral][data-rlta-positioning=bottom][data-rlta-type=tabs] > [data-rlta-element=button-list] > [data-rlta-element=button][data-rlta-color=yellow]:not([data-rlta-state=closed]), [data-rlta-element=container][data-rlta-state=ready][data-rlta-theme=neutral][data-rlta-positioning=bottom][data-rlta-type=tabs] > [data-rlta-element=button-list] > [data-rlta-element=button][data-rlta-color=yellow]:not([data-rlta-state=closed]):hover { border-top-color: #ffa813; } [data-rlta-element=container][data-rlta-state=ready][data-rlta-theme=neutral][data-rlta-positioning=left][data-rlta-type=tabs] > [data-rlta-element=button-list] > [data-rlta-element=button][data-rlta-color=yellow]:not([data-rlta-state=closed]), [data-rlta-element=container][data-rlta-state=ready][data-rlta-theme=neutral][data-rlta-positioning=left][data-rlta-type=tabs] > [data-rlta-element=button-list] > [data-rlta-element=button][data-rlta-color=yellow]:not([data-rlta-state=closed]):hover { border-right-color: #ffa813; } [data-rlta-element=container][data-rlta-state=ready][data-rlta-theme=neutral][data-rlta-positioning=right][data-rlta-type=tabs] > [data-rlta-element=button-list] > [data-rlta-element=button][data-rlta-color=yellow]:not([data-rlta-state=closed]), [data-rlta-element=container][data-rlta-state=ready][data-rlta-theme=neutral][data-rlta-positioning=right][data-rlta-type=tabs] > [data-rlta-element=button-list] > [data-rlta-element=button][data-rlta-color=yellow]:not([data-rlta-state=closed]):hover { border-left-color: #ffa813; } [data-rlta-element=container][data-rlta-state=ready][data-rlta-theme=neutral][data-rlta-type=accordions] > [data-rlta-element=panel][data-rlta-color=yellow], [data-rlta-element=container][data-rlta-state=ready][data-rlta-theme=neutral][data-rlta-type=tabs] > [data-rlta-element=panels] > [data-rlta-element=panel][data-rlta-color=yellow] { border-color: #ffa813; } [data-rlta-element=container][data-rlta-state=ready][data-rlta-theme=neutral][data-rlta-color-panels=true][data-rlta-type=accordions] > [data-rlta-element=panel][data-rlta-color=yellow], [data-rlta-element=container][data-rlta-state=ready][data-rlta-theme=neutral][data-rlta-color-panels=true][data-rlta-type=tabs] > [data-rlta-element=panels] > [data-rlta-element=panel][data-rlta-color=yellow] { background-color: #ffa813; color: #fff8ee; } [data-rlta-element=container][data-rlta-state=ready][data-rlta-theme=neutral][data-rlta-type=accordions] > [data-rlta-element=button][data-rlta-color=green]:not([data-rlta-state=closed]), [data-rlta-element=container][data-rlta-state=ready][data-rlta-theme=neutral][data-rlta-type=accordions] > [data-rlta-element=button][data-rlta-color=green]:not([data-rlta-state=closed]):hover, [data-rlta-element=container][data-rlta-state=ready][data-rlta-theme=neutral][data-rlta-type=tabs] > [data-rlta-element=button-list] > [data-rlta-element=button][data-rlta-color=green]:not([data-rlta-state=closed]), [data-rlta-element=container][data-rlta-state=ready][data-rlta-theme=neutral][data-rlta-type=tabs] > [data-rlta-element=button-list] > [data-rlta-element=button][data-rlta-color=green]:not([data-rlta-state=closed]):hover { background-color: #18a047; border-color: #18a047; } [data-rlta-element=container][data-rlta-state=ready][data-rlta-theme=neutral][data-rlta-type=accordions] > [data-rlta-element=button][data-rlta-color=green]:not([data-rlta-state=closed]) > [data-rlta-element=heading], [data-rlta-element=container][data-rlta-state=ready][data-rlta-theme=neutral][data-rlta-type=accordions] > [data-rlta-element=button][data-rlta-color=green]:not([data-rlta-state=closed]):hover > [data-rlta-element=heading], [data-rlta-element=container][data-rlta-state=ready][data-rlta-theme=neutral][data-rlta-type=tabs] > [data-rlta-element=button-list] > [data-rlta-element=button][data-rlta-color=green]:not([data-rlta-state=closed]) > [data-rlta-element=heading], [data-rlta-element=container][data-rlta-state=ready][data-rlta-theme=neutral][data-rlta-type=tabs] > [data-rlta-element=button-list] > [data-rlta-element=button][data-rlta-color=green]:not([data-rlta-state=closed]):hover > [data-rlta-element=heading] { color: #eef8f2; } [data-rlta-element=container][data-rlta-state=ready][data-rlta-theme=neutral][data-rlta-positioning=top][data-rlta-type=tabs] > [data-rlta-element=button-list] > [data-rlta-element=button][data-rlta-color=green]:not([data-rlta-state=closed]), [data-rlta-element=container][data-rlta-state=ready][data-rlta-theme=neutral][data-rlta-positioning=top][data-rlta-type=tabs] > [data-rlta-element=button-list] > [data-rlta-element=button][data-rlta-color=green]:not([data-rlta-state=closed]):hover { border-bottom-color: #18a047; } [data-rlta-element=container][data-rlta-state=ready][data-rlta-theme=neutral][data-rlta-positioning=bottom][data-rlta-type=tabs] > [data-rlta-element=button-list] > [data-rlta-element=button][data-rlta-color=green]:not([data-rlta-state=closed]), [data-rlta-element=container][data-rlta-state=ready][data-rlta-theme=neutral][data-rlta-positioning=bottom][data-rlta-type=tabs] > [data-rlta-element=button-list] > [data-rlta-element=button][data-rlta-color=green]:not([data-rlta-state=closed]):hover { border-top-color: #18a047; } [data-rlta-element=container][data-rlta-state=ready][data-rlta-theme=neutral][data-rlta-positioning=left][data-rlta-type=tabs] > [data-rlta-element=button-list] > [data-rlta-element=button][data-rlta-color=green]:not([data-rlta-state=closed]), [data-rlta-element=container][data-rlta-state=ready][data-rlta-theme=neutral][data-rlta-positioning=left][data-rlta-type=tabs] > [data-rlta-element=button-list] > [data-rlta-element=button][data-rlta-color=green]:not([data-rlta-state=closed]):hover { border-right-color: #18a047; } [data-rlta-element=container][data-rlta-state=ready][data-rlta-theme=neutral][data-rlta-positioning=right][data-rlta-type=tabs] > [data-rlta-element=button-list] > [data-rlta-element=button][data-rlta-color=green]:not([data-rlta-state=closed]), [data-rlta-element=container][data-rlta-state=ready][data-rlta-theme=neutral][data-rlta-positioning=right][data-rlta-type=tabs] > [data-rlta-element=button-list] > [data-rlta-element=button][data-rlta-color=green]:not([data-rlta-state=closed]):hover { border-left-color: #18a047; } [data-rlta-element=container][data-rlta-state=ready][data-rlta-theme=neutral][data-rlta-type=accordions] > [data-rlta-element=panel][data-rlta-color=green], [data-rlta-element=container][data-rlta-state=ready][data-rlta-theme=neutral][data-rlta-type=tabs] > [data-rlta-element=panels] > [data-rlta-element=panel][data-rlta-color=green] { border-color: #18a047; } [data-rlta-element=container][data-rlta-state=ready][data-rlta-theme=neutral][data-rlta-color-panels=true][data-rlta-type=accordions] > [data-rlta-element=panel][data-rlta-color=green], [data-rlta-element=container][data-rlta-state=ready][data-rlta-theme=neutral][data-rlta-color-panels=true][data-rlta-type=tabs] > [data-rlta-element=panels] > [data-rlta-element=panel][data-rlta-color=green] { background-color: #18a047; color: #eef8f2; } [data-rlta-element=container][data-rlta-state=ready][data-rlta-theme=neutral][data-rlta-type=accordions] > [data-rlta-element=button][data-rlta-color=teal]:not([data-rlta-state=closed]), [data-rlta-element=container][data-rlta-state=ready][data-rlta-theme=neutral][data-rlta-type=accordions] > [data-rlta-element=button][data-rlta-color=teal]:not([data-rlta-state=closed]):hover, [data-rlta-element=container][data-rlta-state=ready][data-rlta-theme=neutral][data-rlta-type=tabs] > [data-rlta-element=button-list] > [data-rlta-element=button][data-rlta-color=teal]:not([data-rlta-state=closed]), [data-rlta-element=container][data-rlta-state=ready][data-rlta-theme=neutral][data-rlta-type=tabs] > [data-rlta-element=button-list] > [data-rlta-element=button][data-rlta-color=teal]:not([data-rlta-state=closed]):hover { background-color: #0f9aa4; border-color: #0f9aa4; } [data-rlta-element=container][data-rlta-state=ready][data-rlta-theme=neutral][data-rlta-type=accordions] > [data-rlta-element=button][data-rlta-color=teal]:not([data-rlta-state=closed]) > [data-rlta-element=heading], [data-rlta-element=container][data-rlta-state=ready][data-rlta-theme=neutral][data-rlta-type=accordions] > [data-rlta-element=button][data-rlta-color=teal]:not([data-rlta-state=closed]):hover > [data-rlta-element=heading], [data-rlta-element=container][data-rlta-state=ready][data-rlta-theme=neutral][data-rlta-type=tabs] > [data-rlta-element=button-list] > [data-rlta-element=button][data-rlta-color=teal]:not([data-rlta-state=closed]) > [data-rlta-element=heading], [data-rlta-element=container][data-rlta-state=ready][data-rlta-theme=neutral][data-rlta-type=tabs] > [data-rlta-element=button-list] > [data-rlta-element=button][data-rlta-color=teal]:not([data-rlta-state=closed]):hover > [data-rlta-element=heading] { color: #eef7f8; } [data-rlta-element=container][data-rlta-state=ready][data-rlta-theme=neutral][data-rlta-positioning=top][data-rlta-type=tabs] > [data-rlta-element=button-list] > [data-rlta-element=button][data-rlta-color=teal]:not([data-rlta-state=closed]), [data-rlta-element=container][data-rlta-state=ready][data-rlta-theme=neutral][data-rlta-positioning=top][data-rlta-type=tabs] > [data-rlta-element=button-list] > [data-rlta-element=button][data-rlta-color=teal]:not([data-rlta-state=closed]):hover { border-bottom-color: #0f9aa4; } [data-rlta-element=container][data-rlta-state=ready][data-rlta-theme=neutral][data-rlta-positioning=bottom][data-rlta-type=tabs] > [data-rlta-element=button-list] > [data-rlta-element=button][data-rlta-color=teal]:not([data-rlta-state=closed]), [data-rlta-element=container][data-rlta-state=ready][data-rlta-theme=neutral][data-rlta-positioning=bottom][data-rlta-type=tabs] > [data-rlta-element=button-list] > [data-rlta-element=button][data-rlta-color=teal]:not([data-rlta-state=closed]):hover { border-top-color: #0f9aa4; } [data-rlta-element=container][data-rlta-state=ready][data-rlta-theme=neutral][data-rlta-positioning=left][data-rlta-type=tabs] > [data-rlta-element=button-list] > [data-rlta-element=button][data-rlta-color=teal]:not([data-rlta-state=closed]), [data-rlta-element=container][data-rlta-state=ready][data-rlta-theme=neutral][data-rlta-positioning=left][data-rlta-type=tabs] > [data-rlta-element=button-list] > [data-rlta-element=button][data-rlta-color=teal]:not([data-rlta-state=closed]):hover { border-right-color: #0f9aa4; } [data-rlta-element=container][data-rlta-state=ready][data-rlta-theme=neutral][data-rlta-positioning=right][data-rlta-type=tabs] > [data-rlta-element=button-list] > [data-rlta-element=button][data-rlta-color=teal]:not([data-rlta-state=closed]), [data-rlta-element=container][data-rlta-state=ready][data-rlta-theme=neutral][data-rlta-positioning=right][data-rlta-type=tabs] > [data-rlta-element=button-list] > [data-rlta-element=button][data-rlta-color=teal]:not([data-rlta-state=closed]):hover { border-left-color: #0f9aa4; } [data-rlta-element=container][data-rlta-state=ready][data-rlta-theme=neutral][data-rlta-type=accordions] > [data-rlta-element=panel][data-rlta-color=teal], [data-rlta-element=container][data-rlta-state=ready][data-rlta-theme=neutral][data-rlta-type=tabs] > [data-rlta-element=panels] > [data-rlta-element=panel][data-rlta-color=teal] { border-color: #0f9aa4; } [data-rlta-element=container][data-rlta-state=ready][data-rlta-theme=neutral][data-rlta-color-panels=true][data-rlta-type=accordions] > [data-rlta-element=panel][data-rlta-color=teal], [data-rlta-element=container][data-rlta-state=ready][data-rlta-theme=neutral][data-rlta-color-panels=true][data-rlta-type=tabs] > [data-rlta-element=panels] > [data-rlta-element=panel][data-rlta-color=teal] { background-color: #0f9aa4; color: #eef7f8; } [data-rlta-element=container][data-rlta-state=ready][data-rlta-theme=neutral][data-rlta-type=accordions] > [data-rlta-element=button][data-rlta-color=blue]:not([data-rlta-state=closed]), [data-rlta-element=container][data-rlta-state=ready][data-rlta-theme=neutral][data-rlta-type=accordions] > [data-rlta-element=button][data-rlta-color=blue]:not([data-rlta-state=closed]):hover, [data-rlta-element=container][data-rlta-state=ready][data-rlta-theme=neutral][data-rlta-type=tabs] > [data-rlta-element=button-list] > [data-rlta-element=button][data-rlta-color=blue]:not([data-rlta-state=closed]), [data-rlta-element=container][data-rlta-state=ready][data-rlta-theme=neutral][data-rlta-type=tabs] > [data-rlta-element=button-list] > [data-rlta-element=button][data-rlta-color=blue]:not([data-rlta-state=closed]):hover { background-color: #115dda; border-color: #115dda; } [data-rlta-element=container][data-rlta-state=ready][data-rlta-theme=neutral][data-rlta-type=accordions] > [data-rlta-element=button][data-rlta-color=blue]:not([data-rlta-state=closed]) > [data-rlta-element=heading], [data-rlta-element=container][data-rlta-state=ready][data-rlta-theme=neutral][data-rlta-type=accordions] > [data-rlta-element=button][data-rlta-color=blue]:not([data-rlta-state=closed]):hover > [data-rlta-element=heading], [data-rlta-element=container][data-rlta-state=ready][data-rlta-theme=neutral][data-rlta-type=tabs] > [data-rlta-element=button-list] > [data-rlta-element=button][data-rlta-color=blue]:not([data-rlta-state=closed]) > [data-rlta-element=heading], [data-rlta-element=container][data-rlta-state=ready][data-rlta-theme=neutral][data-rlta-type=tabs] > [data-rlta-element=button-list] > [data-rlta-element=button][data-rlta-color=blue]:not([data-rlta-state=closed]):hover > [data-rlta-element=heading] { color: #eef3fc; } [data-rlta-element=container][data-rlta-state=ready][data-rlta-theme=neutral][data-rlta-positioning=top][data-rlta-type=tabs] > [data-rlta-element=button-list] > [data-rlta-element=button][data-rlta-color=blue]:not([data-rlta-state=closed]), [data-rlta-element=container][data-rlta-state=ready][data-rlta-theme=neutral][data-rlta-positioning=top][data-rlta-type=tabs] > [data-rlta-element=button-list] > [data-rlta-element=button][data-rlta-color=blue]:not([data-rlta-state=closed]):hover { border-bottom-color: #115dda; } [data-rlta-element=container][data-rlta-state=ready][data-rlta-theme=neutral][data-rlta-positioning=bottom][data-rlta-type=tabs] > [data-rlta-element=button-list] > [data-rlta-element=button][data-rlta-color=blue]:not([data-rlta-state=closed]), [data-rlta-element=container][data-rlta-state=ready][data-rlta-theme=neutral][data-rlta-positioning=bottom][data-rlta-type=tabs] > [data-rlta-element=button-list] > [data-rlta-element=button][data-rlta-color=blue]:not([data-rlta-state=closed]):hover { border-top-color: #115dda; } [data-rlta-element=container][data-rlta-state=ready][data-rlta-theme=neutral][data-rlta-positioning=left][data-rlta-type=tabs] > [data-rlta-element=button-list] > [data-rlta-element=button][data-rlta-color=blue]:not([data-rlta-state=closed]), [data-rlta-element=container][data-rlta-state=ready][data-rlta-theme=neutral][data-rlta-positioning=left][data-rlta-type=tabs] > [data-rlta-element=button-list] > [data-rlta-element=button][data-rlta-color=blue]:not([data-rlta-state=closed]):hover { border-right-color: #115dda; } [data-rlta-element=container][data-rlta-state=ready][data-rlta-theme=neutral][data-rlta-positioning=right][data-rlta-type=tabs] > [data-rlta-element=button-list] > [data-rlta-element=button][data-rlta-color=blue]:not([data-rlta-state=closed]), [data-rlta-element=container][data-rlta-state=ready][data-rlta-theme=neutral][data-rlta-positioning=right][data-rlta-type=tabs] > [data-rlta-element=button-list] > [data-rlta-element=button][data-rlta-color=blue]:not([data-rlta-state=closed]):hover { border-left-color: #115dda; } [data-rlta-element=container][data-rlta-state=ready][data-rlta-theme=neutral][data-rlta-type=accordions] > [data-rlta-element=panel][data-rlta-color=blue], [data-rlta-element=container][data-rlta-state=ready][data-rlta-theme=neutral][data-rlta-type=tabs] > [data-rlta-element=panels] > [data-rlta-element=panel][data-rlta-color=blue] { border-color: #115dda; } [data-rlta-element=container][data-rlta-state=ready][data-rlta-theme=neutral][data-rlta-color-panels=true][data-rlta-type=accordions] > [data-rlta-element=panel][data-rlta-color=blue], [data-rlta-element=container][data-rlta-state=ready][data-rlta-theme=neutral][data-rlta-color-panels=true][data-rlta-type=tabs] > [data-rlta-element=panels] > [data-rlta-element=panel][data-rlta-color=blue] { background-color: #115dda; color: #eef3fc; } [data-rlta-element=container][data-rlta-state=ready][data-rlta-theme=neutral][data-rlta-type=accordions] > [data-rlta-element=button][data-rlta-color=purple]:not([data-rlta-state=closed]), [data-rlta-element=container][data-rlta-state=ready][data-rlta-theme=neutral][data-rlta-type=accordions] > [data-rlta-element=button][data-rlta-color=purple]:not([data-rlta-state=closed]):hover, [data-rlta-element=container][data-rlta-state=ready][data-rlta-theme=neutral][data-rlta-type=tabs] > [data-rlta-element=button-list] > [data-rlta-element=button][data-rlta-color=purple]:not([data-rlta-state=closed]), [data-rlta-element=container][data-rlta-state=ready][data-rlta-theme=neutral][data-rlta-type=tabs] > [data-rlta-element=button-list] > [data-rlta-element=button][data-rlta-color=purple]:not([data-rlta-state=closed]):hover { background-color: #761bda; border-color: #761bda; } [data-rlta-element=container][data-rlta-state=ready][data-rlta-theme=neutral][data-rlta-type=accordions] > [data-rlta-element=button][data-rlta-color=purple]:not([data-rlta-state=closed]) > [data-rlta-element=heading], [data-rlta-element=container][data-rlta-state=ready][data-rlta-theme=neutral][data-rlta-type=accordions] > [data-rlta-element=button][data-rlta-color=purple]:not([data-rlta-state=closed]):hover > [data-rlta-element=heading], [data-rlta-element=container][data-rlta-state=ready][data-rlta-theme=neutral][data-rlta-type=tabs] > [data-rlta-element=button-list] > [data-rlta-element=button][data-rlta-color=purple]:not([data-rlta-state=closed]) > [data-rlta-element=heading], [data-rlta-element=container][data-rlta-state=ready][data-rlta-theme=neutral][data-rlta-type=tabs] > [data-rlta-element=button-list] > [data-rlta-element=button][data-rlta-color=purple]:not([data-rlta-state=closed]):hover > [data-rlta-element=heading] { color: #f5effc; } [data-rlta-element=container][data-rlta-state=ready][data-rlta-theme=neutral][data-rlta-positioning=top][data-rlta-type=tabs] > [data-rlta-element=button-list] > [data-rlta-element=button][data-rlta-color=purple]:not([data-rlta-state=closed]), [data-rlta-element=container][data-rlta-state=ready][data-rlta-theme=neutral][data-rlta-positioning=top][data-rlta-type=tabs] > [data-rlta-element=button-list] > [data-rlta-element=button][data-rlta-color=purple]:not([data-rlta-state=closed]):hover { border-bottom-color: #761bda; } [data-rlta-element=container][data-rlta-state=ready][data-rlta-theme=neutral][data-rlta-positioning=bottom][data-rlta-type=tabs] > [data-rlta-element=button-list] > [data-rlta-element=button][data-rlta-color=purple]:not([data-rlta-state=closed]), [data-rlta-element=container][data-rlta-state=ready][data-rlta-theme=neutral][data-rlta-positioning=bottom][data-rlta-type=tabs] > [data-rlta-element=button-list] > [data-rlta-element=button][data-rlta-color=purple]:not([data-rlta-state=closed]):hover { border-top-color: #761bda; } [data-rlta-element=container][data-rlta-state=ready][data-rlta-theme=neutral][data-rlta-positioning=left][data-rlta-type=tabs] > [data-rlta-element=button-list] > [data-rlta-element=button][data-rlta-color=purple]:not([data-rlta-state=closed]), [data-rlta-element=container][data-rlta-state=ready][data-rlta-theme=neutral][data-rlta-positioning=left][data-rlta-type=tabs] > [data-rlta-element=button-list] > [data-rlta-element=button][data-rlta-color=purple]:not([data-rlta-state=closed]):hover { border-right-color: #761bda; } [data-rlta-element=container][data-rlta-state=ready][data-rlta-theme=neutral][data-rlta-positioning=right][data-rlta-type=tabs] > [data-rlta-element=button-list] > [data-rlta-element=button][data-rlta-color=purple]:not([data-rlta-state=closed]), [data-rlta-element=container][data-rlta-state=ready][data-rlta-theme=neutral][data-rlta-positioning=right][data-rlta-type=tabs] > [data-rlta-element=button-list] > [data-rlta-element=button][data-rlta-color=purple]:not([data-rlta-state=closed]):hover { border-left-color: #761bda; } [data-rlta-element=container][data-rlta-state=ready][data-rlta-theme=neutral][data-rlta-type=accordions] > [data-rlta-element=panel][data-rlta-color=purple], [data-rlta-element=container][data-rlta-state=ready][data-rlta-theme=neutral][data-rlta-type=tabs] > [data-rlta-element=panels] > [data-rlta-element=panel][data-rlta-color=purple] { border-color: #761bda; } [data-rlta-element=container][data-rlta-state=ready][data-rlta-theme=neutral][data-rlta-color-panels=true][data-rlta-type=accordions] > [data-rlta-element=panel][data-rlta-color=purple], [data-rlta-element=container][data-rlta-state=ready][data-rlta-theme=neutral][data-rlta-color-panels=true][data-rlta-type=tabs] > [data-rlta-element=panels] > [data-rlta-element=panel][data-rlta-color=purple] { background-color: #761bda; color: #f5effc; } [data-rlta-element=container][data-rlta-state=ready][data-rlta-theme=neutral][data-rlta-type=accordions] > [data-rlta-element=button][data-rlta-color=pink]:not([data-rlta-state=closed]), [data-rlta-element=container][data-rlta-state=ready][data-rlta-theme=neutral][data-rlta-type=accordions] > [data-rlta-element=button][data-rlta-color=pink]:not([data-rlta-state=closed]):hover, [data-rlta-element=container][data-rlta-state=ready][data-rlta-theme=neutral][data-rlta-type=tabs] > [data-rlta-element=button-list] > [data-rlta-element=button][data-rlta-color=pink]:not([data-rlta-state=closed]), [data-rlta-element=container][data-rlta-state=ready][data-rlta-theme=neutral][data-rlta-type=tabs] > [data-rlta-element=button-list] > [data-rlta-element=button][data-rlta-color=pink]:not([data-rlta-state=closed]):hover { background-color: #d319a4; border-color: #d319a4; } [data-rlta-element=container][data-rlta-state=ready][data-rlta-theme=neutral][data-rlta-type=accordions] > [data-rlta-element=button][data-rlta-color=pink]:not([data-rlta-state=closed]) > [data-rlta-element=heading], [data-rlta-element=container][data-rlta-state=ready][data-rlta-theme=neutral][data-rlta-type=accordions] > [data-rlta-element=button][data-rlta-color=pink]:not([data-rlta-state=closed]):hover > [data-rlta-element=heading], [data-rlta-element=container][data-rlta-state=ready][data-rlta-theme=neutral][data-rlta-type=tabs] > [data-rlta-element=button-list] > [data-rlta-element=button][data-rlta-color=pink]:not([data-rlta-state=closed]) > [data-rlta-element=heading], [data-rlta-element=container][data-rlta-state=ready][data-rlta-theme=neutral][data-rlta-type=tabs] > [data-rlta-element=button-list] > [data-rlta-element=button][data-rlta-color=pink]:not([data-rlta-state=closed]):hover > [data-rlta-element=heading] { color: #fbeef8; } [data-rlta-element=container][data-rlta-state=ready][data-rlta-theme=neutral][data-rlta-positioning=top][data-rlta-type=tabs] > [data-rlta-element=button-list] > [data-rlta-element=button][data-rlta-color=pink]:not([data-rlta-state=closed]), [data-rlta-element=container][data-rlta-state=ready][data-rlta-theme=neutral][data-rlta-positioning=top][data-rlta-type=tabs] > [data-rlta-element=button-list] > [data-rlta-element=button][data-rlta-color=pink]:not([data-rlta-state=closed]):hover { border-bottom-color: #d319a4; } [data-rlta-element=container][data-rlta-state=ready][data-rlta-theme=neutral][data-rlta-positioning=bottom][data-rlta-type=tabs] > [data-rlta-element=button-list] > [data-rlta-element=button][data-rlta-color=pink]:not([data-rlta-state=closed]), [data-rlta-element=container][data-rlta-state=ready][data-rlta-theme=neutral][data-rlta-positioning=bottom][data-rlta-type=tabs] > [data-rlta-element=button-list] > [data-rlta-element=button][data-rlta-color=pink]:not([data-rlta-state=closed]):hover { border-top-color: #d319a4; } [data-rlta-element=container][data-rlta-state=ready][data-rlta-theme=neutral][data-rlta-positioning=left][data-rlta-type=tabs] > [data-rlta-element=button-list] > [data-rlta-element=button][data-rlta-color=pink]:not([data-rlta-state=closed]), [data-rlta-element=container][data-rlta-state=ready][data-rlta-theme=neutral][data-rlta-positioning=left][data-rlta-type=tabs] > [data-rlta-element=button-list] > [data-rlta-element=button][data-rlta-color=pink]:not([data-rlta-state=closed]):hover { border-right-color: #d319a4; } [data-rlta-element=container][data-rlta-state=ready][data-rlta-theme=neutral][data-rlta-positioning=right][data-rlta-type=tabs] > [data-rlta-element=button-list] > [data-rlta-element=button][data-rlta-color=pink]:not([data-rlta-state=closed]), [data-rlta-element=container][data-rlta-state=ready][data-rlta-theme=neutral][data-rlta-positioning=right][data-rlta-type=tabs] > [data-rlta-element=button-list] > [data-rlta-element=button][data-rlta-color=pink]:not([data-rlta-state=closed]):hover { border-left-color: #d319a4; } [data-rlta-element=container][data-rlta-state=ready][data-rlta-theme=neutral][data-rlta-type=accordions] > [data-rlta-element=panel][data-rlta-color=pink], [data-rlta-element=container][data-rlta-state=ready][data-rlta-theme=neutral][data-rlta-type=tabs] > [data-rlta-element=panels] > [data-rlta-element=panel][data-rlta-color=pink] { border-color: #d319a4; } [data-rlta-element=container][data-rlta-state=ready][data-rlta-theme=neutral][data-rlta-color-panels=true][data-rlta-type=accordions] > [data-rlta-element=panel][data-rlta-color=pink], [data-rlta-element=container][data-rlta-state=ready][data-rlta-theme=neutral][data-rlta-color-panels=true][data-rlta-type=tabs] > [data-rlta-element=panels] > [data-rlta-element=panel][data-rlta-color=pink] { background-color: #d319a4; color: #fbeef8; } [data-rlta-element=container][data-rlta-state=ready][data-rlta-theme=neutral][data-rlta-type=accordions] > [data-rlta-element=button][data-rlta-color=grey]:not([data-rlta-state=closed]), [data-rlta-element=container][data-rlta-state=ready][data-rlta-theme=neutral][data-rlta-type=accordions] > [data-rlta-element=button][data-rlta-color=grey]:not([data-rlta-state=closed]):hover, [data-rlta-element=container][data-rlta-state=ready][data-rlta-theme=neutral][data-rlta-type=tabs] > [data-rlta-element=button-list] > [data-rlta-element=button][data-rlta-color=grey]:not([data-rlta-state=closed]), [data-rlta-element=container][data-rlta-state=ready][data-rlta-theme=neutral][data-rlta-type=tabs] > [data-rlta-element=button-list] > [data-rlta-element=button][data-rlta-color=grey]:not([data-rlta-state=closed]):hover { background-color: #637188; border-color: #637188; } [data-rlta-element=container][data-rlta-state=ready][data-rlta-theme=neutral][data-rlta-type=accordions] > [data-rlta-element=button][data-rlta-color=grey]:not([data-rlta-state=closed]) > [data-rlta-element=heading], [data-rlta-element=container][data-rlta-state=ready][data-rlta-theme=neutral][data-rlta-type=accordions] > [data-rlta-element=button][data-rlta-color=grey]:not([data-rlta-state=closed]):hover > [data-rlta-element=heading], [data-rlta-element=container][data-rlta-state=ready][data-rlta-theme=neutral][data-rlta-type=tabs] > [data-rlta-element=button-list] > [data-rlta-element=button][data-rlta-color=grey]:not([data-rlta-state=closed]) > [data-rlta-element=heading], [data-rlta-element=container][data-rlta-state=ready][data-rlta-theme=neutral][data-rlta-type=tabs] > [data-rlta-element=button-list] > [data-rlta-element=button][data-rlta-color=grey]:not([data-rlta-state=closed]):hover > [data-rlta-element=heading] { color: #f4f5f6; } [data-rlta-element=container][data-rlta-state=ready][data-rlta-theme=neutral][data-rlta-positioning=top][data-rlta-type=tabs] > [data-rlta-element=button-list] > [data-rlta-element=button][data-rlta-color=grey]:not([data-rlta-state=closed]), [data-rlta-element=container][data-rlta-state=ready][data-rlta-theme=neutral][data-rlta-positioning=top][data-rlta-type=tabs] > [data-rlta-element=button-list] > [data-rlta-element=button][data-rlta-color=grey]:not([data-rlta-state=closed]):hover { border-bottom-color: #637188; } [data-rlta-element=container][data-rlta-state=ready][data-rlta-theme=neutral][data-rlta-positioning=bottom][data-rlta-type=tabs] > [data-rlta-element=button-list] > [data-rlta-element=button][data-rlta-color=grey]:not([data-rlta-state=closed]), [data-rlta-element=container][data-rlta-state=ready][data-rlta-theme=neutral][data-rlta-positioning=bottom][data-rlta-type=tabs] > [data-rlta-element=button-list] > [data-rlta-element=button][data-rlta-color=grey]:not([data-rlta-state=closed]):hover { border-top-color: #637188; } [data-rlta-element=container][data-rlta-state=ready][data-rlta-theme=neutral][data-rlta-positioning=left][data-rlta-type=tabs] > [data-rlta-element=button-list] > [data-rlta-element=button][data-rlta-color=grey]:not([data-rlta-state=closed]), [data-rlta-element=container][data-rlta-state=ready][data-rlta-theme=neutral][data-rlta-positioning=left][data-rlta-type=tabs] > [data-rlta-element=button-list] > [data-rlta-element=button][data-rlta-color=grey]:not([data-rlta-state=closed]):hover { border-right-color: #637188; } [data-rlta-element=container][data-rlta-state=ready][data-rlta-theme=neutral][data-rlta-positioning=right][data-rlta-type=tabs] > [data-rlta-element=button-list] > [data-rlta-element=button][data-rlta-color=grey]:not([data-rlta-state=closed]), [data-rlta-element=container][data-rlta-state=ready][data-rlta-theme=neutral][data-rlta-positioning=right][data-rlta-type=tabs] > [data-rlta-element=button-list] > [data-rlta-element=button][data-rlta-color=grey]:not([data-rlta-state=closed]):hover { border-left-color: #637188; } [data-rlta-element=container][data-rlta-state=ready][data-rlta-theme=neutral][data-rlta-type=accordions] > [data-rlta-element=panel][data-rlta-color=grey], [data-rlta-element=container][data-rlta-state=ready][data-rlta-theme=neutral][data-rlta-type=tabs] > [data-rlta-element=panels] > [data-rlta-element=panel][data-rlta-color=grey] { border-color: #637188; } [data-rlta-element=container][data-rlta-state=ready][data-rlta-theme=neutral][data-rlta-color-panels=true][data-rlta-type=accordions] > [data-rlta-element=panel][data-rlta-color=grey], [data-rlta-element=container][data-rlta-state=ready][data-rlta-theme=neutral][data-rlta-color-panels=true][data-rlta-type=tabs] > [data-rlta-element=panels] > [data-rlta-element=panel][data-rlta-color=grey] { background-color: #637188; color: #f4f5f6; } [data-rlta-element=container][data-rlta-state=ready][data-rlta-theme=neutral][data-rlta-type=accordions] > [data-rlta-element=button][data-rlta-color=black]:not([data-rlta-state=closed]), [data-rlta-element=container][data-rlta-state=ready][data-rlta-theme=neutral][data-rlta-type=accordions] > [data-rlta-element=button][data-rlta-color=black]:not([data-rlta-state=closed]):hover, [data-rlta-element=container][data-rlta-state=ready][data-rlta-theme=neutral][data-rlta-type=tabs] > [data-rlta-element=button-list] > [data-rlta-element=button][data-rlta-color=black]:not([data-rlta-state=closed]), [data-rlta-element=container][data-rlta-state=ready][data-rlta-theme=neutral][data-rlta-type=tabs] > [data-rlta-element=button-list] > [data-rlta-element=button][data-rlta-color=black]:not([data-rlta-state=closed]):hover { background-color: #000000; border-color: #000000; } [data-rlta-element=container][data-rlta-state=ready][data-rlta-theme=neutral][data-rlta-type=accordions] > [data-rlta-element=button][data-rlta-color=black]:not([data-rlta-state=closed]) > [data-rlta-element=heading], [data-rlta-element=container][data-rlta-state=ready][data-rlta-theme=neutral][data-rlta-type=accordions] > [data-rlta-element=button][data-rlta-color=black]:not([data-rlta-state=closed]):hover > [data-rlta-element=heading], [data-rlta-element=container][data-rlta-state=ready][data-rlta-theme=neutral][data-rlta-type=tabs] > [data-rlta-element=button-list] > [data-rlta-element=button][data-rlta-color=black]:not([data-rlta-state=closed]) > [data-rlta-element=heading], [data-rlta-element=container][data-rlta-state=ready][data-rlta-theme=neutral][data-rlta-type=tabs] > [data-rlta-element=button-list] > [data-rlta-element=button][data-rlta-color=black]:not([data-rlta-state=closed]):hover > [data-rlta-element=heading] { color: #f4f5f6; } [data-rlta-element=container][data-rlta-state=ready][data-rlta-theme=neutral][data-rlta-positioning=top][data-rlta-type=tabs] > [data-rlta-element=button-list] > [data-rlta-element=button][data-rlta-color=black]:not([data-rlta-state=closed]), [data-rlta-element=container][data-rlta-state=ready][data-rlta-theme=neutral][data-rlta-positioning=top][data-rlta-type=tabs] > [data-rlta-element=button-list] > [data-rlta-element=button][data-rlta-color=black]:not([data-rlta-state=closed]):hover { border-bottom-color: #000000; } [data-rlta-element=container][data-rlta-state=ready][data-rlta-theme=neutral][data-rlta-positioning=bottom][data-rlta-type=tabs] > [data-rlta-element=button-list] > [data-rlta-element=button][data-rlta-color=black]:not([data-rlta-state=closed]), [data-rlta-element=container][data-rlta-state=ready][data-rlta-theme=neutral][data-rlta-positioning=bottom][data-rlta-type=tabs] > [data-rlta-element=button-list] > [data-rlta-element=button][data-rlta-color=black]:not([data-rlta-state=closed]):hover { border-top-color: #000000; } [data-rlta-element=container][data-rlta-state=ready][data-rlta-theme=neutral][data-rlta-positioning=left][data-rlta-type=tabs] > [data-rlta-element=button-list] > [data-rlta-element=button][data-rlta-color=black]:not([data-rlta-state=closed]), [data-rlta-element=container][data-rlta-state=ready][data-rlta-theme=neutral][data-rlta-positioning=left][data-rlta-type=tabs] > [data-rlta-element=button-list] > [data-rlta-element=button][data-rlta-color=black]:not([data-rlta-state=closed]):hover { border-right-color: #000000; } [data-rlta-element=container][data-rlta-state=ready][data-rlta-theme=neutral][data-rlta-positioning=right][data-rlta-type=tabs] > [data-rlta-element=button-list] > [data-rlta-element=button][data-rlta-color=black]:not([data-rlta-state=closed]), [data-rlta-element=container][data-rlta-state=ready][data-rlta-theme=neutral][data-rlta-positioning=right][data-rlta-type=tabs] > [data-rlta-element=button-list] > [data-rlta-element=button][data-rlta-color=black]:not([data-rlta-state=closed]):hover { border-left-color: #000000; } [data-rlta-element=container][data-rlta-state=ready][data-rlta-theme=neutral][data-rlta-type=accordions] > [data-rlta-element=panel][data-rlta-color=black], [data-rlta-element=container][data-rlta-state=ready][data-rlta-theme=neutral][data-rlta-type=tabs] > [data-rlta-element=panels] > [data-rlta-element=panel][data-rlta-color=black] { border-color: #000000; } [data-rlta-element=container][data-rlta-state=ready][data-rlta-theme=neutral][data-rlta-color-panels=true][data-rlta-type=accordions] > [data-rlta-element=panel][data-rlta-color=black], [data-rlta-element=container][data-rlta-state=ready][data-rlta-theme=neutral][data-rlta-color-panels=true][data-rlta-type=tabs] > [data-rlta-element=panels] > [data-rlta-element=panel][data-rlta-color=black] { background-color: #000000; color: #f4f5f6; } //Style @charset "UTF-8"; /** * @package Tabs & Accordions * @version 1.1.0 * * @author Peter van Westen * @link http://regularlabs.com * @copyright Copyright © 2022 Regular Labs All Rights Reserved * @license http://www.gnu.org/licenses/gpl-2.0.html GNU/GPL */ [data-rlta-element=container] > [data-rlta-element=button] { background-color: #f4f5f6; border: 1px solid #c0c6cf; border-radius: 5px 5px 0 0; margin-bottom: -1px; padding: 0.75rem 1.25rem; } [data-rlta-element=container] > [data-rlta-element=button] > [data-rlta-element=heading] { font-size: 1.125rem; font-weight: 500; margin: 0; padding: 0; width: 100%; } [data-rlta-element=container] > [data-rlta-element=panel] { border: 1px solid #c0c6cf; border-radius: 0 0 5px 5px; margin-bottom: 0.25em; } [data-rlta-element=container] > [data-rlta-element=panel][hidden] { display: block; } [data-rlta-element=container] > [data-rlta-element=panel] > [data-rlta-element=panel-content] { padding: 1.25em; } [data-rlta-element=container] > [data-rlta-element=panel] > [data-rlta-element=panel-content] > p:last-child { margin-bottom: 0; } @media screen { [data-rlta-element=container] { opacity: 0; transition: opacity 1000ms; } [data-rlta-element=container][data-rlta-state=initial] { animation: fadeInAnimation ease 1000ms; animation-fill-mode: forwards; animation-delay: 2000ms; } @keyframes fadeInAnimation { 0% { opacity: 0; } 100% { opacity: 1; } } [data-rlta-element=container][data-rlta-state=ready] { opacity: 1; position: relative; display: flex; flex-direction: column; margin-bottom: 1em; } [data-rlta-element=container][data-rlta-state=ready]:last-child { margin-bottom: 0; } [data-rlta-element=container][data-rlta-state=ready][data-rlta-type=accordions][data-rlta-alignment=left] > [data-rlta-element=button] { text-align: left; } [data-rlta-element=container][data-rlta-state=ready][data-rlta-type=accordions][data-rlta-alignment=right] > [data-rlta-element=button] { text-align: right; } [data-rlta-element=container][data-rlta-state=ready][data-rlta-type=accordions][data-rlta-alignment=center] > [data-rlta-element=button] { text-align: center; } [data-rlta-element=container][data-rlta-state=ready][data-rlta-type=tabs][data-rlta-orientation=horizontal][data-rlta-positioning=bottom] { flex-direction: column-reverse; } [data-rlta-element=container][data-rlta-state=ready][data-rlta-type=tabs][data-rlta-orientation=horizontal][data-rlta-alignment=left] > [data-rlta-element=button-list] { justify-content: start; } [data-rlta-element=container][data-rlta-state=ready][data-rlta-type=tabs][data-rlta-orientation=horizontal][data-rlta-alignment=left][data-rlta-wrap-buttons=true] > [data-rlta-element=button-list] { justify-content: flex-start; } [data-rlta-element=container][data-rlta-state=ready][data-rlta-type=tabs][data-rlta-orientation=horizontal][data-rlta-alignment=left][data-rlta-wrap-buttons=true] > [data-rlta-element=button-list] > [data-rlta-element=button] { flex: 0; } [data-rlta-element=container][data-rlta-state=ready][data-rlta-type=tabs][data-rlta-orientation=horizontal][data-rlta-alignment=right] > [data-rlta-element=button-list] { justify-content: end; } [data-rlta-element=container][data-rlta-state=ready][data-rlta-type=tabs][data-rlta-orientation=horizontal][data-rlta-alignment=right][data-rlta-wrap-buttons=true] > [data-rlta-element=button-list] { justify-content: flex-end; } [data-rlta-element=container][data-rlta-state=ready][data-rlta-type=tabs][data-rlta-orientation=horizontal][data-rlta-alignment=right][data-rlta-wrap-buttons=true] > [data-rlta-element=button-list] > [data-rlta-element=button] { flex: 0; } [data-rlta-element=container][data-rlta-state=ready][data-rlta-type=tabs][data-rlta-orientation=horizontal][data-rlta-alignment=center] > [data-rlta-element=button-list] { justify-content: center; } [data-rlta-element=container][data-rlta-state=ready][data-rlta-type=tabs][data-rlta-orientation=horizontal][data-rlta-alignment=center][data-rlta-wrap-buttons=true] > [data-rlta-element=button-list] > [data-rlta-element=button] { flex: 0; } [data-rlta-element=container][data-rlta-state=ready][data-rlta-type=tabs][data-rlta-orientation=vertical][data-rlta-positioning=left] { flex-direction: row; } [data-rlta-element=container][data-rlta-state=ready][data-rlta-type=tabs][data-rlta-orientation=vertical][data-rlta-positioning=right] { flex-direction: row-reverse; } [data-rlta-element=container][data-rlta-state=ready][data-rlta-type=tabs][data-rlta-orientation=vertical] > [data-rlta-element=button-list] { display: flex; flex-direction: column; flex-basis: min-content; } [data-rlta-element=container][data-rlta-state=ready][data-rlta-type=tabs][data-rlta-orientation=vertical] > [data-rlta-element=panels] { width: 100%; min-height: 100%; } [data-rlta-element=container][data-rlta-state=ready][data-rlta-type=accordions] > [data-rlta-element=button], [data-rlta-element=container][data-rlta-state=ready][data-rlta-type=tabs] > [data-rlta-element=button-list] > [data-rlta-element=button] { align-items: center; cursor: pointer; display: flex; text-align: center; z-index: 1; } [data-rlta-element=container][data-rlta-state=ready][data-rlta-type=accordions] > [data-rlta-element=button]:focus, [data-rlta-element=container][data-rlta-state=ready][data-rlta-type=tabs] > [data-rlta-element=button-list] > [data-rlta-element=button]:focus { outline: none; } [data-rlta-element=container][data-rlta-state=ready][data-rlta-type=accordions] > [data-rlta-element=button][data-rlta-focus=true]:focus, [data-rlta-element=container][data-rlta-state=ready][data-rlta-type=tabs] > [data-rlta-element=button-list] > [data-rlta-element=button][data-rlta-focus=true]:focus { box-shadow: 0 0 1px 2px #0d4aae, inset 0 0 1px 0 #ffffff; } [data-rlta-element=container][data-rlta-state=ready][data-rlta-type=accordions] > [data-rlta-element=button] { margin-bottom: 0.25em; text-align: left; } [data-rlta-element=container][data-rlta-state=ready][data-rlta-type=accordions] > [data-rlta-element=button]:not([data-rlta-state=closed]) { margin-bottom: -1px; } [data-rlta-element=container][data-rlta-state=ready][data-rlta-type=accordions][data-rlta-icons=true] > [data-rlta-element=button]:after { content: "+"; font-weight: bold; float: right; margin-left: 1rem; } [data-rlta-element=container][data-rlta-state=ready][data-rlta-type=accordions][data-rlta-icons=true] > [data-rlta-element=button]:not([data-rlta-state=closed]):after { content: "−"; } [data-rlta-element=container][data-rlta-state=ready][data-rlta-type=tabs] > [data-rlta-element=button-list] { /*ini display: grid; */ display: flex; grid-auto-flow: column; grid-gap: 2px; justify-content: normal; min-height: 30px; } [data-rlta-element=container][data-rlta-state=ready][data-rlta-type=tabs] > [data-rlta-element=button-list] > [data-rlta-element=button][data-rlta-focus=true]:focus, [data-rlta-element=container][data-rlta-state=ready][data-rlta-type=tabs] > [data-rlta-element=button-list] > [data-rlta-element=button][data-rlta-focus=true]:focus:not([data-rlta-state=closed]) { box-shadow: inset 0 0 1px 2px #0d4aae, inset 0 0 1px 3px #ffffff; } [data-rlta-element=container][data-rlta-state=ready][data-rlta-type=tabs][data-rlta-orientation=horizontal]:not([data-rlta-wrap-buttons=true]) > [data-rlta-element=button-list] { /* Hide scrollbar: IE and Edge */ overflow-x: scroll; /* Hide scrollbar: Firefox */ scrollbar-width: none; /* Hide scrollbar: Internet Explorer 10+ */ -ms-overflow-style: none; } [data-rlta-element=container][data-rlta-state=ready][data-rlta-type=tabs][data-rlta-orientation=horizontal]:not([data-rlta-wrap-buttons=true]) > [data-rlta-element=button-list]::-webkit-scrollbar { /*Hide scrollbar: Chrome, Safari and Opera */ display: none; } [data-rlta-element=container][data-rlta-state=ready][data-rlta-type=tabs][data-rlta-orientation=horizontal][data-rlta-wrap-buttons=true] > [data-rlta-element=button-list] { display: flex; flex-flow: row wrap; margin-bottom: -5px; margin-right: -5px; } [data-rlta-element=container][data-rlta-state=ready][data-rlta-type=tabs][data-rlta-orientation=horizontal][data-rlta-wrap-buttons=true] > [data-rlta-element=button-list] > [data-rlta-element=button] { flex: 1; margin-bottom: 5px; margin-right: 5px; } [data-rlta-element=container][data-rlta-state=ready][data-rlta-type=tabs][data-rlta-dynamic-heights=true][data-rlta-has-button-scroller=false] > [data-rlta-element=button-list] > [data-rlta-element=button], [data-rlta-element=container][data-rlta-state=ready][data-rlta-type=tabs][data-rlta-dynamic-heights=true][data-rlta-has-button-scroller=true][data-rlta-button-scroller=ready] > [data-rlta-element=button-list] > [data-rlta-element=button] { transition: padding 100ms, margin 100ms; } [data-rlta-element=container][data-rlta-state=ready][data-rlta-type=tabs] > [data-rlta-element=button-scroller] { align-items: center; display: grid; grid-template-columns: 50% 50%; left: 0; min-height: 30px; pointer-events: none; position: absolute; top: 0; width: 100%; z-index: 1; } [data-rlta-element=container][data-rlta-state=ready][data-rlta-type=tabs] > [data-rlta-element=button-scroller]:focus, [data-rlta-element=container][data-rlta-state=ready][data-rlta-type=tabs] > [data-rlta-element=button-scroller] *:focus { outline: none; } [data-rlta-element=container][data-rlta-state=ready][data-rlta-type=tabs] > [data-rlta-element=button-scroller] [data-rlta-element=button-scroller-left], [data-rlta-element=container][data-rlta-state=ready][data-rlta-type=tabs] > [data-rlta-element=button-scroller] [data-rlta-element=button-scroller-right] { align-items: center; display: grid; height: 100%; pointer-events: none; } [data-rlta-element=container][data-rlta-state=ready][data-rlta-type=tabs] > [data-rlta-element=button-scroller] [data-rlta-element=button-scroller-left] [data-rlta-element=button-scroller-hotspot], [data-rlta-element=container][data-rlta-state=ready][data-rlta-type=tabs] > [data-rlta-element=button-scroller] [data-rlta-element=button-scroller-right] [data-rlta-element=button-scroller-hotspot] { align-items: center; background: transparent; cursor: pointer; height: 100%; margin-bottom: 0; display: none; opacity: 0; padding: 0 10px; pointer-events: all; transition: all 100ms; } [data-rlta-element=container][data-rlta-state=ready][data-rlta-type=tabs] > [data-rlta-element=button-scroller] [data-rlta-element=button-scroller-left] [data-rlta-element=button-scroller-hotspot]:not(.hidden), [data-rlta-element=container][data-rlta-state=ready][data-rlta-type=tabs] > [data-rlta-element=button-scroller] [data-rlta-element=button-scroller-right] [data-rlta-element=button-scroller-hotspot]:not(.hidden) { display: grid; opacity: 1; } [data-rlta-element=container][data-rlta-state=ready][data-rlta-type=tabs] > [data-rlta-element=button-scroller] [data-rlta-element=button-scroller-left] [data-rlta-element=button-scroller-hotspot] [data-rlta-element=button-scroller-button], [data-rlta-element=container][data-rlta-state=ready][data-rlta-type=tabs] > [data-rlta-element=button-scroller] [data-rlta-element=button-scroller-right] [data-rlta-element=button-scroller-hotspot] [data-rlta-element=button-scroller-button] { background-color: white; border: 1px solid #c0c6cf; border-radius: 5px; box-shadow: 0 0 5px rgba(0, 0, 0, 0.2); box-sizing: content-box; font-family: "Font Awesome 5 Free"; font-size: 20px; -webkit-font-smoothing: antialiased; font-weight: 400; height: 20px; line-height: 20px; opacity: 0; -moz-osx-font-smoothing: grayscale; padding: 5px; text-indent: 0; transition: all 250ms; width: 20px; overflow: hidden; } [data-rlta-element=container][data-rlta-state=ready][data-rlta-type=tabs] > [data-rlta-element=button-scroller] [data-rlta-element=button-scroller-left] [data-rlta-element=button-scroller-hotspot] [data-rlta-element=button-scroller-button]:before, [data-rlta-element=container][data-rlta-state=ready][data-rlta-type=tabs] > [data-rlta-element=button-scroller] [data-rlta-element=button-scroller-right] [data-rlta-element=button-scroller-hotspot] [data-rlta-element=button-scroller-button]:before { content: ""; height: 24px; display: block; background-repeat: no-repeat; } [data-rlta-element=container][data-rlta-state=ready][data-rlta-type=tabs] > [data-rlta-element=button-scroller] [data-rlta-element=button-scroller-left] [data-rlta-element=button-scroller-hotspot]:hover > [data-rlta-element=button-scroller-button], [data-rlta-element=container][data-rlta-state=ready][data-rlta-type=tabs] > [data-rlta-element=button-scroller] [data-rlta-element=button-scroller-right] [data-rlta-element=button-scroller-hotspot]:hover > [data-rlta-element=button-scroller-button] { opacity: 1; } [data-rlta-element=container][data-rlta-state=ready][data-rlta-type=tabs] > [data-rlta-element=button-scroller] [data-rlta-element=button-scroller-left] { justify-items: left; } [data-rlta-element=container][data-rlta-state=ready][data-rlta-type=tabs] > [data-rlta-element=button-scroller] [data-rlta-element=button-scroller-left] [data-rlta-element=button-scroller-hotspot] { background: linear-gradient(90deg, white 0%, rgba(255, 255, 255, 0) 100%); justify-items: left; } [data-rlta-element=container][data-rlta-state=ready][data-rlta-type=tabs] > [data-rlta-element=button-scroller] [data-rlta-element=button-scroller-left] [data-rlta-element=button-scroller-hotspot] [data-rlta-element=button-scroller-button]:before { background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='none' viewBox='0 0 24 24' stroke-width='2' stroke='currentColor' class='w-6 h-6'%3E%3Cpath stroke-linecap='round' stroke-linejoin='round' d='M15.75 19.5L8.25 12l7.5-7.5' /%3E%3C/svg%3E%0A"); } [data-rlta-element=container][data-rlta-state=ready][data-rlta-type=tabs] > [data-rlta-element=button-scroller] [data-rlta-element=button-scroller-right] { justify-items: right; } [data-rlta-element=container][data-rlta-state=ready][data-rlta-type=tabs] > [data-rlta-element=button-scroller] [data-rlta-element=button-scroller-right] [data-rlta-element=button-scroller-hotspot] { background: linear-gradient(90deg, rgba(255, 255, 255, 0) 0%, white 100%); justify-items: right; } [data-rlta-element=container][data-rlta-state=ready][data-rlta-type=tabs] > [data-rlta-element=button-scroller] [data-rlta-element=button-scroller-right] [data-rlta-element=button-scroller-hotspot] [data-rlta-element=button-scroller-button]:before { background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='none' viewBox='0 0 24 24' stroke-width='2' stroke='currentColor' class='w-6 h-6'%3E%3Cpath stroke-linecap='round' stroke-linejoin='round' d='M8.25 4.5l7.5 7.5-7.5 7.5' /%3E%3C/svg%3E%0A"); } [data-rlta-element=container][data-rlta-state=ready][data-rlta-type=accordions] > [data-rlta-element=panel], [data-rlta-element=container][data-rlta-state=ready][data-rlta-type=tabs] > [data-rlta-element=panels] > [data-rlta-element=panel] { overflow: hidden; visibility: visible; } [data-rlta-element=container][data-rlta-state=ready][data-rlta-type=accordions] > [data-rlta-element=panel]:focus, [data-rlta-element=container][data-rlta-state=ready][data-rlta-type=tabs] > [data-rlta-element=panels] > [data-rlta-element=panel]:focus { outline: 0; } [data-rlta-element=container][data-rlta-state=ready][data-rlta-type=accordions] > [data-rlta-element=panel][data-rlta-state=closed], [data-rlta-element=container][data-rlta-state=ready][data-rlta-type=tabs] > [data-rlta-element=panels] > [data-rlta-element=panel][data-rlta-state=closed] { display: none; visibility: hidden; } [data-rlta-element=container][data-rlta-state=ready][data-rlta-type=accordions] > [data-rlta-element=panel] > [data-rlta-element=panel-content], [data-rlta-element=container][data-rlta-state=ready][data-rlta-type=tabs] > [data-rlta-element=panels] > [data-rlta-element=panel] > [data-rlta-element=panel-content] { padding: 1.25em 0; } [data-rlta-element=container][data-rlta-state=ready][data-rlta-type=accordions] > [data-rlta-element=panel] > [data-rlta-element=panel-content] > p:last-child, [data-rlta-element=container][data-rlta-state=ready][data-rlta-type=tabs] > [data-rlta-element=panels] > [data-rlta-element=panel] > [data-rlta-element=panel-content] > p:last-child { margin-bottom: 0; } [data-rlta-element=container][data-rlta-state=ready][data-rlta-type=accordions] > [data-rlta-element=panel] { margin-bottom: 0.25em; } [data-rlta-element=container][data-rlta-state=ready][data-rlta-type=tabs] > [data-rlta-element=panels] > [data-rlta-element=panel] { min-height: 100%; } }