@tailwind base;@tailwind components;@tailwind utilities;@layer base{html{font-family:Inter var,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica Neue,Arial,Noto Sans,sans-serif}body{@apply bg-gray-50 text-gray-900 min-h-screen}}@layer components{.video-player{@apply w-full h-full object-cover rounded-xl}.player-wrapper{@apply relative w-full pt-[56.25%] bg-black rounded-xl overflow-hidden shadow-lg}.player-wrapper:not(.video-started):after{content:"";@apply absolute top-1/2 left-1/2 -translate-x-1/2 -translate-y-1/2 w-16 h-16 
           bg-cyan-500/90 rounded-full transition-opacity duration-200}.player-wrapper:not(.video-started):before{content:"";@apply absolute top-1/2 left-1/2 -translate-x-[35%] -translate-y-1/2
           border-[14px] border-transparent border-l-white z-10
           transition-opacity duration-200}.video-item{@apply relative flex items-center gap-4 p-4 transition-all duration-200
           cursor-pointer border-b border-gray-100 rounded-lg mx-1}.video-item:hover{@apply bg-gray-100}.video-item.active{@apply bg-gray-100}.video-item .thumbnail-wrapper{@apply relative flex-shrink-0 rounded-xl overflow-hidden}.video-item .duration-badge{@apply absolute bottom-1.5 right-1.5 px-2 py-0.5 text-[10px] leading-none 
           text-white bg-black/75 rounded-md}.video-item .play-icon{@apply absolute inset-0 flex items-center justify-center opacity-0 
           transition-opacity duration-200}.video-item:hover .play-icon{@apply opacity-100}.video-item .play-icon-inner{@apply w-10 h-10 rounded-full bg-cyan-500/90 flex items-center justify-center 
           shadow-lg backdrop-blur-sm}.video-item .play-icon-triangle{@apply w-0 h-0 border-l-[12px] border-l-white border-y-[8px] border-y-transparent ml-1}.video-item .video-title{@apply text-sm font-medium line-clamp-2 text-gray-900 transition-colors duration-200}.video-item:hover .video-title{@apply text-gray-900}.video-item .video-subtitle{@apply text-xs text-gray-500 mt-1 transition-colors duration-200}.video-item:hover .video-subtitle{@apply text-gray-600}.video-item.active .video-title{@apply text-gray-900 font-semibold}.video-item.active .video-subtitle{@apply text-gray-600}.card{@apply bg-white rounded-2xl shadow-sm overflow-hidden}.card-header{@apply px-4 py-3 border-b border-gray-100 bg-gray-50}}@layer utilities{.transition-smooth{@apply transition-all duration-200 ease-in-out}}@screen md{.content-wrapper{@apply flex-row gap-6 max-w-7xl mx-auto}.playlist-sidebar{@apply w-1/3 flex-shrink-0}.main-player{@apply w-2/3 flex-shrink-0}}.yr-video-playlist{font-family:Inter var,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica Neue,Arial,Noto Sans,sans-serif;margin:0 auto;max-width:1400px;padding:2rem;width:100%}.yr-video-playlist__container{display:flex;flex-direction:column;width:100%}.yr-video-playlist__content{display:flex;flex-direction:column;gap:1.5rem;min-height:0}@media (min-width:768px){.yr-video-playlist{padding:3rem}.yr-video-playlist__content{align-items:stretch;flex-direction:row;gap:2rem;min-height:0}.yr-video-playlist__main{display:flex;flex-direction:column;margin-left:0;order:2;width:70%}.yr-video-playlist__sidebar{display:flex;flex-direction:column;height:100%;margin-left:0;margin-top:0;order:1;width:30%}.yr-video-playlist__list{flex:1;height:100%;overflow-y:auto}}.yr-video-playlist__main{background-color:#fff;border-radius:1rem;display:flex;flex-direction:column;order:1;overflow:hidden;width:100%}@media (min-width:768px){.yr-video-playlist__main{margin-left:0;order:2;width:70%}}.yr-video-playlist__player-container,.yr-video-playlist__player-wrapper{background-color:#000;position:relative;width:100%}.yr-video-playlist__player-wrapper{padding-top:56.25%}.yr-video-playlist__video{height:100%;left:0;object-fit:cover;position:absolute;top:0;width:100%}.yr-video-playlist__info{margin:0 auto;max-width:800px;padding:1.5rem;text-align:center}.yr-video-playlist__video-title{color:#111827;font-size:1.25rem;font-weight:600;line-height:1.4;margin-bottom:.75rem;-webkit-line-clamp:2}.yr-video-playlist__video-description,.yr-video-playlist__video-title{display:-webkit-box;-webkit-box-orient:vertical;overflow:hidden;text-align:center}.yr-video-playlist__video-description{color:#4b5563;font-size:.875rem;line-height:1.5;-webkit-line-clamp:3;margin:0 auto}.yr-video-playlist__sidebar{background-color:#e5e7eb;border-radius:1rem;display:flex;flex-direction:column;order:2;overflow:hidden;width:100%}@media (min-width:768px){.yr-video-playlist__sidebar{margin-left:0;margin-top:0;max-height:var(--main-height);order:1;width:30%}}.yr-video-playlist__sidebar-content{display:flex;flex-direction:column;height:100%}.yr-video-playlist__list{flex:1;overflow-y:auto;padding:.5rem 0;scrollbar-color:rgba(0,0,0,.2) transparent;scrollbar-width:thin}.yr-video-playlist__list::-webkit-scrollbar{width:6px}.yr-video-playlist__list::-webkit-scrollbar-track{background:transparent}.yr-video-playlist__list::-webkit-scrollbar-thumb{background-color:rgba(0,0,0,.2);border-radius:3px}.yr-video-playlist__item{align-items:flex-start;border-bottom:1px solid rgba(0,0,0,.05);cursor:pointer;display:flex;gap:.75rem;padding:.75rem 1rem;position:relative;transition:all .15s ease-in-out}.yr-video-playlist__item:hover{background-color:rgba(0,0,0,.075)}.yr-video-playlist__item.active{background-color:rgba(0,0,0,.15)}.yr-video-playlist__item.active .yr-video-playlist__item-title{font-weight:600}.yr-video-playlist__item.active:before{background-color:#0fb4ca;bottom:0;content:"";left:0;position:absolute;top:0;width:4px}.yr-video-playlist__thumbnail-wrapper{backface-visibility:hidden;border-radius:.5rem;flex-shrink:0;height:90px;overflow:hidden;position:relative;transform:translateZ(0);width:160px}.yr-video-playlist__thumbnail{-webkit-backface-visibility:hidden;-moz-backface-visibility:hidden;height:100%;image-rendering:-webkit-optimize-contrast;object-fit:cover;-webkit-transform:translateZ(0);transform:translateZ(0);width:100%;will-change:transform}.yr-video-playlist__play-overlay{background:rgba(0,0,0,.3);inset:0;opacity:0;position:absolute}.yr-video-playlist__play-button,.yr-video-playlist__play-overlay{align-items:center;display:flex;justify-content:center;transition:all .3s cubic-bezier(.4,0,.2,1)}.yr-video-playlist__play-button{animation:pulse 2s infinite;backdrop-filter:blur(8px);background:rgba(15,180,202,.9);border:1px solid hsla(0,0%,100%,.1);border-radius:50%;box-shadow:0 8px 32px rgba(15,180,202,.25);height:2.5rem;transform:scale(.9);width:2.5rem}.yr-video-playlist__item:hover .yr-video-playlist__play-button{background-color:#0fb4ca;box-shadow:0 12px 48px rgba(15,180,202,.4);transform:scale(1)}.yr-video-playlist__play-icon{border-color:transparent transparent transparent #fff;border-style:solid;border-width:8px 0 8px 12px;filter:drop-shadow(0 1px 2px rgba(0,0,0,.1));height:0;margin-left:2px;transition:all .3s cubic-bezier(.4,0,.2,1);width:0}.yr-video-playlist__pause-icon{display:none;height:16px;position:relative;width:12px}.yr-video-playlist__pause-icon:after,.yr-video-playlist__pause-icon:before{background-color:#fff;border-radius:2px;content:"";filter:drop-shadow(0 1px 2px rgba(0,0,0,.1));height:16px;position:absolute;transition:all .3s cubic-bezier(.4,0,.2,1);width:4px}.yr-video-playlist__pause-icon:before{left:0}.yr-video-playlist__pause-icon:after{right:0}.yr-video-playlist__item:not(.active):hover .yr-video-playlist__play-icon{display:block}.yr-video-playlist__item:not(.active):hover .yr-video-playlist__pause-icon{display:none}.yr-video-playlist__item:hover .yr-video-playlist__play-overlay{opacity:1}.yr-video-playlist__item.active:hover .yr-video-playlist__pause-icon:after,.yr-video-playlist__item.active:hover .yr-video-playlist__pause-icon:before{filter:drop-shadow(0 2px 4px rgba(0,0,0,.2))}.yr-video-playlist__item.active:hover .yr-video-playlist__pause-icon,.yr-video-playlist__item.active:hover .yr-video-playlist__play-icon{display:none}@keyframes pulse{0%{box-shadow:0 0 0 0 rgba(15,180,202,.4)}70%{box-shadow:0 0 0 10px rgba(15,180,202,0)}to{box-shadow:0 0 0 0 rgba(15,180,202,0)}}.yr-video-playlist__duration{background-color:rgba(0,0,0,.8);border-radius:.25rem;bottom:.25rem;color:#fff;font-size:.75rem;font-weight:500;padding:.125rem .375rem;position:absolute;right:.25rem}.yr-video-playlist__item-content{flex:1;min-width:0;padding-top:.25rem}.yr-video-playlist__item-title{color:#111827;display:-webkit-box;font-size:.875rem;font-weight:500;margin-bottom:.25rem;-webkit-line-clamp:2;-webkit-box-orient:vertical;line-height:1.4;overflow:hidden}.yr-video-playlist__item-subtitle{color:#6b7280;font-size:.75rem}.yr-video-playlist__player-wrapper:not(.video-started):after{animation:pulse 2s infinite;backdrop-filter:blur(8px);background-color:rgba(15,180,202,.9);border:2px solid hsla(0,0%,100%,.1);border-radius:9999px;box-shadow:0 8px 32px rgba(15,180,202,.25);content:"";height:5rem;left:50%;position:absolute;top:50%;transform:translate(-50%,-50%) scale(.95);transition:all .3s cubic-bezier(.4,0,.2,1);width:5rem}.yr-video-playlist__player-wrapper:not(.video-started):hover:after{animation:none;background-color:#0fb4ca;box-shadow:0 12px 48px rgba(15,180,202,.4);transform:translate(-50%,-50%) scale(1)}.yr-video-playlist__player-wrapper:not(.video-started):before{border-color:transparent transparent transparent #fff;border-style:solid;border-width:16px 0 16px 26px;content:"";filter:drop-shadow(0 1px 2px rgba(0,0,0,.1));left:50%;position:absolute;top:50%;transform:translate(-30%,-50%);transition:all .3s cubic-bezier(.4,0,.2,1);z-index:10}.yr-video-playlist__player-wrapper:not(.video-started):hover:before{filter:drop-shadow(0 2px 4px rgba(0,0,0,.2));transform:translate(-30%,-50%) scale(1.1)}.yr-video-playlist__player-wrapper:not(.video-started):after{box-shadow:inset 0 0 0 100vmax rgba(0,0,0,.2)}.yr-video-playlist__mobile-play{display:none}@media (max-width:767px){.yr-video-playlist__item{align-items:center;padding:1rem}.yr-video-playlist__item-content{align-items:center;display:flex;gap:.75rem;padding-top:0}.yr-video-playlist__text-content{display:flex;flex:1;flex-direction:column;justify-content:center;min-width:0}.yr-video-playlist__item-title{margin-bottom:.25rem}.yr-video-playlist__mobile-play{align-items:center;background:rgba(15,180,202,.9);border-radius:50%;display:flex;flex-shrink:0;height:2.5rem;justify-content:center;margin-left:.5rem;transition:all .3s cubic-bezier(.4,0,.2,1);width:2.5rem}.yr-video-playlist__mobile-pause-icon,.yr-video-playlist__mobile-play-icon{height:24px;position:relative;width:24px}.yr-video-playlist__mobile-play-icon{border-color:transparent transparent transparent #fff;border-style:solid;border-width:8px 0 8px 12px;height:0;margin-left:3px;width:0}.yr-video-playlist__mobile-pause-icon{display:none;height:16px;position:relative;width:12px}.yr-video-playlist__mobile-pause-icon:after,.yr-video-playlist__mobile-pause-icon:before{background-color:#fff;border-radius:2px;content:"";height:16px;position:absolute;transition:all .3s cubic-bezier(.4,0,.2,1);width:4px}.yr-video-playlist__mobile-pause-icon:before{left:0}.yr-video-playlist__mobile-pause-icon:after{right:0}.yr-video-playlist__item.active .yr-video-playlist__mobile-play{background-color:#0fb4ca}.yr-video-playlist__thumbnail-wrapper{height:79px;margin:0;width:140px}.yr-video-playlist__play-overlay{display:none}}.yr-video-playlist__cta,.yr-video-playlist__cta .hs-cta-embed,.yr-video-playlist__cta .hs-cta-embed[style],.yr-video-playlist__cta img,.yr-video-playlist__cta-wrapper{display:none}