.list-item,.list-item *,.component-list-item,.component-list-item *{box-sizing:border-box}.list-item,.component-list-item{background:var(--surface-surface-container-low, #18181c);display:flex;flex-direction:column;justify-content:center;align-items:flex-start;flex-shrink:0;min-height:64px;position:relative;overflow:hidden}@media screen and (max-width: 734px){.list-item,.component-list-item{width:100%}}@media screen and (min-width: 735px){.list-item,.component-list-item{align-self:stretch}}.state-layer,.component-list-item__state-layer{min-height:64px;width:100%;padding:var(--padding-component-padding-component-tight, 12px) var(--padding-component-padding-component-medium, 16px) var(--padding-component-padding-component-tight, 12px) var(--padding-component-padding-component-medium, 16px);display:flex;flex-direction:row;gap:16px;align-items:center;justify-content:flex-start;align-self:stretch;flex:1;position:relative;overflow:hidden}.list-item:not(:last-child),.component-list-item:not(:last-child){margin-bottom:0}.component-list-item__leading{display:flex;flex-direction:column;gap:0;align-items:flex-start;justify-content:flex-start;flex-shrink:0;position:relative;overflow:hidden}.content,.component-list-item__content{display:flex;flex-direction:column;gap:0px;align-items:flex-start;justify-content:center;flex:1;min-width:0;position:relative;overflow:hidden;min-height:40px}.trailing-element,.component-list-item__trailing{display:flex;flex-direction:row;gap:var(--spacing-spacing-extratight, 8px);align-items:flex-start;justify-content:flex-start;flex-shrink:1;height:auto;min-height:24px;position:relative;align-self:stretch;min-width:0}.component-list-item__trailing{align-items:center}.component-list-item--trailing-top .component-list-item__trailing{align-items:flex-start!important;padding-top:0!important}.component-list-item__trailing .component-toggle{display:flex;align-items:center;justify-content:center;height:24px;width:44px;flex-shrink:0}.component-list-item__trailing .component-toggle__svg{width:44px;height:24px;flex-shrink:0}.component-list-item__avatar{width:2.5rem;height:2.5rem;border-radius:50%;background:var(--primary-primary-container, #3e4c0b);display:flex;align-items:center;justify-content:center;overflow:hidden}.component-list-item__trailing-avatar{background:var(--primary-primary, #ecfdac);border-radius:20px;width:71px;height:71px;display:flex;align-items:center;justify-content:center;overflow:hidden;color:var(--surface-surface-container-low, #18181c);font-family:"STRUTT Modena 420",Arial,sans-serif;font-size:18px;font-weight:400;line-height:150%}.component-list-item__avatar-placeholder{width:1.5rem;height:1.5rem;background:var(--primary-primary, #ECFDAC);border-radius:50%}.component-list-item__icon-container{width:2.5rem;height:2.5rem;border-radius:50%;background:var(--primary-primary-container, #3e4c0b);display:flex;align-items:center;justify-content:center;overflow:hidden}.component-list-item__icon{width:1.5rem;height:1.5rem;color:var(--primary-primary, #ECFDAC)}.component-list-item__checkbox,.component-list-item__trailing-checkbox{position:relative;width:1.25rem;height:1.25rem}.component-list-item__checkbox-input,.component-list-item__trailing-checkbox-input{position:absolute;opacity:0;width:100%;height:100%;cursor:pointer}.component-list-item__checkbox-custom,.component-list-item__trailing-checkbox-custom{position:absolute;top:0;left:0;width:1.25rem;height:1.25rem;border:.125rem solid var(--surface-on-surface-variant, #B3B3BA);border-radius:.25rem;background:transparent;transition:all .2s ease}.component-list-item__checkbox-input:checked+.component-list-item__checkbox-custom,.component-list-item__trailing-checkbox-input:checked+.component-list-item__trailing-checkbox-custom{background:var(--primary-primary, #ECFDAC);border-color:var(--primary-primary, #ECFDAC)}.component-list-item__checkbox-input:checked+.component-list-item__checkbox-custom:after,.component-list-item__trailing-checkbox-input:checked+.component-list-item__trailing-checkbox-custom:after{content:"";position:absolute;left:.25rem;top:.125rem;width:.375rem;height:.625rem;border:solid var(--surface-surface-container-low, #18181c);border-width:0 .125rem .125rem 0;transform:rotate(45deg)}.component-list-item__radio,.component-list-item__trailing-radio{position:relative;width:1.25rem;height:1.25rem}.component-list-item__radio-input,.component-list-item__trailing-radio-input{position:absolute;opacity:0;width:100%;height:100%;cursor:pointer}.component-list-item__radio-custom,.component-list-item__trailing-radio-custom{position:absolute;top:0;left:0;width:1.25rem;height:1.25rem;border:.125rem solid var(--surface-on-surface-variant, #B3B3BA);border-radius:50%;background:transparent;transition:all .2s ease}.component-list-item__radio-input:checked+.component-list-item__radio-custom,.component-list-item__trailing-radio-input:checked+.component-list-item__trailing-radio-custom{border-color:var(--primary-primary, #ECFDAC)}.component-list-item__radio-input:checked+.component-list-item__radio-custom:after,.component-list-item__trailing-radio-input:checked+.component-list-item__trailing-radio-custom:after{content:"";position:absolute;left:50%;top:50%;width:.5rem;height:.5rem;background:var(--primary-primary, #ECFDAC);border-radius:50%;transform:translate(-50%,-50%)}.headline,.component-list-item__headline{color:var(--surface-on-surface, #ffffff);text-align:left;font-family:var( --body-body1fixed-font-family, "StruttModena-37045", sans-serif );font-size:var(--body-body1fixed-font-size, 18px);line-height:var(--body-body1fixed-line-height, 150%);font-weight:var(--body-body1fixed-font-weight, 400);position:relative;align-self:stretch;display:flex;align-items:center;justify-content:flex-start;overflow:visible;text-overflow:clip;white-space:normal;flex-shrink:0;min-width:fit-content}.component-list-item__support-text{color:var(--surface-on-surface-variant, #B3B3BA);text-align:left;font-family:STRUTT Modena Mono;font-size:var(--Caption-C2_fixed, 12px);font-style:normal;font-weight:400;line-height:150%;position:relative;align-self:stretch;display:flex;align-items:flex-start;justify-content:flex-start;overflow:hidden;word-wrap:break-word;min-width:0}.component-list-item__trailing-text{color:var(--surface-on-surface-variant, #B3B3BA);text-align:right;font-family:"STRUTT Modena 370";font-size:var(--Body-B1, 20px);font-style:normal;font-weight:300;line-height:150%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;flex-shrink:1;min-width:0}.icon,.component-list-item__trailing-icon{flex-shrink:0;width:24px;height:24px;position:relative;overflow:visible;color:var(--surface-on-surface-variant, #B3B3BA);display:flex;align-items:center;justify-content:center}.component-list-item__switch{position:relative;width:3.25rem;height:2rem}.component-list-item__switch-input{position:absolute;opacity:0;width:100%;height:100%;cursor:pointer}.component-list-item__switch-track{position:absolute;top:0;left:0;width:3.25rem;height:2rem;background:var(--surface-on-surface-variant, #B3B3BA);border-radius:1rem;transition:background-color .2s ease}.component-list-item__switch-thumb{position:absolute;top:.125rem;left:.125rem;width:1.75rem;height:1.75rem;background:var(--surface-surface-container-low, #18181c);border-radius:50%;transition:transform .2s ease}.component-list-item__switch-input:checked+.component-list-item__switch-track{background:var(--primary-primary, #ECFDAC)}.component-list-item__switch-input:checked+.component-list-item__switch-track .component-list-item__switch-thumb{transform:translate(1.25rem)}.divider,.component-list-item__divider{align-self:stretch;flex-shrink:0;height:1px;background:#ffffff1a;position:relative;overflow:visible}.component-list-item--pressed .component-list-item__state-layer{background:var(--state-on-surface012, rgba(255, 255, 255, .12))}.component-list-item--disabled{background:var(--state-on-surface012, rgba(255, 255, 255, .12));border-bottom-color:#b3b3ba61}.component-list-item--disabled .component-list-item__state-layer{opacity:.38}.component-list-item:not(.component-list-item--disabled):hover{cursor:pointer}@media (hover: hover){.component-list-item:not(.component-list-item--disabled):hover .component-list-item__state-layer{background:var(--state-on-surface008, rgba(255, 255, 255, .08))}}.component-list-item:not(.component-list-item--disabled):active .component-list-item__state-layer{background:var(--state-on-surface008, rgba(255, 255, 255, .08))}.component-list-item--last .component-list-item__divider{display:none}
/*# sourceMappingURL=/cdn/shop/t/1/assets/component-list-item.css.map */