.qp-blocks--slider{--qp-slider--desktop: 3;--qp-slider--tablet: 2;--qp-slider--mobile: 1;--qp-slider--gap: 32px;--qp-slider--peek: 40px;--qp-slider--mask-width: 40px;--qp-slider--dot-color: var( --wp--preset--color--main, #f2f2f2 );--qp-slider--dot-active-color: var( --wp--preset--color--primary, #fc9700 );--qp-slider--btn-color: var( --wp--preset--color--main, #f2f2f2 );position:relative;container-type:inline-size;container-name:qp-slider}.qp-blocks--slider__track{--slides-per-view: var( --qp-slider--mobile, 1 );--qp-slider--peek: var( --qp-slider--peek-mobile, 40px )}@supports(container-type: inline-size){@container qp-slider ( min-width: 600px ){.qp-blocks--slider__track{--slides-per-view: var( --qp-slider--tablet, 2 );--qp-slider--peek: var( --qp-slider--peek-tablet, 40px )}}@container qp-slider ( min-width: 900px ){.qp-blocks--slider__track{--slides-per-view: var( --qp-slider--desktop, 3 );--qp-slider--peek: var( --qp-slider--peek-desktop, 40px )}}}@property --qp-slider--fade-left{syntax:"<length-percentage>";initial-value:0px;inherits:false}@property --qp-slider--fade-right{syntax:"<length-percentage>";initial-value:0px;inherits:false}.qp-blocks--slider__viewport{position:relative;overflow:hidden;mask-image:linear-gradient(to right, transparent 0px, black var(--qp-slider--fade-left), black calc(100% - var(--qp-slider--fade-right)), transparent 100%);-webkit-mask-image:linear-gradient(to right, transparent 0px, black var(--qp-slider--fade-left), black calc(100% - var(--qp-slider--fade-right)), transparent 100%);transition:--qp-slider--fade-left 250ms ease,--qp-slider--fade-right 250ms ease}.qp-blocks--slider.has-mask.is-at-start .qp-blocks--slider__viewport{--qp-slider--fade-left: 0px;--qp-slider--fade-right: var( --qp-slider--mask-width, 40px )}.qp-blocks--slider.has-mask.is-in-middle .qp-blocks--slider__viewport{--qp-slider--fade-left: var( --qp-slider--mask-width, 40px );--qp-slider--fade-right: var( --qp-slider--mask-width, 40px )}.qp-blocks--slider.has-mask.is-at-end .qp-blocks--slider__viewport{--qp-slider--fade-left: var( --qp-slider--mask-width, 40px );--qp-slider--fade-right: 0px}.qp-blocks--slider__track{display:grid;grid-auto-flow:column;grid-auto-columns:calc((100% - (var(--slides-per-view) - 1)*var(--qp-slider--gap) - var(--qp-slider--peek))/var(--slides-per-view));gap:var(--qp-slider--gap);overflow-x:scroll;overflow-y:clip;overscroll-behavior-x:contain;scroll-snap-type:x mandatory;scroll-behavior:smooth;scrollbar-width:none;cursor:grab}.qp-blocks--slider__track.is-dragging{cursor:grabbing;scroll-behavior:auto;scroll-snap-type:none;user-select:none}.qp-blocks--slider__track::-webkit-scrollbar{display:none}.qp-blocks--slider:not(.has-mask) .qp-blocks--slider__track{grid-auto-columns:calc((100% - (var(--slides-per-view) - 1)*var(--qp-slider--gap))/var(--slides-per-view))}.qp-blocks--slide{scroll-snap-align:start;min-width:0}.qp-blocks--slider.has-negative-peek .qp-blocks--slide:last-child{scroll-snap-align:end}.qp-blocks--slider__controls{display:flex;align-items:center;justify-content:space-between;gap:16px;margin-block-start:16px}.qp-blocks--slider__dots-placeholder{flex:1}.qp-blocks--slider__dots{display:flex;align-items:center;gap:8px;flex:1;flex-wrap:wrap}.qp-blocks--slider__dot{position:relative;height:4px;width:16px;padding:0;border:none;border-radius:2px;background-color:color-mix(in srgb, var(--qp-slider--dot-color) 45%, transparent);cursor:pointer;flex-shrink:0;transition:width 300ms ease,background-color 150ms ease,opacity 150ms ease,transform 150ms ease}.qp-blocks--slider__dot::after{content:"";position:absolute;left:-8px;top:-10px;width:calc(100% + 16px);height:24px}.qp-blocks--slider__dot.is-active,.qp-blocks--slider__dot[aria-selected=true]{width:28px;background-color:var(--qp-slider--dot-active-color);transform:none}.qp-blocks--slider__dot:hover:not(.is-active):not([aria-selected=true]){background-color:color-mix(in srgb, var(--qp-slider--dot-color) 75%, transparent);width:20px}.qp-blocks--slider__dot.is-active:hover,.qp-blocks--slider__dot[aria-selected=true]:hover{background-color:color-mix(in srgb, var(--qp-slider--dot-active-color) 80%, white)}.qp-blocks--slider__dot:focus-visible{outline:2px solid var(--qp-slider--dot-active-color);outline-offset:4px;border-radius:3px}.qp-blocks--slider__nav{display:flex;align-items:center;gap:8px;flex-shrink:0}.qp-blocks--slider__btn{position:relative;display:inline-flex;align-items:center;justify-content:center;width:32px;height:32px;padding:0;border:1px solid color-mix(in srgb, var(--qp-slider--btn-color) 45%, transparent);border-radius:50%;background:rgba(0,0,0,0);background-image:linear-gradient(135deg, color-mix(in srgb, var(--wp--preset--color--tertiary, #262626) 0%, transparent) 20%, color-mix(in srgb, var(--wp--preset--color--tertiary, #262626) 8%, transparent) 80%);cursor:pointer;flex-shrink:0;transition:transform 150ms ease,background-image 150ms ease,border-color 150ms ease}.qp-blocks--slider__btn svg{width:18px;height:18px;flex-shrink:0;color:var(--qp-slider--btn-color);transition:color 150ms ease}.qp-blocks--slider__btn svg path{fill:currentColor}.qp-blocks--slider__btn:hover:not(:disabled):not([aria-disabled=true]){transform:scale(1.12);border-color:color-mix(in srgb, var(--qp-slider--btn-color) 80%, transparent);background-image:linear-gradient(135deg, color-mix(in srgb, var(--wp--preset--color--tertiary, #262626) 6%, transparent) 20%, color-mix(in srgb, var(--wp--preset--color--tertiary, #262626) 18%, transparent) 80%)}.qp-blocks--slider__btn:active:not(:disabled):not([aria-disabled=true]){transform:scale(0.9) !important;background-image:linear-gradient(135deg, color-mix(in srgb, var(--wp--preset--color--tertiary, #262626) 16%, transparent) 20%, color-mix(in srgb, var(--wp--preset--color--tertiary, #262626) 32%, transparent) 80%)}.qp-blocks--slider__btn:focus-visible{outline:2px solid var(--qp-slider--dot-active-color);outline-offset:3px}.qp-blocks--slider__btn:disabled,.qp-blocks--slider__btn[aria-disabled=true]{opacity:.3}.qp-blocks--slider__btn:disabled::after,.qp-blocks--slider__btn[aria-disabled=true]::after{color:color-mix(in srgb, var(--qp-slider--btn-color) 50%, transparent)}@media(prefers-reduced-motion: reduce){.qp-blocks--slider__track{scroll-behavior:auto}.qp-blocks--slider__btn,.qp-blocks--slider__dot{transition:none}.qp-blocks--slider__btn:hover,.qp-blocks--slider__btn:active{transform:none !important}.qp-blocks--slider__viewport{transition:none}}