.video-detail-modal__content{background-color:var(--loader-base);aspect-ratio:16/9;border-radius:20px;inline-size:100%;margin-block-start:var(--gap-spacing);transition:all .3s ease-in;position:relative;overflow:hidden}@media screen and (min-width:700px){.video-detail-modal__content{width:100%}}.video-detail-modal__content img{width:100%;height:100%}.video-detail-modal__content iframe{border-radius:15px;width:100%;height:100%;position:absolute;top:0;left:0}.video-detail-modal__description-content{gap:calc(var(--gap-spacing)/2);grid-template-columns:1fr;display:grid}@media screen and (min-width:700px){.video-detail-modal__description-content{grid-template-columns:3fr 2fr}}.video-detail-modal__description-content .button{gap:calc(var(--gap-spacing)/4);inline-size:fit-content;display:flex}.video-detail-modal__rating{font-size:var(--font-size,1rem);background-color:var(--gray-blue-600);color:var(--secondary-background-color);border-radius:8px;align-items:center;padding:12px 16px;font-weight:500;line-height:1;display:flex}.video-detail-modal__video-settings{gap:calc(var(--gap-spacing)/4);margin-block-start:auto;margin-inline-start:auto;padding-block-start:calc(var(--gap-spacing)/2)}.video-detail-modal__video-settings .form{justify-content:flex-end}.video-detail-modal__description-title{justify-content:flex-end;gap:calc(var(--gap-spacing)/4);flex-direction:column;display:flex}.video-detail-modal__description-title h4{text-align:start;font-size:clamp(1rem,.231vw + .94rem,1.125rem)}.video-detail-modal__description-title-actions{gap:calc(var(--gap-spacing)/2);display:flex}
