.collection-list{background:rgb(var(--color-background, 255 255 255));color:rgb(var(--color-foreground, 48 46 89));padding:1.625rem 1.25rem 1.3125rem}.collection-list__inner{margin:0 auto;overflow:hidden}.collection-list__header{align-items:center;display:flex;gap:1rem;justify-content:space-between;margin-block-end:1rem}.collection-list__header--no-heading{justify-content:flex-end}.collection-list--heading-center .collection-list__header{display:grid;grid-template-columns:1fr auto 1fr}.collection-list--heading-center .collection-list__heading{grid-column:2;text-align:center}.collection-list--heading-center .collection-list__controls{grid-column:3;justify-self:end}.collection-list--heading-right .collection-list__header{justify-content:space-between}.collection-list--heading-right .collection-list__heading{flex:1 1 auto;text-align:right}.collection-list__heading{color:inherit;font-family:var(--ds-font-heading);font-size:32px;font-weight:700;letter-spacing:0;line-height:normal;margin:0;min-width:0;overflow-wrap:anywhere}.collection-list__controls{align-items:center;display:flex;flex:0 0 auto;gap:.5rem}.collection-list__button{align-items:center;background:transparent;border:0;color:var(--ds-color-midnight-500);cursor:pointer;display:inline-flex;height:1.75rem;justify-content:center;padding:0;transition:color .16s ease,opacity .16s ease;width:1.75rem}.collection-list__button:focus-visible,.collection-list-card:focus-visible{outline:2px solid var(--ds-color-focus);outline-offset:4px}.collection-list__button:hover{color:var(--ds-color-midnight-700)}.collection-list__button:disabled{cursor:default;opacity:.28}.collection-list__button-icon{display:block;height:16.2px;width:16.2px}.collection-list__button-icon svg{display:block;height:100%;width:100%}.collection-list__viewport{overflow:visible}.collection-list__viewport:focus-visible{outline:2px solid var(--ds-color-focus);outline-offset:4px}.collection-list__track{margin:0;padding:0}.collection-list__slide{height:auto;list-style:none;width:calc((100% - ((var(--collection-list-columns-desktop) - 1) * 16px)) / var(--collection-list-columns-desktop))}.collection-list--desktop-grid .collection-list__track{display:grid;gap:16px;grid-template-columns:repeat(var(--collection-list-columns-desktop),minmax(0,1fr))}.collection-list--desktop-grid .collection-list__slide{width:auto}.collection-list-card{color:inherit;display:flex;flex-direction:column;height:100%;min-width:0;position:relative;text-decoration:none}.collection-list-card--link{cursor:pointer}.collection-list-card--link:hover .collection-list-card__image,.collection-list-card--link:focus-visible .collection-list-card__image{transform:scale(1.02);border-radius:calc(var(--ds-radius-md) + 2px)}.collection-list-card__media{background:var(--ds-color-mammfeel-50);min-height:0;overflow:hidden;position:relative}.collection-list-card__image,.collection-list-card__placeholder{aspect-ratio:340 / 512;border-radius:var(--ds-radius-md);display:block;height:100%;object-fit:cover;object-position:center;transition:transform .18s ease;width:100%}.collection-list--image-automatic .collection-list-card__image{aspect-ratio:auto}.collection-list--desktop-grid.collection-list--image-automatic .collection-list-card__media,.collection-list--mobile-2.collection-list--image-automatic .collection-list-card__media{aspect-ratio:16 / 9}.collection-list--image-square .collection-list-card__image,.collection-list--image-square .collection-list-card__placeholder{aspect-ratio:1}.collection-list--image-portrait .collection-list-card__image,.collection-list--image-portrait .collection-list-card__placeholder{aspect-ratio:340 / 512}.collection-list--image-landscape .collection-list-card__image,.collection-list--image-landscape .collection-list-card__placeholder{aspect-ratio:4 / 3}.collection-list--image-align-top-left .collection-list-card__image{object-position:left top}.collection-list--image-align-top-center .collection-list-card__image{object-position:center top}.collection-list--image-align-top-right .collection-list-card__image{object-position:right top}.collection-list--image-align-middle-left .collection-list-card__image{object-position:left center}.collection-list--image-align-middle-center .collection-list-card__image{object-position:center center}.collection-list--image-align-middle-right .collection-list-card__image{object-position:right center}.collection-list--image-align-bottom-left .collection-list-card__image{object-position:left bottom}.collection-list--image-align-bottom-center .collection-list-card__image{object-position:center bottom}.collection-list--image-align-bottom-right .collection-list-card__image{object-position:right bottom}.collection-list-card__placeholder{align-items:center;display:flex;justify-content:center}.collection-list-card__placeholder-svg{color:rgb(var(--color-foreground, 48 46 89) / 20%);height:100%;width:100%}.collection-list-card__brand{--collection-list-brand-radius: 10px;align-items:center;background:rgb(var(--color-background, 255 255 255));border-end-start-radius:var(--collection-list-brand-radius);display:inline-flex;inset-block-start:0;inset-inline-end:0;justify-content:center;min-block-size:2.5625rem;min-inline-size:40px;padding-inline:10px;position:absolute;z-index:2}.collection-list-card__brand:before,.collection-list-card__brand:after{background:radial-gradient(circle at 0 100%,transparent var(--collection-list-brand-radius),rgb(var(--color-background, 255 255 255)) calc(var(--collection-list-brand-radius) + .5px));content:"";height:var(--collection-list-brand-radius);pointer-events:none;position:absolute;width:var(--collection-list-brand-radius)}.collection-list-card__brand:before{inset-block-start:0;inset-inline-start:calc(-1 * var(--collection-list-brand-radius))}.collection-list-card__brand:after{inset-block-end:calc(-1 * var(--collection-list-brand-radius));inset-inline-end:0}.collection-list-card__brand-logo{display:block;height:17px;position:relative;width:41px;z-index:1}.collection-list-card__content{align-items:flex-start;display:flex;flex-direction:column;gap:.375rem;min-width:0;text-align:var(--collection-list-text-align, left)}.collection-list--text-align-left{--collection-list-text-align: left;--collection-list-content-align: flex-start}.collection-list--text-align-center{--collection-list-text-align: center;--collection-list-content-align: center}.collection-list--text-align-right{--collection-list-text-align: right;--collection-list-content-align: flex-end}.collection-list-card__content{align-items:var(--collection-list-content-align, flex-start)}.collection-list-card__content--below{padding:.75rem 0 0}.collection-list-card__content--overlay{color:var(--ds-color-midnight-500);display:none;inset-inline:0;padding:.5rem .75rem .75rem;pointer-events:none;position:absolute;z-index:1}.collection-list--overlay-top .collection-list-card__content--overlay{inset-block-start:0;justify-content:flex-start}.collection-list--overlay-center .collection-list-card__content--overlay{inset-block:0;justify-content:center}.collection-list--overlay-bottom .collection-list-card__content--overlay{inset-block-end:0;justify-content:flex-end}.collection-list--text-overlay .collection-list-card__content--overlay{display:flex}.collection-list--text-overlay .collection-list-card__content--below{display:none}.collection-list-card__subheading,.collection-list-card__title,.collection-list-card__count,.collection-list-card__onboarding{margin:0}.collection-list-card__label{display:flex;flex-direction:column;gap:.125rem;max-width:100%}.collection-list-card__subheading{font-family:var(--ds-font-body);font-size:.75rem;line-height:1.2}.collection-list-card__count{font-family:var(--ds-font-body);font-size:.75rem;line-height:1.2;opacity:.76}.collection-list-card__title{background:transparent;color:inherit;font-family:var(--ds-font-heading);font-size:1rem;font-weight:700;letter-spacing:0;line-height:normal;overflow-wrap:anywhere}.collection-list--text-overlay.collection-list--overlay-top .collection-list-card__label{--collection-list-label-radius: 10px;--collection-list-label-background: rgb(var(--color-background, 255 255 255));background:var(--collection-list-label-background);border-radius:0 0 var(--collection-list-label-radius) 0;margin:-.5rem -.75rem 0;max-width:calc(100% - 1.25rem);min-height:40px;padding:10px 15px;position:relative;width:fit-content}.collection-list--text-overlay.collection-list--overlay-top .collection-list-card__label:before,.collection-list--text-overlay.collection-list--overlay-top .collection-list-card__label:after{background:radial-gradient(circle at 100% 100%,transparent var(--collection-list-label-radius),var(--collection-list-label-background) calc(var(--collection-list-label-radius) + .5px));content:"";height:var(--collection-list-label-radius);pointer-events:none;position:absolute;width:var(--collection-list-label-radius)}.collection-list--text-overlay.collection-list--overlay-top .collection-list-card__label:before{inset-block-start:0;inset-inline-end:calc(-1 * var(--collection-list-label-radius))}.collection-list--text-overlay.collection-list--overlay-top .collection-list-card__label:after{inset-block-end:calc(-1 * var(--collection-list-label-radius));inset-inline-start:0}.collection-list--text-overlay.collection-list--overlay-top.collection-list--text-align-center .collection-list-card__label{border-radius:0 0 var(--collection-list-label-radius) var(--collection-list-label-radius)}.collection-list--text-overlay.collection-list--overlay-top.collection-list--text-align-center .collection-list-card__label:before{background:radial-gradient(circle at 0 100%,transparent var(--collection-list-label-radius),var(--collection-list-label-background) calc(var(--collection-list-label-radius) + .5px));inset-block-start:0;inset-inline-end:auto;inset-inline-start:calc(-1 * var(--collection-list-label-radius))}.collection-list--text-overlay.collection-list--overlay-top.collection-list--text-align-center .collection-list-card__label:after{inset-block-end:auto;inset-block-start:0;inset-inline-end:calc(-1 * var(--collection-list-label-radius));inset-inline-start:auto}.collection-list--text-overlay.collection-list--overlay-top.collection-list--text-align-right .collection-list-card__label{border-radius:0 0 0 var(--collection-list-label-radius)}.collection-list--text-overlay.collection-list--overlay-top.collection-list--text-align-right .collection-list-card__label:before,.collection-list--text-overlay.collection-list--overlay-top.collection-list--text-align-right .collection-list-card__label:after{background:radial-gradient(circle at 0 100%,transparent var(--collection-list-label-radius),var(--collection-list-label-background) calc(var(--collection-list-label-radius) + .5px))}.collection-list--text-overlay.collection-list--overlay-top.collection-list--text-align-right .collection-list-card__label:before{inset-block-start:0;inset-inline-end:auto;inset-inline-start:calc(-1 * var(--collection-list-label-radius))}.collection-list--text-overlay.collection-list--overlay-top.collection-list--text-align-right .collection-list-card__label:after{inset-block-end:calc(-1 * var(--collection-list-label-radius));inset-inline-end:0;inset-inline-start:auto}.collection-list-card__button-wrap{align-items:center;display:flex;inset-block-end:1rem;inset-inline:1rem;justify-content:center;pointer-events:none;position:absolute;z-index:2}.collection-list-card__button-wrap .ds-button{min-height:2.75rem;min-width:0;pointer-events:auto}.collection-list-card__button-wrap .ds-button--secondary{background:var(--theme-button-background, var(--ds-color-mammfeel-50));border-color:var(--theme-button-border, var(--ds-color-mammfeel-500));color:var(--theme-button-text, var(--ds-color-midnight-500))}.collection-list-card__button-wrap .ds-button--secondary:hover{background:var(--theme-button-background, var(--ds-color-mammfeel-50));opacity:.8}.collection-list-card__onboarding{background:rgb(var(--color-background, 255 255 255) / 90%);border-radius:var(--ds-radius-sm);color:rgb(var(--color-foreground, 48 46 89));font-family:var(--ds-font-body);font-size:.875rem;inset-block-end:.75rem;inset-inline:.75rem;line-height:1.25;padding:.75rem;position:absolute}.collection-list__empty{margin:0;padding:2rem 0}@media(min-width:750px){.collection-list__viewport{margin-inline:0}.collection-list--desktop-carousel .collection-list__viewport{overflow:hidden;scroll-snap-type:x mandatory;scroll-behavior:smooth;scrollbar-width:none}.collection-list--desktop-carousel .collection-list__viewport::-webkit-scrollbar{display:none}.collection-list--desktop-carousel .collection-list__track{display:flex;gap:16px}.collection-list--desktop-carousel .collection-list__slide{flex:0 0 calc((100% - ((var(--collection-list-columns-desktop) - 1) * 16px)) / var(--collection-list-columns-desktop));scroll-snap-align:start}}@media(max-width:749px){.collection-list{padding-block:1.625rem}.collection-list__inner{overflow:visible}.collection-list__header,.collection-list--heading-center .collection-list__header,.collection-list--heading-right .collection-list__header{align-items:center;display:flex;flex-direction:row;margin-block-end:.875rem}.collection-list__controls{display:none}.collection-list__heading{font-size:1rem;line-height:1.3125}.collection-list__viewport{overflow:visible}.collection-list__track{transform:none!important}.collection-list--mobile-1 .collection-list__viewport{margin-inline-end:-1.25rem;overflow-x:auto;padding-inline-end:2.75rem;scroll-snap-type:x mandatory;scrollbar-width:none}.collection-list--mobile-1 .collection-list__viewport::-webkit-scrollbar{display:none}.collection-list--mobile-1 .collection-list__track{display:flex;gap:.75rem}.collection-list--mobile-1 .collection-list__slide{flex:0 0 82%;scroll-snap-align:start;width:auto!important}.collection-list--desktop-grid.collection-list--mobile-1 .collection-list__viewport{margin-inline-end:0;overflow:visible;padding-inline-end:0;scroll-snap-type:none}.collection-list--desktop-grid.collection-list--mobile-1 .collection-list__track{display:grid;gap:.75rem;grid-template-columns:minmax(0,1fr)}.collection-list--desktop-grid.collection-list--mobile-1 .collection-list__slide{flex:none;scroll-snap-align:none;width:auto!important}.collection-list--mobile-2 .collection-list__track{display:grid;gap:.75rem;grid-template-columns:repeat(2,minmax(0,1fr))}.collection-list--mobile-2 .collection-list__slide{width:auto!important}.collection-list--mobile-text-below .collection-list-card__content--overlay,.collection-list--mobile-text-overlay .collection-list-card__content--below{display:none}.collection-list--mobile-text-below .collection-list-card__content--below,.collection-list--mobile-text-overlay .collection-list-card__content--overlay{display:flex}.collection-list-card__content--below{padding-block-start:.625rem}.collection-list-card__title{font-size:.875rem}.collection-list-card__subheading,.collection-list-card__count{font-size:.6875rem}.collection-list-card__brand{display:none}.collection-list-card__button-wrap{inset-block-end:.75rem;inset-inline:.75rem}.collection-list--text-overlay.collection-list--overlay-top .collection-list-card__label{max-width:calc(100% - .875rem)}}@media(min-width:990px){.collection-list{padding-inline:1rem}}
/*# sourceMappingURL=/cdn/shop/t/174/assets/collection-list.css.map */