.carticon{--carticon-margin-top: var(--scope-margin-top, 0);--carticon-margin-right: var(--scope-margin-right, 0);--carticon-margin-bottom: var(--scope-margin-bottom, var(--global-layout-default-margin));--carticon-margin-left: var(--scope-margin-left, 0);margin:var(--carticon-margin-top) var(--carticon-margin-right) var(--carticon-margin-bottom) var(--carticon-margin-left);--carticon-number-container-size: 20px;--carticon-number-size: 14px;--carticon-number-background: var(--scope-color-accent1, #fff);--carticon-number-color: var(--scope-color-accent1-text, #000);--scope-modal-content-padding: 0;display:inline-flex}.carticon__icon{--scope-modal-content-height: var(--modal-content-height, 400px);position:relative}.carticon__wrapper{--icon-alignment-horizontal: var(--scope-alignment-horizontal, left);text-align:var(--icon-alignment-horizontal);justify-content:var(--icon-alignment-horizontal)}.carticon__wrapper .icon__link{position:relative;cursor:pointer}.carticon__wrapper .icon__link .icon__number{position:absolute;right:-5px;top:-5px;background-color:var(--carticon-number-background);color:var(--carticon-number-color);border-radius:var(--carticon-number-container-size);height:var(--carticon-number-container-size);width:var(--carticon-number-container-size);display:flex;align-items:center;justify-content:center;font-size:var(--carticon-number-size)}.carticon__wrapper .icon__link .icon__number:empty{display:none}.carticon__wrapper .icon__link:hover{color:var(--icon-color)}.carticon__wrapper .icon__link:hover svg{fill:var(--icon-color)}@media (min-width: 768px){.carticon__wrapper:hover .cartflyout{display:block}}.carticon--block{display:grid}.cartflyout{display:none}.cartflyout--revealed{visibility:hidden;display:block}.cartflyout__base{--modal-content-height: 80vh;display:grid;grid-template-columns:repeat(12, 1fr);position:absolute;right:0;left:auto;top:100%;width:100vw;height:0;z-index:1000}.cartflyout__container{position:relative;display:grid;align-self:center;grid-column:2 / span 10;grid-template-rows:1fr auto}@media (min-width: 768px){.cartflyout__container{grid-column:var(--modal-grid-area-start, 2)/span var(--modal-grid-area-size, 10)}}.cartflyout heliux-text{word-break:break-word}.cartflyout .aem-Grid>.columncontrol{padding:10px}.cartflyout .cartlist__base{overflow:auto;max-height:var(--scope-modal-content-height)}