.superlist{padding-top:20px;padding-bottom:20px;background:var(--color-background);border-radius:var(--border-radius-lg)}@media (min-width: 768px){.superlist{padding-top:30px;padding-bottom:30px}}@media (min-width: 1200px){.superlist{padding-top:40px;padding-bottom:40px}}@media (min-width: 1200px){.superlist{padding-top:60px;padding-bottom:60px}}.superlist .list-container{padding:0 var(--content-box-padding)}.superlist .list-container .button-container{display:flex;flex-direction:column;padding-top:40px;border-top:1px solid var(--color-surface-inset)}.superlist .list-container .button-container .btn{margin:0 auto}.superlist--list{padding:40px 0 30px}.superlist.centered .superlist--list{padding-bottom:40px}.superlist-entry{position:relative;display:flex;justify-content:space-between;align-items:center;gap:15px;padding:0 0 20px}.superlist-entry:before{content:"";display:block;position:absolute;left:29px;top:0;width:2px;height:100%;background:var(--color-button-primary-background)}@media (min-width: 768px){.superlist-entry:before{left:59px}}.superlist-entry:first-child:before{top:50%;height:50%}.superlist-entry:last-child:before{height:50%}.superlist-entry:only-child:before{display:none}@media (max-width: 399px){.superlist-entry:before{display:none}}.superlist-entry .graphic{width:60px;height:60px;flex-shrink:0;background:var(--color-background);border-radius:50%}@media (min-width: 768px){.superlist-entry .graphic{width:120px;height:120px}}.superlist-entry .graphic .icon-box{position:relative;width:100%;height:auto;font-family:Pictograms,sans-serif;font-size:35px;line-height:60px;text-align:center;color:var(--color-text)}@media (min-width: 768px){.superlist-entry .graphic .icon-box{line-height:120px;font-size:70px}}@media (max-width: 399px){.superlist-entry .graphic{display:none}}.superlist-entry .textbox{flex:1;padding:15px;background:var(--color-background);color:var(--color-text);border-radius:var(--border-radius-sm)}@media (min-width: 768px){.superlist-entry .textbox{padding:30px;border-radius:var(--border-radius-md)}}.superlist-entry .textbox h3,.superlist-entry .textbox .like-h3{margin-top:0;margin-bottom:5px;font-size:20px}@media (min-width: 768px){.superlist-entry .textbox h3,.superlist-entry .textbox .like-h3{font-size:28px}}.superlist-entry .textbox p{font-size:16px}@media (min-width: 768px){.superlist-entry .textbox p{font-size:18px}}.superlist-entry.inverted:before{background-color:var(--color-background)}.superlist-entry.inverted .textbox .btn{--button-bg-color: var(--color-button-tertiary-background);--button-text-color: var(--color-button-tertiary-text);--button-hover-shadow-opacity: .35}.superlist.centered .superlist-entry{display:flex;justify-content:flex-end;gap:0;min-height:120px;padding:0 0 40px}.superlist.centered .superlist-entry:before{left:29px;background:var(--color-decoration)}@media (min-width: 768px){.superlist.centered .superlist-entry:before{left:calc(50% - 1px)}}.superlist.centered .superlist-entry:first-child:before{top:30px;height:calc(100% - 30px)}@media (min-width: 768px){.superlist.centered .superlist-entry:first-child:before{top:60px;height:calc(100% - 60px)}}.superlist.centered .superlist-entry:last-child:before{display:none}.superlist.centered .superlist-entry .graphic{position:absolute;left:0;top:0;background:var(--color-decoration)}@media (min-width: 768px){.superlist.centered .superlist-entry .graphic{left:50%;transform:translate(-50%)}}.superlist.centered .superlist-entry .graphic .icon-box{color:var(--color-background)}.superlist.centered .superlist-entry .textbox{padding:18px 0 0;background:none;border-radius:0;margin-left:76px}@media (min-width: 768px){.superlist.centered .superlist-entry .textbox{padding:15px 0 0;flex:0 0 calc(50% - 90px);margin-left:0}}@media (max-width: 399px){.superlist.centered .superlist-entry .textbox{margin-left:0}}.superlist.centered .superlist-entry .textbox h3,.superlist.centered .superlist-entry .textbox .like-h3{padding-bottom:9px;margin-bottom:11px;border-bottom:1px solid var(--color-surface-inset)}@media (min-width: 768px){.superlist.centered .superlist-entry .textbox h3,.superlist.centered .superlist-entry .textbox .like-h3{margin-top:3px;margin-bottom:9px}}.superlist.centered .superlist-entry .textbox .btn{--button-bg-color: var(--color-button-tertiary-background);--button-text-color: var(--color-button-tertiary-text);--button-hover-shadow-opacity: .35}.superlist.centered .superlist-entry:nth-child(2n){justify-content:flex-start}.superlist.centered .superlist-entry.inverted:before{background-color:var(--color-decoration)}.superlist.centered .superlist-entry.inverted .textbox{background:none}.superlist.centered .superlist-entry.inverted .textbox .btn{--button-bg-color: var(--color-button-tertiary-background);--button-text-color: var(--color-button-tertiary-text);--button-hover-shadow-opacity: .35}
