<>
#shopify-section-template--15224348180564__171716307837835e55 {
background-color: ;
}
<>
.boost-sd__collection-header {
width: 100%;
height: 130px;
display: block;
background: -webkit-gradient(linear,
left top,
right top,
color-stop(8%#eee),
color-stop(18%#e6e6e6),
color-stop(33%#eee));
background-color: #eee;
animation: banner-place-holder-shimmer 2s linear infinite forwards;
}
.boost-sd__collection-header:empty {
display: block;
}
.boost-sd__collection-header .boost-sd__placeholder-item {
height: 130px;
}
@media only screen and (min-width: 992px) {
.boost-sd__collection-header,
.boost-sd__collection-header .boost-sd__placeholder-item {
height: 150px;
}
}
@keyframes banner-place-holder-shimmer {
0% {
background-position: -1500px 0;
}
100% {
background-position: 1500px 0;
}
}
.boost-sd__in-collection-search {
margin-bottom: 20px;
margin-top: 20px;
width: 100%;
max-width: 100%;
display: flex;
position: relative;
}
.boost-sd__in-collection-search--horizontal {
margin: 20px auto 0;
max-width: 592px;
}
@media only screen and (min-width: 992px) {
.boost-sd__in-collection-search {
margin-bottom: 16px;
margin-top: 16px;
}
}
.boost-sd__filter-tree-vertical {
margin-top: 0;
margin-right: 0;
}
.boost-sd__filter-tree-vertical-placeholder {
background: transparent;
width: 100%;
max-width: 100%;
display: none;
}
.boost-sd__filter-tree-vertical-placeholder-list {
margin: 30px 10px 0;
padding: 0;
list-: none;
}
.boost-sd__filter-tree-vertical-placeholder-item {
max-width: 100%;
padding: 20px 0;
display: block;
}
.boost-sd__filter-tree-vertical-placeholder-item:first-child {
padding-top: 0;
}
.boost-sd__filter-tree-vertical-placeholder-item:not(:last-child) {
border-bottom: 1px solid #ebebeb;
}
.boost-sd__filter-tree-vertical-placeholder-item::before,
.boost-sd__filter-tree-vertical-placeholder-item::after,
{
display: none;
}
.boost-sd__filter-tree-horizontal-placeholder {
display: none;
}
@media only screen and (min-width: 992px) {
.boost-sd__filter-tree-vertical {
width: 272px;
}
.boost-sd-layout .boost-sd-left .boost-sd__filter-tree-wrapper .boost-sd__filter-tree-vertical {
margin-right: 16px;
margin-left: 0;
}
.boost-sd__filter-tree-vertical-placeholder,
.boost-sd__filter-tree-horizontal-placeholder {
display: inline-block;
}
.boost-sd-layout--has-filter-horizontal {
flex-wrap: wrap;
margin-top: 0;
}
.boost-sd-layout--has-filter-horizontal .boost-sd-left,
.boost-sd-layout--has-filter-horizontal .boost-sd-right {
flex: 0 0 100%;
}
.boost-sd__filter-tree-horizontal {
width: 100%;
}
.boost-sd__filter-tree-horizontal-placeholder {
padding: 16px 0;
border-top: 1px solid #ebebeb;
width: 100%;
max-width: 100%;
background: transparent;
}
.boost-sd__filter-tree-horizontal-placeholder-list {
margin: 0;
padding: 0;
list-: none;
border-bottom: 1px solid #e8e9eb;
}
.boost-sd__filter-tree-horizontal-placeholder-item {
border: none;
display: inline-block;
margin-right: 35px;
position: relative;
}
.boost-sd__filter-tree-horizontal-placeholder-button {
width: auto;
height: auto;
display: inline-block;
position: relative;
padding: 5px 15px 5px 0;
margin: 0;
min-height: auto;
min-width: 0;
border-radius: 0;
box-shadow: none;
background: none;
border: none;
letter-spacing: normal;
text-align: left;
cursor: pointer;
}
.boost-sd__filter-tree-horizontal-placeholder-button .boost-sd__placeholder-item {
width: 80px;
height: 10px;
display: inline-block;
margin: 0 15px 0 0;
}
.boost-sd__filter-tree-horizontal-placeholder-icon {
transform: rotate(-90deg);
}
}
.boost-sd__in-collection-search {
margin-bottom: 20px;
margin-top: 20px;
width: 100%;
max-width: 100%;
display: flex;
position: relative;
}
.boost-sd__in-collection-search--horizontal {
margin: 20px auto 0;
max-width: 592px;
}
@media only screen and (min-width: 992px) {
.boost-sd__in-collection-search {
margin-bottom: 16px;
margin-top: 16px;
}
}
.boost-sd__toolbar-container {
width: 100%;
margin-bottom: 16px;
}
.boost-sd__toolbar-inner {
max-width: 1216px;
margin: 0 auto;
}
.boost-sd__toolbar-content {
border-bottom: 1px solid #ebebeb;
border-top: 1px solid #ebebeb;
padding: 16px 0;
}
.boost-sd__toolbar {
align-items: center;
width: 100%;
display: flex;
flex-wrap: wrap;
column-gap: 16px;
justify-content: space-between;
}
.boost-sd__toolbar .boost-sd__placeholder-item {
flex-basis: 45%;
}
.boost-sd__toolbar .boost-sd__placeholder-item:first-child {
flex-basis: 100%;
margin-bottom: 16px;
}
@media only screen and (min-width: 992px) {
.boost-sd__toolbar-content {
display: flex;
align-items: center;
border-bottom: none;
padding: 16px 0 16px;
border-top: 1px solid #ebebeb;
border-bottom: 0;
}
.boost-sd__toolbar {
flex-wrap: inherit;
}
.boost-sd__toolbar .boost-sd__placeholder-item {
flex-basis: auto;
}
.boost-sd__toolbar .boost-sd__placeholder-item:first-child {
flex-basis: auto;
margin-bottom: 0;
}
.boost-sd__toolbar--3_1 .boost-sd__toolbar-item {
flex: 1;
}
.boost-sd__toolbar--3_1 .boost-sd__toolbar-item:nth-child(2) {
justify-content: center;
}
.boost-sd__toolbar--3_1 .boost-sd__toolbar-item:nth-child(3) {
justify-content: end;
}
}
.boost-sd__product-list-placeholder {
gap: 16px;
margin-bottom: 32px;
flex-wrap: wrap;
width: 100%;
display: flex;
}
.boost-sd__product-list-placeholder--1-col .boost-sd__product-list-placeholder-item {
width: 100%;
}
.boost-sd__product-list-placeholder--2-col .boost-sd__product-list-placeholder-item,
.boost-sd__product-list-placeholder--3-col .boost-sd__product-list-placeholder-item,
.boost-sd__product-list-placeholder--4-col .boost-sd__product-list-placeholder-item,
.boost-sd__product-list-placeholder--5-col .boost-sd__product-list-placeholder-item,
.boost-sd__product-list-placeholder--6-col .boost-sd__product-list-placeholder-item {
width: calc(50% - 8px);
}
.boost-sd__product-list-placeholder .boost-sd__product-list-placeholder-item .boost-sd__placeholder-item:first-child {
height: 222px;
}
.boost-sd__pagination {
padding-top: 10px;
padding-bottom: 10px;
justify-content: center;
align-items: center;
display: flex;
}
@media only screen and (min-width: 576px) {
.boost-sd__product-list-placeholder {
gap: 32px;
margin-bottom: 64px;
}
.boost-sd__product-list-placeholder--3-col .boost-sd__product-list-placeholder-item,
.boost-sd__product-list-placeholder--4-col .boost-sd__product-list-placeholder-item,
.boost-sd__product-list-placeholder--5-col .boost-sd__product-list-placeholder-item,
.boost-sd__product-list-placeholder--6-col .boost-sd__product-list-placeholder-item {
width: calc(33.3333333333% - (32px - 32px / 3));
}
}
@media only screen and (min-width: 992px) {
.boost-sd__product-list-placeholder .boost-sd__placeholder-item:not(:last-child) {
margin-bottom: 8px;
}
.boost-sd__product-list-placeholder .boost-sd__placeholder-item:first-child {
margin-bottom: 16px;
}
.boost-sd__product-list-placeholder--3-col .boost-sd__product-list-placeholder-item .boost-sd__placeholder-item:first-child {
height: 382px;
}
.boost-sd__product-list-placeholder--4-col .boost-sd__product-list-placeholder-item .boost-sd__placeholder-item:first-child {
height: 275px;
}
.boost-sd__product-list-placeholder--5-col .boost-sd__product-list-placeholder-item .boost-sd__placeholder-item:first-child {
height: 215px;
}
.boost-sd__product-list-placeholder--6-col .boost-sd__product-list-placeholder-item .boost-sd__placeholder-item:first-child {
height: 175px;
}
.boost-sd__product-list-placeholder--3-col .boost-sd__product-list-placeholder-item {
width: calc(33.3333333333% - (32px - 32px / 3));
}
.boost-sd__product-list-placeholder--4-col .boost-sd__product-list-placeholder-item {
width: calc(25% - (32px - 32px / 4));
}
.boost-sd__product-list-placeholder--5-col .boost-sd__product-list-placeholder-item {
width: calc(20% - (32px - 32px / 5));
}
.boost-sd__product-list-placeholder--6-col .boost-sd__product-list-placeholder-item {
width: calc(16.6666667% - (32px - 32px / 6));
}
}
.boost-sd-container * {
box-sizing: border-box;
}
.boost-sd__placeholder-item {
background: rgba(0000.07);
border-radius: 50rem;
min-width: 50px;
max-width: 100%;
height: 20px;
animation: 2s infinite place-holder-animation;
display: inline-block;
}
.boost-sd__placeholder-item:empty {
display: block;
}
.boost-sd__placeholder-item:not(:last-child) {
margin-bottom: 18px;
}
.boost-sd-layout {
margin: 20px auto 0;
}
.boost-sd-left {
position: relative;
}
.boost-sd-layout .boost-sd-right {
width: 100%;
margin-bottom: 20px;
}
@keyframes place-holder-animation {
0% {
opacity: 1;
}
50% {
opacity: 0.5;
}
100% {
opacity: 1;
}
}
@media only screen and (min-width: 992px) {
.boost-sd-layout {
display: flex;
max-width: 1216px;
}
.boost-sd-layout .boost-sd-right {
flex: auto;
max-width: 100%;
}
}