@layer properties{@supports (((-webkit-hyphens:none)) and (not (margin-trim:inline))) or ((-moz-orient:inline) and (not (color:rgb(from red r g b)))){*,:before,:after,::backdrop{--tw-font-weight:initial;--tw-border-style:solid;--tw-space-y-reverse:0;--tw-shadow:0 0 #0000;--tw-shadow-color:initial;--tw-shadow-alpha:100%;--tw-inset-shadow:0 0 #0000;--tw-inset-shadow-color:initial;--tw-inset-shadow-alpha:100%;--tw-ring-color:initial;--tw-ring-shadow:0 0 #0000;--tw-inset-ring-color:initial;--tw-inset-ring-shadow:0 0 #0000;--tw-ring-inset:initial;--tw-ring-offset-width:0px;--tw-ring-offset-color:#fff;--tw-ring-offset-shadow:0 0 #0000}}}.sermon-list{background-color:var(--cream);padding-bottom:calc(var(--spacing,.25rem)*16)}@media (min-width:64rem){.sermon-list{padding-bottom:calc(var(--spacing,.25rem)*24)}}.sermon-list-inner{max-width:var(--container-6xl,72rem);padding-inline:calc(var(--spacing,.25rem)*4);margin-inline:auto}.sermon-list-header{margin-bottom:calc(var(--spacing,.25rem)*8);gap:calc(var(--spacing,.25rem)*4);flex-direction:column;display:flex}@media (min-width:48rem){.sermon-list-header{flex-direction:row;justify-content:space-between;align-items:center}}.sermon-list-title{font-family:var(--font-heading);font-size:var(--text-2xl,1.5rem);line-height:var(--tw-leading,var(--text-2xl--line-height,calc(2/1.5)));--tw-font-weight:var(--font-weight-normal,400);font-weight:var(--font-weight-normal,400);color:var(--neutral-dark)}.sermon-list-filters{align-items:center;gap:calc(var(--spacing,.25rem)*4);display:flex}.sermon-list-filter{cursor:pointer;border-style:var(--tw-border-style);border-width:1px;border-color:var(--gold)}@supports (color:color-mix(in lab, red, red)){.sermon-list-filter{border-color:color-mix(in oklab,var(--gold)50%,transparent)}}.sermon-list-filter{background-color:var(--color-white,#fff);padding-inline:calc(var(--spacing,.25rem)*4);padding-block:calc(var(--spacing,.25rem)*2);font-size:var(--text-sm,.875rem);line-height:var(--tw-leading,var(--text-sm--line-height,calc(1.25/.875)));color:var(--gold-dark)}@media (hover:hover){.sermon-list-filter:hover{border-color:var(--gold)}}.sermon-list-filter:focus{border-color:var(--gold);--tw-outline-style:none;outline-style:none}.sermon-list-filter svg{stroke:var(--gold-dark)}:where(.sermon-list-grid>:not(:last-child)){--tw-space-y-reverse:0;margin-block-start:calc(calc(var(--spacing,.25rem)*4)*var(--tw-space-y-reverse));margin-block-end:calc(calc(var(--spacing,.25rem)*4)*calc(1 - var(--tw-space-y-reverse)))}.sermon-list-item{cursor:pointer;gap:calc(var(--spacing,.25rem)*4);border-radius:var(--radius-sm,.25rem);border-style:var(--tw-border-style);background-color:#ffffffbf;border-width:1px;display:flex}@supports (color:color-mix(in lab, red, red)){.sermon-list-item{background-color:color-mix(in oklab,var(--color-white,#fff)75%,transparent)}}.sermon-list-item{padding:calc(var(--spacing,.25rem)*4);transition-property:box-shadow;transition-timing-function:var(--tw-ease,var(--default-transition-timing-function,cubic-bezier(.4,0,.2,1)));transition-duration:var(--tw-duration,var(--default-transition-duration,.15s))}@media (hover:hover){.sermon-list-item:hover{--tw-shadow:0 4px 6px -1px var(--tw-shadow-color,#0000001a),0 2px 4px -2px var(--tw-shadow-color,#0000001a);box-shadow:var(--tw-inset-shadow),var(--tw-inset-ring-shadow),var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow)}}.sermon-list-item[data-animate=true]{opacity:0;animation:.3s ease-out forwards sermon-fade-in}@keyframes sermon-fade-in{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}.sermon-list-item[data-active=true]{--tw-ring-shadow:var(--tw-ring-inset,)0 0 0 calc(1px + var(--tw-ring-offset-width))var(--tw-ring-color,currentcolor);box-shadow:var(--tw-inset-shadow),var(--tw-inset-ring-shadow),var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow);--tw-ring-color:var(--gold)}.sermon-list-item-thumbnail{aspect-ratio:var(--aspect-video,16/9);width:calc(var(--spacing,.25rem)*32);border-radius:var(--radius-sm,.25rem);background-color:var(--color-gray-200,#e5e7eb);flex-shrink:0;position:relative;overflow:hidden}@supports (color:lab(0% 0 0)){.sermon-list-item-thumbnail{background-color:var(--color-gray-200,lab(91.6229% -.159115 -2.26791))}}@media (min-width:48rem){.sermon-list-item-thumbnail{width:calc(var(--spacing,.25rem)*48)}}.sermon-list-item-play{inset:calc(var(--spacing,.25rem)*0);background-color:#0000004d;justify-content:center;align-items:center;display:flex;position:absolute}@supports (color:color-mix(in lab, red, red)){.sermon-list-item-play{background-color:color-mix(in oklab,var(--color-black,#000)30%,transparent)}}.sermon-list-item-play{opacity:0;transition-property:opacity;transition-timing-function:var(--tw-ease,var(--default-transition-timing-function,cubic-bezier(.4,0,.2,1)));transition-duration:var(--tw-duration,var(--default-transition-duration,.15s))}.sermon-list-item:hover .sermon-list-item-play{opacity:1}.sermon-list-item-play svg{height:calc(var(--spacing,.25rem)*8);width:calc(var(--spacing,.25rem)*8);color:var(--color-white,#fff)}.sermon-list-item-content{min-width:calc(var(--spacing,.25rem)*0);flex:1}.sermon-list-item-meta{margin-bottom:calc(var(--spacing,.25rem)*2);align-items:center;gap:calc(var(--spacing,.25rem)*2);font-size:var(--text-xs,.75rem);line-height:var(--tw-leading,var(--text-xs--line-height,calc(1/.75)));--tw-font-weight:var(--font-weight-medium,500);font-weight:var(--font-weight-medium,500);color:var(--gold-dark);flex-wrap:wrap;display:flex}.sermon-list-item-title{-webkit-line-clamp:1;font-family:var(--font-heading);font-size:var(--text-base,1rem);line-height:var(--tw-leading,var(--text-base--line-height,calc(1.5/1)));--tw-font-weight:var(--font-weight-normal,400);font-weight:var(--font-weight-normal,400);color:var(--neutral-dark);-webkit-box-orient:vertical;display:-webkit-box;overflow:hidden}@media (min-width:48rem){.sermon-list-item-title{font-size:var(--text-lg,1.125rem);line-height:var(--tw-leading,var(--text-lg--line-height,calc(1.75/1.125)))}}.sermon-list-item-speaker{margin-bottom:calc(var(--spacing,.25rem)*2);font-size:var(--text-sm,.875rem);line-height:var(--tw-leading,var(--text-sm--line-height,calc(1.25/.875)));--tw-font-weight:var(--font-weight-medium,500);font-weight:var(--font-weight-medium,500);color:var(--muted-foreground)}.sermon-list-item-description{-webkit-line-clamp:2;font-size:var(--text-sm,.875rem);line-height:var(--tw-leading,var(--text-sm--line-height,calc(1.25/.875)));-webkit-box-orient:vertical;display:none;overflow:hidden}@media (min-width:48rem){.sermon-list-item-description{display:block}}.sermon-list-empty{padding-block:calc(var(--spacing,.25rem)*12);text-align:center;color:var(--neutral-dark)}.sermon-list-load-more{margin-top:calc(var(--spacing,.25rem)*8);align-items:center;gap:calc(var(--spacing,.25rem)*3);border-top-style:var(--tw-border-style);border-top-width:1px;border-color:var(--gold);flex-direction:column;display:flex}@supports (color:color-mix(in lab, red, red)){.sermon-list-load-more{border-color:color-mix(in oklab,var(--gold)20%,transparent)}}.sermon-list-load-more{padding-top:calc(var(--spacing,.25rem)*8)}.sermon-list-count{font-size:var(--text-sm,.875rem);line-height:var(--tw-leading,var(--text-sm--line-height,calc(1.25/.875)));color:var(--muted-foreground)}@property --tw-font-weight{syntax:"*";inherits:false}@property --tw-border-style{syntax:"*";inherits:false;initial-value:solid}@property --tw-space-y-reverse{syntax:"*";inherits:false;initial-value:0}@property --tw-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@property --tw-shadow-color{syntax:"*";inherits:false}@property --tw-shadow-alpha{syntax:"<percentage>";inherits:false;initial-value:100%}@property --tw-inset-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@property --tw-inset-shadow-color{syntax:"*";inherits:false}@property --tw-inset-shadow-alpha{syntax:"<percentage>";inherits:false;initial-value:100%}@property --tw-ring-color{syntax:"*";inherits:false}@property --tw-ring-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@property --tw-inset-ring-color{syntax:"*";inherits:false}@property --tw-inset-ring-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@property --tw-ring-inset{syntax:"*";inherits:false}@property --tw-ring-offset-width{syntax:"<length>";inherits:false;initial-value:0}@property --tw-ring-offset-color{syntax:"*";inherits:false;initial-value:#fff}@property --tw-ring-offset-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}