body:has(.silk-page-scenario-showcase),body:has(.silk-page-scenario-showcase) .main-content.page-main--wrapper,body:has(.silk-page-scenario-showcase) .main-content{overflow-x:visible;overflow-y:visible}.silk-page-scenario-showcase{position:relative;width:100%;max-width:100%;overflow:visible;padding-top:var(--spss-section-top-space, 96px);padding-bottom:var(--spss-section-bottom-space, 96px)}.silk-page-scenario-showcase__container{width:100%;margin:0 auto;box-sizing:border-box}.silk-page-scenario-showcase .spss__items{display:grid}.silk-page-scenario-showcase .spss__item{grid-area:1 / 1;visibility:hidden;pointer-events:none;transition:visibility .55s ease}.silk-page-scenario-showcase .spss__item.is-active{visibility:visible;pointer-events:auto;z-index:2;transition:visibility .55s ease}.silk-page-scenario-showcase .spss__item:before{content:"";position:absolute;inset:0 0 auto;height:calc(100% - 104px);background:var(--spss-item-background);transition:transform .8s ease,opacity .5s linear;opacity:0}.silk-page-scenario-showcase .spss__item.is-active:before{transition:transform .8s ease,opacity .5s linear;opacity:1}.silk-page-scenario-showcase .spss__item--with-image:before{background:transparent}.silk-page-scenario-showcase .spss__item--with-image:before{display:none}.silk-page-scenario-showcase .spss__item--with-image{position:relative;padding-bottom:0}.silk-page-scenario-showcase .spss__item--with-image.is-active{padding-bottom:var(--spss-item-background-ratio)}@media(min-width:769px)and (max-width:1400px){.silk-page-scenario-showcase .spss__item--with-image.is-active{padding-bottom:60%}}.silk-page-scenario-showcase .spss__item-bgimg{position:absolute;top:0;right:0;bottom:0;left:0;overflow:hidden}.silk-page-scenario-showcase .spss__item-bgimg .image,.silk-page-scenario-showcase .spss__item-bgimg img{width:100%;height:100%;display:block}.silk-page-scenario-showcase .spss__item-bgimg img{object-fit:cover;filter:blur(var(--spss-item-background-blur, 0))}.silk-page-scenario-showcase .spss__item--with-image .spss__item-content{position:absolute;bottom:-96px;left:50%;transform:translate(-50%)}.silk-page-scenario-showcase .spss__item-content{position:relative;z-index:1;width:100%;max-width:1200px;margin:0 auto;padding:60px 30px 0;box-sizing:border-box}.silk-page-scenario-showcase .spss__item-header{max-width:1140px;margin:0 auto 32px}.silk-page-scenario-showcase .spss__drag-info{display:inline-block;margin:0 0 24px;color:var(--spss-drag-info-text-color);font-family:var(--body-font-stack);font-size:16px;font-style:normal;font-weight:600;line-height:150%;letter-spacing:0}.silk-page-scenario-showcase .spss__drag-line-main{--spss-ball-size: 100px;position:relative;width:100%;height:100px;touch-action:none;-webkit-user-select:none;user-select:none}.silk-page-scenario-showcase .spss__drag-line-wrap{position:absolute;top:0;right:0;bottom:0;left:0}.silk-page-scenario-showcase .spss__drag-line,.silk-page-scenario-showcase .spss__drag-line-fill{position:absolute;left:0;top:calc(100% - (var(--spss-ball-size) / 2));width:100%;height:1px;z-index:-1}.silk-page-scenario-showcase .spss__drag-line{background:var(--spss-drag-line-color);opacity:.35}.silk-page-scenario-showcase .spss__drag-line-fill{width:calc(var(--spss-control-offset, 0px) + (var(--spss-ball-size) / 2));background:var(--spss-drag-line-color);opacity:1}.silk-page-scenario-showcase .spss__drag-line-control{position:absolute;top:calc(100% - var(--spss-ball-size));left:0;width:var(--spss-ball-size);height:var(--spss-ball-size);transform:translate(var(--spss-control-offset, 0px))}.silk-page-scenario-showcase .spss__drag-ball{width:100%;height:100%;padding:0;border:0;border-radius:50%;background:var(--spss-drag-ball-color);cursor:grab;box-shadow:0 12px 34px #0000002e;transition:transform .3s ease,box-shadow .3s ease,background .35s ease}.silk-page-scenario-showcase .spss__drag-ball:hover,.silk-page-scenario-showcase .spss__drag-ball:focus-visible{transform:scale(1.04);box-shadow:0 16px 42px #0000003d}.silk-page-scenario-showcase .spss__drag-ball.is-dragging,.silk-page-scenario-showcase.is-dragging .spss__drag-ball{cursor:grabbing;transform:scale(.96)}.silk-page-scenario-showcase .spss__drag-line-heading{position:absolute;top:17px;left:calc(var(--spss-control-offset, 0px) + var(--spss-ball-size) + 20px);transform:none;color:var(--spss-heading-text-color);font-family:var(--header-font-stack);font-size:56px;font-style:normal;font-weight:400;line-height:normal;letter-spacing:-3.36px;text-transform:uppercase;white-space:nowrap}.silk-page-scenario-showcase .spss__item-banner{position:relative;width:100%;max-width:1140px;margin:0 auto;overflow:hidden;padding-bottom:var(--spss-banner-aspect-ratio)}@media(max-width:1600px)and (min-width:769px){.silk-page-scenario-showcase .spss__item-content{padding:30px 30px 0}.silk-page-scenario-showcase .spss__item-header{margin:0 auto 15px}.silk-page-scenario-showcase .spss__drag-line-main{--spss-ball-size: 60px;height:60px}.silk-page-scenario-showcase .spss__drag-line-heading{top:1px}}.silk-page-scenario-showcase .spss__item-banner-image{position:absolute;top:0;right:0;bottom:0;left:0;overflow:hidden}.silk-page-scenario-showcase .spss__item-banner-image .image{width:100%;height:100%;display:block}.silk-page-scenario-showcase .spss__item-banner-image .only-mobile{display:none}.silk-page-scenario-showcase .spss__item-banner-image img{width:100%;height:100%;display:block;object-fit:cover;transform:scale(1.08);opacity:.88;transition:transform .8s ease}.silk-page-scenario-showcase .spss__item.is-active .spss__item-banner-image img{transform:scale(1);opacity:1}.silk-page-scenario-showcase .spss__item-banner-content{position:absolute;top:0;right:0;bottom:0;left:0;display:flex;align-items:flex-end;padding:32px;box-sizing:border-box;color:var(--spss-banner-text-color)}.silk-page-scenario-showcase .spss__item-banner--text-only .spss__item-banner-content{position:relative;background:none}.silk-page-scenario-showcase .spss__item-banner-content-inner{display:flex;justify-content:space-between;align-items:flex-end;gap:16px;transform:translateY(28px);opacity:0;width:100%;transition:transform .55s ease,opacity .55s ease}.silk-page-scenario-showcase .spss__item.is-active .spss__item-banner-content-inner{transform:translateY(0);opacity:1}.silk-page-scenario-showcase .spss__item-banner-content-text{max-width:500px;display:flex;flex-direction:column;align-items:flex-start;gap:16px}.silk-page-scenario-showcase .spss__item-banner-title{margin:0;color:inherit;font-family:var(--header-font-stack);font-size:32px;font-style:normal;font-weight:400;line-height:normal;letter-spacing:-1.92px}.silk-page-scenario-showcase .spss__item-banner-description,.silk-page-scenario-showcase .spss__item-banner-description p,.silk-page-scenario-showcase .spss__item-banner-description li{margin:0;color:inherit;font-family:var(--body-font-stack);font-size:16px;font-style:normal;font-weight:400;line-height:150%}.silk-page-scenario-showcase .spss__item-banner-description p+p{margin-top:10px}.silk-page-scenario-showcase .spss__item-banner-button-wrap{margin-top:8px}.silk-page-scenario-showcase .spss__item-banner-button{position:relative;display:inline-flex;align-items:center;justify-content:center;width:fit-content;min-width:144px;min-height:48px;padding:10px 36px;border:1px solid var(--spss-button-color);background:transparent;color:var(--spss-button-text-color);font-family:var(--body-font-stack);font-size:13px;font-style:normal;font-weight:600;line-height:1.5;letter-spacing:0;text-decoration:none;text-transform:uppercase;overflow:hidden;transition:color .4s ease,border-color .4s ease}.silk-page-scenario-showcase .spss__item-banner-button:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;z-index:-1;background:var(--spss-button-color);transform:translate(0);transition:transform .4s ease,background .4s ease}.silk-page-scenario-showcase .spss__item-banner-button:hover:before,.silk-page-scenario-showcase .spss__item-banner-button:focus-visible:before{transform:translate(calc(-100% - 1px));background:var(--spss-button-hover-color)}.silk-page-scenario-showcase .spss__item-banner-button:hover,.silk-page-scenario-showcase .spss__item-banner-button:focus-visible{color:var(--spss-button-hover-text-color);border-color:var(--spss-button-hover-color)}.silk-page-scenario-showcase .spss__item-banner-button span,.silk-page-scenario-showcase .spss__item-banner-button{position:relative;z-index:1}@media(min-width:768px){.silk-page-scenario-showcase .only-mobile{display:none!important}}@media(max-width:767px){.silk-page-scenario-showcase .only-desktop{display:none!important}.silk-page-scenario-showcase{padding-top:var(--spss-section-top-space-mobile, 48px);padding-bottom:var(--spss-section-bottom-space-mobile, 48px)}.silk-page-scenario-showcase .spss__item:before{height:calc(100% - 100px)}.silk-page-scenario-showcase .spss__item--with-image{padding-bottom:0}.silk-page-scenario-showcase .spss__item--with-image.is-active{padding-bottom:calc(var(--spss-item-background-ratio-mobile) + 96px)}.silk-page-scenario-showcase .spss__item--with-image .spss__item-content{bottom:-48px}.silk-page-scenario-showcase .spss__item-content{padding:32px 20px 0}.silk-page-scenario-showcase .spss__item-header{margin:0 auto;text-align:center}.silk-page-scenario-showcase .spss__drag-info{margin:0 0 10px;font-size:14px;line-height:normal}.silk-page-scenario-showcase .spss__drag-line-main{--spss-ball-size: 48px;margin-bottom:16px;display:flex;flex-direction:column;gap:10px;height:116px}.silk-page-scenario-showcase .spss__drag-line-heading{position:unset;font-size:38px;letter-spacing:-1.92px;white-space:normal}.silk-page-scenario-showcase .spss__item-banner{padding-bottom:var(--spss-banner-aspect-ratio-mobile)}.silk-page-scenario-showcase .spss__item-banner-image{position:absolute;top:0;right:0;bottom:0;left:0}.silk-page-scenario-showcase .spss__item-banner-image .only-desktop{display:none}.silk-page-scenario-showcase .spss__item-banner-image .only-mobile{display:block}.silk-page-scenario-showcase .spss__item-banner-content,.silk-page-scenario-showcase .spss__item-banner--text-only .spss__item-banner-content{padding:24px 20px 20px;align-items:flex-start}.silk-page-scenario-showcase .spss__item-banner-content-inner{width:100%;height:100%;flex-direction:column;align-items:center;justify-content:flex-end;gap:16px}.silk-page-scenario-showcase .spss__item-banner-title{font-size:24px;letter-spacing:-1.44px}.silk-page-scenario-showcase .spss__item-banner-description{display:none}.silk-page-scenario-showcase .spss__item-banner-button-wrap,.silk-page-scenario-showcase .spss__item-banner-button{width:100%;max-width:unset;margin:0}}.silk-page-scenario-showcase{--spss-sticky-top: var(--section-header-height, 0px);--spss-panel-height: 1px;--spss-scroll-steps: max(var(--spss-scene-count, 1) - 1, 0)}.silk-page-scenario-showcase__container{overflow:visible}.silk-page-scenario-showcase .spss__panel{position:sticky;top:var(--spss-sticky-top);z-index:2;will-change:transform}.silk-page-scenario-showcase .spss__scroll-spacer{width:100%;height:calc(var(--spss-panel-height) * var(--spss-scroll-steps));pointer-events:none}
/*# sourceMappingURL=/cdn/shop/t/347/assets/silk-page-scenario-showcase.css.map */