.MobileVideoModalEmbed_container__jYyvn{position:relative;width:100%;overflow:hidden;background:#000;border-radius:8px}.MobileVideoModalEmbed_horizontal__17Y9_{aspect-ratio:16/9}.MobileVideoModalEmbed_vertical__sLncK{aspect-ratio:9/16}.MobileVideoModalEmbed_frame__dzwZh{position:absolute;inset:0;width:100%;height:100%;border:0;display:block}.ant-modal-root{--ant-color-bg-mask:#000}.modal-vdo .ant-modal{outline:none;width:100dvw!important;height:100dvh;max-width:100dvw;top:0;left:0;position:fixed;margin:0}.modal-vdo .ant-modal .ant-modal-container{background:none;box-shadow:none;outline:none;padding:0;padding:var(--gap-lg,20px);display:grid;align-items:center;align-content:center;height:100dvh}.modal-vdo .ant-modal-close{position:absolute;top:10px;right:10px;outline:none}.modal-vdo .vdo-container{position:relative;aspect-ratio:16/9}.modal-vdo .vdo-container iframe{width:100%;height:100%;position:absolute}.modal-vdo .vdo-container.is-vertical{aspect-ratio:9/16;height:70dvh;margin:auto}.modal-vdo .vdo-container.is-vertical .vdo-frame-box{width:100%;height:100%}.modal-vdo .share-button-container{position:absolute;width:calc(100% - 40px);bottom:20px;left:20px}.modal-vdo .share-button{border-radius:999px;background:#292929;box-shadow:3px 3px 0 0 #000;display:flex;padding:12px 16px;justify-content:center;align-items:center;gap:8px;color:var(--white,#fff);text-align:center;font-size:16px;font-style:normal;font-weight:500;line-height:100%;border:none;width:100%;cursor:pointer}@media (min-width:991px){.modal-clip{max-width:60dvw;margin:auto}.modal-vdo .share-button{max-width:400px;margin:auto}}.all-vdo-section{background:var(--thaihealth-pop-color,#00b2c7);min-height:calc(100dvh - 44px)}.all-vdo-section .header{background:var(--thaihealth-body-color,#fcf8ed)}.all-vdo-hero{padding:20px}.all-vdo-hero img{max-width:250px;width:100%;margin:auto;display:grid}.action-button{display:grid;grid-gap:8px}.share-page{display:flex;justify-content:center;position:relative}.share-page button{all:unset;box-sizing:border-box;display:flex;justify-content:center;align-items:center;gap:8px;align-self:stretch;color:var(--thaihealth-pop-color,#00b2c7);text-align:center;font-family:var(--thaihealth-main-font,"Graphik TH");font-size:16px;font-style:normal;font-weight:600;line-height:100%}.share-page .share-box{top:30px}.share-page .share-box:not(.show){transform-origin:top center}.filter-section{display:flex;padding:4px 12px 12px;align-items:center;gap:8px;align-self:stretch;overflow-x:auto}.filter-section button{all:unset;box-sizing:border-box;display:flex;padding:8px 16px;justify-content:center;align-items:center;border-radius:8px;border:1px solid var(--thaihealth-pop-color,#00b2c7);background:var(--white,#fff);color:var(--thaihealth-pop-color,#00b2c7);text-align:center;font-family:var(--thaihealth-main-font,"Graphik TH");font-size:14px;font-style:normal;font-weight:600;line-height:100%;white-space:nowrap}.filter-section button.active{background:var(--thaihealth-pop-color,#00b2c7);color:var(--white,#fff)}.vdo-slot{padding:12px;display:grid;grid-gap:8px}.vdo-slot .__clip{display:grid;grid-template-columns:repeat(2,1fr);overflow:hidden;grid-gap:4px}.vdo-slot .__clip .video-item{width:100%}.no-data{display:grid;grid-gap:12px;align-items:flex-start;align-content:flex-start}.no-data h2{font-size:30px;font-weight:700}.no-data h2,.no-data p{color:var(--white,#fff);text-align:center;font-style:normal;line-height:150%}.no-data p{font-size:16px;font-weight:500}.no-data p a{display:block;color:var(--yellow,#ffde49);font-weight:600;-webkit-text-decoration-line:underline;text-decoration-line:underline;-webkit-text-decoration-style:solid;text-decoration-style:solid;-webkit-text-decoration-skip:ink;text-decoration-skip-ink:auto;text-decoration-thickness:auto;text-underline-offset:auto;text-underline-position:from-font}.no-data img{width:280px;height:auto;display:grid;margin:auto}@media (min-width:768px){.action-button{display:grid;grid-template-columns:1fr auto;align-items:center;align-content:center;padding:12px}.action-button .filter-section{grid-row:1;padding:0}.action-button .share-page{grid-column:2}.action-button .share-page .share-box{right:0}.vdo-slot{padding:20px}.vdo-slot .__clip{grid-template-columns:repeat(3,1fr)}.no-data{min-height:450px;align-items:center;align-content:center}.no-data p br:first-of-type{display:none}.no-data img{width:400px}}@media (min-width:992px){.all-vdo-section{background:var(--thaihealth-body-color,#fcf8ed);padding-bottom:36px}.action-button{max-width:996px;margin:auto}.action-button .share-page{justify-self:end}.action-button .share-page .share-box{right:0;left:auto;transform:unset}.action-button .share-page button{cursor:pointer}.filter-section button{cursor:pointer;transition:all .2s ease-in-out}.filter-section button:hover{background-color:var(--thaihealth-pop-color,#00b2c7);color:#fff}.vdo-slot{background:var(--thaihealth-pop-color,#00b2c7);max-width:996px;margin:auto;border-radius:16px}}