.sooler-collection-banner-shell{position:relative;isolation:isolate;width:100%;margin:0 auto;overflow:hidden;border-radius:var(--sooler-collection-banner-radius, 12px);background:var(--sooler-collection-banner-panel, #ecf2e7)}.sooler-collection-banner-shell--hero-width{max-width:1600px}.sooler-collection-banner-shell--bottom-spacing{margin-bottom:32px}.sooler-collection-banner-shell--plain,.sooler-collection-banner-shell--no-background{overflow:visible;border-radius:0;background:transparent}.sooler-collection-banner-shell__grid,.sooler-collection-banner-shell__column{width:100%}.sooler-collection-banner-shell>.sooler-collection-banner-shell__grid.row{position:relative;z-index:1;max-width:var(--grid-width-row, 1430px);margin-right:auto;margin-left:auto}.sooler-collection-banner-shell>.sooler-collection-banner{position:relative;z-index:1}.sooler-collection-banner{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);width:100%;min-height:350px;margin:0 auto;overflow:hidden;border-radius:0;background:transparent}.sooler-collection-banner--no-image{grid-template-columns:minmax(0,1fr);min-height:240px}.sooler-collection-banner__content{display:flex;flex-direction:column;justify-content:center;min-width:0;padding:clamp(32px,5vw,100px)}.sooler-collection-banner__heading{margin:0}.sooler-collection-banner__description{max-width:650px;margin-top:22px;font-size:clamp(15px,1.2vw,18px);line-height:1.6}.sooler-collection-banner__description-copy>:last-child{margin-bottom:0}.sooler-collection-banner__description-toggle{display:none;align-items:center;gap:4px;width:fit-content;margin-top:8px;padding:0;border:0;color:inherit;background:transparent;font:inherit;font-weight:600;line-height:1.35;text-decoration:underline;text-underline-offset:3px;cursor:pointer}.sooler-collection-banner__description-toggle[hidden]{display:none}.sooler-collection-banner__description-toggle svg{width:14px;height:14px;fill:none;stroke:currentColor;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round;transition:transform .2s ease}.sooler-collection-banner__description.is-expanded .sooler-collection-banner__description-toggle svg{transform:rotate(180deg)}.sooler-collection-banner__media{position:relative;align-self:stretch;min-height:350px;aspect-ratio:var(--sooler-collection-banner-image-ratio, 2 / 1);overflow:hidden}.sooler-collection-banner__image{display:block;position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;object-fit:cover;object-position:center}@media(max-width:767px){.sooler-collection-banner{grid-template-columns:minmax(0,1fr);min-height:0}.sooler-collection-banner__content{padding:30px 24px 36px}.sooler-collection-banner__media{order:-1;min-height:230px;aspect-ratio:var(--sooler-collection-banner-image-ratio, 2 / 1)}.sooler-collection-banner__description{margin-top:16px}.sooler-collection-banner__description:not(.is-expanded) .sooler-collection-banner__description-copy{display:-webkit-box;overflow:hidden;-webkit-box-orient:vertical;-webkit-line-clamp:2}.sooler-collection-banner__description-toggle:not([hidden]){display:inline-flex}}.sooler-collection-banner--plain{display:block;min-height:0;overflow:visible;border-radius:0;background:transparent}.sooler-collection-banner--plain .sooler-collection-banner__content{display:block;padding:20px 0}.sooler-collection-banner--plain .sooler-collection-banner__description{width:100%;max-width:none}.sooler-collection-banner--plain-center .sooler-collection-banner__content{text-align:center}.sooler-collection-banner--avatar{display:block;min-height:0;padding:var(--sooler-collection-banner-padding-block, 32px) var(--sooler-collection-banner-padding-inline, 0)}.sooler-collection-banner--avatar-no-background{padding:0;overflow:visible;border-radius:0;background:transparent}.sooler-collection-banner__avatar-heading{display:flex;align-items:center;gap:20px;min-width:0}.sooler-collection-banner__avatar-heading .sooler-collection-banner__heading{min-width:0;overflow-wrap:break-word}.sooler-collection-banner__avatar-media{position:relative;flex:0 0 96px;width:96px;height:96px;overflow:hidden;border-radius:12px;background:#fff}.sooler-collection-banner__avatar-media--shadow{box-shadow:0 .3125rem .3125rem -.15625rem #00000008,0 .1875rem .1875rem -.09375rem #00000005,0 .125rem .125rem -.0625rem #00000005,0 .0625rem .0625rem -.03125rem #00000008,0 .03125rem .03125rem #0000000a,0 0 0 .0625rem #0000000f}.sooler-collection-banner__avatar-media:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;border-radius:inherit;box-shadow:inset 0 0 0 2px #fff;pointer-events:none}.sooler-collection-banner__avatar-image{display:block;width:100%;height:100%;object-fit:cover}.sooler-collection-banner__avatar-description{max-width:none;margin-top:24px}.sooler-collection-banner--avatar-center .sooler-collection-banner__avatar-heading{justify-content:center;text-align:center}.sooler-collection-banner--avatar-center .sooler-collection-banner__avatar-description{text-align:center}.sooler-collection-banner--avatar-split{position:relative;isolation:isolate;grid-template-columns:minmax(0,1fr) minmax(0,1fr);align-items:center;gap:var(--sooler-collection-banner-content-gap, 24px);min-height:0;padding:var(--sooler-collection-banner-padding-block, 32px) var(--sooler-collection-banner-padding-inline, 0)}.sooler-collection-banner__background{position:absolute;z-index:0;top:0;right:0;bottom:0;left:0;overflow:hidden}.sooler-collection-banner--avatar-split>.sooler-collection-banner__avatar-heading,.sooler-collection-banner--avatar-split>.sooler-collection-banner__avatar-description{position:relative;z-index:1}.sooler-collection-banner__background-image{display:block;width:100%;height:100%;object-fit:cover}.sooler-collection-banner__background:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background:var(--sooler-collection-banner-overlay-color, #000);opacity:var(--sooler-collection-banner-overlay-opacity, .2);pointer-events:none}.sooler-collection-banner--background-image .sooler-collection-banner__heading{color:#fff}.sooler-collection-banner--avatar-split .sooler-collection-banner__heading{text-shadow:none}.sooler-collection-banner--avatar-split .sooler-collection-banner__avatar-media{flex-basis:140px;width:140px;height:140px}.sooler-collection-banner--avatar-split-vertical{grid-template-columns:minmax(0,1fr);align-items:stretch}.sooler-collection-banner--avatar-split-vertical .sooler-collection-banner__avatar-heading{flex-direction:row;align-items:center;justify-content:center;gap:12px;text-align:center}.sooler-collection-banner--avatar-split-vertical .sooler-collection-banner__avatar-media{flex-basis:var(--sooler-collection-banner-split-avatar-size, 64px);width:var(--sooler-collection-banner-split-avatar-size, 64px);height:var(--sooler-collection-banner-split-avatar-size, 64px)}.sooler-collection-banner--avatar-split-vertical .sooler-collection-banner__avatar-description{width:100%;text-align:center}.sooler-collection-banner--avatar-split .sooler-collection-banner__avatar-description{margin-top:0;padding:clamp(20px,2vw,32px);border-radius:16px;background:#fff;color:var(--sooler-collection-banner-description-color, inherit)}.sooler-collection-banner--avatar-split .sooler-collection-banner__avatar-description *{color:inherit}.sooler-collection-banner--description-dark .sooler-collection-banner__avatar-description{background:rgba(0,0,0,var(--sooler-collection-banner-description-opacity, .85));color:var(--sooler-collection-banner-description-color, #fff)}.sooler-collection-banner--description-transparent .sooler-collection-banner__avatar-description{background:transparent}.sooler-collection-banner--background-image.sooler-collection-banner--description-transparent .sooler-collection-banner__avatar-description{color:var(--sooler-collection-banner-description-color, #fff)}.sooler-collection-banner--description-transparent .sooler-collection-banner__avatar-description,.sooler-collection-banner--description-transparent .sooler-collection-banner__avatar-description *{text-shadow:none}@media(max-width:767px){.sooler-collection-banner__avatar-heading{gap:16px}.sooler-collection-banner--avatar-split{grid-template-columns:minmax(0,1fr);gap:var(--sooler-collection-banner-content-gap, 24px)}.sooler-collection-banner--avatar-split:not(.sooler-collection-banner--avatar-split-vertical) .sooler-collection-banner__avatar-media{flex-basis:96px;width:96px;height:96px}}
/*# sourceMappingURL=/cdn/shop/t/18/assets/sooler-collection-banner.css.map */