.cbx-video{--cbx-video-bg: #fef9f4;--cbx-video-accent: #ee721d;--cbx-video-heading: #1c1917;--cbx-video-text: #4b4b4b;--cbx-video-frame-bg: #1c1917;--cbx-video-scrim: rgba(28, 25, 23, .2);--cbx-video-play-border: #e5e7eb;--cbx-video-padding-top: 80px;--cbx-video-padding-bottom: 80px;--cbx-video-font-body: "Inter", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif;--cbx-video-font-display: Georgia, "Times New Roman", Times, serif;background-color:var(--cbx-video-bg);padding-top:var(--cbx-video-padding-top);padding-bottom:var(--cbx-video-padding-bottom);font-family:var(--cbx-video-font-body);color:var(--cbx-video-text)}.cbx-video *,.cbx-video *:before,.cbx-video *:after{box-sizing:border-box}.cbx-video__inner{max-width:1440px;margin:0 auto;padding-left:clamp(16px,6.94vw,100px);padding-right:clamp(16px,6.94vw,100px);display:flex;flex-direction:column;align-items:center;gap:48px}.cbx-video__header{display:flex;flex-direction:column;align-items:center;gap:16px;text-align:center}.cbx-video__badge{display:inline-flex;align-items:center;margin:0;padding:6px 12px;border:.5px solid rgba(249,115,22,.3);border-radius:40px;background:#ff6b351a;color:var(--cbx-video-accent);font-size:12px;font-weight:600;line-height:15px;letter-spacing:1px;text-transform:uppercase}.cbx-video__heading{margin:0;color:var(--cbx-video-heading);font-family:var(--cbx-video-font-display);font-size:clamp(30px,3.333vw,48px);font-weight:700;line-height:1;text-transform:none}.cbx-video__subheading{max-width:479px;margin:0;color:var(--cbx-video-text);font-size:18px;font-weight:400;line-height:20px}.cbx-video__subheading p{margin:0}.cbx-video__cards{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:20px;width:100%;max-width:1240px}.cbx-video__card{display:flex;flex-direction:column;align-items:center;justify-content:flex-start;gap:16px;margin:0;width:100%}.cbx-video__frame{position:relative;width:100%;aspect-ratio:400 / 230;overflow:hidden;border-radius:12px;background-color:var(--cbx-video-frame-bg)}.cbx-video__poster{display:block;width:100%;height:100%;object-fit:cover}.cbx-video__poster.placeholder-svg{background:#1c19170f;fill:#ffffff80}.cbx-video__scrim{position:absolute;top:0;right:0;bottom:0;left:0;background:var(--cbx-video-scrim);pointer-events:none}.cbx-video__play{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);display:flex;align-items:center;justify-content:center;width:64px;height:64px;margin:0;padding:0;border:1px solid var(--cbx-video-play-border);border-radius:40px;background:#ffffff1a;-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px);color:#fff;cursor:pointer;transition:background-color .2s ease,transform .2s ease}.cbx-video__play:hover,.cbx-video__play:focus-visible{background:#ffffff40;transform:translate(-50%,-50%) scale(1.06)}.cbx-video__play:focus-visible{outline:2px solid #ffffff;outline-offset:2px}.cbx-video__glyph{display:block;width:32px;height:32px;margin-left:2px}.cbx-video__player{position:absolute;top:0;right:0;bottom:0;left:0}.cbx-video__player video,.cbx-video__player iframe,.cbx-video__player .video-wrapper{display:block;width:100%;height:100%;border:0}.cbx-video__frame .cbx-video__player video{object-fit:cover}.cbx-video__frame.is-playing .cbx-video__poster,.cbx-video__frame.is-playing .cbx-video__scrim,.cbx-video__frame.is-playing .cbx-video__play{display:none}.cbx-video__modal{width:min(1040px,92vw);max-width:none;max-height:92vh;padding:0;border:0;background:transparent;color:#fff;overflow:visible}.cbx-video__modal::backdrop{background:#1c1917d1;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px)}.cbx-video__modal-inner{position:relative}.cbx-video__modal-stage{position:relative;width:100%;aspect-ratio:16 / 9;max-height:78vh;overflow:hidden;border-radius:12px;background:#000}.cbx-video__modal-close{position:absolute;top:12px;right:12px;z-index:2;display:flex;align-items:center;justify-content:center;width:40px;height:40px;margin:0;padding:0;border:1px solid var(--cbx-video-play-border);border-radius:40px;background:#1c19178c;-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px);color:#fff;cursor:pointer;transition:background-color .2s ease}.cbx-video__modal-close:hover,.cbx-video__modal-close:focus-visible{background:#1c1917d9}.cbx-video__modal-close:focus-visible{outline:2px solid #ffffff;outline-offset:2px}.cbx-video__glyph--close{width:16px;height:16px;margin:0;transform:rotate(45deg)}.cbx-video__modal-caption{margin:16px 0 0;color:#fff;font-family:var(--cbx-video-font-display);font-size:16px;font-style:italic;font-weight:400;line-height:27px;text-align:center}.cbx-video__modal-caption:empty{display:none}.cbx-video__modal[open]{animation:cbx-video-modal-in .24s ease}.cbx-video__modal[open]::backdrop{animation:cbx-video-backdrop-in .24s ease}@keyframes cbx-video-modal-in{0%{opacity:0;transform:scale(.96)}to{opacity:1;transform:none}}@keyframes cbx-video-backdrop-in{0%{opacity:0}to{opacity:1}}.cbx-video-modal-open{overflow:hidden}.cbx-video__caption{margin:0;color:var(--cbx-video-heading);font-family:var(--cbx-video-font-display);font-size:16px;font-style:italic;font-weight:400;line-height:27px;text-align:center;text-transform:none}@media screen and (max-width:989px){.cbx-video{padding-top:calc(var(--cbx-video-padding-top) * .75);padding-bottom:calc(var(--cbx-video-padding-bottom) * .75)}.cbx-video__cards{grid-template-columns:repeat(2,minmax(0,1fr));justify-items:center}.cbx-video__card{max-width:400px}.cbx-video__card:last-child:nth-child(odd){grid-column:1 / -1}}@media screen and (max-width:749px){.cbx-video{padding-top:calc(var(--cbx-video-padding-top) * .6);padding-bottom:calc(var(--cbx-video-padding-bottom) * .6)}.cbx-video__inner{gap:32px}.cbx-video__cards{grid-template-columns:minmax(0,1fr)}.cbx-video__card{max-width:520px}.cbx-video__play{width:56px;height:56px}.cbx-video__glyph{width:28px;height:28px}.cbx-video__caption{line-height:24px}.cbx-video__modal{width:94vw}.cbx-video__modal-close{top:8px;right:8px;width:36px;height:36px}.cbx-video__modal-caption{margin-top:12px;font-size:15px;line-height:24px}}@media(prefers-reduced-motion:reduce){.cbx-video__modal[open],.cbx-video__modal[open]::backdrop{animation:none}.cbx-video__play{transition:background-color .2s ease}.cbx-video__play:hover,.cbx-video__play:focus-visible{transform:translate(-50%,-50%)}}
/*# sourceMappingURL=/cdn/shop/t/22/assets/section-collegebox-video.css.map */