/* ------------------widget styles------------------ */


/* ------------------end-user styles------------------ */

@container (width >= 38rem) {
    .Columns--1-2 .Columns__grid, .Columns--2-1 .Columns__grid, .Columns--2 .Columns__grid, .Columns--4 .Columns__grid, .Columns--3 .Columns__grid {
		margin-block: calc(var(--gutter) / 2);
		gap: var(--space) calc(var(--gutter)/2);
	}
	.Columns:not(.theme-black):not(.Panel--gray):not(.Panel--red) {
		margin-block:var(--space)
	}

    .Columns--1-2 .Columns__grid {
      grid-template-columns: 1fr 2fr;
    }
	.Columns--2-1 .Columns__grid {
      grid-template-columns: 2fr 1fr;
    }
	.Columns--3 .Columns__grid{
	grid-template-columns: 1fr 1fr 1fr;
	}
	.Columns--4 .Columns__grid{
	grid-template-columns: 1fr 1fr 1fr 1fr;
	}

  }


.theme-black .RouterList__group{
	border-left:0.125rem solid var(--white-10)
}

.auto-collapse-columns{
	display: grid;
	gap: calc(var(--gutter)/2)
}
.auto-collapse-columns.oc-2-columns{
	grid-template-columns: repeat(2,1fr)
}
.auto-collapse-columns.oc-3-columns{
	grid-template-columns: repeat(3,1fr)
}
.auto-collapse-columns.oc-4-columns{
	grid-template-columns: repeat(4,1fr)
}
.auto-collapse-columns.oc-5-columns{
	grid-template-columns: repeat(5,1fr)
}
@media screen and (max-width:768px) {
	.auto-collapse-columns.oc-2-columns, .auto-collapse-columns.oc-3-columns{
		grid-template-columns: repeat(1,1fr)
	}
	.auto-collapse-columns.oc-4-columns, .auto-collapse-columns.oc-5-columns {
    grid-template-columns: repeat(2, 1fr);
}
}


/* Mosaic Styles  */
    .mosaic-grid {
      grid-template-columns: repeat(auto-fill, minmax(100px, 1fr));
      gap: 10px;
    }

   .mosaic-grid table {
      width: 100%;
      border-collapse: collapse;
    }

   .mosaic-grid table td {
      padding: 10px;
      column-span: all;
    }
   .mosaic-grid table td img{
min-height: 100%;
    min-width: 100%;
    margin: 0;
    width: revert-layer;
   }


/* Tabs Pane */
.tab-trigger-set {
    display: flex;
    align-items: center;
    flex-wrap: wrap;
    align-items: stretch;
}
.tab-trigger-list > [type="button"].active{
    background-color: #ff4438;
    border: 2px solid #ff4438;
    color: #000000;
    pointer-events: none;
}
.tab-trigger-list > [type="button"] {
	font-family: forza;
    width: fit-content;
    font-size: 1rem;
    font-weight: 300;
    padding: 0.3rem 2rem;
    background-color: black;
    color: #ffffff;
    border: 2px solid #000000;
    height: auto;
}

/* Tabs Pane */

.tab-trigger-list {
    display: flex;
    align-items: center;
    align-items: stretch;
}
.tab-content-list{
	padding-top: 2rem;
	padding-bottom: 2rem;
	border-bottom: 2px solid #000;
}
.compact .tab-content-list{
	padding-top: 1rem;
}
.tab-trigger-list > button.active{
    background-color: var(--coral);
    border: 2px solid var(--coral);
    color: #000000;
    pointer-events: none;
}
.tab-trigger-list > button {
	font-family: forza;
	width: -moz-available;
	width: fill-available;
	width: -webkit-fill-available;
	font-size: 1rem;
    font-weight: 300;
    padding: 1rem 2rem;
    background-color: black;
    color: #ffffff;
    border: 2px solid #000000;
    height: auto;
}
.compact .tab-trigger-list > button {
	    padding: 0.3rem 2rem;

}
.tab-trigger-list > button:hover{
	background-color: var(--coral);
	filter:brightness(1.4);
	border: 2px solid var(--coral);
	color: #000;
}
#main-content-catalog .Table h3{
	padding: 0;
}
#main-content-catalog td[scope="row"] {
    padding-left: 0 !important;
}
#main-content-catalog .Table tr:nth-child(even) {
	background-color: #ffffff;
}
#main-content-catalog .Table tr{
    padding: 1rem;
    border-bottom: 1px solid #e0e0e0;
}
#main-content-catalog .Table td{
    padding: .5rem;
}
#main-content-catalog .Table th {
    border-bottom: 2px solid var(--black);
	padding:1em 0;
}

#main-content-catalog .Table td:first-child{
	font-weight:700;
	padding-left: 1rem;
}
#main-content-catalog .Table td:nth-child(2){
	width: 20%;
	text-align: center;
}
#main-content-catalog .Table td:nth-child(3){
	width: 10%;
	text-align: center;
}


@media screen and (max-width:768px){
	.tab-trigger-list {flex-wrap:wrap;}
}