/*! HP Inc: hp-components-use-case-drawer.rtl|2025.1204.1193326.0007119005|12/4/2025, 7:36:51 PM|production|prodBuild|root */hp-use-case-drawer{display:block}[dir] hp-use-case-drawer{padding:50px 0}[dir] hp-use-case-drawer .main-title{margin-bottom:40px;text-align:center}hp-use-case-drawer .tiles{display:flex}@media (max-width:1279.98px){[dir] hp-use-case-drawer{padding:50px 0}hp-use-case-drawer .tiles{align-items:center;flex-direction:column;flex-wrap:wrap}hp-use-case-drawer .tiles.tablet-left{align-items:flex-start}hp-use-case-drawer .tiles.tablet-right{align-items:flex-end}}@media (max-width:719.98px){[dir] hp-use-case-drawer .main-title{margin-bottom:30px}[dir=ltr] hp-use-case-drawer .main-title,[dir=ltr] hp-use-case-drawer .tiles-container,[dir=rtl] hp-use-case-drawer .main-title,[dir=rtl] hp-use-case-drawer .tiles-container{padding-left:20px;padding-right:20px}}.c-use-case-drawer-tile{flex-basis:50%;flex-grow:1;min-height:470px;overflow:hidden;position:relative}body:not(.c-mouse-event) .c-use-case-drawer-tile:focus{outline:var(--hp-button-focus-outline)}.c-use-case-drawer-tile .trigger{display:block;height:100%}.c-use-case-drawer-tile .trigger .trigger-content{bottom:0;display:flex;justify-content:space-between;position:absolute;transition:height .1s ease,border-top-color 1s ease;width:100%;z-index:1}[dir=ltr] .c-use-case-drawer-tile .trigger .trigger-content{padding:20px 10px 20px 20px}[dir=rtl] .c-use-case-drawer-tile .trigger .trigger-content{padding:20px 20px 20px 10px}.c-use-case-drawer-tile .trigger .trigger-content .action-icon{height:40px;width:40px}.c-use-case-drawer-tile .trigger .trigger-content .action-icon .click-tap-target{fill:none}.c-use-case-drawer-tile .trigger .trigger-content .action-icon .sign-area{fill:#000}body:not(.c-mouse-event) .c-use-case-drawer-tile .trigger .trigger-content .action-icon:focus{outline:var(--hp-button-focus-outline)}body:not(.c-mouse-event) .c-use-case-drawer-tile .trigger .trigger-content .action-icon:focus .click-tap-target{fill:#fff}body:not(.c-mouse-event) .c-use-case-drawer-tile .trigger .trigger-content .action-icon:focus .sign-area{fill:#000}.c-use-case-drawer-tile .trigger .trigger-content .closed-icon{display:inline-block;position:absolute;top:16px}[dir=ltr] .c-use-case-drawer-tile .trigger .trigger-content .closed-icon{right:10px}[dir=rtl] .c-use-case-drawer-tile .trigger .trigger-content .closed-icon{left:10px}@media (max-width:1919.98px){.c-use-case-drawer-tile .trigger .trigger-content .closed-icon{top:14px}}@media (max-width:1279.98px){.c-use-case-drawer-tile .trigger .trigger-content .closed-icon{top:12px}}.c-use-case-drawer-tile .trigger .trigger-content .opened-icon{display:none}.c-use-case-drawer-tile .trigger .title-height-holder{bottom:0;opacity:0;position:absolute;z-index:-1}[dir=ltr] .c-use-case-drawer-tile .trigger .title-height-holder{padding:20px 10px 20px 20px}[dir=rtl] .c-use-case-drawer-tile .trigger .title-height-holder{padding:20px 20px 20px 10px}[dir=ltr] .c-use-case-drawer-tile .trigger .title-height-holder .trigger-title-holder{margin-right:50px}[dir=rtl] .c-use-case-drawer-tile .trigger .title-height-holder .trigger-title-holder{margin-left:50px}.c-use-case-drawer-tile .trigger .trigger-title{max-height:280px;opacity:1;transition:opacity .1s linear .3s,max-height .1s linear .3s}[dir=ltr] .c-use-case-drawer-tile .trigger .trigger-title{margin-right:50px}[dir=rtl] .c-use-case-drawer-tile .trigger .trigger-title{margin-left:50px}.c-use-case-drawer-tile .trigger.active .trigger-content{height:auto!important}[dir] .c-use-case-drawer-tile .trigger.active .trigger-content{border-top-color:transparent!important;border-top-width:0!important}[dir=ltr] .c-use-case-drawer-tile .trigger.active .trigger-content{padding:0 9px 9px 0}[dir=rtl] .c-use-case-drawer-tile .trigger.active .trigger-content{padding:0 0 9px 9px}.c-use-case-drawer-tile .trigger.active .trigger-title{max-height:0;opacity:0;transition:opacity .1s linear 0s,max-height .1s linear 0s;visibility:hidden}.c-use-case-drawer-tile .trigger.active .opened-icon{display:inline-block}.c-use-case-drawer-tile .trigger.active .closed-icon{display:none}.c-use-case-drawer-tile .tile-curtain{bottom:-1px;position:absolute;top:-1px;transition:transform .3s ease-in;z-index:1}[dir=ltr] .c-use-case-drawer-tile .tile-curtain,[dir=rtl] .c-use-case-drawer-tile .tile-curtain{left:-1px;right:-1px}.c-use-case-drawer-tile .tile-curtain .c-image-v2{height:100%;position:absolute;width:100%}.c-use-case-drawer-tile .tile-content-wrapper{display:flex;height:100%}.c-use-case-drawer-tile .tile-content-wrapper.show .tile-curtain{visibility:hidden}[dir] .c-use-case-drawer-tile .tile-content-wrapper.show .tile-curtain{transform:translateY(-100%)}.c-use-case-drawer-tile .tile-content{display:flex;flex-direction:column;justify-content:flex-start;width:100%}[dir] .c-use-case-drawer-tile .tile-content{padding:20px 20px 49px}body:not(.c-mouse-event) .c-use-case-drawer-tile .tile-content:focus{outline:3px solid #bbd8fc}[dir] .c-use-case-drawer-tile .tile-description{margin-top:20px}[dir] .c-use-case-drawer-tile .tile-partners{margin-top:30px}[dir=ltr] .c-use-case-drawer-tile .btn-container .c-button-with-bg-image{margin:10px 10px 0 0!important}[dir=rtl] .c-use-case-drawer-tile .btn-container .c-button-with-bg-image{margin:10px 0 0 10px!important}@media (min-width:1280px){[dir=ltr] .c-use-case-drawer-tile+.c-use-case-drawer-tile{margin-left:30px}[dir=rtl] .c-use-case-drawer-tile+.c-use-case-drawer-tile{margin-right:30px}}@media (max-width:1279.98px){.c-use-case-drawer-tile{max-width:100%;min-height:303px;width:660px}[dir] .c-use-case-drawer-tile+.c-use-case-drawer-tile{margin:30px 0 0}.c-use-case-drawer-tile .trigger{height:inherit}}@media (max-width:719.98px){.c-use-case-drawer-tile{min-height:450px;width:100%}[dir] .c-use-case-drawer-tile+.c-use-case-drawer-tile{margin:20px 0 0}.c-use-case-drawer-tile .tile-content-wrapper{min-height:450px}}