.guide-site{--guide-panel:var(--color-cloud);--guide-field:var(--color-cloud);color:var(--color-ink-900);background:var(--color-paper);flex:1}.dark .guide-site{--guide-panel:transparent;--guide-field:var(--site-field)}.guide-container{width:min(100% - 48px,1076px);margin-inline:auto}.guide-site a:focus-visible,.guide-site button:focus-visible,.guide-site summary:focus-visible{outline:2px solid var(--color-skype-deep);outline-offset:4px}.guide-hero{text-align:center;color:#fff;min-height:480px;padding:98px 0 140px;position:relative}.guide-hero-backdrop{z-index:0;background:linear-gradient(180deg,#000000b8,#000000c2 65%,var(--color-paper)),url(/images/guides/boxplayer-guides-hero.png) center 46% / cover no-repeat;position:absolute;inset:0;overflow:hidden}.guide-hero-backdrop:after{content:"";-webkit-backdrop-filter:blur(7px);backdrop-filter:blur(7px);background:#00000026;position:absolute;inset:0}.guide-hero-content{z-index:2;position:relative}.guide-hero h1{letter-spacing:-.035em;color:#fff;font-size:clamp(30px,4vw,46px);font-weight:700;line-height:1.3}.guide-hero-content>p{color:#ffffffc7;margin-top:20px;font-size:19px;line-height:1.6}.guide-search{text-align:left;z-index:5;width:100%;max-width:576px;margin:32px auto 0;position:relative}.guide-search-field{border:1px solid var(--color-ink-200);background:var(--guide-field);min-height:58px;color:var(--color-ink-500);border-radius:999px;align-items:center;gap:8px;padding:0 14px;transition:border-color .15s;display:flex}.guide-search-field:focus-within{border-color:var(--color-skype-deep);box-shadow:0 0 0 2px color-mix(in srgb,var(--color-skype-deep) 15%,transparent)}.guide-search input{appearance:none;width:100%;min-width:0;color:var(--color-ink-900);background:0 0;border:0;outline:none;padding:16px 0;font-size:16px;line-height:24px}.guide-search input::placeholder{color:var(--color-ink-500)}.guide-search input::-webkit-search-cancel-button{display:none}.guide-search button{width:30px;height:32px;color:inherit;cursor:pointer;background:0 0;border:0;border-radius:50%;flex-shrink:0;place-items:center;display:grid}.guide-hero .guide-search-field{color:#bbb;background:#191715d1;border-color:#ffffff29}.guide-hero .guide-search input,.dark .site-theme .guide-search input{color:inherit;background:0 0}.guide-hero .guide-search input::placeholder{color:#bbb}.guide-search-results{background:var(--color-paper);border:1px solid var(--color-ink-100);max-height:min(520px,65vh);color:var(--color-ink-900);border-radius:18px;position:absolute;top:calc(100% + 10px);left:0;right:0;overflow:auto;box-shadow:0 16px 45px #0003}.dark .guide-search-results{background:var(--site-overlay)}.guide-search-count{color:var(--color-ink-500);padding:15px 20px 8px;font-size:12px}.guide-search-result{border-radius:10px;align-items:center;gap:12px;margin:0 6px;padding:13px 16px;display:flex}.guide-search-result span{flex:1;min-width:0}.guide-search-result strong{font-size:14px;font-weight:600;display:block}.guide-search-result small{color:var(--color-ink-500);margin-top:4px;font-size:12px;display:block}.guide-search-result:hover,.guide-search-result:focus-visible{background:var(--color-sky-100)}.guide-search-support{border-top:1px solid var(--color-ink-100);color:var(--color-skype-deep);justify-content:space-between;align-items:center;gap:12px;padding:16px 20px;font-size:13px;display:flex}.guide-search-empty{color:var(--color-ink-500);padding:12px 20px 20px;font-size:14px;line-height:1.7}.guide-quick-links{z-index:1;grid-template-columns:repeat(3,minmax(0,1fr));align-items:start;gap:24px;margin-top:-70px;display:grid;position:relative}.guide-quick-link{text-align:center;border:1px solid var(--color-ink-100);background:var(--guide-panel);-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);border-radius:18px;flex-direction:column;align-items:center;min-height:212px;padding:36px 26px 30px;transition:border-color .15s,transform .15s;display:flex}.guide-quick-link:nth-child(2){min-height:252px;padding-top:43px;transform:translateY(-16px)}.guide-quick-link>svg{color:var(--color-ink-900);margin-bottom:22px}.guide-quick-link h2{margin-bottom:12px;font-size:21px;font-weight:650}.guide-quick-link p{color:var(--color-ink-500);max-width:280px;font-size:16px;line-height:1.65}.guide-quick-link:hover{border-color:var(--color-skype-deep)}.guide-topics{padding:60px 0 96px}.guide-topics>h2{margin-bottom:18px;font-size:24px;font-weight:650}.guide-topic-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:16px 24px;display:grid}.guide-topic-button,.guide-article-list a{border:1px solid var(--color-ink-100);background:var(--guide-panel);border-radius:18px;justify-content:space-between;align-items:center;gap:20px;min-height:56px;padding:15px 23px;font-size:16px;line-height:1.5;transition:border-color .15s,color .15s;display:flex}.guide-topic-button svg,.guide-article-list svg{flex-shrink:0}.guide-topic-button:hover,.guide-article-list a:hover{border-color:var(--color-skype-deep);color:var(--color-skype-deep)}.guide-help-footer{text-align:center;border-top:1px solid var(--color-ink-100);border-bottom:1px solid var(--color-ink-100);background:0 0;padding:60px 24px 50px}.guide-help-footer h2{margin-bottom:18px;font-size:clamp(23px,3vw,30px);font-weight:650;line-height:1.4}.guide-help-footer p{color:var(--color-ink-500);margin-bottom:30px;font-size:17px;line-height:1.7}.guide-request-button,.guide-back-button{color:#fff;background:#e97820;border:1px solid #e97820;border-radius:999px;justify-content:center;align-items:center;gap:10px;min-height:50px;padding:11px 25px;font-size:16px;font-weight:550;display:inline-flex}.guide-request-button:hover,.guide-back-button:hover{background:#d46b19;border-color:#d46b19}.guide-subheader{border-bottom:1px solid var(--color-ink-100);background:var(--color-paper)}.guide-subheader>.guide-container{justify-content:space-between;align-items:center;gap:30px;min-height:86px;display:flex}.guide-search--compact{width:250px;max-width:50%;margin:0}.guide-search--compact .guide-search-field{min-height:52px}.guide-search--compact input{padding:12px 0;font-size:14px}.guide-section-layout,.guide-article-layout{grid-template-columns:234px minmax(0,1fr);align-items:start;gap:64px;min-height:560px;display:grid}.guide-section-layout>aside,.guide-article-sidebar{scrollbar-width:thin;max-height:calc(100dvh - 110px);padding-top:48px;position:sticky;top:88px;overflow:auto}.guide-tree{border-top:1px solid var(--color-ink-100);border-bottom:1px solid var(--color-ink-100);padding:0 0 25px;font-size:15px;line-height:1.5}.guide-tree-root{background:var(--color-sky-100);color:var(--color-skype-deep);border-radius:8px;margin:6px 0 10px;padding:8px 13px;font-weight:600;display:block}.guide-tree-category summary{cursor:pointer;color:var(--color-ink-600);border-radius:8px;justify-content:space-between;align-items:center;gap:8px;margin:1px 0;padding:7px 12px;list-style:none;display:flex}.guide-tree-category summary::-webkit-details-marker{display:none}.guide-tree-category summary>svg{flex-shrink:0;transition:transform .15s}.guide-tree-category[open]>summary>svg{transform:rotate(180deg)}.guide-tree-category summary[aria-current],.guide-tree-category[open]>summary{background:var(--color-sky-100);color:var(--color-skype-deep)}.guide-tree-category summary>a{flex:1}.guide-tree-category>div{padding:4px 0 10px}.guide-tree-category>div>a{color:var(--color-ink-600);border-radius:8px;margin:1px 0 1px 12px;padding:7px 12px;font-size:14px;display:block}.guide-tree-category>div>a[aria-current]{background:var(--color-sky-100);color:var(--color-skype-deep)}.guide-tree a:hover{color:var(--color-skype-deep)}.guide-tree-mobile{display:none}.guide-section-content{padding:46px 0 80px}.guide-section-content>h1,.guide-article>h1,.guide-results>h1{letter-spacing:-.025em;overflow-wrap:anywhere;font-size:clamp(32px,4.5vw,48px);font-weight:650;line-height:1.25}.guide-section-intro{color:var(--color-ink-500);margin-top:20px;font-size:19px;line-height:1.6}.guide-article-list{grid-template-columns:repeat(2,minmax(0,1fr));gap:16px 24px;margin-top:32px;padding:0;list-style:none;display:grid}.guide-article-list li{min-width:0}.guide-article-list a{height:100%;font-size:16px}.guide-article{overflow-wrap:anywhere;min-width:0;padding:48px 0 80px;font-size:16px;line-height:1.75}.guide-article-meta{color:var(--color-ink-500);margin:18px 0 42px;font-size:13px}.guide-article-intro{color:var(--color-ink-600);margin-bottom:24px;font-size:16px;line-height:1.8}.guide-platform-note{border-left:3px solid var(--color-skype-deep);color:var(--color-ink-600);background:0 0;margin:24px 0;padding:12px 18px}.guide-platform-note strong{color:var(--color-ink-900);font-size:14px}.guide-platform-note p{margin-top:6px;font-size:14px;line-height:1.8}.guide-walkthrough>section{margin:30px 0 38px;scroll-margin-top:90px}.guide-walkthrough h2{align-items:baseline;gap:10px;margin-bottom:14px;font-size:23px;font-weight:650;line-height:1.5;display:flex}.guide-walkthrough h2>span{color:var(--color-ink-500);font-size:18px;font-weight:400}.guide-walkthrough p{color:var(--color-ink-600);white-space:pre-line}.guide-step-figure{text-align:center;margin:25px 0 8px}.guide-step-figure img{border-radius:12px;width:auto;max-width:100%;height:auto;max-height:720px;margin:auto;display:block}.guide-step-figure--landscape img{width:100%;max-height:none}.guide-step-figure figcaption,.guide-screenshot-placeholder figcaption{color:var(--color-ink-500);margin-top:12px;font-size:12px;line-height:1.7}.guide-screenshot-placeholder{border:1px dashed var(--color-ink-200);text-align:center;background:0 0;border-radius:12px;margin:22px 0;padding:24px}.guide-screenshot-placeholder>svg{color:var(--color-ink-400);margin:auto}.guide-checklist{border-top:1px solid var(--color-ink-100);margin-top:28px;padding-top:24px}.guide-checklist h2,.guide-related h2,.guide-recent h2{margin-bottom:16px;font-size:20px;font-weight:650}.guide-checklist ul{gap:10px;padding:0;list-style:none;display:grid}.guide-checklist li{color:var(--color-ink-600);gap:10px;display:flex}.guide-checklist li svg{color:var(--color-skype-deep);flex-shrink:0;margin-top:5px}.guide-share{color:var(--color-ink-500);align-items:center;gap:16px;margin:38px 0 30px;font-size:14px;display:flex}.guide-share button{cursor:pointer;color:var(--color-ink-700);background:0 0;border:0;align-items:center;gap:8px;font-size:13px;display:flex}.guide-feedback{text-align:center;border-top:1px solid var(--color-ink-100);border-bottom:1px solid var(--color-ink-100);padding:35px 0 30px}.guide-feedback h2{margin-bottom:20px;font-size:16px;font-weight:600}.guide-feedback>div{justify-content:center;gap:12px;display:flex}.guide-feedback button{border:1px solid var(--color-ink-200);cursor:pointer;background:0 0;border-radius:999px;min-width:80px;min-height:40px;padding:6px 20px;font-size:14px}.guide-feedback button[aria-pressed=true]{border-color:var(--color-skype-deep);color:var(--color-skype-deep);background:var(--color-sky-100)}.guide-feedback p{color:var(--color-ink-500);margin-top:14px;font-size:12px}.guide-feedback a,.guide-article-support a{color:var(--color-skype-deep)}.guide-related,.guide-recent{padding-top:30px}.guide-related ul,.guide-recent ul{gap:10px;padding:0;list-style:none;display:grid}.guide-related a,.guide-recent a{color:var(--color-skype-deep);font-size:14px}.guide-adjacent{border-top:1px solid var(--color-ink-100);grid-template-columns:repeat(2,minmax(0,1fr));gap:20px;margin-top:30px;padding-top:24px;display:grid}.guide-adjacent a{color:var(--color-ink-700);font-size:14px}.guide-adjacent small{color:var(--color-ink-500);margin-bottom:5px;font-size:11px;display:block}.guide-adjacent a:last-child{text-align:right}.guide-article-support{color:var(--color-ink-500);margin-top:30px;font-size:13px}.guide-article-support a{align-items:center;gap:5px;display:inline-flex}.guide-results{max-width:780px;min-height:400px;margin:50px auto 80px}.guide-results>.guide-search{max-width:none;margin:28px 0}.guide-results-count{color:var(--color-ink-500);margin:25px 0;font-size:14px;line-height:1.8}.guide-results>ul{padding:0;list-style:none}.guide-results>ul>li{border-top:1px solid var(--color-ink-100);padding:25px 0}.guide-results h2{color:var(--color-skype-deep);font-size:21px;font-weight:600}.guide-results li p{color:var(--color-ink-600);margin:10px 0;font-size:15px;line-height:1.8}.guide-results small{color:var(--color-ink-500);font-size:12px}@media (max-width:1000px){.guide-section-layout,.guide-article-layout{grid-template-columns:210px minmax(0,1fr);gap:32px}.guide-article-list{grid-template-columns:minmax(0,1fr);gap:14px}}@media (max-width:700px){.guide-container{width:calc(100% - 36px)}.guide-hero{min-height:390px;padding:70px 0 120px}.guide-hero h1{font-size:31px}.guide-hero-content>p{font-size:16px}.guide-search{margin-top:26px}.guide-quick-links{grid-template-columns:minmax(0,1fr);gap:14px;margin-top:-52px}.guide-quick-link,.guide-quick-link:nth-child(2){min-height:0;padding:26px 24px;transform:none}.guide-quick-link>svg{width:35px;height:35px;margin-bottom:14px}.guide-quick-link h2{font-size:20px}.guide-quick-link p{font-size:14px}.guide-topics{padding:48px 0 60px}.guide-topic-grid{grid-template-columns:minmax(0,1fr);gap:12px}.guide-topic-button{font-size:15px}.guide-help-footer{padding:44px 22px}.guide-help-footer p{font-size:15px}.guide-subheader>.guide-container{gap:15px;min-height:78px}.guide-back-button{min-height:44px;padding:9px 16px;font-size:14px}.guide-search--compact{width:190px;max-width:55%}.guide-search--compact .guide-search-field{min-height:44px;padding:0 8px}.guide-search--compact input{padding:8px 0;font-size:13px}.guide-section-layout,.guide-article-layout{min-height:0;display:block}.guide-section-layout>aside,.guide-article-sidebar{max-height:none;padding-top:20px;position:static;overflow:visible}.guide-tree-desktop{display:none}.guide-tree-mobile{border:1px solid var(--color-ink-100);border-radius:12px;padding:0 14px;display:block}.guide-tree-mobile>summary{cursor:pointer;justify-content:space-between;gap:14px;padding:14px 0;font-size:14px;list-style:none;display:flex}.guide-tree-mobile>summary::-webkit-details-marker{display:none}.guide-tree-mobile .guide-tree{border-top:1px solid var(--color-ink-100);border-bottom:0;padding:10px 0 14px}.guide-section-content,.guide-article{padding:32px 0 48px}.guide-section-content>h1,.guide-article>h1,.guide-results>h1{font-size:32px}.guide-section-intro{margin-top:16px;font-size:16px}.guide-article-list{grid-template-columns:minmax(0,1fr);margin-top:25px}.guide-article-meta{margin-bottom:28px}.guide-walkthrough h2{font-size:21px}.guide-results{margin:32px auto 50px}.guide-adjacent{gap:14px}}
