html:not([dark]) .blu-accordions .blu-accordion[data-v-ce519450] {
--blu-accordion-color-border: transparent
}
html:not([dark]) .blu-accordions .blu-accordion[data-v-ce519450]:not(:last-child) {
border-bottom: 1px solid var(--blu-accordion-color-border)
}
html:not([dark]) .blu-accordions.b-primary .blu-accordion[data-v-ce519450]:not(:last-child) {
--blu-accordion-color-border: #e1e3e4
}
html[dark] .blu-accordions .blu-accordion[data-v-ce519450] {
--blu-accordion-color-border: transparent
}
html[dark] .blu-accordions .blu-accordion[data-v-ce519450]:not(:last-child) {
border-bottom: 1px solid var(--blu-accordion-color-border)
}
html[dark] .blu-accordions.b-primary .blu-accordion[data-v-ce519450]:not(:last-child) {
--blu-accordion-color-border: #3b444c
}
html:not([dark]) .blu-accordions[data-v-d4dcd884] {
--blu-accordions-color-border: transparent;
border: 1px solid var(--blu-accordions-color-border);
border-radius: 8px;
box-sizing: border-box
}
html:not([dark]) .blu-accordions.b-primary[data-v-d4dcd884] {
--blu-accordions-color-border: #e1e3e4
}
html[dark] .blu-accordions[data-v-d4dcd884] {
--blu-accordions-color-border: transparent;
border: 1px solid var(--blu-accordions-color-border);
border-radius: 8px;
box-sizing: border-box
}
html[dark] .blu-accordions.b-primary[data-v-d4dcd884] {
--blu-accordions-color-border: #3b444c
}
html:not([dark]) .blu-accordions .blu-accordion__header[data-v-25e87b5b] {
--blu-accordion-header-content-text: 500 14px/18px Blibli, -apple-system, Segoe UI, Roboto, Helvetica, Arial, sans-serif;
--blu-accordion-header-content-color-text: #19222a;
--blu-accordion-header-spacing-padding: 12px;
--blu-accordion-header-content-icon-size: 18px;
--blu-accordion-header-content-color-icon: #797f85;
--blu-accordion-header-spacing-gap: 4px;
--blu-accordion-header-content-right-spacing-gap: 8px;
font: var(--blu-accordion-header-content-text);
color: var(--blu-accordion-header-content-color-text);
padding: var(--blu-accordion-header-spacing-padding);
box-sizing: border-box;
border-radius: var(--blu-accordion-header-border-radius)
}
html:not([dark]) .blu-accordions .blu-accordion__header-main[data-v-25e87b5b] {
display: flex;
align-items: start;
width: 100%
}
html:not([dark]) .blu-accordions .blu-accordion__header-main *[data-v-25e87b5b]:not(:last-child) {
margin-right: var(--blu-accordion-header-spacing-gap)
}
html:not([dark]) .blu-accordions .blu-accordion__header-content[data-v-25e87b5b] {
width: 100%
}
html:not([dark]) .blu-accordions .blu-accordion__header-item-leading[data-v-25e87b5b],
html:not([dark]) .blu-accordions .blu-accordion__header-item-trailing[data-v-25e87b5b] {
display: flex;
align-items: center
}
html:not([dark]) .blu-accordions .blu-accordion__header-item-leading[data-v-25e87b5b] svg,
html:not([dark]) .blu-accordions .blu-accordion__header-item-trailing[data-v-25e87b5b] svg {
width: var(--blu-accordion-header-content-icon-size);
height: var(--blu-accordion-header-content-icon-size);
color: var(--blu-accordion-header-content-color-icon)
}
html:not([dark]) .blu-accordions .blu-accordion__header-item-trailing[data-v-25e87b5b]>*:not(:last-child) {
margin-right: var(--blu-accordion-header-content-right-spacing-gap)
}
html:not([dark]) .blu-accordions .blu-accordion__header-item-trailing[data-v-25e87b5b]>svg {
transition: all .4s ease
}
html:not([dark]) .blu-accordions .blu-accordion__header[data-v-25e87b5b]:hover {
cursor: var(--blu-accordion-pointer);
background-color: var(--blu-accordion-header-color-background)
}
html:not([dark]) .blu-accordions .blu-accordion__header[data-v-25e87b5b]:focus-visible {
position: relative;
outline: none;
outline: #19222a solid 2px
}
html:not([dark]) .blu-accordions .blu-accordion:not(.b-disabled).b-active>.blu-accordion__header .blu-accordion__header-item-trailing[data-v-25e87b5b] svg {
transform: rotate(-180deg)
}
html:not([dark]) .blu-accordions .blu-accordion:not(.b-disabled) .blu-accordion__header[data-v-25e87b5b] {
--blu-accordion-pointer: pointer;
--blu-accordion-header-color-background: #f9f9fa
}
html:not([dark]) .blu-accordions .blu-accordion.b-disabled .blu-accordion__header[data-v-25e87b5b] {
--blu-accordion-pointer: not-allowed;
--blu-accordion-header-content-color-text: rgba(25, 34, 42, .3019607843);
--blu-accordion-header-content-color-icon: rgba(25, 34, 42, .3019607843)
}
html:not([dark]) .blu-accordions .blu-accordion.b-small .blu-accordion__header[data-v-25e87b5b] {
--blu-accordion-header-spacing-padding: 8px 12px
}
html:not([dark]) .blu-accordions.b-primary .blu-accordion:first-child .blu-accordion__header[data-v-25e87b5b] {
border-radius: 8px 8px 0 0
}
html:not([dark]) .blu-accordions.b-primary .blu-accordion:last-child:not(.b-active) .blu-accordion__header[data-v-25e87b5b] {
border-radius: 0 0 8px 8px
}
html:not([dark]) .blu-accordions.b-secondary .blu-accordion__header[data-v-25e87b5b]:hover {
--blu-accordion-header-border-radius: 8px
}
html[dark] .blu-accordions .blu-accordion__header[data-v-25e87b5b] {
--blu-accordion-header-content-text: 500 14px/18px Blibli, -apple-system, Segoe UI, Roboto, Helvetica, Arial, sans-serif;
--blu-accordion-header-content-color-text: #ffffff;
--blu-accordion-header-spacing-padding: 12px;
--blu-accordion-header-content-icon-size: 18px;
--blu-accordion-header-content-color-icon: #acb0b4;
--blu-accordion-header-spacing-gap: 4px;
--blu-accordion-header-content-right-spacing-gap: 8px;
font: var(--blu-accordion-header-content-text);
color: var(--blu-accordion-header-content-color-text);
padding: var(--blu-accordion-header-spacing-padding);
box-sizing: border-box;
border-radius: var(--blu-accordion-header-border-radius)
}
html[dark] .blu-accordions .blu-accordion__header-main[data-v-25e87b5b] {
display: flex;
align-items: start;
width: 100%
}
html[dark] .blu-accordions .blu-accordion__header-main *[data-v-25e87b5b]:not(:last-child) {
margin-right: var(--blu-accordion-header-spacing-gap)
}
html[dark] .blu-accordions .blu-accordion__header-content[data-v-25e87b5b] {
width: 100%
}
html[dark] .blu-accordions .blu-accordion__header-item-leading[data-v-25e87b5b],
html[dark] .blu-accordions .blu-accordion__header-item-trailing[data-v-25e87b5b] {
display: flex;
align-items: center
}
html[dark] .blu-accordions .blu-accordion__header-item-leading[data-v-25e87b5b] svg,
html[dark] .blu-accordions .blu-accordion__header-item-trailing[data-v-25e87b5b] svg {
width: var(--blu-accordion-header-content-icon-size);
height: var(--blu-accordion-header-content-icon-size);
color: var(--blu-accordion-header-content-color-icon)
}
html[dark] .blu-accordions .blu-accordion__header-item-trailing[data-v-25e87b5b]>*:not(:last-child) {
margin-right: var(--blu-accordion-header-content-right-spacing-gap)
}
html[dark] .blu-accordions .blu-accordion__header-item-trailing[data-v-25e87b5b]>svg {
transition: all .4s ease
}
html[dark] .blu-accordions .blu-accordion__header[data-v-25e87b5b]:hover {
cursor: var(--blu-accordion-pointer);
background-color: var(--blu-accordion-header-color-background)
}
html[dark] .blu-accordions .blu-accordion__header[data-v-25e87b5b]:focus-visible {
position: relative;
outline: none;
outline: #f9f9fa solid 2px
}
html[dark] .blu-accordions .blu-accordion:not(.b-disabled).b-active>.blu-accordion__header .blu-accordion__header-item-trailing[data-v-25e87b5b] svg {
transform: rotate(-180deg)
}
html[dark] .blu-accordions .blu-accordion:not(.b-disabled) .blu-accordion__header[data-v-25e87b5b] {
--blu-accordion-pointer: pointer;
--blu-accordion-header-color-background: #19222a
}
html[dark] .blu-accordions .blu-accordion.b-disabled .blu-accordion__header[data-v-25e87b5b] {
--blu-accordion-pointer: not-allowed;
--blu-accordion-header-content-color-text: rgba(255, 255, 255, .3019607843);
--blu-accordion-header-content-color-icon: rgba(255, 255, 255, .3019607843)
}
html[dark] .blu-accordions .blu-accordion.b-small .blu-accordion__header[data-v-25e87b5b] {
--blu-accordion-header-spacing-padding: 8px 12px
}
html[dark] .blu-accordions.b-primary .blu-accordion:first-child .blu-accordion__header[data-v-25e87b5b] {
border-radius: 8px 8px 0 0
}
html[dark] .blu-accordions.b-primary .blu-accordion:last-child:not(.b-active) .blu-accordion__header[data-v-25e87b5b] {
border-radius: 0 0 8px 8px
}
html[dark] .blu-accordions.b-secondary .blu-accordion__header[data-v-25e87b5b]:hover {
--blu-accordion-header-border-radius: 8px
}
html:not([dark]) .b-overflow-y[data-v-c3cefe32] {
scrollbar-color: rgba(25, 34, 42, .3019607843) transparent;
scrollbar-width: thin
}
html:not([dark]) .b-overflow-y[data-v-c3cefe32]::-webkit-scrollbar {
width: 4px;
height: 8px;
background-color: transparent
}
html:not([dark]) .b-overflow-y[data-v-c3cefe32]::-webkit-scrollbar-track {
margin: 13px 0
}
html:not([dark]) .b-overflow-y[data-v-c3cefe32]::-webkit-scrollbar-thumb {
box-shadow: inset 0 0 14px 14px transparent;
border-radius: 4px;
background-color: #19222a4d;
scrollbar-color: rgba(25, 34, 42, .3019607843)
}
html:not([dark]) .b-overflow-y[data-v-c3cefe32]:hover::-webkit-scrollbar {
width: 4px
}
html:not([dark]) .b-overflow-y[data-v-c3cefe32]:hover::-webkit-scrollbar-track {
border: solid 2px transparent
}
html:not([dark]) .b-overflow-y[data-v-c3cefe32]:hover::-webkit-scrollbar-thumb:hover {
box-shadow: inset 0 0 14px 14px transparent;
background-color: #19222a4d;
scrollbar-color: rgba(25, 34, 42, .3019607843) transparent
}
html:not([dark]) .b-overflow-y[data-v-c3cefe32]::-webkit-scrollbar-track {
border-radius: 3px;
background-color: transparent
}
html:not([dark]) .b-overflow-y.hidden[data-v-c3cefe32] {
scrollbar-width: none
}
html:not([dark]) .b-overflow-y.hidden[data-v-c3cefe32]::-webkit-scrollbar-thumb {
border-radius: 4px;
background-color: transparent
}
html:not([dark]) .b-overflow-y.hidden[data-v-c3cefe32]:hover {
scrollbar-width: thin
}
html:not([dark]) .b-overflow-y.hidden[data-v-c3cefe32]:hover::-webkit-scrollbar-thumb {
box-shadow: inset 0 0 14px 14px transparent;
border-radius: 4px;
background-color: #19222a4d;
scrollbar-color: rgba(25, 34, 42, .3019607843) transparent
}
html:not([dark]) .b-overflow-y.hidden[data-v-c3cefe32]:hover::-webkit-scrollbar-thumb:hover {
box-shadow: inset 0 0 14px 14px transparent;
background-color: #19222a4d;
scrollbar-color: rgba(25, 34, 42, .3019607843) transparent
}
html:not([dark]) .b-overflow-y[data-v-c3cefe32] {
overflow-y: auto;
margin: 0
}
html:not([dark]) .blu-accordion__content[data-v-c3cefe32] {
--blu-accordion-max-height: 0;
--blu-accordion-content-text: 500 14px/18px Blibli, -apple-system, Segoe UI, Roboto, Helvetica, Arial, sans-serif;
--blu-accordion-content-color-text: rgba(25, 34, 42, .7019607843);
--blu-accordion-content-spacing-padding: 12px;
font: var(--blu-accordion-content-text);
color: var(--blu-accordion-content-color-text);
max-height: var(--blu-accordion-max-height);
transition: all .4s ease;
display: grid;
grid-template-rows: 0fr
}
html:not([dark]) .blu-accordion__content.b-full-height .blu-accordion__content-main[data-v-c3cefe32] {
overflow: hidden
}
html:not([dark]) .blu-accordion__content:not(.b-has-no-padding) .blu-accordion__content-main[data-v-c3cefe32] {
transition: padding .4s ease;
padding: 0 var(--blu-accordion-content-spacing-padding)
}
html:not([dark]) .blu-accordion:not(.b-disabled).b-active>.blu-accordion__content[data-v-c3cefe32] {
grid-template-rows: 1fr;
--blu-accordion-max-height: 168px
}
html:not([dark]) .blu-accordion:not(.b-disabled).b-active>.blu-accordion__content:not(.b-has-no-padding) .blu-accordion__content-main[data-v-c3cefe32] {
padding: var(--blu-accordion-content-spacing-padding)
}
html:not([dark]) .blu-accordion:not(.b-disabled).b-active>.blu-accordion__content.b-full-height[data-v-c3cefe32] {
--blu-accordion-max-height: 100%
}
html:not([dark]) .blu-accordion.b-small>.blu-accordion__content[data-v-c3cefe32] {
--blu-accordion-content-spacing-padding: 8px 12px
}
html[dark] .b-overflow-y[data-v-c3cefe32] {
scrollbar-color: rgba(255, 255, 255, .3019607843) transparent;
scrollbar-width: thin
}
html[dark] .b-overflow-y[data-v-c3cefe32]::-webkit-scrollbar {
width: 4px;
height: 8px;
background-color: transparent
}
html[dark] .b-overflow-y[data-v-c3cefe32]::-webkit-scrollbar-track {
margin: 13px 0
}
html[dark] .b-overflow-y[data-v-c3cefe32]::-webkit-scrollbar-thumb {
box-shadow: inset 0 0 14px 14px transparent;
border-radius: 4px;
background-color: #ffffff4d;
scrollbar-color: rgba(255, 255, 255, .3019607843)
}
html[dark] .b-overflow-y[data-v-c3cefe32]:hover::-webkit-scrollbar {
width: 4px
}
html[dark] .b-overflow-y[data-v-c3cefe32]:hover::-webkit-scrollbar-track {
border: solid 2px transparent
}
html[dark] .b-overflow-y[data-v-c3cefe32]:hover::-webkit-scrollbar-thumb:hover {
box-shadow: inset 0 0 14px 14px transparent;
background-color: #ffffff4d;
scrollbar-color: rgba(255, 255, 255, .3019607843) transparent
}
html[dark] .b-overflow-y[data-v-c3cefe32]::-webkit-scrollbar-track {
border-radius: 3px;
background-color: transparent
}
html[dark] .b-overflow-y.hidden[data-v-c3cefe32] {
scrollbar-width: none
}
html[dark] .b-overflow-y.hidden[data-v-c3cefe32]::-webkit-scrollbar-thumb {
border-radius: 4px;
background-color: transparent
}
html[dark] .b-overflow-y.hidden[data-v-c3cefe32]:hover {
scrollbar-width: thin
}
html[dark] .b-overflow-y.hidden[data-v-c3cefe32]:hover::-webkit-scrollbar-thumb {
box-shadow: inset 0 0 14px 14px transparent;
border-radius: 4px;
background-color: #ffffff4d;
scrollbar-color: rgba(255, 255, 255, .3019607843) transparent
}
html[dark] .b-overflow-y.hidden[data-v-c3cefe32]:hover::-webkit-scrollbar-thumb:hover {
box-shadow: inset 0 0 14px 14px transparent;
background-color: #ffffff4d;
scrollbar-color: rgba(255, 255, 255, .3019607843) transparent
}
html[dark] .b-overflow-y[data-v-c3cefe32] {
overflow-y: auto;
margin: 0
}
html[dark] .blu-accordion__content[data-v-c3cefe32] {
--blu-accordion-max-height: 0;
--blu-accordion-content-text: 500 14px/18px Blibli, -apple-system, Segoe UI, Roboto, Helvetica, Arial, sans-serif;
--blu-accordion-content-color-text: rgba(255, 255, 255, .8);
--blu-accordion-content-spacing-padding: 12px;
font: var(--blu-accordion-content-text);
color: var(--blu-accordion-content-color-text);
max-height: var(--blu-accordion-max-height);
transition: all .4s ease;
display: grid;
grid-template-rows: 0fr
}
html[dark] .blu-accordion__content.b-full-height .blu-accordion__content-main[data-v-c3cefe32] {
overflow: hidden
}
html[dark] .blu-accordion__content:not(.b-has-no-padding) .blu-accordion__content-main[data-v-c3cefe32] {
transition: padding .4s ease;
padding: 0 var(--blu-accordion-content-spacing-padding)
}
html[dark] .blu-accordion:not(.b-disabled).b-active>.blu-accordion__content[data-v-c3cefe32] {
grid-template-rows: 1fr;
--blu-accordion-max-height: 168px
}
html[dark] .blu-accordion:not(.b-disabled).b-active>.blu-accordion__content:not(.b-has-no-padding) .blu-accordion__content-main[data-v-c3cefe32] {
padding: var(--blu-accordion-content-spacing-padding)
}
html[dark] .blu-accordion:not(.b-disabled).b-active>.blu-accordion__content.b-full-height[data-v-c3cefe32] {
--blu-accordion-max-height: 100%
}
html[dark] .blu-accordion.b-small>.blu-accordion__content[data-v-c3cefe32] {
--blu-accordion-content-spacing-padding: 8px 12px
}
html:not([dark]) .blu-accordions .blu-accordion[data-v-ce519450] {
--blu-accordion-color-border: transparent
}
html:not([dark]) .blu-accordions .blu-accordion[data-v-ce519450]:not(:last-child) {
border-bottom: 1px solid var(--blu-accordion-color-border)
}
html:not([dark]) .blu-accordions.b-primary .blu-accordion[data-v-ce519450]:not(:last-child) {
--blu-accordion-color-border: #e1e3e4
}
html[dark] .blu-accordions .blu-accordion[data-v-ce519450] {
--blu-accordion-color-border: transparent
}
html[dark] .blu-accordions .blu-accordion[data-v-ce519450]:not(:last-child) {
border-bottom: 1px solid var(--blu-accordion-color-border)
}
html[dark] .blu-accordions.b-primary .blu-accordion[data-v-ce519450]:not(:last-child) {
--blu-accordion-color-border: #3b444c
}
html:not([dark]) .blu-accordions[data-v-d4dcd884] {
--blu-accordions-color-border: transparent;
border: 1px solid var(--blu-accordions-color-border);
border-radius: 8px;
box-sizing: border-box
}
html:not([dark]) .blu-accordions.b-primary[data-v-d4dcd884] {
--blu-accordions-color-border: #e1e3e4
}
html[dark] .blu-accordions[data-v-d4dcd884] {
--blu-accordions-color-border: transparent;
border: 1px solid var(--blu-accordions-color-border);
border-radius: 8px;
box-sizing: border-box
}
html[dark] .blu-accordions.b-primary[data-v-d4dcd884] {
--blu-accordions-color-border: #3b444c
}
html:not([dark]) .blu-accordions .blu-accordion__header[data-v-25e87b5b] {
--blu-accordion-header-content-text: 500 14px/18px Blibli, -apple-system, Segoe UI, Roboto, Helvetica, Arial, sans-serif;
--blu-accordion-header-content-color-text: #19222a;
--blu-accordion-header-spacing-padding: 12px;
--blu-accordion-header-content-icon-size: 18px;
--blu-accordion-header-content-color-icon: #797f85;
--blu-accordion-header-spacing-gap: 4px;
--blu-accordion-header-content-right-spacing-gap: 8px;
font: var(--blu-accordion-header-content-text);
color: var(--blu-accordion-header-content-color-text);
padding: var(--blu-accordion-header-spacing-padding);
box-sizing: border-box;
border-radius: var(--blu-accordion-header-border-radius)
}
html:not([dark]) .blu-accordions .blu-accordion__header-main[data-v-25e87b5b] {
display: flex;
align-items: start;
width: 100%
}
html:not([dark]) .blu-accordions .blu-accordion__header-main *[data-v-25e87b5b]:not(:last-child) {
margin-right: var(--blu-accordion-header-spacing-gap)
}
html:not([dark]) .blu-accordions .blu-accordion__header-content[data-v-25e87b5b] {
width: 100%
}
html:not([dark]) .blu-accordions .blu-accordion__header-item-leading[data-v-25e87b5b],
html:not([dark]) .blu-accordions .blu-accordion__header-item-trailing[data-v-25e87b5b] {
display: flex;
align-items: center
}
html:not([dark]) .blu-accordions .blu-accordion__header-item-leading[data-v-25e87b5b] svg,
html:not([dark]) .blu-accordions .blu-accordion__header-item-trailing[data-v-25e87b5b] svg {
width: var(--blu-accordion-header-content-icon-size);
height: var(--blu-accordion-header-content-icon-size);
color: var(--blu-accordion-header-content-color-icon)
}
html:not([dark]) .blu-accordions .blu-accordion__header-item-trailing[data-v-25e87b5b]>*:not(:last-child) {
margin-right: var(--blu-accordion-header-content-right-spacing-gap)
}
html:not([dark]) .blu-accordions .blu-accordion__header-item-trailing[data-v-25e87b5b]>svg {
transition: all .4s ease
}
html:not([dark]) .blu-accordions .blu-accordion__header[data-v-25e87b5b]:hover {
cursor: var(--blu-accordion-pointer);
background-color: var(--blu-accordion-header-color-background)
}
html:not([dark]) .blu-accordions .blu-accordion__header[data-v-25e87b5b]:focus-visible {
position: relative;
outline: none;
outline: #19222a solid 2px
}
html:not([dark]) .blu-accordions .blu-accordion:not(.b-disabled).b-active>.blu-accordion__header .blu-accordion__header-item-trailing[data-v-25e87b5b] svg {
transform: rotate(-180deg)
}
html:not([dark]) .blu-accordions .blu-accordion:not(.b-disabled) .blu-accordion__header[data-v-25e87b5b] {
--blu-accordion-pointer: pointer;
--blu-accordion-header-color-background: #f9f9fa
}
html:not([dark]) .blu-accordions .blu-accordion.b-disabled .blu-accordion__header[data-v-25e87b5b] {
--blu-accordion-pointer: not-allowed;
--blu-accordion-header-content-color-text: rgba(25, 34, 42, .3019607843);
--blu-accordion-header-content-color-icon: rgba(25, 34, 42, .3019607843)
}
html:not([dark]) .blu-accordions .blu-accordion.b-small .blu-accordion__header[data-v-25e87b5b] {
--blu-accordion-header-spacing-padding: 8px 12px
}
html:not([dark]) .blu-accordions.b-primary .blu-accordion:first-child .blu-accordion__header[data-v-25e87b5b] {
border-radius: 8px 8px 0 0
}
html:not([dark]) .blu-accordions.b-primary .blu-accordion:last-child:not(.b-active) .blu-accordion__header[data-v-25e87b5b] {
border-radius: 0 0 8px 8px
}
html:not([dark]) .blu-accordions.b-secondary .blu-accordion__header[data-v-25e87b5b]:hover {
--blu-accordion-header-border-radius: 8px
}
html[dark] .blu-accordions .blu-accordion__header[data-v-25e87b5b] {
--blu-accordion-header-content-text: 500 14px/18px Blibli, -apple-system, Segoe UI, Roboto, Helvetica, Arial, sans-serif;
--blu-accordion-header-content-color-text: #ffffff;
--blu-accordion-header-spacing-padding: 12px;
--blu-accordion-header-content-icon-size: 18px;
--blu-accordion-header-content-color-icon: #acb0b4;
--blu-accordion-header-spacing-gap: 4px;
--blu-accordion-header-content-right-spacing-gap: 8px;
font: var(--blu-accordion-header-content-text);
color: var(--blu-accordion-header-content-color-text);
padding: var(--blu-accordion-header-spacing-padding);
box-sizing: border-box;
border-radius: var(--blu-accordion-header-border-radius)
}
html[dark] .blu-accordions .blu-accordion__header-main[data-v-25e87b5b] {
display: flex;
align-items: start;
width: 100%
}
html[dark] .blu-accordions .blu-accordion__header-main *[data-v-25e87b5b]:not(:last-child) {
margin-right: var(--blu-accordion-header-spacing-gap)
}
html[dark] .blu-accordions .blu-accordion__header-content[data-v-25e87b5b] {
width: 100%
}
html[dark] .blu-accordions .blu-accordion__header-item-leading[data-v-25e87b5b],
html[dark] .blu-accordions .blu-accordion__header-item-trailing[data-v-25e87b5b] {
display: flex;
align-items: center
}
html[dark] .blu-accordions .blu-accordion__header-item-leading[data-v-25e87b5b] svg,
html[dark] .blu-accordions .blu-accordion__header-item-trailing[data-v-25e87b5b] svg {
width: var(--blu-accordion-header-content-icon-size);
height: var(--blu-accordion-header-content-icon-size);
color: var(--blu-accordion-header-content-color-icon)
}
html[dark] .blu-accordions .blu-accordion__header-item-trailing[data-v-25e87b5b]>*:not(:last-child) {
margin-right: var(--blu-accordion-header-content-right-spacing-gap)
}
html[dark] .blu-accordions .blu-accordion__header-item-trailing[data-v-25e87b5b]>svg {
transition: all .4s ease
}
html[dark] .blu-accordions .blu-accordion__header[data-v-25e87b5b]:hover {
cursor: var(--blu-accordion-pointer);
background-color: var(--blu-accordion-header-color-background)
}
html[dark] .blu-accordions .blu-accordion__header[data-v-25e87b5b]:focus-visible {
position: relative;
outline: none;
outline: #f9f9fa solid 2px
}
html[dark] .blu-accordions .blu-accordion:not(.b-disabled).b-active>.blu-accordion__header .blu-accordion__header-item-trailing[data-v-25e87b5b] svg {
transform: rotate(-180deg)
}
html[dark] .blu-accordions .blu-accordion:not(.b-disabled) .blu-accordion__header[data-v-25e87b5b] {
--blu-accordion-pointer: pointer;
--blu-accordion-header-color-background: #19222a
}
html[dark] .blu-accordions .blu-accordion.b-disabled .blu-accordion__header[data-v-25e87b5b] {
--blu-accordion-pointer: not-allowed;
--blu-accordion-header-content-color-text: rgba(255, 255, 255, .3019607843);
--blu-accordion-header-content-color-icon: rgba(255, 255, 255, .3019607843)
}
html[dark] .blu-accordions .blu-accordion.b-small .blu-accordion__header[data-v-25e87b5b] {
--blu-accordion-header-spacing-padding: 8px 12px
}
html[dark] .blu-accordions.b-primary .blu-accordion:first-child .blu-accordion__header[data-v-25e87b5b] {
border-radius: 8px 8px 0 0
}
html[dark] .blu-accordions.b-primary .blu-accordion:last-child:not(.b-active) .blu-accordion__header[data-v-25e87b5b] {
border-radius: 0 0 8px 8px
}
html[dark] .blu-accordions.b-secondary .blu-accordion__header[data-v-25e87b5b]:hover {
--blu-accordion-header-border-radius: 8px
}
html:not([dark]) .b-overflow-y[data-v-c3cefe32] {
scrollbar-color: rgba(25, 34, 42, .3019607843) transparent;
scrollbar-width: thin
}
html:not([dark]) .b-overflow-y[data-v-c3cefe32]::-webkit-scrollbar {
width: 4px;
height: 8px;
background-color: transparent
}
html:not([dark]) .b-overflow-y[data-v-c3cefe32]::-webkit-scrollbar-track {
margin: 13px 0
}
html:not([dark]) .b-overflow-y[data-v-c3cefe32]::-webkit-scrollbar-thumb {
box-shadow: inset 0 0 14px 14px transparent;
border-radius: 4px;
background-color: #19222a4d;
scrollbar-color: rgba(25, 34, 42, .3019607843)
}
html:not([dark]) .b-overflow-y[data-v-c3cefe32]:hover::-webkit-scrollbar {
width: 4px
}
html:not([dark]) .b-overflow-y[data-v-c3cefe32]:hover::-webkit-scrollbar-track {
border: solid 2px transparent
}
html:not([dark]) .b-overflow-y[data-v-c3cefe32]:hover::-webkit-scrollbar-thumb:hover {
box-shadow: inset 0 0 14px 14px transparent;
background-color: #19222a4d;
scrollbar-color: rgba(25, 34, 42, .3019607843) transparent
}
html:not([dark]) .b-overflow-y[data-v-c3cefe32]::-webkit-scrollbar-track {
border-radius: 3px;
background-color: transparent
}
html:not([dark]) .b-overflow-y.hidden[data-v-c3cefe32] {
scrollbar-width: none
}
html:not([dark]) .b-overflow-y.hidden[data-v-c3cefe32]::-webkit-scrollbar-thumb {
border-radius: 4px;
background-color: transparent
}
html:not([dark]) .b-overflow-y.hidden[data-v-c3cefe32]:hover {
scrollbar-width: thin
}
html:not([dark]) .b-overflow-y.hidden[data-v-c3cefe32]:hover::-webkit-scrollbar-thumb {
box-shadow: inset 0 0 14px 14px transparent;
border-radius: 4px;
background-color: #19222a4d;
scrollbar-color: rgba(25, 34, 42, .3019607843) transparent
}
html:not([dark]) .b-overflow-y.hidden[data-v-c3cefe32]:hover::-webkit-scrollbar-thumb:hover {
box-shadow: inset 0 0 14px 14px transparent;
background-color: #19222a4d;
scrollbar-color: rgba(25, 34, 42, .3019607843) transparent
}
html:not([dark]) .b-overflow-y[data-v-c3cefe32] {
overflow-y: auto;
margin: 0
}
html:not([dark]) .blu-accordion__content[data-v-c3cefe32] {
--blu-accordion-max-height: 0;
--blu-accordion-content-text: 500 14px/18px Blibli, -apple-system, Segoe UI, Roboto, Helvetica, Arial, sans-serif;
--blu-accordion-content-color-text: rgba(25, 34, 42, .7019607843);
--blu-accordion-content-spacing-padding: 12px;
font: var(--blu-accordion-content-text);
color: var(--blu-accordion-content-color-text);
max-height: var(--blu-accordion-max-height);
transition: all .4s ease;
display: grid;
grid-template-rows: 0fr
}
html:not([dark]) .blu-accordion__content.b-full-height .blu-accordion__content-main[data-v-c3cefe32] {
overflow: hidden
}
html:not([dark]) .blu-accordion__content:not(.b-has-no-padding) .blu-accordion__content-main[data-v-c3cefe32] {
transition: padding .4s ease;
padding: 0 var(--blu-accordion-content-spacing-padding)
}
html:not([dark]) .blu-accordion:not(.b-disabled).b-active>.blu-accordion__content[data-v-c3cefe32] {
grid-template-rows: 1fr;
--blu-accordion-max-height: 168px
}
html:not([dark]) .blu-accordion:not(.b-disabled).b-active>.blu-accordion__content:not(.b-has-no-padding) .blu-accordion__content-main[data-v-c3cefe32] {
padding: var(--blu-accordion-content-spacing-padding)
}
html:not([dark]) .blu-accordion:not(.b-disabled).b-active>.blu-accordion__content.b-full-height[data-v-c3cefe32] {
--blu-accordion-max-height: 100%
}
html:not([dark]) .blu-accordion.b-small>.blu-accordion__content[data-v-c3cefe32] {
--blu-accordion-content-spacing-padding: 8px 12px
}
html[dark] .b-overflow-y[data-v-c3cefe32] {
scrollbar-color: rgba(255, 255, 255, .3019607843) transparent;
scrollbar-width: thin
}
html[dark] .b-overflow-y[data-v-c3cefe32]::-webkit-scrollbar {
width: 4px;
height: 8px;
background-color: transparent
}
html[dark] .b-overflow-y[data-v-c3cefe32]::-webkit-scrollbar-track {
margin: 13px 0
}
html[dark] .b-overflow-y[data-v-c3cefe32]::-webkit-scrollbar-thumb {
box-shadow: inset 0 0 14px 14px transparent;
border-radius: 4px;
background-color: #ffffff4d;
scrollbar-color: rgba(255, 255, 255, .3019607843)
}
html[dark] .b-overflow-y[data-v-c3cefe32]:hover::-webkit-scrollbar {
width: 4px
}
html[dark] .b-overflow-y[data-v-c3cefe32]:hover::-webkit-scrollbar-track {
border: solid 2px transparent
}
html[dark] .b-overflow-y[data-v-c3cefe32]:hover::-webkit-scrollbar-thumb:hover {
box-shadow: inset 0 0 14px 14px transparent;
background-color: #ffffff4d;
scrollbar-color: rgba(255, 255, 255, .3019607843) transparent
}
html[dark] .b-overflow-y[data-v-c3cefe32]::-webkit-scrollbar-track {
border-radius: 3px;
background-color: transparent
}
html[dark] .b-overflow-y.hidden[data-v-c3cefe32] {
scrollbar-width: none
}
html[dark] .b-overflow-y.hidden[data-v-c3cefe32]::-webkit-scrollbar-thumb {
border-radius: 4px;
background-color: transparent
}
html[dark] .b-overflow-y.hidden[data-v-c3cefe32]:hover {
scrollbar-width: thin
}
html[dark] .b-overflow-y.hidden[data-v-c3cefe32]:hover::-webkit-scrollbar-thumb {
box-shadow: inset 0 0 14px 14px transparent;
border-radius: 4px;
background-color: #ffffff4d;
scrollbar-color: rgba(255, 255, 255, .3019607843) transparent
}
html[dark] .b-overflow-y.hidden[data-v-c3cefe32]:hover::-webkit-scrollbar-thumb:hover {
box-shadow: inset 0 0 14px 14px transparent;
background-color: #ffffff4d;
scrollbar-color: rgba(255, 255, 255, .3019607843) transparent
}
html[dark] .b-overflow-y[data-v-c3cefe32] {
overflow-y: auto;
margin: 0
}
html[dark] .blu-accordion__content[data-v-c3cefe32] {
--blu-accordion-max-height: 0;
--blu-accordion-content-text: 500 14px/18px Blibli, -apple-system, Segoe UI, Roboto, Helvetica, Arial, sans-serif;
--blu-accordion-content-color-text: rgba(255, 255, 255, .8);
--blu-accordion-content-spacing-padding: 12px;
font: var(--blu-accordion-content-text);
color: var(--blu-accordion-content-color-text);
max-height: var(--blu-accordion-max-height);
transition: all .4s ease;
display: grid;
grid-template-rows: 0fr
}
html[dark] .blu-accordion__content.b-full-height .blu-accordion__content-main[data-v-c3cefe32] {
overflow: hidden
}
html[dark] .blu-accordion__content:not(.b-has-no-padding) .blu-accordion__content-main[data-v-c3cefe32] {
transition: padding .4s ease;
padding: 0 var(--blu-accordion-content-spacing-padding)
}
html[dark] .blu-accordion:not(.b-disabled).b-active>.blu-accordion__content[data-v-c3cefe32] {
grid-template-rows: 1fr;
--blu-accordion-max-height: 168px
}
html[dark] .blu-accordion:not(.b-disabled).b-active>.blu-accordion__content:not(.b-has-no-padding) .blu-accordion__content-main[data-v-c3cefe32] {
padding: var(--blu-accordion-content-spacing-padding)
}
html[dark] .blu-accordion:not(.b-disabled).b-active>.blu-accordion__content.b-full-height[data-v-c3cefe32] {
--blu-accordion-max-height: 100%
}
html[dark] .blu-accordion.b-small>.blu-accordion__content[data-v-c3cefe32] {
--blu-accordion-content-spacing-padding: 8px 12px
}
@media (max-width: 768px) {
#livechat-image-button {
position: fixed;
bottom: 20px;
margin: auto;
width: 100%;
}
}
@media screen and (max-width: 729px) {
.header[data-v-5b966ead] {
background: #ffffff;
position: sticky;
z-index: 1 !important;
top: 0;
}
.pdp-product-action[data-v-c78f3869][data-v-c78f3869] {
position: fixed;
padding: 0px !important;
z-index: 999;
top: 0 !important;
left: 0;
box-shadow: 0 1px 6px #0000001a;
width: 100%;
background-color: #fff;
}
.bag-retail__product .thumbnail[data-v-74082dd2][data-v-74082dd2] {
width: 300px !important;
}
.bag-retail__price[data-v-74082dd2][data-v-74082dd2] {
display: none;
flex-direction: column;
align-self: center;
}
.bag-retail__quantity[data-v-74082dd2][data-v-74082dd2] {
display: none;
align-items: center;
justify-content: flex-end;
text-align: right;
}
.bag-retail__product .name[data-v-74082dd2][data-v-74082dd2]:not(.mode-small) {
width: 280px;
display: -webkit-box;
text-overflow: ellipsis;
overflow: hidden;
-webkit-line-clamp: 3;
line-clamp: 3;
-webkit-box-orient: vertical;
word-break: break-all;
}
}
@charset "UTF-8";
.seller-badges[data-v-9f04fd4d] {
display: inline-flex;
align-items: center;
vertical-align: middle;
margin-right: 2px
}
.seller-badges[data-v-9f04fd4d]:empty {
margin-right: 0
}
.seller-badges .badge-os[data-v-9f04fd4d] {
display: flex;
align-items: center;
position: relative;
margin: 1px;
cursor: pointer;
min-height: 18px;
min-width: 18px
}
@media screen and (max-width: 839px) {
.seller-badges .badge-os[data-v-9f04fd4d] {
min-height: 18px;
min-width: 18px
}
}
.seller-badges .badge-os .icon[data-v-9f04fd4d] {
position: absolute;
height: 18px;
width: 18px
}
@media screen and (max-width: 839px) {
.seller-badges .badge-os .icon[data-v-9f04fd4d] {
height: 18px;
width: 18px
}
}
.seller-badges .badge-os img[src=""][data-v-9f04fd4d] {
display: none
}
.seller-badges .badge-topseller[data-v-9f04fd4d] {
display: flex;
align-items: center;
position: relative;
margin: 1px;
cursor: pointer;
min-height: 18px;
min-width: 18px
}
@media screen and (max-width: 839px) {
.seller-badges .badge-topseller[data-v-9f04fd4d] {
min-height: 18px;
min-width: 18px
}
}
.seller-badges .badge-topseller .icon[data-v-9f04fd4d] {
position: absolute;
height: 18px;
width: 18px
}
@media screen and (max-width: 839px) {
.seller-badges .badge-topseller .icon[data-v-9f04fd4d] {
height: 18px;
width: 18px
}
}
.seller-name[data-v-677b90c9] {
color: #19222a;
cursor: pointer;
display: -webkit-box;
-webkit-line-clamp: 2;
-webkit-box-orient: vertical;
overflow: hidden;
text-overflow: ellipsis;
word-break: break-word
}
.seller-name[data-v-677b90c9]:hover {
color: #1d8fff
}
@media screen and (min-width: 840px),
print {
.seller-name[data-v-677b90c9] {
font: 600 16px/20px Blibli, -apple-system, Segoe UI, Roboto, Helvetica, Arial, sans-serif
}
}
@media screen and (max-width: 839px) {
.seller-name[data-v-677b90c9] {
font: 600 14px/18px Blibli, -apple-system, Segoe UI, Roboto, Helvetica, Arial, sans-serif
}
}
.seller-name__name[data-v-677b90c9] {
vertical-align: middle
}
.seller[data-v-1ad21a45] {
display: flex
}
.seller__right-section[data-v-1ad21a45] {
display: flex;
flex-direction: column;
justify-content: center;
width: 100%;
margin-left: 8px
}
.seller__right-section .skeleton[data-v-1ad21a45]:not(:last-child) {
margin-bottom: 8px
}
.seller__logo[data-v-1ad21a45] {
cursor: pointer
}
.seller__logo .logo-container[data-v-1ad21a45] {
width: 56px;
height: 56px;
pointer-events: none;
overflow: hidden;
border: 1px solid #f1f2f2;
border-radius: 100%;
align-items: center;
display: flex
}
.seller__logo .logo-container img[data-v-1ad21a45] {
max-width: 100%
}
.seller__powered[data-v-1ad21a45] {
display: flex;
margin: 4px 0 0;
gap: 4px
}
.seller__details[data-v-1ad21a45] {
display: flex;
flex-wrap: wrap;
gap: 4px;
margin: 4px 0 0
}
.seller-online-status[data-v-792eeadd] {
display: flex;
align-items: center;
color: #19222ab3
}
@media screen and (min-width: 840px),
print {
.seller-online-status[data-v-792eeadd] {
font: 500 14px/18px Blibli, -apple-system, Segoe UI, Roboto, Helvetica, Arial, sans-serif
}
}
@media screen and (max-width: 839px) {
.seller-online-status[data-v-792eeadd] {
font: 500 12px/16px Blibli, -apple-system, Segoe UI, Roboto, Helvetica, Arial, sans-serif
}
}
.seller-online-status__online[data-v-792eeadd] {
display: flex;
align-items: center;
justify-content: center;
margin-right: 2px
}
.seller-online-status__status[data-v-792eeadd]:after {
content: "•";
margin-left: 4px
}
.seller-rating[data-v-2b09d368] {
color: #19222ab3
}
.seller-rating__has-rating[data-v-2b09d368] {
display: flex;
gap: 2px;
width: fit-content;
cursor: pointer
}
.seller-rating__has-rating[data-v-2b09d368]:hover {
color: #1d8fff
}
@media screen and (min-width: 840px),
print {
.seller-rating__has-rating[data-v-2b09d368] {
font: 500 14px/18px Blibli, -apple-system, Segoe UI, Roboto, Helvetica, Arial, sans-serif
}
}
@media screen and (max-width: 839px) {
.seller-rating__has-rating[data-v-2b09d368] {
font: 500 12px/16px Blibli, -apple-system, Segoe UI, Roboto, Helvetica, Arial, sans-serif
}
}
.seller-rating__no-rating[data-v-2b09d368] {
display: flex
}
@media screen and (min-width: 840px),
print {
.seller-rating__no-rating[data-v-2b09d368] {
font: 500 14px/18px Blibli, -apple-system, Segoe UI, Roboto, Helvetica, Arial, sans-serif
}
}
@media screen and (max-width: 839px) {
.seller-rating__no-rating[data-v-2b09d368] {
font: 500 12px/16px Blibli, -apple-system, Segoe UI, Roboto, Helvetica, Arial, sans-serif
}
}
.review-rating-sold-seen[data-v-8eca48b8] {
display: flex;
align-items: center;
gap: 8px
}
@media screen and (max-width: 839px) {
.review-rating-sold-seen[data-v-8eca48b8] {
gap: 6px
}
}
.review-rating-sold-seen__sold-seen-label[data-v-8eca48b8] {
font: 500 14px/18px Blibli, -apple-system, Segoe UI, Roboto, Helvetica, Arial, sans-serif;
color: #19222ab3
}
.review-rating-sold-seen__divider[data-v-8eca48b8] {
background-color: #797f85;
width: 2px;
height: 2px;
border-radius: 2px
}
.review-rating-sold-seen__divider[data-v-8eca48b8]:last-child {
display: none
}
.review-rating-sold-seen__divider[data-v-8eca48b8]:first-child {
display: none
}
.review-rating-sold-seen__chip[data-v-8eca48b8],
.review-rating-sold-seen__chip-info[data-v-8eca48b8] {
cursor: pointer
}
.review-rating-sold-seen__chip-info__value[data-v-8eca48b8] {
font: 600 14px/18px Blibli, -apple-system, Segoe UI, Roboto, Helvetica, Arial, sans-serif;
color: #19222ab3
}
.review-rating-sold-seen__chip-info__count[data-v-8eca48b8] {
font: 500 14px/18px Blibli, -apple-system, Segoe UI, Roboto, Helvetica, Arial, sans-serif;
color: #19222a66
}
@charset "UTF-8";
.usp-highlight[data-v-cbe8db39] {
position: relative
}
.usp-highlight__container[data-v-cbe8db39] {
display: flex;
position: relative;
scrollbar-width: none
}
.usp-highlight__container[data-v-cbe8db39]::-webkit-scrollbar {
width: 0px;
height: 0px;
background: transparent
}
@media screen and (min-width: 840px),
print {
.usp-highlight__container[data-v-cbe8db39] {
overflow: hidden
}
}
@media screen and (max-width: 839px) {
.usp-highlight__container[data-v-cbe8db39] {
overflow: auto
}
}
.usp-highlight__badge[data-v-cbe8db39] {
display: flex;
gap: 4px;
color: #19222a;
font: 500 14px/18px Blibli, -apple-system, Segoe UI, Roboto, Helvetica, Arial, sans-serif
}
@media screen and (max-width: 839px) {
.usp-highlight__badge[data-v-cbe8db39] {
font: 500 14px/18px Blibli, -apple-system, Segoe UI, Roboto, Helvetica, Arial, sans-serif
}
}
.usp-highlight__badge__icon[data-v-cbe8db39] {
width: 18px;
height: 18px
}
.usp-highlight__wrapper[data-v-cbe8db39] {
display: flex;
justify-content: center;
align-items: center;
flex-shrink: 0
}
.usp-highlight__wrapper[data-v-cbe8db39]:not(:last-child):after {
content: "•";
color: #797f85;
margin-left: 6px;
margin-right: 6px
}
@media screen and (max-width: 839px) {
.usp-highlight__wrapper[data-v-cbe8db39]:not(:last-child):after {
margin-left: 6px;
margin-right: 6px
}
}
.usp-highlight__container-modal[data-v-cbe8db39] {
position: fixed
}
.usp-highlight .navigation-arrow[data-v-cbe8db39] {
position: absolute;
top: 0;
display: flex;
justify-content: center;
align-items: center;
cursor: pointer;
z-index: 1;
height: 100%
}
@media screen and (max-width: 839px) {
.usp-highlight .navigation-arrow[data-v-cbe8db39] {
display: none
}
}
.usp-highlight .navigation-arrow.left[data-v-cbe8db39] {
left: 0;
margin-left: -12px;
padding-left: 12px
}
.usp-highlight .navigation-arrow.right[data-v-cbe8db39] {
right: 0
}
.fade-enter-active[data-v-cbe8db39],
.fade-leave-active[data-v-cbe8db39] {
transition: opacity 1s
}
.fade-enter-from[data-v-cbe8db39],
.fade-leave-to[data-v-cbe8db39] {
opacity: 0
}
.fade-enter-to[data-v-cbe8db39],
.fade-leave-from[data-v-cbe8db39] {
opacity: 1
}
.pointer[data-v-cbe8db39] {
cursor: pointer
}
.highlight-modal__content {
display: flex;
flex-direction: column;
gap: 16px;
padding-bottom: 16px
}
.highlight-modal__list-item {
display: flex;
align-items: center;
gap: 8px;
-webkit-user-select: none;
user-select: none
}
.highlight-modal__item-logo {
width: 28px;
height: 28px;
flex-shrink: 0;
flex-grow: 0;
align-self: flex-start
}
.highlight-modal__item-logo img {
width: 100%;
height: 100%;
object-fit: contain
}
.highlight-modal__item-title {
font: 600 14px/18px Blibli, -apple-system, Segoe UI, Roboto, Helvetica, Arial, sans-serif;
color: #19222a
}
@media screen and (min-width: 840px),
print {
.highlight-modal__item-title {
font: 600 16px/20px Blibli, -apple-system, Segoe UI, Roboto, Helvetica, Arial, sans-serif
}
}
.highlight-modal__item-desc {
font: 500 14px/18px Blibli, -apple-system, Segoe UI, Roboto, Helvetica, Arial, sans-serif;
color: #19222ab3
}
@media screen and (min-width: 840px),
print {
.highlight-modal__item-desc {
font: 500 14px/18px Blibli, -apple-system, Segoe UI, Roboto, Helvetica, Arial, sans-serif
}
}
.highlight-modal__item-content {
display: flex;
flex-direction: column;
gap: 4px;
flex-grow: 1
}
.highlight-modal__item-arrow {
display: flex;
align-items: center;
justify-content: center;
flex-shrink: 0;
width: 24px;
height: 24px
}
@media screen and (min-width: 840px),
print {
.highlight-modal__item-arrow {
width: 36px;
height: 36px
}
}
.highlight-modal__item-arrow .mobile {
display: flex;
justify-content: center;
align-items: center
}
@media screen and (min-width: 840px),
print {
.highlight-modal__item-arrow .mobile {
display: none
}
}
.highlight-modal__item-arrow .desktop {
justify-content: center;
align-items: center;
display: none
}
@media screen and (min-width: 840px),
print {
.highlight-modal__item-arrow .desktop {
display: flex
}
}
.pointer {
cursor: pointer
}
.fbb-detail[data-v-0cc5828f] {
display: flex
}
.fbb-detail__container[data-v-0cc5828f] {
padding: 4px 16px
}
.fbb-detail__title[data-v-0cc5828f] {
font: 600 20px/24px Blibli, -apple-system, Segoe UI, Roboto, Helvetica, Arial, sans-serif
}
@media screen and (max-width: 839px) {
.fbb-detail__title[data-v-0cc5828f] {
font: 600 16px/20px Blibli, -apple-system, Segoe UI, Roboto, Helvetica, Arial, sans-serif
}
}
.fbb-detail__title__skeleton[data-v-0cc5828f] {
width: 528px;
height: 24px
}
@media screen and (max-width: 839px) {
.fbb-detail__title__skeleton[data-v-0cc5828f] {
width: 284px;
height: 20px
}
}
.fbb-detail__description[data-v-0cc5828f] {
font: 500 16px/20px Blibli, -apple-system, Segoe UI, Roboto, Helvetica, Arial, sans-serif;
color: #19222ab3;
margin-bottom: 16px
}
@media screen and (max-width: 839px) {
.fbb-detail__description[data-v-0cc5828f] {
font: 500 14px/18px Blibli, -apple-system, Segoe UI, Roboto, Helvetica, Arial, sans-serif
}
}
.fbb-detail__description__skeleton[data-v-0cc5828f] {
width: 568px;
height: 20px;
margin-bottom: 16px
}
@media screen and (max-width: 839px) {
.fbb-detail__description__skeleton[data-v-0cc5828f] {
width: 328px;
height: 36px
}
}
.fbb-detail__infos[data-v-0cc5828f] {
margin-bottom: 16px
}
.fbb-detail__info[data-v-0cc5828f] {
display: flex;
align-items: flex-start;
gap: 8px;
align-self: stretch;
margin-bottom: 16px
}
.fbb-detail__info__icon[data-v-0cc5828f] {
flex-shrink: 0
}
.fbb-detail__info__icon__img[data-v-0cc5828f] {
width: 32px;
height: 32px
}
@media screen and (max-width: 839px) {
.fbb-detail__info__icon__img[data-v-0cc5828f] {
width: 24px;
height: 24px
}
}
.fbb-detail__info__icon__skeleton[data-v-0cc5828f] {
width: 32px;
height: 32px
}
@media screen and (max-width: 839px) {
.fbb-detail__info__icon__skeleton[data-v-0cc5828f] {
width: 24px;
height: 24px
}
}
.fbb-detail__info__title[data-v-0cc5828f] {
font: 600 18px/24px Blibli, -apple-system, Segoe UI, Roboto, Helvetica, Arial, sans-serif;
color: #19222a;
margin-bottom: 4px
}
@media screen and (max-width: 839px) {
.fbb-detail__info__title[data-v-0cc5828f] {
font: 600 14px/18px Blibli, -apple-system, Segoe UI, Roboto, Helvetica, Arial, sans-serif
}
}
.fbb-detail__info__title__skeleton[data-v-0cc5828f] {
width: 528px;
height: 24px;
margin-bottom: 4px
}
@media screen and (max-width: 839px) {
.fbb-detail__info__title__skeleton[data-v-0cc5828f] {
width: 296px;
height: 18px
}
}
.fbb-detail__info__subtitle[data-v-0cc5828f] {
font: 500 16px/20px Blibli, -apple-system, Segoe UI, Roboto, Helvetica, Arial, sans-serif;
color: #19222ab3
}
@media screen and (max-width: 839px) {
.fbb-detail__info__subtitle[data-v-0cc5828f] {
font: 500 14px/18px Blibli, -apple-system, Segoe UI, Roboto, Helvetica, Arial, sans-serif
}
}
.fbb-detail__info__subtitle__skeleton[data-v-0cc5828f] {
width: 528px;
height: 20px
}
@media screen and (max-width: 839px) {
.fbb-detail__info__subtitle__skeleton[data-v-0cc5828f] {
width: 296px;
height: 18px
}
}
.fbb-detail__button[data-v-0cc5828f] {
display: flex;
justify-content: center;
align-items: center;
margin-bottom: 16px;
font: 600 16px/20px Blibli, -apple-system, Segoe UI, Roboto, Helvetica, Arial, sans-serif
}
.description-top-section .top-section[data-v-e27918b3] {
max-width: 100%
}
.description-top-section .top-section table[data-v-e27918b3],
.description-top-section .top-section tr[data-v-e27918b3],
.description-top-section .top-section td[data-v-e27918b3],
.description-top-section .top-section th[data-v-e27918b3] {
padding: 0;
border: none
}
.description-top-section .top-section table .label[data-v-e27918b3],
.description-top-section .top-section tr .label[data-v-e27918b3],
.description-top-section .top-section td .label[data-v-e27918b3],
.description-top-section .top-section th .label[data-v-e27918b3] {
font: 500 14px/18px Blibli, -apple-system, Segoe UI, Roboto, Helvetica, Arial, sans-serif;
color: #19222ab3
}
.description-top-section .top-section table .value[data-v-e27918b3],
.description-top-section .top-section tr .value[data-v-e27918b3],
.description-top-section .top-section td .value[data-v-e27918b3],
.description-top-section .top-section th .value[data-v-e27918b3] {
font: 500 14px/18px Blibli, -apple-system, Segoe UI, Roboto, Helvetica, Arial, sans-serif;
color: #19222a
}
.description-top-section .top-section table .value.link[data-v-e27918b3],
.description-top-section .top-section tr .value.link[data-v-e27918b3],
.description-top-section .top-section td .value.link[data-v-e27918b3],
.description-top-section .top-section th .value.link[data-v-e27918b3] {
cursor: pointer;
color: #0072ff
}
.description-top-section .top-section tr[data-v-e27918b3] {
padding-bottom: 4px
}
.description-top-section .top-section td[data-v-e27918b3]:not(:last-child) {
padding-right: 8px
}
@media screen and (max-width: 839px) {
.description-top-section .top-section td[data-v-e27918b3]:not(:last-child) {
padding-right: 16px
}
}
.description-top-section .top-section .brand[data-v-e27918b3] {
display: flex;
flex-wrap: wrap;
flex-direction: row;
justify-content: flex-start;
align-items: center
}
.description-top-section .top-section .brand[data-v-e27918b3] :not(:first-child) {
margin-left: 4px
}
@media screen and (max-width: 839px) {
.description-top-section .top-section .brand[data-v-e27918b3] {
margin-top: 2px
}
}
.description-top-section .top-section .brand img[data-v-e27918b3] {
width: 18px;
height: 18px
}
.description-top-section .top-section-mobile table[data-v-e27918b3],
.description-top-section .top-section-mobile tr[data-v-e27918b3],
.description-top-section .top-section-mobile td[data-v-e27918b3],
.description-top-section .top-section-mobile th[data-v-e27918b3] {
padding: 0;
border: none
}
.description-top-section .top-section-mobile table .label[data-v-e27918b3],
.description-top-section .top-section-mobile tr .label[data-v-e27918b3],
.description-top-section .top-section-mobile td .label[data-v-e27918b3],
.description-top-section .top-section-mobile th .label[data-v-e27918b3] {
font: 500 14px/18px Blibli, -apple-system, Segoe UI, Roboto, Helvetica, Arial, sans-serif;
color: #19222ab3
}
.description-top-section .top-section-mobile table .value[data-v-e27918b3],
.description-top-section .top-section-mobile tr .value[data-v-e27918b3],
.description-top-section .top-section-mobile td .value[data-v-e27918b3],
.description-top-section .top-section-mobile th .value[data-v-e27918b3] {
font: 500 14px/18px Blibli, -apple-system, Segoe UI, Roboto, Helvetica, Arial, sans-serif;
color: #19222a
}
.description-top-section .top-section-mobile table .value.link[data-v-e27918b3],
.description-top-section .top-section-mobile tr .value.link[data-v-e27918b3],
.description-top-section .top-section-mobile td .value.link[data-v-e27918b3],
.description-top-section .top-section-mobile th .value.link[data-v-e27918b3] {
cursor: pointer;
color: #0072ff
}
.description-top-section .top-section-mobile tr[data-v-e27918b3] {
padding-bottom: 4px
}
.description-top-section .top-section-mobile td[data-v-e27918b3]:not(:last-child) {
padding-right: 8px
}
.description-top-section .top-section-mobile td[data-v-e27918b3]:first-child {
min-width: 88px
}
.description-top-section .top-section-mobile .brand[data-v-e27918b3] {
display: flex;
flex-wrap: wrap;
flex-direction: row;
justify-content: flex-start;
align-items: center
}
.description-top-section .top-section-mobile .brand[data-v-e27918b3] :not(:first-child) {
margin-left: 4px
}
@media screen and (max-width: 839px) {
.description-top-section .top-section-mobile .brand[data-v-e27918b3] {
margin-top: 2px
}
}
.description-top-section .top-section-mobile .brand img[data-v-e27918b3] {
width: 18px;
height: 18px
}
.description-top-section .top-section-mobile .more-specs[data-v-e27918b3] {
display: flex;
flex-wrap: nowrap;
flex-direction: row;
justify-content: flex-start;
align-items: center;
gap: 2px;
cursor: pointer
}
@media screen and (max-width: 839px) {
.description-top-section .top-section-mobile .more-specs[data-v-e27918b3] {
margin-top: 2px
}
}
.description-top-section .top-section-mobile .more-specs__label[data-v-e27918b3] {
font: 500 14px/18px Blibli, -apple-system, Segoe UI, Roboto, Helvetica, Arial, sans-serif;
display: -webkit-box;
-webkit-box-orient: vertical;
-webkit-line-clamp: 1;
overflow: hidden;
word-break: break-all
}
.description-top-section .top-section-mobile .more-specs__icon[data-v-e27918b3] {
flex-shrink: 0
}
.description-top-section .pre-order[data-v-e27918b3] {
margin-top: 16px
}
.features[data-v-ac864e92] {
word-break: break-word;
max-width: 100% !important;
overflow: hidden;
font: 500 16px/20px Blibli, -apple-system, Segoe UI, Roboto, Helvetica, Arial, sans-serif
}
@media screen and (min-width: 840px),
print {
.features__margin-top[data-v-ac864e92] {
margin-top: 16px
}
}
.features[data-v-ac864e92] ul li {
list-style: circle;
list-style-position: inside
}
.features[data-v-ac864e92] ul li p {
display: inline
}
.features[data-v-ac864e92] ol li {
list-style: decimal;
list-style-position: inside
}
.features[data-v-ac864e92] ol li p {
display: inline
}
.features ul[data-v-ac864e92] {
padding: 0 20px;
margin: 0
}
.features ul li[data-v-ac864e92] {
list-style-type: disc
}
.features .read-more[data-v-ac864e92] {
margin-top: 16px;
display: block;
font: 500 14px/18px Blibli, -apple-system, Segoe UI, Roboto, Helvetica, Arial, sans-serif
}
.features .label[data-v-ac864e92] {
margin-bottom: 4px;
line-height: 21px
}
.features .description[data-v-ac864e92] {
max-height: 90px;
overflow: hidden;
display: -webkit-box;
word-break: break-word;
max-width: 100%;
-webkit-line-clamp: 5;
-webkit-box-orient: vertical;
text-overflow: ellipsis;
font: 500 14px/18px Blibli, -apple-system, Segoe UI, Roboto, Helvetica, Arial, sans-serif
}
@media screen and (max-width: 839px) {
.features .description[data-v-ac864e92] {
font: 500 16px/20px Blibli, -apple-system, Segoe UI, Roboto, Helvetica, Arial, sans-serif
}
}
.features .description-safari[data-v-ac864e92] {
max-height: 90px;
overflow: hidden;
word-break: break-word;
max-width: 100%
}
.features[data-v-ac864e92] ul,
.features ol[data-v-ac864e92] {
list-style: initial;
margin-left: 18px;
line-height: 1.5em
}
.features[data-v-ac864e92] li {
list-style: initial;
line-height: 1.5em
}
.features[data-v-ac864e92] img,
.features picture[data-v-ac864e92],
.features video[data-v-ac864e92],
.features iframe[data-v-ac864e92],
.features figcaption[data-v-ac864e92] {
display: none !important
}
.features[data-v-ac864e92] p {
margin-bottom: 8px
}
.description-info[data-v-e68f4452] {
display: flex;
flex-direction: column
}
@media screen and (min-width: 840px),
print {
.description-info[data-v-e68f4452] {
width: 100%
}
}
.description-info .heading[data-v-e68f4452] {
font-size: 18px;
margin-bottom: 8px;
color: #19222a;
font-family: Blibli, -apple-system, Segoe UI, Roboto, Helvetica, Arial, sans-serif
}
@media screen and (min-width: 840px),
print {
.description-info .heading[data-v-e68f4452] {
margin-bottom: 16px
}
}
.usp[data-v-6ab60e25] {
background-color: transparent;
height: auto
}
@media screen and (max-width: 839px) {
.usp[data-v-6ab60e25] {
margin-top: 16px
}
}
@media screen and (min-width: 840px),
print {
.usp[data-v-6ab60e25] {
display: flex;
flex-wrap: wrap
}
}
.usp__item[data-v-6ab60e25] {
align-items: center;
margin-right: 8px;
display: flex;
justify-content: flex-start;
cursor: pointer;
color: #0072ff;
text-decoration: none
}
.usp__item a[data-v-6ab60e25] {
white-space: nowrap
}
@media screen and (max-width: 839px) {
.usp__item[data-v-6ab60e25] {
line-height: 2rem;
font-size: 1.6rem;
margin-right: 8px;
font: 500 14px/18px Blibli, -apple-system, Segoe UI, Roboto, Helvetica, Arial, sans-serif
}
.usp__item a[data-v-6ab60e25] {
white-space: nowrap
}
}
.usp__item svg[data-v-6ab60e25] {
margin-right: 4px;
transform-origin: left
}
.usp__freshness[data-v-6ab60e25] {
border-right: 1px solid #19222a;
padding-right: 4px;
margin-right: 4px
}
.product-description-specification[data-v-90d9ef7a] {
padding: 24px 24px 0
}
@media screen and (max-width: 839px) {
.product-description-specification[data-v-90d9ef7a] {
padding: 0
}
}
.product-description-specification__name[data-v-90d9ef7a] {
font: 600 20px/24px Blibli, -apple-system, Segoe UI, Roboto, Helvetica, Arial, sans-serif;
color: #19222a;
margin: 0 0 16px;
word-break: break-word
}
@media screen and (max-width: 839px) {
.product-description-specification__name[data-v-90d9ef7a] {
font-size: 2.4rem;
padding: 24px 16px;
margin: 0
}
}
.product-description-specification .content[data-v-90d9ef7a] {
word-break: break-word;
max-width: 100% !important;
overflow: hidden
}
@media screen and (max-width: 839px) {
.product-description-specification .content[data-v-90d9ef7a] {
padding: 16px;
background: #fff;
font: 500 14px/18px Blibli, -apple-system, Segoe UI, Roboto, Helvetica, Arial, sans-serif
}
}
.product-description-specification .content[data-v-90d9ef7a] img {
display: table;
max-width: 100%
}
.product-description-specification .content[data-v-90d9ef7a] ul li {
list-style: circle;
list-style-position: inside
}
.product-description-specification .content[data-v-90d9ef7a] ul li p {
display: inline
}
.product-description-specification .content[data-v-90d9ef7a] ol li {
list-style: decimal;
list-style-position: inside
}
.product-description-specification .content[data-v-90d9ef7a] ol li p {
display: inline
}
.product-description-specification-section[data-v-90d9ef7a] {
margin-bottom: 24px
}
.product-description-specification-section__title[data-v-90d9ef7a] {
font: 600 18px/24px Blibli, -apple-system, Segoe UI, Roboto, Helvetica, Arial, sans-serif;
margin-bottom: 16px
}
.product-description-specification-section__more[data-v-90d9ef7a] {
text-align: center
}
.product-description-specification .separator[data-v-90d9ef7a] {
width: 100%;
height: 1px;
border-bottom: 1px solid #f1f2f2;
margin: 16px 0
}
.product-description-section[data-v-90d9ef7a] {
margin-bottom: 4px
}
.product-description-section[data-v-90d9ef7a] img {
display: table;
max-width: 100%
}
.product-description-section__title[data-v-90d9ef7a] {
font: 600 18px/24px Blibli, -apple-system, Segoe UI, Roboto, Helvetica, Arial, sans-serif;
margin-bottom: 16px;
display: flex;
flex-direction: row;
align-items: center;
justify-content: space-between
}
.product-description-section__title__size-chart[data-v-90d9ef7a] {
cursor: pointer;
color: #006dea;
font: 500 14px/18px Blibli, -apple-system, Segoe UI, Roboto, Helvetica, Arial, sans-serif;
display: flex;
align-items: center;
justify-content: center;
gap: 4px
}
.product-description-section__more span[data-v-90d9ef7a] {
color: #006dea;
cursor: pointer
}
.product-specification[data-v-90d9ef7a] {
margin-bottom: 4px
}
.product-specification__title[data-v-90d9ef7a] {
font: 600 18px/24px Blibli, -apple-system, Segoe UI, Roboto, Helvetica, Arial, sans-serif;
margin-bottom: 16px
}
.product-specification__more[data-v-90d9ef7a] {
margin-bottom: 32px
}
.product-specification__more span[data-v-90d9ef7a] {
color: #006dea;
cursor: pointer
}
@media screen and (max-width: 839px) {
.product-description-specification.product-description-specification-dbe[data-v-90d9ef7a] {
max-height: none
}
}
.return-policy-container--acceptable[data-v-a12c55d8] {
padding-bottom: 8px
}
.return-policy-container--unacceptable[data-v-a12c55d8] {
padding-top: 8px
}
.return-policy-container__return-header[data-v-a12c55d8] {
display: flex;
align-items: center;
font-family: Blibli, -apple-system, Segoe UI, Roboto, Helvetica, Arial, sans-serif;
color: #19222a;
margin-bottom: 8px
}
.return-policy-container__return-header svg[data-v-a12c55d8] {
margin-right: 5.5px
}
.return-policy-container__list-item[data-v-a12c55d8] {
padding-left: 28px
}
.return-policy-container__list-item li[data-v-a12c55d8] {
list-style: disc
}
.return-policy-container__return-footer[data-v-a12c55d8] {
margin-top: 16px
}
.usp-info-modal[data-v-e4f2795f] .blu-modal.b-page .blu-modal__body {
padding-bottom: 24px
}
.usp-info-modal[data-v-e4f2795f] .blu-modal.b-page .blu-modal__body .warranty {
color: #19222a
}
.usp-info-modal[data-v-e4f2795f] .blu-modal.b-page .blu-modal__body .warranty li {
list-style: decimal !important;
margin: 0 12px;
color: #19222ab3
}
.usp-info-modal[data-v-e4f2795f] .blu-modal.b-page .blu-modal__body .warranty li::marker {
color: #19222a
}
.usp-info-modal[data-v-e4f2795f] .blu-modal.b-page .blu-modal__body .warranty strong {
font-family: Blibli, -apple-system, Segoe UI, Roboto, Helvetica, Arial, sans-serif;
font-weight: 400
}
.usp-info-modal[data-v-e4f2795f] .blu-modal.b-page .blu-modal__footer {
display: none
}
.usp-info-modal__subtitle[data-v-e4f2795f] {
font: 600 14px/18px Blibli, -apple-system, Segoe UI, Roboto, Helvetica, Arial, sans-serif;
color: #19222a;
font-weight: 400;
margin: 8px 0
}
@media screen and (min-width: 840px),
print {
.specification[data-v-630bcd17] {
margin-top: 16px
}
}
.specification__list[data-v-630bcd17] {
list-style: none;
padding: 0;
margin: 0
}
.specification__list li[data-v-630bcd17] {
border-top: 1px solid #c8cbcd;
display: flex
}
.specification__list li[data-v-630bcd17]:first-child {
border-top: none
}
.specification__list .label[data-v-630bcd17] {
color: #19222a66;
font-size: 1.6rem;
line-height: 1.3;
width: 210px;
padding: 16px 0;
display: inline-block;
word-wrap: break-word
}
@media screen and (max-width: 839px) {
.specification__list .label[data-v-630bcd17] {
width: 96px
}
}
.specification__list .value[data-v-630bcd17] {
color: #19222ab3;
padding: 16px 0 16px 16px;
font-size: 1.6rem;
line-height: 1.3;
width: calc(100% - 210px)
}
@media screen and (max-width: 839px) {
.specification__list .value[data-v-630bcd17] {
width: calc(100% - 96px)
}
}
.gradient-overlay[data-v-a60d6fac] {
position: -webkit-sticky;
position: sticky;
bottom: 0;
height: 50px;
width: 100%;
background: linear-gradient(0deg, #fff 20%, #f5f5f600)
}
.contextual-price[data-v-2a3f9112] {
display: flex;
flex-direction: column;
padding: 9px 16px;
gap: 4px;
justify-content: center;
height: 56px;
background-image: var(--background);
background-size: cover;
background-repeat: round;
width: 100%
}
.contextual-price.flash-sale[data-v-2a3f9112] {
--background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAWgAAAB4AgMAAACiKoBpAAAACVBMVEUAcv8Bev8Cgv9+KNkNAAABnUlEQVRo3u3YvW3DMBAFYF4AqXAVFWo4QqZg4QFc6JbgFBnBI6hwkdyUgYIL6R/FKfQOYKB7ld18IB5k6clh7xlCTQeVR+bymeQClImZp6DpRbCHrseOIu84mpec9EsWOSP7qI2QiMwwuuPvlKrlgq2aOWnVSJr5quxsRpMgaVJ60qqt6Ailu2s6m9CsVRvRvR0d7eiMpcdKk5idurejo5gVks1OTWJFa9Um95BoR2cr+hQETQd7OhGeHq3oOhYKPeMnDp4OOkPKxXfGz8k3pYFzknSFHJSGTvelaeiToGa4vlbCvjIseX28QhJup2vKrvnE7fSarD8U3JjW1CcicPFqXpT+AK6wWrWWDacPojGkE5yOIHpcods/tRfihXghrdBeiBfSZCHtj4VpZeK0O8yezcmGRzDVPtDTPRyXpLUXjr2HSunDbbbT+ee66Pg2p61yX36D4x09baVjud/xfTbK9c8PeqATpGqRc8cMLls0sx19gdPktNNOO+20006v0/O/GgvPJk67w+zJnGx4BP8+3RPwheN4m+Dx/JUvEnmHv6gFTdYAAAAASUVORK5CYII=)
}
.contextual-price.special[data-v-2a3f9112],
.contextual-price.regular[data-v-2a3f9112] {
--background: url(data:image/png;base64,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)
}
.contextual-price.no-campaign[data-v-2a3f9112] {
padding: 7px 16px
}
.contextual-price__container[data-v-2a3f9112] {
display: flex;
align-items: baseline;
flex-wrap: wrap;
gap: 4px;
border-radius: 8px
}
.contextual-price__container--campaign[data-v-2a3f9112] {
padding: 6px;
background-color: #fff
}
@media screen and (min-width: 840px),
print {
.contextual-price[data-v-2a3f9112] {
border-radius: 8px;
padding: 8px 16px
}
}
.campaign-badge[data-v-2a3f9112] {
display: flex;
justify-content: flex-start;
align-items: center;
font: 600 14px/18px Blibli, -apple-system, Segoe UI, Roboto, Helvetica, Arial, sans-serif;
height: 42px
}
.campaign-badge.flash-sale .campaign-badge__ongoing-countdown[data-v-2a3f9112],
.campaign-badge.special .campaign-badge__ongoing-countdown[data-v-2a3f9112],
.campaign-badge.regular .campaign-badge__ongoing-countdown[data-v-2a3f9112] {
color: #d33534
}
.campaign-badge__right-container[data-v-2a3f9112],
.campaign-badge__button-container[data-v-2a3f9112],
.campaign-badge__logo-container[data-v-2a3f9112],
.campaign-badge__teaser-countdown[data-v-2a3f9112],
.campaign-badge__used-percentage[data-v-2a3f9112] {
display: flex;
align-items: center
}
.campaign-badge__left-container[data-v-2a3f9112] {
display: flex;
flex-direction: column;
gap: 4px;
max-width: 230px
}
.campaign-badge__left-container[data-v-2a3f9112]:has(>div:only-child) {
gap: 0px
}
@media screen and (max-width: 320px) {
.campaign-badge__left-container[data-v-2a3f9112] {
max-width: 185px
}
.campaign-badge__left-container.fs-ongoing-container[data-v-2a3f9112] {
max-width: none
}
}
.campaign-badge__left-container__top[data-v-2a3f9112],
.campaign-badge__left-container__bottom[data-v-2a3f9112] {
display: flex;
flex-direction: row;
gap: 4px
}
.campaign-badge__right-container[data-v-2a3f9112],
.campaign-badge__button-container[data-v-2a3f9112] {
margin-left: auto;
height: 100%;
max-height: 32px
}
.campaign-badge__logo-container[data-v-2a3f9112] {
height: 100%;
max-height: 20px;
max-width: 90px
}
.campaign-badge__logo-container .logo[data-v-2a3f9112] {
height: auto;
max-height: inherit;
max-width: inherit;
object-fit: contain
}
.campaign-badge__price-masking[data-v-2a3f9112] {
color: var(--text-color);
font: 600 14px/18px Blibli, -apple-system, Segoe UI, Roboto, Helvetica, Arial, sans-serif
}
.campaign-badge__ongoing-countdown[data-v-2a3f9112],
.campaign-badge__ongoing-countdown__counter[data-v-2a3f9112] {
display: flex
}
.campaign-badge__ongoing-countdown__counter__time[data-v-2a3f9112] {
display: flex;
justify-content: center;
align-items: center;
background: #fff;
border-radius: 4px;
width: 24px;
height: 20px;
color: #d33534;
font: 600 12px/16px Blibli, -apple-system, Segoe UI, Roboto, Helvetica, Arial, sans-serif
}
.campaign-badge__ongoing-countdown__counter[data-v-2a3f9112]:not(:last-child):after {
font: 600 14px/18px Blibli, -apple-system, Segoe UI, Roboto, Helvetica, Arial, sans-serif;
color: var(--text-color);
margin-left: 4px;
margin-right: 4px;
content: ":"
}
.campaign-badge__ongoing-countdown__text[data-v-2a3f9112] {
font: 600 14px/18px Blibli, -apple-system, Segoe UI, Roboto, Helvetica, Arial, sans-serif;
text-align: center;
color: #d33534;
padding: 1px 6px;
border-radius: 4px;
background-color: #fff
}
.campaign-badge__used-percentage[data-v-2a3f9112] {
margin-top: -4px
}
.campaign-badge__used-percentage__border-bar[data-v-2a3f9112] {
width: 120px;
height: 8px;
border-radius: 4px;
background: #ffffff80
}
.campaign-badge__used-percentage__inner-bar[data-v-2a3f9112] {
height: 8px;
border-radius: 4px;
background: #fff
}
.campaign-badge__used-percentage__progress-message[data-v-2a3f9112] {
margin-left: 4px;
color: var(--text-color);
font-family: 600
}
@media screen and (max-width: 321px) {
.campaign-badge__used-percentage__progress-message[data-v-2a3f9112] {
font: 600 12px/16px Blibli, -apple-system, Segoe UI, Roboto, Helvetica, Arial, sans-serif
}
}
.campaign-badge__used-percentage__progress-hot-icon[data-v-2a3f9112] {
vertical-align: middle
}
.campaign-badge__teaser-countdown[data-v-2a3f9112] {
display: flex
}
.campaign-badge__teaser-countdown__text[data-v-2a3f9112] {
color: var(--text-color);
font: 600 12px/16px Blibli, -apple-system, Segoe UI, Roboto, Helvetica, Arial, sans-serif;
margin-right: 4px
}
.campaign-badge__teaser-countdown__counter[data-v-2a3f9112] {
display: flex
}
.campaign-badge__teaser-countdown__counter[data-v-2a3f9112]:not(:last-child):after {
font: 600 14px/18px Blibli, -apple-system, Segoe UI, Roboto, Helvetica, Arial, sans-serif;
color: var(--text-color);
margin-left: 4px;
margin-right: 4px;
content: ":"
}
.campaign-badge__teaser-countdown__counter__text[data-v-2a3f9112] {
background: #fff;
color: #d33534;
border-radius: 4px;
font: 600 12px/16px Blibli, -apple-system, Segoe UI, Roboto, Helvetica, Arial, sans-serif;
padding: 1px 6px
}
.campaign-badge__teaser-countdown__counter__time[data-v-2a3f9112] {
display: flex;
justify-content: center;
align-items: center;
background: #fff;
padding-top: 2px;
border-radius: 4px;
width: 24px;
height: 20px;
color: #d33534;
font: 600 12px/16px Blibli, -apple-system, Segoe UI, Roboto, Helvetica, Arial, sans-serif
}
.cat-carousel-container[data-v-e8f54820] {
display: flex;
position: relative;
width: 100%;
height: 100%;
margin: 0 auto
}
.cat-carousel-wrapper[data-v-e8f54820] {
display: flex;
position: relative;
width: 100%
}
.cat-carousel__content[data-v-e8f54820] {
width: 100%;
overflow: hidden;
display: inline-block
}
.cat-carousel__content__wrapper[data-v-e8f54820] {
transition: transform .5s ease-out;
display: flex;
align-items: flex-start;
height: 100%
}
.cat-carousel__content__wrapper__item[data-v-e8f54820] {
box-sizing: border-box;
padding: 0;
display: flex;
height: 100%
}
.cat-carousel__navigation[data-v-e8f54820] {
display: flex;
align-self: center;
position: absolute;
z-index: 2
}
.cat-carousel__navigation__next[data-v-e8f54820] {
right: 0
}
.cat-carousel__navigation--end[data-v-e8f54820] {
display: none
}
.cat-carousel__default-nav[data-v-e8f54820] {
width: 48px;
height: 48px;
opacity: .88;
box-shadow: 0 0 24px -4px #0000003d;
background-color: #fff;
display: flex;
justify-content: center;
align-content: center;
align-items: center;
border-radius: 50%;
border-right: 1px solid #eee;
cursor: pointer;
z-index: 2
}
@media only screen and (max-width: 768px) {
.cat-carousel__default-nav[data-v-e8f54820] {
display: none
}
}
.cat-carousel__default-nav img[data-v-e8f54820] {
width: 34px;
height: 34px
}
.cat-carousel__default-nav--left img[data-v-e8f54820] {
transform: rotate(180deg)
}
.cat-carousel__indicators[data-v-e8f54820] {
display: flex;
justify-content: center;
align-items: center
}
.cat-carousel__indicators__item[data-v-e8f54820] {
width: 7.5px;
height: 7.5px;
margin: 2px;
border-radius: 50%;
background-color: #f1f2f2;
overflow: hidden;
transition: all .5s ease-out;
text-indent: -9999px
}
.cat-carousel__indicators__item[data-v-e8f54820]:only-child {
display: none
}
.cat-carousel__indicators__item[data-v-e8f54820]:first-child {
margin-left: 20px
}
.cat-carousel__indicators__item[data-v-e8f54820]:last-child {
margin-right: 20px
}
.cat-carousel__indicators .active-indicator[data-v-e8f54820] {
width: 12px;
height: 12px;
margin: 1px;
background-color: #0072ff
}
.cat-carousel__indicators .small-indicator[data-v-e8f54820] {
width: 6px;
height: 6px;
margin: 3px
}
.cat-carousel__indicators .small-indicator[data-v-e8f54820]:first-child {
margin-left: 10px
}
.cat-carousel__indicators .small-indicator[data-v-e8f54820]:last-child {
margin-right: 10px
}
.cat-carousel__indicators .micro-indicator[data-v-e8f54820] {
width: 3px;
height: 3px;
margin: 4px
}
.cat-carousel__new-indicators[data-v-e8f54820] {
display: flex
}
.hide[data-v-e8f54820] {
display: none
}
@media screen and (max-width: 839px) {
.hero-mobile__container.hero-mobile__container__aspect-ratio-custom[data-v-5db272bd] {
height: auto;
max-height: 600px;
aspect-ratio: 3/4
}
}
@media only screen and (max-width: 839px) and (max-width: 600px) {
.hero-mobile__container.hero-mobile__container__aspect-ratio-custom img[data-v-5db272bd] {
object-fit: cover
}
}
@media screen and (max-width: 839px) {
.hero-mobile__container.hero-mobile__container__aspect-ratio-custom img.video[data-v-5db272bd] {
object-fit: contain
}
}
.hero-mobile__container[data-v-5db272bd] {
display: flex;
justify-content: center;
align-items: center;
width: calc((100vw - 264px) / 12 * 5 + 96px);
height: calc((100vw - 264px) / 12 * 5 + 96px);
overflow: hidden;
max-height: 375px
}
@media screen and (max-width: 839px) {
.hero-mobile__container[data-v-5db272bd] {
height: 100vw;
width: 100vw
}
}
.hero-mobile__container img[data-v-5db272bd] {
width: 100%;
height: 100%;
object-fit: contain;
background-color: #fff
}
.hero-mobile__container img.video[data-v-5db272bd] {
background-color: #000
}
.hero-mobile__container--video[data-v-5db272bd]:after {
content: "";
background-image: url("data:image/svg+xml,%3csvg%20width='72'%20height='72'%20viewBox='0%200%2072%2072'%20fill='none'%20xmlns='http://www.w3.org/2000/svg'%3e%3cg%20filter='url(%23filter0_d_985_104676)'%3e%3crect%20x='12.5'%20y='10.5'%20width='47'%20height='47'%20rx='23.5'%20fill='%2319222A'%20fill-opacity='0.3'/%3e%3crect%20x='12.5'%20y='10.5'%20width='47'%20height='47'%20rx='23.5'%20stroke='white'/%3e%3cpath%20d='M40.1797%2032.969L34.9717%2029.2365C34.1452%2028.6413%2033%2029.2365%2033%2030.2755L33%2037.7305C33%2038.7594%2034.1452%2039.3546%2034.9717%2038.7695L40.1697%2035.0471C40.8768%2034.5427%2040.8768%2033.4835%2040.1697%2032.9791L40.1797%2032.969Z'%20fill='white'/%3e%3c/g%3e%3cdefs%3e%3cfilter%20id='filter0_d_985_104676'%20x='0'%20y='0'%20width='72'%20height='72'%20filterUnits='userSpaceOnUse'%20color-interpolation-filters='sRGB'%3e%3cfeFlood%20flood-opacity='0'%20result='BackgroundImageFix'/%3e%3cfeColorMatrix%20in='SourceAlpha'%20type='matrix'%20values='0%200%200%200%200%200%200%200%200%200%200%200%200%200%200%200%200%200%20127%200'%20result='hardAlpha'/%3e%3cfeOffset%20dy='2'/%3e%3cfeGaussianBlur%20stdDeviation='6'/%3e%3cfeColorMatrix%20type='matrix'%20values='0%200%200%200%200%200%200%200%200%200%200%200%200%200%200%200%200%200%200.2%200'/%3e%3cfeBlend%20mode='normal'%20in2='BackgroundImageFix'%20result='effect1_dropShadow_985_104676'/%3e%3cfeBlend%20mode='normal'%20in='SourceGraphic'%20in2='effect1_dropShadow_985_104676'%20result='shape'/%3e%3c/filter%3e%3c/defs%3e%3c/svg%3e");
position: absolute;
width: 64px;
height: 64px;
background-size: 64px 64px
}
.thumbnail-area[data-v-f08dfa1c] {
overflow: hidden;
position: relative;
width: calc((100vw - var(--padding) - 264px) / 12 * var(--column) + 24px * var(--total-gap)) !important;
height: calc((100vw - var(--padding) - 264px) / 12 * var(--column) + 24px * var(--total-gap)) !important;
max-width: 486px;
max-height: 486px
}
@media screen and (max-width: 1072px) {
.thumbnail-area[data-v-f08dfa1c] {
--total-gap: 5;
--column: 6
}
}
@media screen and (min-width: 1073px) {
.thumbnail-area[data-v-f08dfa1c] {
--column: 5;
--total-gap: 4
}
}
@media screen and (max-width: 1200px) {
.thumbnail-area[data-v-f08dfa1c] {
--padding: 64px
}
}
@media screen and (min-width: 1201px) {
.thumbnail-area[data-v-f08dfa1c] {
--padding: 0px
}
}
.img-zoom-container[data-v-f08dfa1c] {
-webkit-box-shadow: 5px 5px 5px 0px rgba(0, 0, 0, .3);
-moz-box-shadow: 5px 5px 5px 0px rgba(0, 0, 0, .3);
box-shadow: 5px 5px 5px #0000004d;
z-index: 999
}
.video-component[data-v-fe21db2f] {
position: relative;
height: 100%;
width: 100%;
background-color: #000;
display: flex;
align-items: center
}
.video-component__loading[data-v-fe21db2f] {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
display: flex;
align-items: center;
justify-content: center;
z-index: 2;
background-color: #0009
}
.video-component__video[data-v-fe21db2f] {
width: 100%;
height: 100%
}
.video-component__controls[data-v-fe21db2f] {
z-index: 4;
position: absolute;
width: 100%;
bottom: 0;
color: #fff;
background: linear-gradient(0deg, #0009, #fff0);
padding-top: 20px
}
.video-component__controls-items[data-v-fe21db2f] {
display: flex;
flex-direction: row;
align-items: center;
padding-left: 16px;
padding-right: 16px;
justify-content: space-between
}
.video-component__controls-items-left[data-v-fe21db2f] {
display: flex;
flex-direction: row;
column-gap: 12px
}
.video-component__controls-items-right[data-v-fe21db2f] {
display: flex;
flex-direction: row;
column-gap: 24px
}
.video-component__controls-button-icon[data-v-fe21db2f] {
cursor: pointer
}
.video-component__progress-bar[data-v-fe21db2f] {
display: flex;
padding: 0 16px;
cursor: pointer
}
.video-component__timestamp[data-v-fe21db2f] {
font: 500 14px/18px Blibli, -apple-system, Segoe UI, Roboto, Helvetica, Arial, sans-serif;
color: #fff
}
.video-component__play-button[data-v-fe21db2f] {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
display: flex;
align-items: center;
justify-content: center;
z-index: 2
}
.video-component__video-wrapper[data-v-fe21db2f] {
position: relative;
align-self: stretch;
width: 100%
}
.video-component .progress-bar__touch[data-v-fe21db2f] {
height: 36px;
width: 100%;
display: flex;
align-items: center;
cursor: pointer
}
.video-component .progress-bar__track[data-v-fe21db2f] {
height: 4px;
width: 100%;
margin: 0 2px;
box-sizing: border-box;
background-color: #ffffff80;
border-radius: 4px;
display: flex;
align-items: center;
position: relative
}
.video-component .progress-bar__value[data-v-fe21db2f] {
height: 4px;
width: calc(var(--video-progress-bar-value) + 4px);
background-color: #fff;
border-radius: 4px
}
.video-component .progress-bar__circle[data-v-fe21db2f] {
height: 8px;
width: 8px;
background-color: #fff;
border-radius: 4px;
left: calc(var(--video-progress-bar-value) - 4px);
position: absolute
}
.fade-enter-active[data-v-fe21db2f],
.fade-leave-active[data-v-fe21db2f] {
transition: opacity 1s ease
}
.fade-enter-from[data-v-fe21db2f],
.fade-leave-to[data-v-fe21db2f] {
opacity: 0
}
.prevent-select[data-v-fe21db2f] {
-webkit-user-select: none;
-ms-user-select: none;
user-select: none
}
.hero-desktop[data-v-2dd9260b] {
border-radius: 8px;
overflow: hidden;
z-index: 2;
width: calc((100vw - var(--padding) - 264px) / 12 * var(--column) + 24px * var(--total-gap)) !important;
height: calc((100vw - var(--padding) - 264px) / 12 * var(--column) + 24px * var(--total-gap)) !important;
max-width: 486px;
max-height: 486px
}
@media screen and (max-width: 1072px) {
.hero-desktop[data-v-2dd9260b] {
--total-gap: 5;
--column: 6
}
}
@media screen and (min-width: 1073px) {
.hero-desktop[data-v-2dd9260b] {
--column: 5;
--total-gap: 4
}
}
@media screen and (max-width: 1200px) {
.hero-desktop[data-v-2dd9260b] {
--padding: 64px
}
}
@media screen and (min-width: 1201px) {
.hero-desktop[data-v-2dd9260b] {
--padding: 0px
}
}
.pdp-product-video[data-v-2dd9260b] {
width: calc((100vw - var(--padding) - 264px) / 12 * var(--column) + 24px * var(--total-gap)) !important;
height: calc((100vw - var(--padding) - 264px) / 12 * var(--column) + 24px * var(--total-gap)) !important;
max-width: 486px;
max-height: 486px
}
@media screen and (max-width: 1072px) {
.pdp-product-video[data-v-2dd9260b] {
--total-gap: 5;
--column: 6
}
}
@media screen and (min-width: 1073px) {
.pdp-product-video[data-v-2dd9260b] {
--column: 5;
--total-gap: 4
}
}
@media screen and (max-width: 1200px) {
.pdp-product-video[data-v-2dd9260b] {
--padding: 64px
}
}
@media screen and (min-width: 1201px) {
.pdp-product-video[data-v-2dd9260b] {
--padding: 0px
}
}
.hero-thumbnails[data-v-fae53959] {
display: grid;
grid-template-columns: repeat(6, 60px);
grid-gap: 8px
}
.hero-thumbnails .item[data-v-fae53959] {
display: block;
width: 60px;
height: 60px;
border: solid 1px #c8cbcd;
cursor: pointer;
border-radius: 8px;
overflow: hidden
}
.hero-thumbnails .item[data-v-fae53959]:hover,
.hero-thumbnails .item.selected[data-v-fae53959] {
border: solid 1px #1d8fff;
border-radius: 8px
}
.hero-thumbnails .item img[data-v-fae53959] {
object-fit: contain;
background-color: #fff;
width: 100%;
height: 100%
}
.hero-thumbnails .item img.black-bg[data-v-fae53959] {
background-color: #000
}
.hero-thumbnails .item.video[data-v-fae53959] {
position: relative
}
.hero-thumbnails .item .video__icon[data-v-fae53959] {
position: absolute;
top: 20px;
left: 20px;
width: 20px;
height: 20px;
background-color: #0009;
border-radius: 100%;
display: flex;
align-items: center;
justify-content: center
}
.image-preview[data-v-fde9ee3f] {
background-color: #000;
display: flex;
flex-direction: column;
position: fixed;
top: 0;
width: 100%;
left: 0;
height: 100%;
z-index: 11
}
.image-preview__top-section[data-v-fde9ee3f] {
display: flex;
flex: 1;
justify-content: space-between;
align-items: center;
position: absolute;
width: 100%;
z-index: 2;
padding: 16px
}
.image-preview__top-section__left[data-v-fde9ee3f] {
display: flex;
align-items: center;
justify-content: center;
gap: 16px
}
.image-preview__top-section__left .close[data-v-fde9ee3f] {
display: flex;
align-items: center;
justify-content: center;
height: 100%;
cursor: pointer
}
.image-preview__top-section__left .label[data-v-fde9ee3f] {
display: flex;
align-items: center;
justify-content: center;
height: 100%;
color: #fff;
font: 600 16px/20px Blibli, -apple-system, Segoe UI, Roboto, Helvetica, Arial, sans-serif
}
.image-preview__top-section__right .share[data-v-fde9ee3f] {
display: flex;
align-items: center;
justify-content: center;
height: 100%;
cursor: pointer
}
.image-preview__bottom-section[data-v-fde9ee3f] {
display: flex;
flex: 1.5;
flex-shrink: 0;
align-items: center;
overflow-x: auto;
position: absolute;
width: 100%;
min-height: 75px;
bottom: 72px;
-webkit-overflow-scrolling: touch;
scrollbar-width: none;
-ms-overflow-style: none
}
.image-preview__bottom-section[data-v-fde9ee3f]::-webkit-scrollbar {
display: none
}
.image-preview__mid-section[data-v-fde9ee3f] {
display: flex;
align-items: center;
justify-content: center;
flex: 10;
text-align: center;
position: relative;
width: 100%
}
.image-preview__carousel[data-v-fde9ee3f] {
height: 100%;
display: flex;
align-items: center
}
.image-preview__carousel .zoomable-img-container[data-v-fde9ee3f] {
width: 100%;
display: flex;
align-items: center
}
.image-preview__carousel .carousel-item-container[data-v-fde9ee3f] {
padding: 30% 0
}
.image-preview__video[data-v-fde9ee3f] {
display: flex;
align-items: center;
position: relative;
width: 100%;
margin: 0;
padding: 30% 0
}
.image-preview__video[data-v-fde9ee3f]:hover {
will-change: transform
}
.image-preview__video-player[data-v-fde9ee3f] {
width: 100% !important;
height: 260px;
margin: auto;
z-index: 2
}
.image-preview__list[data-v-fde9ee3f] {
display: flex;
margin: auto;
gap: 8px;
align-items: center;
padding: 0 16px
}
.image-preview__list-item[data-v-fde9ee3f] {
display: inline-block;
background-color: #fff;
height: 64px;
width: 64px;
flex-shrink: 0;
border-radius: 8px;
border: solid 1px #c8cbcd
}
.image-preview__list-item--active[data-v-fde9ee3f] {
border: solid 2px #1d8fff
}
.image-preview__list-item--video[data-v-fde9ee3f] {
position: relative;
background-color: #000
}
.image-preview__list-item--video__icon[data-v-fde9ee3f] {
position: absolute;
top: 20px;
left: 20px;
width: 20px;
height: 20px;
background-color: #0009;
border-radius: 100%;
display: flex;
align-items: center;
justify-content: center
}
.image-preview__list-item .thumbnail[data-v-fde9ee3f] {
display: block;
height: 100%;
width: 100%;
border-radius: 8px;
object-fit: contain;
background-color: #fff
}
.image-preview__list-item .thumbnail.video[data-v-fde9ee3f] {
background-color: #000
}
.ellipsis[data-v-4b5778b2] {
width: 100%;
text-overflow: ellipsis;
overflow: hidden;
white-space: nowrap;
word-break: break-all
}
.lightbox[data-v-4b5778b2] {
display: flex;
gap: 16px
}
.lightbox-image[data-v-4b5778b2] {
display: flex;
position: relative;
min-height: 480px;
min-width: 480px;
max-width: 480px;
max-height: 480px;
border-radius: 24px;
background-color: #fff
}
.lightbox-image .main-image[data-v-4b5778b2] {
margin: auto;
height: 100%;
max-width: 100%;
border-radius: 8px;
object-fit: contain;
background-color: #fff
}
.lightbox-image .main-video[data-v-4b5778b2] {
width: 100%;
height: 100%;
margin: auto
}
.lightbox-image .next[data-v-4b5778b2] {
right: 16px
}
.lightbox-image .next[data-v-4b5778b2],
.lightbox-image .prev[data-v-4b5778b2] {
display: flex;
align-items: center;
justify-content: center;
position: absolute;
top: 50%;
margin-top: -18px;
box-shadow: 0 1px 6px #0000001a;
-webkit-tap-highlight-color: transparent;
-webkit-touch-callout: none;
-webkit-user-select: none;
-moz-user-select: none;
-ms-user-select: none;
user-select: none;
z-index: 2
}
.lightbox-image .next[data-v-4b5778b2]:focus,
.lightbox-image .prev[data-v-4b5778b2]:focus {
outline: none
}
.lightbox-image .prev[data-v-4b5778b2] {
left: 16px
}
.lightbox-thumbnails[data-v-4b5778b2] {
max-height: 480px;
overflow: auto;
-webkit-overflow-scrolling: touch;
scrollbar-width: none;
-ms-overflow-style: none
}
.lightbox-thumbnails[data-v-4b5778b2]::-webkit-scrollbar {
display: none
}
.lightbox-thumbnails__wrap[data-v-4b5778b2] {
display: flex;
flex-wrap: wrap;
gap: 8px
}
.lightbox-thumbnails__wrap .item[data-v-4b5778b2] {
display: block;
width: 62px;
height: 62px;
border: solid 1px #c8cbcd;
cursor: pointer;
border-radius: 8px;
overflow: hidden;
-webkit-tap-highlight-color: transparent;
-webkit-touch-callout: none;
-webkit-user-select: none;
-moz-user-select: none;
-ms-user-select: none;
user-select: none
}
.lightbox-thumbnails__wrap .item[data-v-4b5778b2]:focus {
outline: none
}
.lightbox-thumbnails__wrap .item[data-v-4b5778b2]:hover,
.lightbox-thumbnails__wrap .item.selected[data-v-4b5778b2] {
border: solid 1px #1d8fff
}
.lightbox-thumbnails__wrap .item.video[data-v-4b5778b2] {
position: relative
}
.lightbox-thumbnails__wrap .item .video__icon[data-v-4b5778b2] {
position: absolute;
top: 20px;
left: 20px;
width: 20px;
height: 20px;
background-color: #0009;
border-radius: 100%;
display: flex;
align-items: center;
justify-content: center
}
.lightbox-thumbnails__wrap .item img[data-v-4b5778b2] {
position: relative;
object-fit: contain;
background-color: #fff;
width: 100%;
height: 100%
}
.lightbox-thumbnails__wrap .item img.black-bg[data-v-4b5778b2] {
background-color: #000
}
.thumbnails[data-v-973f7a6c] {
margin-top: 18px;
margin-bottom: 30px
}
.product-image[data-v-973f7a6c] {
position: relative
}
.product-video[data-v-2d7b814c] {
--iframe-width: 250px;
--iframe-height: 250px
}
.product-video iframe[data-v-2d7b814c] {
width: var(--iframe-width);
height: var(--iframe-height);
min-width: 200px;
min-height: 200px
}
.zoomable[data-v-4a165c0f] {
display: flex;
position: relative;
align-items: stretch;
border-width: 0;
border-style: solid;
box-sizing: border-box;
flex-basis: auto;
flex-direction: column;
flex-shrink: 0;
margin: 0;
padding: 0;
background-color: transparent;
color: inherit;
font: inherit;
text-align: inherit;
text-decoration: none;
list-style: none;
min-height: 0;
min-width: 0
}
.zoomable[data-v-4a165c0f]:hover {
will-change: transform
}
.zoomable__image[data-v-4a165c0f] {
bottom: 0;
left: 0;
right: 0;
top: 0;
max-width: 100%;
max-height: 100%;
object-position: center;
margin: auto;
z-index: 2
}
.blu-loader-general[data-v-9434758c] {
--blu-loadr-gnrl-hglt-clr-bg: #1d8fff;
--blu-loadr-gnrl-bse-clr-bg: #f1f2f2
}
.blu-loader-general[data-v-9434758c] {
width: var(--blu-loadr-gnrl-sz);
height: var(--blu-loadr-gnrl-sz)
}
.blu-loader-general__asset[data-v-9434758c] {
animation: general-rotate-9434758c 1.6s linear infinite;
transform-origin: center center;
transition: all .5s ease-in-out;
width: 100%;
height: 100%;
margin: auto;
transform: rotate(90deg)
}
.blu-loader-general__asset--highlight[data-v-9434758c],
.blu-loader-general__asset--base[data-v-9434758c] {
stroke-linecap: round
}
.blu-loader-general__asset--highlight[data-v-9434758c] {
stroke: var(--blu-loadr-gnrl-hglt-clr-bg);
animation: general-highlight-9434758c 1.6s linear infinite
}
.blu-loader-general__asset--base[data-v-9434758c] {
stroke: var(--blu-loadr-gnrl-bse-clr-bg);
animation: general-base-9434758c 1.6s linear infinite
}
.blu-loader-general.b-inverted[data-v-9434758c] {
--blu-loadr-gnrl-hglt-clr-bg: #ffffff;
--blu-loadr-gnrl-bse-clr-bg: #c8cbcd
}
.blu-loader-general.b-size-s[data-v-9434758c] {
--blu-loadr-gnrl-sz: 16px
}
.blu-loader-general.b-size-m[data-v-9434758c] {
--blu-loadr-gnrl-sz: 18px
}
.blu-loader-general.b-size-l[data-v-9434758c] {
--blu-loadr-gnrl-sz: 24px
}
.blu-loader-general.b-size-xl[data-v-9434758c] {
--blu-loadr-gnrl-sz: 32px
}
[dark] .blu-loader-general[data-v-9434758c] {
--blu-loadr-gnrl-hglt-clr-bg: #4fa4ff;
--blu-loadr-gnrl-bse-clr-bg: #28323b
}
[dark] .blu-loader-general.b-inverted[data-v-9434758c] {
--blu-loadr-gnrl-hglt-clr-bg: #12171d;
--blu-loadr-gnrl-bse-clr-bg: #60686e
}
@keyframes general-highlight-9434758c {
0% {
stroke-dasharray: 1, 200;
stroke-dashoffset: 0
}
50% {
stroke-dasharray: 50, 200;
stroke-dashoffset: -15px
}
to {
stroke-dasharray: 50, 200;
stroke-dashoffset: -124px
}
}
@keyframes general-base-9434758c {
0% {
stroke-dasharray: 1, 200;
stroke-dashoffset: 0
}
to {
stroke-dasharray: 100, 200;
stroke-dashoffset: -120px
}
}
@keyframes general-rotate-9434758c {
to {
transform: rotate(450deg)
}
}
button[data-v-e2771358] {
border: none;
background: none;
cursor: pointer;
font-family: Blibli, -apple-system, Segoe UI, Roboto, Helvetica, Arial, sans-serif;
padding: 0
}
input[type=submit][data-v-e2771358]::-moz-focus-inner,
input[type=button][data-v-e2771358]::-moz-focus-inner {
border: 0px
}
button[data-v-e2771358]:focus,
input[type=submit][data-v-e2771358]:focus,
input[type=button][data-v-e2771358]:focus,
input[type=reset][data-v-e2771358]:focus,
a[data-v-e2771358] {
outline: none
}
.blu-button[data-v-e2771358] {
--blu-btn-clr-txt: #ffffff;
--blu-btn-clr-ic: #ffffff;
color: var(--blu-btn-clr-txt);
background-color: var(--blu-btn-clr-bg);
box-shadow: inset 0 0 0 var(--blu-btn-bdr-w) var(--blu-btn-clr-bdr)
}
.blu-button[data-v-e2771358] {
--blu-btn-bdr-w: 1px;
--blu-btn-bdr-rad: 64px;
--blu-btn-h: 48px;
--blu-btn-min-w: 70px;
--blu-btn-ic-sz: 24px;
--blu-btn-p: 0 24px;
--blu-btn-gap: 8px;
--blu-btn-txt: 600 16px/20px Blibli, -apple-system, Segoe UI, Roboto, Helvetica, Arial, sans-serif;
padding: var(--blu-btn-p);
width: var(--blu-btn-w);
height: var(--blu-btn-h);
border-radius: var(--blu-btn-bdr-rad);
transition: transform .3s .08s, all .3s;
font: var(--blu-btn-txt);
display: inline-flex;
justify-content: center;
align-items: center;
white-space: nowrap;
text-decoration: none
}
.blu-button__icon[data-v-e2771358] {
color: var(--blu-btn-clr-ic)
}
.blu-button__icon[data-v-e2771358] {
margin-right: var(--blu-btn-gap);
display: flex
}
.blu-button__icon[data-v-e2771358] svg {
width: var(--blu-btn-ic-sz);
height: var(--blu-btn-ic-sz)
}
.blu-button.b-disabled[data-v-e2771358] {
cursor: not-allowed
}
.blu-button[data-v-e2771358]:not(.b-disabled):active {
filter: drop-shadow(0 2px 12px rgba(0, 0, 0, .2))
}
.blu-button[data-v-e2771358]:not(.b-disabled):focus-visible {
--blu-btn-clr-bdr: #19222a
}
.blu-button[data-v-e2771358]:not(.b-disabled):focus-visible {
--blu-btn-bdr-w: 2px;
outline: none
}
.blu-button[data-v-e2771358]:not(.b-has-icon-only) {
min-width: var(--blu-btn-min-w)
}
.blu-button.b-has-icon-only[data-v-e2771358] {
--blu-btn-p: 0 12px;
--blu-btn-gap: 0
}
.blu-button.b-loading[data-v-e2771358] {
--blu-btn-gap: 0
}
.blu-button.b-full-width[data-v-e2771358] {
--blu-btn-w: 100%
}
.blu-button.b-small[data-v-e2771358] {
--blu-btn-bdr-rad: 64px;
--blu-btn-h: 36px;
--blu-btn-min-w: 52px;
--blu-btn-p: 0 16px;
--blu-btn-txt: 600 14px/18px Blibli, -apple-system, Segoe UI, Roboto, Helvetica, Arial, sans-serif;
--blu-btn-ic-sz: 18px;
--blu-btn-gap: 4px
}
.blu-button.b-small.b-has-icon-only[data-v-e2771358] {
--blu-btn-p: 0 9px;
--blu-btn-gap: 0
}
.blu-button.b-extra-small[data-v-e2771358] {
--blu-btn-bdr-rad: 64px;
--blu-btn-h: 24px;
--blu-btn-min-w: 34px;
--blu-btn-p: 0 8px;
--blu-btn-txt: 600 12px/16px Blibli, -apple-system, Segoe UI, Roboto, Helvetica, Arial, sans-serif;
--blu-btn-ic-sz: 16px;
--blu-btn-gap: 4px
}
.blu-button.b-extra-small.b-has-icon-only[data-v-e2771358] {
--blu-btn-p: 0 4px;
--blu-btn-gap: 0
}
.blu-empty-state__footer .blu-button[data-v-e2771358] {
min-width: 192px
}
.blu-button.b-disabled.b-primary[data-v-e2771358],
.blu-button.b-disabled.b-primary.b-inverted[data-v-e2771358] {
--blu-btn-clr-bg: #e1e3e4;
--blu-btn-clr-txt: rgba(25, 34, 42, .3019607843);
--blu-btn-clr-ic: rgba(25, 34, 42, .3019607843)
}
.blu-button:not(.b-disabled).b-primary.b-common[data-v-e2771358] {
--blu-btn-clr-bg: #0072ff
}
.blu-button:not(.b-disabled).b-primary.b-common[data-v-e2771358]:hover,
.blu-button:not(.b-disabled).b-primary.b-common[data-v-e2771358]:focus-visible {
--blu-btn-clr-bg: #1d8fff
}
.blu-button:not(.b-disabled).b-primary.b-danger[data-v-e2771358] {
--blu-btn-clr-bg: #e93c3c
}
.blu-button:not(.b-disabled).b-primary.b-danger[data-v-e2771358]:hover,
.blu-button:not(.b-disabled).b-primary.b-danger[data-v-e2771358]:focus-visible {
--blu-btn-clr-bg: #ff4646
}
.blu-button:not(.b-disabled).b-primary.b-inverted[data-v-e2771358] {
--blu-btn-clr-bg: #ffffff;
--blu-btn-clr-txt: #006dea;
--blu-btn-clr-ic: #0072ff
}
.blu-button:not(.b-disabled).b-primary.b-inverted[data-v-e2771358]:hover,
.blu-button:not(.b-disabled).b-primary.b-inverted[data-v-e2771358]:focus-visible {
--blu-btn-clr-bg: #f9f9fa
}
.blu-button.b-disabled.b-secondary[data-v-e2771358],
.blu-button.b-disabled.b-secondary.b-inverted[data-v-e2771358] {
--blu-btn-clr-bg: #e1e3e4;
--blu-btn-clr-bdr: #c8cbcd;
--blu-btn-clr-txt: rgba(25, 34, 42, .3019607843);
--blu-btn-clr-ic: rgba(25, 34, 42, .3019607843)
}
.blu-button:not(.b-disabled).b-secondary.b-common[data-v-e2771358] {
--blu-btn-clr-bg: #ffffff;
--blu-btn-clr-bdr: #1d8fff;
--blu-btn-clr-txt: #006dea;
--blu-btn-clr-ic: #0072ff
}
.blu-button:not(.b-disabled).b-secondary.b-common[data-v-e2771358]:hover,
.blu-button:not(.b-disabled).b-secondary.b-common[data-v-e2771358]:focus-visible {
--blu-btn-clr-bg: #f3f9ff;
--blu-btn-clr-ic: #0072ff
}
.blu-button:not(.b-disabled).b-secondary.b-danger[data-v-e2771358] {
--blu-btn-clr-bg: #ffffff;
--blu-btn-clr-bdr: #ff4646;
--blu-btn-clr-txt: #d33534;
--blu-btn-clr-ic: #e93c3c
}
.blu-button:not(.b-disabled).b-secondary.b-danger[data-v-e2771358]:hover,
.blu-button:not(.b-disabled).b-secondary.b-danger[data-v-e2771358]:focus-visible {
--blu-btn-clr-bg: #fff5f5;
--blu-btn-clr-ic: #e93c3c
}
.blu-button:not(.b-disabled).b-secondary.b-inverted[data-v-e2771358] {
--blu-btn-clr-bg: rgba(25, 34, 42, .3019607843);
--blu-btn-clr-bdr: #ffffff;
--blu-btn-clr-txt: #ffffff;
--blu-btn-clr-ic: #ffffff
}
.blu-button.b-disabled.b-tertiary[data-v-e2771358] {
--blu-btn-clr-txt: rgba(25, 34, 42, .3019607843);
--blu-btn-clr-ic: rgba(25, 34, 42, .3019607843)
}
.blu-button.b-disabled.b-tertiary.b-inverted[data-v-e2771358] {
--blu-btn-clr-txt: rgba(255, 255, 255, .4);
--blu-btn-clr-ic: rgba(255, 255, 255, .4)
}
.blu-button:not(.b-disabled).b-tertiary.b-common[data-v-e2771358] {
--blu-btn-clr-txt: #006dea;
--blu-btn-clr-ic: #0072ff
}
.blu-button:not(.b-disabled).b-tertiary.b-common[data-v-e2771358]:hover,
.blu-button:not(.b-disabled).b-tertiary.b-common[data-v-e2771358]:focus-visible {
--blu-btn-clr-bg: #f3f9ff
}
.blu-button:not(.b-disabled).b-tertiary.b-danger[data-v-e2771358] {
--blu-btn-clr-txt: #d33534;
--blu-btn-clr-ic: #e93c3c
}
.blu-button:not(.b-disabled).b-tertiary.b-danger[data-v-e2771358]:hover,
.blu-button:not(.b-disabled).b-tertiary.b-danger[data-v-e2771358]:focus-visible {
--blu-btn-clr-bg: #fff5f5
}
.blu-button:not(.b-disabled).b-tertiary.b-inverted[data-v-e2771358] {
--blu-btn-clr-txt: #ffffff;
--blu-btn-clr-ic: #ffffff
}
[dark] .blu-button[data-v-e2771358] {
--blu-btn-clr-txt: #ffffff;
--blu-btn-clr-ic: #ffffff;
color: var(--blu-btn-clr-txt);
background-color: var(--blu-btn-clr-bg);
box-shadow: inset 0 0 0 var(--blu-btn-bdr-w) var(--blu-btn-clr-bdr)
}
[dark] .blu-button__icon[data-v-e2771358] {
color: var(--blu-btn-clr-ic)
}
[dark] .blu-button[data-v-e2771358]:not(.b-disabled):active {
filter: drop-shadow(0 2px 12px rgba(0, 0, 0, .2))
}
[dark] .blu-button[data-v-e2771358]:not(.b-disabled):focus-visible {
--blu-btn-clr-bdr: #f9f9fa
}
[dark] .blu-button.b-disabled.b-primary[data-v-e2771358],
[dark] .blu-button.b-disabled.b-primary.b-inverted[data-v-e2771358] {
--blu-btn-clr-bg: #3b444c;
--blu-btn-clr-txt: rgba(255, 255, 255, .3019607843);
--blu-btn-clr-ic: rgba(255, 255, 255, .3019607843)
}
[dark] .blu-button:not(.b-disabled).b-primary.b-common[data-v-e2771358] {
--blu-btn-clr-bg: #0072ff
}
[dark] .blu-button:not(.b-disabled).b-primary.b-common[data-v-e2771358]:hover,
[dark] .blu-button:not(.b-disabled).b-primary.b-common[data-v-e2771358]:focus-visible {
--blu-btn-clr-bg: #1d8fff
}
[dark] .blu-button:not(.b-disabled).b-primary.b-danger[data-v-e2771358] {
--blu-btn-clr-bg: #e93c3c
}
[dark] .blu-button:not(.b-disabled).b-primary.b-danger[data-v-e2771358]:hover,
[dark] .blu-button:not(.b-disabled).b-primary.b-danger[data-v-e2771358]:focus-visible {
--blu-btn-clr-bg: #ff4646
}
[dark] .blu-button:not(.b-disabled).b-primary.b-inverted[data-v-e2771358] {
--blu-btn-clr-bg: #12171d;
--blu-btn-clr-txt: #4fa4ff;
--blu-btn-clr-ic: #4fa4ff
}
[dark] .blu-button:not(.b-disabled).b-primary.b-inverted[data-v-e2771358]:hover,
[dark] .blu-button:not(.b-disabled).b-primary.b-inverted[data-v-e2771358]:focus-visible {
--blu-btn-clr-bg: #19222a
}
[dark] .blu-button.b-disabled.b-secondary[data-v-e2771358],
[dark] .blu-button.b-disabled.b-secondary.b-inverted[data-v-e2771358] {
--blu-btn-clr-bg: #3b444c;
--blu-btn-clr-bdr: #60686e;
--blu-btn-clr-txt: rgba(255, 255, 255, .3019607843);
--blu-btn-clr-ic: rgba(255, 255, 255, .3019607843)
}
[dark] .blu-button:not(.b-disabled).b-secondary.b-common[data-v-e2771358] {
--blu-btn-clr-bg: #12171d;
--blu-btn-clr-bdr: #4fa4ff;
--blu-btn-clr-txt: #4fa4ff;
--blu-btn-clr-ic: #4fa4ff
}
[dark] .blu-button:not(.b-disabled).b-secondary.b-common[data-v-e2771358]:hover,
[dark] .blu-button:not(.b-disabled).b-secondary.b-common[data-v-e2771358]:focus-visible {
--blu-btn-clr-bg: #002e7a;
--blu-btn-clr-ic: #4fa4ff
}
[dark] .blu-button:not(.b-disabled).b-secondary.b-danger[data-v-e2771358] {
--blu-btn-clr-bg: #12171d;
--blu-btn-clr-bdr: #ff7373;
--blu-btn-clr-txt: #ff7373;
--blu-btn-clr-ic: #ff7373
}
[dark] .blu-button:not(.b-disabled).b-secondary.b-danger[data-v-e2771358]:hover,
[dark] .blu-button:not(.b-disabled).b-secondary.b-danger[data-v-e2771358]:focus-visible {
--blu-btn-clr-bg: #631818;
--blu-btn-clr-ic: #ff7373
}
[dark] .blu-button:not(.b-disabled).b-secondary.b-inverted[data-v-e2771358] {
--blu-btn-clr-bg: rgba(255, 255, 255, .3019607843);
--blu-btn-clr-bdr: #12171d;
--blu-btn-clr-txt: #12171d;
--blu-btn-clr-ic: #12171d
}
[dark] .blu-button.b-disabled.b-tertiary[data-v-e2771358] {
--blu-btn-clr-txt: rgba(255, 255, 255, .3019607843);
--blu-btn-clr-ic: rgba(255, 255, 255, .3019607843)
}
[dark] .blu-button.b-disabled.b-tertiary.b-inverted[data-v-e2771358] {
--blu-btn-clr-txt: rgba(18, 23, 29, .4);
--blu-btn-clr-ic: rgba(18, 23, 29, .4)
}
[dark] .blu-button:not(.b-disabled).b-tertiary.b-common[data-v-e2771358] {
--blu-btn-clr-txt: #4fa4ff;
--blu-btn-clr-ic: #4fa4ff
}
[dark] .blu-button:not(.b-disabled).b-tertiary.b-common[data-v-e2771358]:hover,
[dark] .blu-button:not(.b-disabled).b-tertiary.b-common[data-v-e2771358]:focus-visible {
--blu-btn-clr-bg: #002e7a
}
[dark] .blu-button:not(.b-disabled).b-tertiary.b-danger[data-v-e2771358] {
--blu-btn-clr-txt: #ff7373;
--blu-btn-clr-ic: #ff7373
}
[dark] .blu-button:not(.b-disabled).b-tertiary.b-danger[data-v-e2771358]:hover,
[dark] .blu-button:not(.b-disabled).b-tertiary.b-danger[data-v-e2771358]:focus-visible {
--blu-btn-clr-bg: #631818
}
[dark] .blu-button:not(.b-disabled).b-tertiary.b-inverted[data-v-e2771358] {
--blu-btn-clr-txt: #12171d;
--blu-btn-clr-ic: #12171d
}
button[data-v-3ecaab7b] {
border: none;
background: none;
cursor: pointer;
font-family: Blibli, -apple-system, Segoe UI, Roboto, Helvetica, Arial, sans-serif;
padding: 0
}
input[type=submit][data-v-3ecaab7b]::-moz-focus-inner,
input[type=button][data-v-3ecaab7b]::-moz-focus-inner {
border: 0px
}
button[data-v-3ecaab7b]:focus,
input[type=submit][data-v-3ecaab7b]:focus,
input[type=button][data-v-3ecaab7b]:focus,
input[type=reset][data-v-3ecaab7b]:focus,
a[data-v-3ecaab7b] {
outline: none
}
.blu-toast[data-v-3ecaab7b] {
--blu-tos-clr-bg: #28323b;
--blu-tos-link-clr-txt: #4fa4ff;
color: #fff;
background-color: var(--blu-tos-clr-bg)
}
.blu-toast[data-v-3ecaab7b] {
--blu-tos-desc-txt: 500 16px/20px Blibli, -apple-system, Segoe UI, Roboto, Helvetica, Arial, sans-serif;
--blu-tos-link-txt: 600 16px/20px Blibli, -apple-system, Segoe UI, Roboto, Helvetica, Arial, sans-serif;
--blu-tos-ic-sz: 24px;
--blu-tos-direction: row;
--blu-tos-algn: center;
display: flex;
align-items: center;
border-radius: 8px;
justify-content: space-between;
margin: 4px 0;
padding: 8px 16px;
transition: all .4s ease-in-out;
width: var(--blu-tos-w);
min-height: 48px;
min-width: 240px;
max-width: 600px;
pointer-events: all;
box-sizing: border-box;
font: var(--blu-tos-desc-txt);
gap: 8px
}
@media screen and (max-width: 839px) {
.blu-toast[data-v-3ecaab7b] {
--blu-tos-link-txt: 600 14px/18px Blibli, -apple-system, Segoe UI, Roboto, Helvetica, Arial, sans-serif;
--blu-tos-desc-txt: 500 14px/18px Blibli, -apple-system, Segoe UI, Roboto, Helvetica, Arial, sans-serif;
--blu-tos-w: 100%
}
}
.blu-toast__content[data-v-3ecaab7b] {
flex-wrap: var(--blu-tos-flex-wrap);
width: 100%;
display: flex;
align-items: var(--blu-tos-algn);
flex-direction: var(--blu-tos-direction);
flex-wrap: nowrap;
gap: 8px
}
.blu-toast__content--desc[data-v-3ecaab7b] {
flex: var(--blu-tos-desc-flex)
}
.blu-toast__content--link[data-v-3ecaab7b] {
color: var(--blu-tos-link-clr-txt)
}
.blu-toast__content--link[data-v-3ecaab7b] {
font: var(--blu-tos-link-txt);
cursor: pointer;
text-align: var(--blu-tos-link-algn)
}
.blu-toast__remove[data-v-3ecaab7b] {
color: #fff
}
.blu-toast__remove[data-v-3ecaab7b] {
padding: 4px;
display: flex
}
.blu-toast__remove>svg[data-v-3ecaab7b] {
width: var(--blu-tos-ic-sz);
height: var(--blu-tos-ic-sz)
}
.blu-toast__remove[data-v-3ecaab7b]:focus-visible {
outline: 2px solid #ffffff
}
.blu-toast.b-has-action[data-v-3ecaab7b] {
--blu-tos-flex-wrap: wrap;
--blu-tos-desc-flex: 1
}
.blu-toast.b-error[data-v-3ecaab7b] {
--blu-tos-clr-bg: #e93c3c;
--blu-tos-link-clr-txt: #ffffff
}
.blu-toast.b-success[data-v-3ecaab7b] {
--blu-tos-clr-bg: #22a334;
--blu-tos-link-clr-txt: #ffffff
}
.blu-toast.b-long-action[data-v-3ecaab7b] {
--blu-tos-direction: column;
--blu-tos-algn: stretch;
--blu-tos-link-algn: right
}
.toast-enter-active[data-v-3ecaab7b],
.toast-leave-active[data-v-3ecaab7b] {
transition: opacity 1s
}
.toast-enter[data-v-3ecaab7b],
.toast-leave-to[data-v-3ecaab7b] {
opacity: 0
}
[dark] .blu-toast[data-v-3ecaab7b] {
--blu-tos-clr-bg: #f1f2f2;
--blu-tos-link-clr-txt: #006dea;
color: #12171d;
background-color: var(--blu-tos-clr-bg)
}
[dark] .blu-toast__content--link[data-v-3ecaab7b] {
color: var(--blu-tos-link-clr-txt)
}
[dark] .blu-toast__remove[data-v-3ecaab7b] {
color: #12171d
}
[dark] .blu-toast__remove[data-v-3ecaab7b]:focus-visible {
outline: 2px solid #12171d
}
[dark] .blu-toast.b-error[data-v-3ecaab7b] {
--blu-tos-clr-bg: #ff9090;
--blu-tos-link-clr-txt: #12171d
}
[dark] .blu-toast.b-success[data-v-3ecaab7b] {
--blu-tos-clr-bg: #74e281;
--blu-tos-link-clr-txt: #12171d
}
.blu-toast-container[data-v-5dd41440] {
box-sizing: border-box;
pointer-events: none;
position: fixed;
z-index: 1000;
display: flex;
width: 100%;
bottom: var(--bottom-gap);
padding: 8px 16px;
overflow: hidden;
flex-direction: column-reverse
}
.blu-toast-container[data-v-5dd41440]:not(.b-left) {
left: 50%;
transform: translate(-50%);
align-items: center
}
.blu-toast-container.b-left[data-v-5dd41440] {
left: 0;
align-items: flex-start
}