/** * Smash Balloon design tokens — YouTube Feed Pro local mirror. * * Single source of truth for design tokens used by YT Pro surfaces. * Mirrored verbatim from `@smashballoons/tokens` v0.4.0 (npm), keeping * parity with the canonical Instagram Feed Pro port landed under * SMASH-1378 (see `instagram-feed-pro/assets/tokens/sb-tokens-local.css`) * and the Twitter Pro cascade port * (`custom-twitter-feeds-pro/assets/tokens/ctf-tokens-local.css`). * * Future migration: when sb-common centralizes token distribution, the * `Package mirror` block can be replaced with an @import / wp_enqueue * of the official package without breaking the alias contract below. * * Mirror version: @smashballoons/tokens@0.4.0 * Slice scope: fg + focus + opacity-disabled + duration (semantic * layer required by SMASH-1378 / SMASH-1381 a11y PRs). * Extend in follow-up PRs as new tokens are adopted. */ :root { /* ===== Package mirror — @smashballoons/tokens@0.4.0 ===== */ /* Color primitives referenced by the semantic layer below. */ --sb-color-gray-600: #4a5565; --sb-color-gray-700: #364153; --sb-color-wp-light-blue-600: #007ca8; /* Duration primitives — referenced directly by consumer transitions and overridden by the reduced-motion @media block below. */ --sb-duration-75: 75ms; --sb-duration-100: 100ms; --sb-duration-150: 150ms; --sb-duration-200: 200ms; --sb-duration-300: 300ms; --sb-duration-500: 500ms; --sb-duration-700: 700ms; --sb-duration-1000: 1000ms; /* Opacity */ --sb-opacity-disabled: 0.5; /* Semantic foreground */ --sb-fg-muted: var(--sb-color-gray-700); --sb-fg-subtle: var(--sb-color-gray-600); /* Semantic focus */ --sb-focus-ring: var(--sb-color-wp-light-blue-600); /* ===== Plugin-local aliases (stable consumer-site names) ===== Bump the package values above; consumers reference these aliases and do not need to be renamed. Drop an alias here when a follow-up PR migrates its usage sites to the package name directly. */ --sby-text-secondary: var(--sb-fg-muted); --sby-text-tertiary: var(--sb-fg-subtle); } /* Reduced-motion override — zeroes every duration token so any consumer transition that uses `var(--sb-duration-*)` inherits the override automatically. Transforms / @keyframes still need an explicit `prefers-reduced-motion: no-preference` wrap at the consumer site. */ @media (prefers-reduced-motion: reduce) { :root { --sb-duration-75: 0.01ms; --sb-duration-100: 0.01ms; --sb-duration-150: 0.01ms; --sb-duration-200: 0.01ms; --sb-duration-300: 0.01ms; --sb-duration-500: 0.01ms; --sb-duration-700: 0.01ms; --sb-duration-1000: 0.01ms; } }#sby_lightbox :focus-visible,#sby_lightbox:focus-visible,[id^=sb_youtube_].sb_youtube :focus-visible{box-shadow:0 0 0 2px var(--sb-focus-ring,#007ca8)!important;outline:2px solid transparent!important;outline-offset:0!important}@keyframes sby-sk-scaleout{0%{transform:scale(0)}to{opacity:0;transform:scale(1)}}@keyframes fa-spin{0%{transform:rotate(0deg)}to{transform:rotate(359deg)}}body,body.et-db #et-boc{[id^=sb_youtube_].sb_youtube{box-sizing:border-box;margin:0 auto;padding:0;width:100%}[id^=sb_youtube_].sb_youtube *{box-sizing:border-box}[id^=sb_youtube_].sb_youtube .sbi_inner_item:after,[id^=sb_youtube_].sb_youtube:after{clear:both;content:"";display:table}[id^=sb_youtube_].sb_youtube.sby_fixed_height{box-sizing:border-box;overflow:hidden;overflow-y:auto}[id^=sb_youtube_].sb_youtube .sby_items_wrap{box-sizing:border-box;float:left;font-size:13px;line-height:0;width:100%}[id^=sb_youtube_].sb_youtube .sby_items_wrap .sby_inner_item{display:flex;flex-direction:column}[id^=sb_youtube_].sb_youtube .sby_items_wrap .sby_item,[id^=sb_youtube_].sb_youtube .sby_player_outer_wrap .sby_video_thumbnail_wrap,[id^=sb_youtube_].sb_youtube .sby_player_wrap{box-sizing:border-box;display:-moz-inline-stack;display:inline-block;opacity:1;overflow:hidden;padding:inherit!important;text-decoration:none;transition:all .5s ease;vertical-align:top;zoom:1}[id^=sb_youtube_].sb_youtube .sby_items_wrap .sby_item.sby_no_margin{margin:0!important}[id^=sb_youtube_].sb_youtube .sby_items_wrap .sby_item.sby_transition{max-height:0;opacity:0}[id^=sb_youtube_].sb_youtube.sby_col_0 .sby_items_wrap .sby_item,[id^=sb_youtube_].sb_youtube.sby_col_1 .sby_items_wrap .sby_item{width:100%}[id^=sb_youtube_].sb_youtube.sby_col_2 .sby_items_wrap .sby_item{width:50%}[id^=sb_youtube_].sb_youtube.sby_col_3 .sby_items_wrap .sby_item{width:33.33%}[id^=sb_youtube_].sb_youtube.sby_col_4 .sby_items_wrap .sby_item{width:25%}[id^=sb_youtube_].sb_youtube.sby_col_5 .sby_items_wrap .sby_item{width:20%}[id^=sb_youtube_].sb_youtube.sby_col_6 .sby_items_wrap .sby_item{width:16.66%}[id^=sb_youtube_].sb_youtube.sby_col_7 .sby_items_wrap .sby_item{width:14.28%}[id^=sb_youtube_].sb_youtube.sby_col_8 .sby_items_wrap .sby_item{width:12.5%}[id^=sb_youtube_].sb_youtube.sby_col_9 .sby_items_wrap .sby_item{width:11.11%}[id^=sb_youtube_].sb_youtube.sby_col_10 .sby_items_wrap .sby_item{width:10%}.sby-screenreader{display:block!important;height:0!important;line-height:0!important;text-indent:-9999px!important;width:0!important}#sby_lightbox .sby_lb_video_thumbnail_wrap,[id^=sb_youtube_].sb_youtube .sby_player_outer_wrap,[id^=sb_youtube_].sb_youtube .sby_video_thumbnail_wrap{box-sizing:border-box;float:left;position:relative;width:100%}#sby_lightbox .sby_lb_video_thumbnail,#sby_lightbox .sby_video_thumbnail,[id^=sb_youtube_].sb_youtube .sby_video_thumbnail{display:block;line-height:0;position:relative;text-decoration:none;z-index:5}#sby_lightbox .sby_video_thumbnail img,[id^=sb_youtube_].sb_youtube .sby_video_thumbnail img{border-radius:0;height:auto;width:100%}[id^=sb_youtube_].sb_youtube .sby_link{background:#333;background:rgba(0,0,0,.6);bottom:0;color:#fff;display:none;font-size:12px;left:0;line-height:1.1;overflow:hidden;padding:0;position:absolute;right:0;text-align:center;top:0;width:100%;z-index:1}[id^=sb_youtube_].sb_youtube .sby_link.sby_default a,[id^=sb_youtube_].sb_youtube .sby_link.sby_default p,[id^=sb_youtube_].sb_youtube .sby_link.sby_default span{text-shadow:0 0 10px #000}[id^=sb_youtube_].sb_youtube .sby_link .sby_hover_bottom,[id^=sb_youtube_].sb_youtube .sby_link .sby_lightbox_link,[id^=sb_youtube_].sb_youtube .sby_link .sby_playbtn,[id^=sb_youtube_].sb_youtube .sby_link .sby_username a,[id^=sb_youtube_].sb_youtube .sby_link .sby_youtube_link,[id^=sb_youtube_].sb_youtube .sby_link .svg-inline--fa.fa-play{filter:alpha(opacity=90);opacity:.9}[id^=sb_youtube_].sb_youtube .sby_link .sby_lightbox_link:hover,[id^=sb_youtube_].sb_youtube .sby_link .sby_playbtn:hover,[id^=sb_youtube_].sb_youtube .sby_link .sby_username a:hover,[id^=sb_youtube_].sb_youtube .sby_link .sby_youtube_link:hover,[id^=sb_youtube_].sb_youtube .sby_link .svg-inline--fa.fa-play:hover{filter:alpha(opacity=100);opacity:1}[id^=sb_youtube_].sb_youtube .sby_link_area{bottom:0;left:0;position:absolute;right:0;top:0;z-index:1}[id^=sb_youtube_].sb_youtube .sby_link a{background:none;color:#ddd;color:hsla(0,0%,100%,.7);display:-moz-inline-stack;display:inline-block;line-height:1.1;padding:0;text-decoration:none;vertical-align:top;zoom:1}[id^=sb_youtube_].sb_youtube .sby_link a:active,[id^=sb_youtube_].sb_youtube .sby_link a:hover{color:#fff}[id^=sb_youtube_].sb_youtube .sby_link .sby_lightbox_link{display:block;font-size:49px;font-style:normal!important;left:50%;margin-left:-21px;margin-top:-24px;padding:0;position:absolute;top:50%;z-index:2}[id^=sb_youtube_].sb_youtube .sby_carousel_vid_first .sby_lightbox_link,[id^=sb_youtube_].sb_youtube .sby_type_video .sby_lightbox_link{display:none}[id^=sb_youtube_].sb_youtube .sby_link .sby_youtube_link{bottom:0;font-size:30px;padding:8px;position:absolute;right:2px;z-index:100}[id^=sb_youtube_].sb_youtube .sby_link a:focus,[id^=sb_youtube_].sb_youtube .sby_link a:hover{text-decoration:underline}[id^=sb_youtube_].sb_youtube .sby_player_wrap{height:100%!important;left:0;position:absolute;top:0;width:100%!important;z-index:1}[id^=sb_youtube_].sb_youtube .sby_player_wrap iframe{height:100%!important;width:100%!important}#sby_lightbox .sby_thumbnail_hover,[id^=sb_youtube_].sb_youtube .sby_thumbnail_hover{background:#333;background:rgba(0,0,0,.6);bottom:0;box-sizing:border-box;color:#fff;display:block;left:0;opacity:0;position:absolute;right:0;top:0;transition:opacity .6s ease-in-out;-moz-transition:opacity .6s ease-in-out;-webkit-transition:opacity .6s ease-in-out;z-index:10}[id^=sb_youtube_].sb_youtube.sby_layout_list .sby_item_video_thumbnail .sby_thumbnail_hover{display:none}[id^=sb_youtube_].sb_youtube .sby_current .sby_thumbnail_hover{opacity:1}#sby_lightbox .sby_thumbnail_hover_inner,[id^=sb_youtube_].sb_youtube .sby_thumbnail_hover_inner{display:inline-block;height:100%;overflow:hidden;padding:10px;width:100%}[id^=sb_youtube_].sb_youtube .sby_thumbnail_hover_inner .sby_video_title{font-size:1.2em;line-height:1.2}#sby_lightbox .sby_video_thumbnail:hover .sby_thumbnail_hover,[id^=sb_youtube_].sb_youtube .sby_video_thumbnail:hover .sby_thumbnail_hover{display:block;opacity:1;transition:opacity .2s ease-in-out;-moz-transition:opacity .2s ease-in-out;-webkit-transition:opacity .2s ease-in-out}[id^=sb_youtube_].sb_youtube.sby_layout_list .sby_item_video_thumbnail.sby_video_thumbnail:hover .sby_thumbnail_hover{display:none;opacity:0;transition:none;-moz-transition:none;-webkit-transition:none}[id^=sb_youtube_].sb_youtube .sby_loader{animation:sby-sk-scaleout 1s ease-in-out infinite;background-color:#000;background-color:rgba(0,0,0,.5);border-radius:100%;height:20px;left:50%;margin:-10px 0 0 -10px;position:relative;top:50%;width:20px}[id^=sb_youtube_].sb_youtube .sb_youtube_header br,[id^=sb_youtube_].sb_youtube .sby_footer br,[id^=sb_youtube_].sb_youtube .sby_items_wrap br{display:none}[id^=sb_youtube_].sb_youtube .sby_bio br,[id^=sb_youtube_].sb_youtube .sby_caption br{display:initial}.sby_footer p{display:inline;margin:0;padding:0}[id^=sb_youtube_].sb_youtube .sby_footer .sby_loader,[id^=sb_youtube_].sb_youtube .sby_item .sby_loader,[id^=sb_youtube_].sb_youtube .sby_player_outer_wrap .sby_loader{background-color:#fff;margin-top:-11px;position:absolute}[id^=sb_youtube_].sb_youtube .sby_item.sby_player_loading,[id^=sb_youtube_].sb_youtube .sby_player_outer_wrap.sby_player_loading{opacity:.8}#sby_lightbox .fa-spin,[id^=sb_youtube_].sb_youtube .fa-spin{animation:fa-spin 2s linear infinite}#sby_lightbox .fa-pulse,[id^=sb_youtube_].sb_youtube .fa-pulse{animation:fa-spin 1s steps(8) infinite}[id^=sb_youtube_].sb_youtube .sb_youtube_header{clear:both;float:left;line-height:1.2;margin:0 0 15px;padding:0;width:100%}[id^=sb_youtube_].sb_youtube .sb_youtube_header.sby_header_type_generic{display:flex}[id^=sb_youtube_].sb_youtube .sb_youtube_header a{align-items:center;display:flex;float:left;min-width:100%;text-decoration:none;transition:color .5s ease;width:100%}[id^=sb_youtube_].sb_youtube .sb_youtube_header a[data-channel-description=visible]{align-items:flex-start}@media (min-width:480px){[id^=sb_youtube_].sb_youtube .sb_youtube_header.sby_medium .sby_header_img,[id^=sb_youtube_].sb_youtube .sb_youtube_header.sby_medium .sby_header_img img{border-radius:40px;height:80px;width:80px}[id^=sb_youtube_].sb_youtube .sb_youtube_header.sby_medium .sby_header_text h3{font-size:16px}[id^=sb_youtube_].sb_youtube .sb_youtube_header.sby_medium .sby_header_text .sby_bio,[id^=sb_youtube_].sb_youtube .sb_youtube_header.sby_medium .sby_header_text .sby_bio_info{font-size:13px}[id^=sb_youtube_].sb_youtube .sb_youtube_header.sby_medium .sby_header_text .sby_bio,[id^=sb_youtube_].sb_youtube .sb_youtube_header.sby_medium .sby_header_text .sby_bio_info,[id^=sb_youtube_].sb_youtube .sb_youtube_header.sby_medium .sby_header_text h3{line-height:1.4;margin-left:95px!important}[id^=sb_youtube_].sb_youtube .sb_youtube_header.sby_medium .sby_header_text h3{margin-right:-85px!important}[id^=sb_youtube_].sb_youtube .sb_youtube_header.sby_medium .sby_header_text .sby_bio_info{margin-top:4px!important}[id^=sb_youtube_].sb_youtube .sb_youtube_header.sby_medium .sby_header_text.sby_no_bio h3{padding-top:20px!important}[id^=sb_youtube_].sb_youtube .sb_youtube_header.sby_large .sby_header_img,[id^=sb_youtube_].sb_youtube .sb_youtube_header.sby_large .sby_header_img img{border-radius:60px;height:120px;width:120px}[id^=sb_youtube_].sb_youtube .sb_youtube_header.sby_large .sby_header_text h3{font-size:28px}[id^=sb_youtube_].sb_youtube .sb_youtube_header.sby_large .sby_header_text .sby_bio,[id^=sb_youtube_].sb_youtube .sb_youtube_header.sby_large .sby_header_text .sby_bio_info{font-size:13px}[id^=sb_youtube_].sb_youtube .sb_youtube_header.sby_large .sby_header_text .sby_bio,[id^=sb_youtube_].sb_youtube .sb_youtube_header.sby_large .sby_header_text .sby_bio_info,[id^=sb_youtube_].sb_youtube .sb_youtube_header.sby_large .sby_header_text h3{line-height:1.5;margin-left:140px!important}[id^=sb_youtube_].sb_youtube .sb_youtube_header.sby_large .sby_header_text h3{margin-right:-120px!important}[id^=sb_youtube_].sb_youtube .sb_youtube_header.sby_large .sby_header_text .sby_bio_info{margin-top:12px!important}[id^=sb_youtube_].sb_youtube .sb_youtube_header.sby_large .sby_header_text.sby_no_bio h3{padding-top:32px!important}}[id^=sb_youtube_].sb_youtube .sb_youtube_header .sby_header_img{border-radius:40px;float:left;margin:0 0 0 -100%!important;overflow:hidden;position:relative;width:50px}[id^=sb_youtube_].sb_youtube .sb_youtube_header .sby_header_img img{border:none!important;border-radius:40px;float:left;margin:0!important;padding:0!important}[id^=sb_youtube_].sb_youtube .sb_youtube_header.sby_no_consent .sby_header_img{height:50px}[id^=sb_youtube_].sb_youtube .sb_youtube_header.sby_no_consent .sby_header_img_hover{opacity:1}[id^=sb_youtube_].sb_youtube .sb_youtube_header .sby_new_logo{font-size:24px;height:24px;left:50%;margin-left:-12px;margin-top:-12px;position:absolute;top:50%;width:24px}[id^=sb_youtube_].sb_youtube .sb_youtube_header .sby_header_img_hover i{overflow:hidden}[id^=sb_youtube_].sb_youtube .sb_youtube_header .sby_header_img_hover{transition:opacity .4s ease-in-out;z-index:2}[id^=sb_youtube_].sb_youtube .sb_youtube_header .sby_fade_in{opacity:1;transition:opacity .2s ease-in-out}[id^=sb_youtube_].sb_youtube .sb_youtube_header .sby_header_img_hover{background:rgba(0,0,0,.75);border-radius:40px;bottom:0;color:#fff;-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";filter:alpha(opacity=0);left:0;-moz-opacity:0;-khtml-opacity:0;opacity:0;position:absolute;text-align:center;top:0;transition:opacity .2s;width:100%}[id^=sb_youtube_].sb_youtube .sb_youtube_header a:focus .sby_header_img_hover,[id^=sb_youtube_].sb_youtube .sb_youtube_header a:hover .sby_header_img_hover{opacity:1}[id^=sb_youtube_].sb_youtube .sb_youtube_header .sby_header_text{display:flex;flex-wrap:wrap;padding-top:5px;width:100%}[id^=sb_youtube_].sb_youtube .sb_youtube_header .sby_header_text .sby_bio,[id^=sb_youtube_].sb_youtube .sb_youtube_header .sby_header_text h3{clear:both;margin:0 0 0 60px!important;padding:0!important}[id^=sb_youtube_].sb_youtube .sb_youtube_header .sby_header_text .sby_bio{width:100%}[id^=sb_youtube_].sb_youtube .sb_youtube_header h3{font-size:16px;line-height:1.3}[id^=sb_youtube_].sb_youtube .sb_youtube_header p{font-size:13px;line-height:1.3;margin:0;padding:0}[id^=sb_youtube_].sb_youtube p:empty{display:none}[id^=sb_youtube_].sb_youtube .sb_youtube_header .sby_header_text img.emoji{margin-right:3px!important}[id^=sb_youtube_].sb_youtube .sb_youtube_header .sby_header_text.sby_no_bio .sby_bio_info{clear:both}[id^=sb_youtube_].sb_youtube .sb_youtube_header .sby_header_text.sby_no_bio.sby_has_sub h3{padding-top:0!important}[id^=sb_youtube_].sb_youtube .sby_footer{clear:both;float:left;text-align:center;width:100%}[id^=sb_youtube_].sb_youtube .sby_footer .fa-spinner{display:none;font-size:15px;left:50%;margin:-8px 0 0 -7px;position:absolute;top:50%}[id^=sb_youtube_].sb_youtube .sby_footer{opacity:1;transition:all .5s ease-in}[id^=sb_youtube_].sb_youtube .sby_load_btn .sby_btn_text,[id^=sb_youtube_].sb_youtube .sby_load_btn .sby_loader{opacity:1;transition:all .1s ease-in}[id^=sb_youtube_].sb_youtube .sby_hidden{opacity:0!important}#sby_lightbox .sby_btn a,[id^=sb_youtube_].sb_youtube .sby_btn a,[id^=sb_youtube_].sb_youtube .sby_follow_btn a,[id^=sb_youtube_].sb_youtube .sby_footer .sby_load_btn{background:#333;border:none;border-radius:4px;box-sizing:border-box;color:#fff;cursor:pointer;display:-moz-inline-stack;display:inline-block;font-size:13px;line-height:1.5;margin:5px auto 0;padding:7px 14px;text-decoration:none;vertical-align:top;zoom:1}#sby_lightbox .sby_btn .sby_cta_button,[id^=sb_youtube_].sb_youtube .sby_btn .sby_cta_button{font-size:16px}[id^=sb_youtube_].sb_youtube .sby_footer .sby_load_btn{position:relative}#sby_lightbox .sby_btn,[id^=sb_youtube_].sb_youtube .sby_btn,[id^=sb_youtube_].sb_youtube .sby_follow_btn{display:-moz-inline-stack;display:inline-block;text-align:center;vertical-align:top;zoom:1}[id^=sb_youtube_].sb_youtube .sby_follow_btn.sby_top{display:block;margin-bottom:5px}#sby_lightbox .sby_btn .sby_cta_button,[id^=sb_youtube_].sb_youtube .sby_btn .sby_cta_button,[id^=sb_youtube_].sb_youtube .sby_follow_btn a{background:#408bd1;color:#fff}#sby_lightbox .sby_btn a,[id^=sb_youtube_].sb_youtube .sby_btn a,[id^=sb_youtube_].sb_youtube .sby_follow_btn a,[id^=sb_youtube_].sb_youtube .sby_footer .sby_load_btn{transition:all .1s ease-in}[id^=sb_youtube_].sb_youtube .sby_footer .sby_load_btn:hover{box-shadow:inset 0 0 20px 20px hsla(0,0%,100%,.25);outline:none}[id^=sb_youtube_].sb_youtube .sby_follow_btn a:focus,[id^=sb_youtube_].sb_youtube .sby_follow_btn a:hover{box-shadow:inset 0 0 20px 20px hsla(0,0%,100%,.25)}#sby_lightbox .sby_btn .sby_cta_button:focus,#sby_lightbox .sby_btn .sby_cta_button:hover,#sby_lightbox .sby_btn a:focus,[id^=sb_youtube_].sb_youtube .sby_btn .sby_cta_button:focus,[id^=sb_youtube_].sb_youtube .sby_btn .sby_cta_button:hover,[id^=sb_youtube_].sb_youtube .sby_btn a:hover{box-shadow:inset 0 0 10px 20px #359dff;outline:none}#sby_lightbox .sby_btn.sby_custom .sby_cta_button:focus,#sby_lightbox .sby_btn.sby_custom .sby_cta_button:hover,#sby_lightbox .sby_btn.sby_custom a:focus,[id^=sb_youtube_].sb_youtube .sby_btn.sby_custom .sby_cta_button:focus,[id^=sb_youtube_].sb_youtube .sby_btn.sby_custom .sby_cta_button:hover,[id^=sb_youtube_].sb_youtube .sby_btn.sby_custom a:hover,[id^=sb_youtube_].sb_youtube .sby_follow_btn.sby_custom a:focus,[id^=sb_youtube_].sb_youtube .sby_follow_btn.sby_custom a:hover,[id^=sb_youtube_].sb_youtube .sby_footer .sby_load_btn.sby_custom:hover{box-shadow:inset 0 0 20px 20px hsla(0,0%,100%,.15)}#sby_lightbox .sby_btn a:active,[id^=sb_youtube_].sb_youtube .sby_btn a:active,[id^=sb_youtube_].sb_youtube .sby_follow_btn a:active,[id^=sb_youtube_].sb_youtube .sby_footer .sby_load_btn:active{box-shadow:inset 0 0 10px 20px rgba(0,0,0,.3)}[id^=sb_youtube_].sb_youtube .sby_follow_btn .fa,[id^=sb_youtube_].sb_youtube .sby_follow_btn svg{font-size:15px;margin-bottom:-1px;margin-right:7px}[id^=sb_youtube_].sb_youtube .sby_follow_btn svg{vertical-align:-.125em}[id^=sb_youtube_].sb_youtube .sby_footer .sby_follow_btn{margin-left:5px}@media (max-width:640px){[id^=sb_youtube_].sb_youtube.sby_col_3.sby_mob_col_auto .sby_items_wrap .sby_item,[id^=sb_youtube_].sb_youtube.sby_col_4.sby_mob_col_auto .sby_items_wrap .sby_item,[id^=sb_youtube_].sb_youtube.sby_col_5.sby_mob_col_auto .sby_items_wrap .sby_item,[id^=sb_youtube_].sb_youtube.sby_col_6.sby_mob_col_auto .sby_items_wrap .sby_item{width:50%}[id^=sb_youtube_].sb_youtube.sby_col_10 .sby_items_wrap .sby_item,[id^=sb_youtube_].sb_youtube.sby_col_10.sby_mob_col_auto .sby_items_wrap .sby_item,[id^=sb_youtube_].sb_youtube.sby_col_7 .sby_items_wrap .sby_item,[id^=sb_youtube_].sb_youtube.sby_col_7.sby_mob_col_auto .sby_items_wrap .sby_item,[id^=sb_youtube_].sb_youtube.sby_col_8 .sby_items_wrap .sby_item,[id^=sb_youtube_].sb_youtube.sby_col_8.sby_mob_col_auto .sby_items_wrap .sby_item,[id^=sb_youtube_].sb_youtube.sby_col_9 .sby_items_wrap .sby_item,[id^=sb_youtube_].sb_youtube.sby_col_9.sby_mob_col_auto .sby_items_wrap .sby_item{width:25%}[id^=sb_youtube_].sb_youtube.sby_col_2 .sby_items_wrap .sby_item{width:50%}[id^=sb_youtube_].sb_youtube.sby_col_3 .sby_items_wrap .sby_item{width:33.33%}[id^=sb_youtube_].sb_youtube.sby_col_4 .sby_items_wrap .sby_item{width:25%}[id^=sb_youtube_].sb_youtube.sby_col_5 .sby_items_wrap .sby_item{width:20%}[id^=sb_youtube_].sb_youtube.sby_col_6 .sby_items_wrap .sby_item{width:16.66%}[id^=sb_youtube_].sb_youtube.sby_col_7 .sby_items_wrap .sby_item{width:14.28%}[id^=sb_youtube_].sb_youtube.sby_col_8 .sby_items_wrap .sby_item{width:12.5%}[id^=sb_youtube_].sb_youtube.sby_col_9 .sby_items_wrap .sby_item{width:11.11%}[id^=sb_youtube_].sb_youtube.sby_col_10 .sby_items_wrap .sby_item{width:10%}[id^=sb_youtube_].sb_youtube.sby_width_resp{width:100%!important}}@media (max-width:480px){[id^=sb_youtube_].sb_youtube.sby_col_10.sby_mob_col_auto .sby_items_wrap .sby_item,[id^=sb_youtube_].sb_youtube.sby_col_3.sby_mob_col_auto .sby_items_wrap .sby_item,[id^=sb_youtube_].sb_youtube.sby_col_4.sby_mob_col_auto .sby_items_wrap .sby_item,[id^=sb_youtube_].sb_youtube.sby_col_5.sby_mob_col_auto .sby_items_wrap .sby_item,[id^=sb_youtube_].sb_youtube.sby_col_6.sby_mob_col_auto .sby_items_wrap .sby_item,[id^=sb_youtube_].sb_youtube.sby_col_7.sby_mob_col_auto .sby_items_wrap .sby_item,[id^=sb_youtube_].sb_youtube.sby_col_8.sby_mob_col_auto .sby_items_wrap .sby_item,[id^=sb_youtube_].sb_youtube.sby_col_9.sby_mob_col_auto .sby_items_wrap .sby_item,[id^=sb_youtube_].sb_youtube.sby_mob_col_1 .sby_items_wrap .sby_item{width:100%}[id^=sb_youtube_].sb_youtube.sby_mob_col_2 .sby_items_wrap .sby_item{width:50%}[id^=sb_youtube_].sb_youtube.sby_mob_col_3 .sby_items_wrap .sby_item{width:33.33%}[id^=sb_youtube_].sb_youtube.sby_mob_col_4 .sby_items_wrap .sby_item{width:25%}[id^=sb_youtube_].sb_youtube.sby_mob_col_5 .sby_items_wrap .sby_item{width:20%}[id^=sb_youtube_].sb_youtube.sby_mob_col_6 .sby_items_wrap .sby_item{width:16.66%}[id^=sb_youtube_].sb_youtube.sby_mob_col_7 .sby_items_wrap .sby_item{width:14.28%}}[data-preview-screen=mobile] .sb_youtube.sby_mob_col_2 .sby_items_wrap .sby_item{width:50%}[data-preview-screen=mobile] .sb_youtube.sby_mob_col_3 .sby_items_wrap .sby_item{width:33.33%}[data-preview-screen=mobile] .sb_youtube.sby_mob_col_4 .sby_items_wrap .sby_item{width:25%}[data-preview-screen=mobile] .sb_youtube.sby_mob_col_5 .sby_items_wrap .sby_item{width:20%}[data-preview-screen=mobile] .sb_youtube.sby_mob_col_6 .sby_items_wrap .sby_item{width:16.66%}[data-preview-screen=mobile] .sb_youtube.sby_mob_col_7 .sby_items_wrap .sby_item{width:14.28%}.sb_youtube[data-videostyle=boxed] .sby_items_wrap .sby_item .sby_inner_item{background-color:#fff}.sb_youtube.sby_palette_dark[data-videostyle=boxed] .sby_items_wrap .sby_item .sby_inner_item{background-color:#35363f}.sby_lightboxOverlay{background-color:#000;display:none;filter:progid:DXImageTransform.Microsoft.Alpha(Opacity=80);left:0;opacity:.9;position:absolute;top:0;z-index:9999}.sby_lightbox{font-weight:400;height:100%;left:0;line-height:0;overflow-x:auto;position:absolute;width:100%;z-index:10000}.sby_lightbox .sby_lb-header{padding-top:80px}.sby_lightbox .sby_lb-image{border-radius:3px}.sby_lightbox a:active,.sby_lightbox a:focus,.sby_lightbox a:hover{outline:none}.sby_lightbox a img{border:none}.sby_lb-outerContainer{background-color:#000;border-top-left-radius:4px;border-top-right-radius:4px;height:250px;margin:0 auto;position:relative;width:250px;*zoom:1}.sby_lb-outerContainer .sby_lb-close{background:url(/wp-content/plugins/feeds-for-youtube/public/build/images/close.0cfd6489.png) 100% 0 no-repeat;border:0;cursor:pointer;filter:progid:DXImageTransform.Microsoft.Alpha(Opacity=70);height:30px;opacity:.7;outline:none;padding:0;position:absolute;right:0;text-align:right;top:-40px;transition:opacity .2s;width:30px}.sby_lb-outerContainer:after{clear:both;content:"";display:table}.sby_lb-container{border-radius:3px;bottom:0;height:100%;left:0;padding:4px;position:relative;right:0;top:0;width:100%}.sby_lb-loader{height:25%;left:0;line-height:0;position:absolute;text-align:center;top:43%;width:100%}.sby_lb-cancel{animation:ctf-sk-scaleout 1s ease-in-out infinite;background-color:#666;background-color:hsla(0,0%,100%,.5);border:0;border-radius:100%;display:block;height:32px;margin:0 auto;padding:0;width:32px}.sby_lb-nav{left:0;top:0;width:100%;z-index:10}.sby_lb-container>.nav{left:0}.sby_lb-nav a{background-image:url(data:image/gif;base64,R0lGODlhAQABAPAAAP///wAAACH5BAEAAAAALAAAAAABAAEAAAICRAEAOw==);height:90%;outline:none;position:absolute;top:0;z-index:100}.sby_lb-next,.sby_lb-prev{cursor:pointer;display:block;height:100%}.sby_lb-nav a.sby_lb-prev{filter:progid:DXImageTransform.Microsoft.Alpha(Opacity=0.5);float:left;left:-70px;opacity:.5;padding-left:10px;padding-right:10px;transition:opacity .2s;width:50px}.sby_lb-nav a.sby_lb-prev:hover{filter:progid:DXImageTransform.Microsoft.Alpha(Opacity=100);opacity:1}.sby_lb-nav a.sby_lb-next{filter:progid:DXImageTransform.Microsoft.Alpha(Opacity=0.5);float:right;opacity:.5;padding-left:10px;padding-right:10px;right:-70px;transition:opacity .2s;width:50px}.sby_lb-nav a.sby_lb-next:hover{filter:progid:DXImageTransform.Microsoft.Alpha(Opacity=100);opacity:1}.sby_lb-nav span{background:url(/wp-content/plugins/feeds-for-youtube/public/build/images/sby-sprite.50dde50c.png) no-repeat;display:block;height:45px;left:20px;margin:-25px 0 0;position:absolute;top:55%;width:34px}.sby_lb-nav a.sby_lb-prev span{background-position:-53px 0}.sby_lb-nav a.sby_lb-next span{background-position:-18px 0;left:auto;right:20px}.sby_lb-data .sby_lb-info{clear:both;float:left;width:100%}.sby_lb-data .sby_lb-number{clear:both;color:#999;display:block;float:left;font-size:12px;padding:5px 0 15px}.sby_lb-data .sby_lb-close{background:url(/wp-content/plugins/feeds-for-youtube/public/build/images/close.0cfd6489.png) 100% 0 no-repeat;border:0;display:block;filter:progid:DXImageTransform.Microsoft.Alpha(Opacity=70);float:right;height:30px;opacity:.7;outline:none;padding:0;text-align:right;transition:opacity .2s;width:30px}.sby_lb-data .sby_lb-close:hover{cursor:pointer;filter:progid:DXImageTransform.Microsoft.Alpha(Opacity=100);opacity:1}.sby_lb-nav{height:auto}.sby_lb-container{padding:0}.sby_lb-container iframe{height:100%;left:0;position:absolute;top:0;width:100%;z-index:1}#sby_lightbox .sby_lightbox_action{border-left:1px solid #666;float:left;font-size:12px;margin:5px 0 0 10px;padding:0 0 0 10px;position:relative}#sby_lightbox .sby_lightbox_action a{color:#999;display:block;float:left;text-decoration:none}#sby_lightbox .sby_lightbox_action a:focus,#sby_lightbox .sby_lightbox_action a:hover{color:#fff}#sby_lightbox .sby_lightbox_action .fa,#sby_lightbox .sby_lightbox_action svg{margin-right:5px}#sby_lightbox .sby_lightbox_action.sby_youtube .fa{font-size:13px}#sby_lightbox .sby_tooltip_social a svg{font-size:19px;margin:auto;padding:3px 4px}#sby_lightbox .sby_lightbox_tooltip{background:hsla(0,0%,100%,.9);border-radius:4px;bottom:22px;box-shadow:0 0 10px rgba(0,0,0,.4);-moz-box-shadow:0 0 10px rgba(0,0,0,.4);-webkit-box-shadow:0 0 10px rgba(0,0,0,.4);box-sizing:border-box;color:#222;display:none;font-size:12px;left:0;line-height:1.3;margin:0;padding:5px 10px;position:absolute;width:100px}#sby_lightbox .sby_lightbox_tooltip .fa-play{bottom:-6px;color:hsla(0,0%,100%,.9);font-size:8px;left:36px;position:absolute}#sby_lightbox .sby_tooltip_social a .fa{font-size:16px;margin:0;padding:5px}#sby_lightbox .sby_tooltip_social a#sby_facebook_icon .fa,#sby_lightbox .sby_tooltip_social a#sby_pinterest_icon .fa,#sby_lightbox .sby_tooltip_social a#sby_twitter_icon .fa{font-size:18px;padding-top:4px}#sby_lightbox .sby_gdpr_notice{display:block;left:50%;margin-left:-44px;margin-top:-44px;padding:20px;position:absolute;top:50%;z-index:6}#sby_lightbox .sby_gdpr_notice svg:not(:root).svg-inline--fa{display:block!important;height:48px;opacity:.8;position:relative;width:48px}#sby_lightbox .sby_gdpr_notice:hover svg:not(:root).svg-inline--fa{opacity:1}#sby_lightbox #sby_mod_box{padding:5px 10px 7px;width:280px}#sby_lightbox .sby_tooltip_social{padding:5px 5px 4px;width:172px}#sby_lightbox .sby_tooltip_social a{border-radius:4px;color:#333}#sby_lightbox .sby_lightbox_action #sby_facebook_icon:hover{background:#3b5998}#sby_lightbox .sby_lightbox_action #sby_twitter_icon:hover{background:#00aced}#sby_lightbox .sby_lightbox_action #sby_google_icon:hover{background:#dd4b39}#sby_lightbox .sby_lightbox_action #sby_linkedin_icon:hover{background:#007bb6}#sby_lightbox .sby_lightbox_action #sby_pinterest_icon:hover{background:#cb2027}#sby_lightbox .sby_lightbox_action #sby_email_icon:hover{background:#333}.sby_lb-dataContainer,.sby_lb-outerContainer{min-width:450px}@media (max-width:450px){.sby_lb-dataContainer,.sby_lb-outerContainer{min-width:0}}.sby_lightbox .sby_lb-image{border-radius:0;display:block;height:auto;margin:0 auto;max-width:inherit}#sby_mod_error{background:#eee;border:1px solid #ddd;border-radius:4px;clear:both;color:#333;display:none;font-size:13px;margin:10px 0;padding:10px 15px;text-align:center}#sby_mod_error p{line-height:1.3!important;margin:0!important;padding:5px 0!important}#sby_mod_error ol,#sby_mod_error ul{margin:0!important;padding:5px 0 5px 20px!important}#sby_mod_error li{margin:0!important;padding:1px 0!important}#sby_mod_error span{font-size:12px}[id^=sb_youtube_].sb_youtube svg:not(:root).svg-inline--fa,[id^=sb_youtube_].sb_youtube_lightbox svg:not(:root).svg-inline--fa{box-sizing:unset;overflow:visible;width:1em}[id^=sb_youtube_].sb_youtube .svg-inline--fa.fa-w-16{width:16px}[id^=sb_youtube_].sb_youtube .svg-inline--fa,[id^=sb_youtube_].sb_youtube_lightbox .svg-inline--fa{display:inline-block;font-size:inherit;height:1em;overflow:visible;vertical-align:-.125em}[id^=sb_youtube_].sb_youtube.sby_player_loaded .sby_player_outer_wrap .sby_video_thumbnail,[id^=sb_youtube_].sb_youtube.sby_player_loaded.sby_layout_list .sby_video_thumbnail{z-index:-1!important}a.sby_video_thumbnail:after{bottom:0;box-shadow:inset 0 0 1px 0 rgba(0,0,0,.7);content:"";left:0;position:absolute;right:0;top:0;width:100%;z-index:1}[id^=sb_youtube_].sb_youtube .sby_info p{box-sizing:border-box;clear:both;line-height:1.2;margin:0;padding:5px 5px 2px!important;width:100%}#sby_lightbox .sby_video_title,[id^=sb_youtube_].sb_youtube .sby_caption,[id^=sb_youtube_].sb_youtube .sby_date,[id^=sb_youtube_].sb_youtube .sby_ls_message,[id^=sb_youtube_].sb_youtube .sby_video_title{word-wrap:break-word;hyphens:auto}[id^=sb_youtube_].sb_youtube .sby_caption_wrap,[id^=sb_youtube_].sb_youtube .sby_info>p,[id^=sb_youtube_].sb_youtube .sby_thumbnail_hover_inner>p{font-size:1em;line-height:1.3;margin-top:0;padding:0!important}[id^=sb_youtube_].sb_youtube .sby_info .sby_video_title_wrap{font-size:1.2em}[id^=sb_youtube_].sb_youtube .sby_ls_message_wrap,[id^=sb_youtube_].sb_youtube .sby_thumbnail_hover_inner .sby_ls_message_wrap{display:block;line-height:1}[id^=sb_youtube_].sb_youtube .sby_ls_message{background:#408bd1;border-radius:5px;color:#fff;display:inline-block;font-weight:700;line-height:1;padding:3px 5px;transition:all .1s ease-in}[id^=sb_youtube_].sb_youtube .sby_video_title{font-weight:700}[id^=sb_youtube_].sb_youtube .sby_info .sby_ls_message_wrap,[id^=sb_youtube_].sb_youtube .sby_info .sby_stats{margin-bottom:8px}[id^=sb_youtube_].sb_youtube .sby_meta>span+span:before{content:"•";margin:0 4px}[id^=sb_youtube_].sb_youtube .sby_meta span,[id^=sb_youtube_].sb_youtube .sby_stats span{font-size:1em}[id^=sb_youtube_].sb_youtube.sby_col_1 .sby_meta span,[id^=sb_youtube_].sb_youtube.sby_col_1 .sby_stats span,[id^=sb_youtube_].sb_youtube.sby_col_2 .sby_meta span,[id^=sb_youtube_].sb_youtube.sby_col_2 .sby_stats span,[id^=sb_youtube_].sb_youtube.sby_col_3 .sby_meta span,[id^=sb_youtube_].sb_youtube.sby_col_3 .sby_stats span{white-space:nowrap}[id^=sb_youtube_].sb_youtube .sby_stats>span{margin-right:8px}[id^=sb_youtube_].sb_youtube .sby_info{box-sizing:border-box;clear:both;float:left;margin:16px 0;opacity:.9;text-align:center;text-decoration:none;width:100%}[id^=sb_youtube_].sb_youtube .sby_no_space{margin:0;padding:0}[id^=sb_youtube_].sb_youtube .sby_item_caption_wrap{opacity:.9;text-align:center}[id^=sb_youtube_].sb_youtube .sby_video_thumbnail:hover .sby_play_btn{opacity:.5}[id^=sb_youtube_].sb_youtube .sby_play_btn{bottom:50%;color:#fff;height:50px;left:50%;margin-left:-28px;margin-top:-25px;opacity:1;position:absolute;right:50%;top:50%;transition:opacity .2s ease-in-out;-moz-transition:opacity .2s ease-in-out;-webkit-transition:opacity .2s ease-in-out;width:57px;z-index:1}[id^=sb_youtube_].sb_youtube .sby_play_btn_bg{border-left:0 solid transparent;border-color:transparent transparent transparent #fff;border-style:solid;border-width:9px 0 9px 16px;display:block;height:0;left:22px;position:absolute;top:17px;width:0;z-index:-1}[id^=sb_youtube_].sb_youtube .sby_play_btn svg:not(:root).svg-inline--fa{height:auto;opacity:.75;width:57px}[id^=sb_youtube_].sb_youtube.sby_medium .sby_play_btn{height:40px;margin-left:-22px;margin-top:-20px;width:45px}[id^=sb_youtube_].sb_youtube.sby_medium .sby_play_btn_bg{border-bottom-width:7px;border-left:12px solid #fff;border-top-width:7px;left:18px;top:13px}[id^=sb_youtube_].sb_youtube.sby_medium .sby_play_btn svg:not(:root).svg-inline--fa{width:45px}[id^=sb_youtube_].sb_youtube.sby_small .sby_play_btn{height:32px;margin-left:-18px;margin-top:-16px;width:36px}[id^=sb_youtube_].sb_youtube.sby_small .sby_play_btn_bg{border-bottom-width:6px;border-left:10px solid #fff;border-top-width:6px;left:14px;top:10px}[id^=sb_youtube_].sb_youtube.sby_small .sby_play_btn svg:not(:root).svg-inline--fa{width:36px}[id^=sb_youtube_].sby_layout_gallery .sby_player_outer_wrap .sby_play_btn{z-index:10}[id^=sb_youtube_].sb_youtube .sby_meta .sby_loader,[id^=sb_youtube_].sb_youtube .sby_stats .sby_loader{display:inline-block;left:auto;position:relative;top:5px}[id^=sb_youtube_].sb_youtube .sby_stats .sby_loader{margin-left:0}@media (min-width:481px){[id^=sb_youtube_].sb_youtube .sby_info_side .sby_item .sby_item_video_thumbnail_wrap{clear:none;margin-right:2%;width:48%}[id^=sb_youtube_].sb_youtube .sby_info_side .sby_item .sby_info{clear:none;margin-top:0;width:50%}[id^=sb_youtube_].sb_youtube .sby_info_side .sby_item .sby_info,[id^=sb_youtube_].sb_youtube .sby_info_side .sby_item .sby_item_caption_wrap{text-align:left}[id^=sb_youtube_].sb_youtube .sby_info p{padding:0!important}[id^=sb_youtube_].sb_youtube .sby_info_side .sby_meta span{margin-left:0!important}}#sby_lightbox .sby_thumbnail_hover_inner>span,[id^=sb_youtube_].sb_youtube .sby_thumbnail_hover_inner>span{display:block;line-height:1.2;margin-bottom:5px;text-align:center}.sby_cta_wrap{background:#000;border-radius:10px;bottom:57px;box-sizing:border-box;display:none;height:160px;left:0;margin:auto;padding:0;position:absolute;right:0;width:100%;z-index:50}.sby_cta_inner_wrap img,.sby_cta_state_ended,.sby_cta_state_paused{display:block}#sby_lightbox .sby_cta_item,[id^=sb_youtube_].sb_youtube .sby_cta_item{float:left;font-size:13px;width:50%}#sby_lightbox .sby_cta_cols_1 .sby_cta_item,[id^=sb_youtube_].sb_youtube .sby_cta_cols_1 .sby_cta_item{width:100%}#sby_lightbox .sby_cta_item .sby_btn_wrap,[id^=sb_youtube_].sb_youtube .sby_cta_item .sby_btn_wrap{display:flex;justify-content:center}#sby_lightbox .sby_cta_item .sby_btn,[id^=sb_youtube_].sb_youtube .sby_cta_item .sby_btn{align-self:center}@media (min-width:481px){.sby_cta_wrap{bottom:49px;padding:12px 16px 16px}}[id^=sb_youtube_].sb_youtube .sby_items_wrap.sby_carousel{display:none;width:100%;-webkit-tap-highlight-color:transparent;direction:ltr;position:relative;z-index:1}.sby_carousel .sby_info,.sby_carousel .sby_owl2row-item{display:none}.sby_carousel_2_row .sby_carousel .sby_item{width:100%!important}.sby-owl-stage{-moz-backface-visibility:hidden;position:relative;-ms-touch-action:pan-Y}.sby-owl-stage:after{clear:both;content:".";display:block;height:0;line-height:0;visibility:hidden}.sby-owl-stage-outer{overflow:hidden;position:relative;-webkit-transform:translateZ(0)}.sby-owl-item,.sby-owl-wrapper{-webkit-backface-visibility:hidden;-moz-backface-visibility:hidden;-ms-backface-visibility:hidden;-webkit-transform:translateZ(0);-moz-transform:translateZ(0);-ms-transform:translateZ(0)}.sby-owl-item{-webkit-backface-visibility:hidden;float:left;min-height:1px;padding:0;position:relative;-webkit-tap-highlight-color:transparent;-webkit-touch-callout:none}.sby-owl-item img{display:block;width:100%}.sby-owl-dots.disabled,.sby-owl-nav.disabled{display:none}.sby-owl-dot,.sby-owl-nav .sby-owl-next,.sby-owl-nav .sby-owl-prev{cursor:pointer;cursor:hand;-webkit-user-select:none;-moz-user-select:none;user-select:none}.sby-owl-carousel.sby-owl-loaded{display:block}.sby-owl-carousel.sby-owl-loading{display:block;opacity:0}.sby-owl-carousel.sby-owl-hidden{opacity:0}.sby-owl-carousel.sby-owl-refresh .sby-owl-item{visibility:hidden}.sby-owl-carousel.sby-owl-drag .sby-owl-item{-webkit-user-select:none;-moz-user-select:none;user-select:none}.sby-owl-carousel.sby-owl-grab{cursor:move;cursor:grab}.sby-owl-carousel.sby-owl-rtl{direction:rtl}.sby-owl-carousel.sby-owl-rtl .sby-owl-item{float:right}.sby-owl-height{transition:height .5s ease-in-out}.sby-owl-item .sby-owl-lazy{opacity:0;transition:opacity .4s ease}.sby-owl-item img.sby-owl-lazy{transform-style:preserve-3d}.sby-owl-video-wrapper{background:#000;height:100%;position:relative}.sby-owl-video-play-icon{-webkit-backface-visibility:hidden;cursor:pointer;height:80px;left:50%;margin-left:-40px;margin-top:-40px;position:absolute;top:50%;transition:transform .1s ease;width:80px;z-index:1}.sby-owl-video-play-icon:hover{transform:scale(1.3)}.sby-owl-video-playing .sby-owl-video-play-icon,.sby-owl-video-playing .sby-owl-video-tn{display:none}.sby-owl-video-tn{background-position:50%;background-repeat:no-repeat;background-size:contain;height:100%;opacity:0;transition:opacity .4s ease}.sby-owl-video-frame{height:100%;position:relative;width:100%;z-index:1}.sby-owl-nav{margin-top:10px;text-align:center;-webkit-tap-highlight-color:transparent;margin-top:0}.sby-owl-nav .disabled{cursor:default;opacity:.5}.sby-owl-nav.disabled+.sby-owl-dots{margin-top:10px}.sby-owl-dots{text-align:center;-webkit-tap-highlight-color:transparent;margin-top:5px;padding:5px 0}.sby-owl-dots .sby-owl-dot{display:inline-block;zoom:1}.sby-owl-dots .sby-owl-dot span{-webkit-backface-visibility:visible;background:#333;border-radius:30px;display:block;filter:Alpha(Opacity=25);height:12px;margin:5px 7px;opacity:.25;transition:opacity .1s ease;width:12px}.sby-owl-dots .sby-owl-dot.active span,.sby-owl-dots .sby-owl-dot:hover span{filter:Alpha(Opacity=100);opacity:1}.sby-owl-item{display:inline-block;vertical-align:top}.sby-owl-stage-outer{overflow-x:hidden;overflow-y:hidden}.sby-owl-item>div{width:100%!important}.sby-post-links{max-width:100%}.sby-owl-item{box-sizing:border-box}.sby-owl-nav>div{background:hsla(0,0%,100%,.3);border-radius:50%;box-shadow:0 0 5px 0 rgba(0,0,0,.2);color:#000;display:inline-block;font-size:14px;margin-top:-15px;padding:6px 6px 6px 8px;position:absolute;top:50%;transition:all .5s}.sby_carousel:hover .sby-owl-nav>div{background:hsla(0,0%,100%,.5);box-shadow:0 0 5px 0 rgba(0,0,0,.5);transform:scale(1.1)}.sby_carousel:hover .sby-owl-nav>div:hover{background:#fff;cursor:pointer}.sby-owl-nav .sby-owl-prev{left:0;margin-left:7px;padding:6px 8px 6px 6px}.sby-owl-nav .sby-owl-next{margin-right:7px;right:0}[id^=sb_youtube_].sb_youtube .sby_carousel .sby-owl-nav .svg-inline--fa{height:1.2em}[id^=sb_youtube_].sb_youtube.sby_youtube_feed_single .sby_info{text-align:left}#sby_sf_results_wrap:after{clear:both;content:"";display:table}.sby_sf_results_wrap{margin-top:30px}.sby_sf_result{float:left;margin-bottom:30px}@media (min-width:481px){.sby_sf_info_wrap,.sby_sf_thumb_wrap{float:left;width:49%}.sby_sf_info_wrap{margin-left:2%}}.sby_sf_info_wrap h3{font-size:20px;margin-top:0}.sby_sf_info_wrap p{font-size:1em;margin-top:0}.sby_header_type_generic .sby_header_img{background:#333;color:#fff;height:50px;position:relative;width:50px}.sby_header_type_generic .sby_header_icon{color:#fff;display:block;opacity:.9;transition:background .6s linear,color .6s linear}.sby_header_type_generic:hover .sby_header_icon{display:block;opacity:1;transition:background .2s linear,color .2s linear}[id^=sb_youtube_].sb_youtube .sb_youtube_header .sby_subscribers{display:block;font-size:14px;line-height:1.3;margin-left:15px;padding-top:3px;position:relative;vertical-align:top}[data-preview-screen=mobile] [id^=sb_youtube_].sb_youtube .sb_youtube_header .sby_subscribers{margin-left:70px}[id^=sb_youtube_].sb_youtube .sb_youtube_header .sby_subscribers:before{background-color:#7e7272;border-radius:100px;content:"";height:4px;left:-9px;position:absolute;top:10px;width:4px}[id^=sb_youtube_].sb_youtube .sb_youtube_header[data-header-subscriber=shown] .sby_has_bio h3:after{content:"•";margin:0 6px}[id^=sb_youtube_].sb_youtube .sb_youtube_header .sby_no_bio .sby_subscribers{clear:left;display:inline-block;float:left;margin:0 0 0 60px!important;padding-top:0}[id^=sb_youtube_].sb_youtube .sby-header-type-text{font-size:36px}[id^=sb_youtube_].sb_youtube .sby-header-type-text[data-header-size=medium]{font-size:42px}[id^=sb_youtube_].sb_youtube .sby-header-type-text[data-header-size=large]{font-size:48px}#sby_blank.sby_item,#sby_player_blank{opacity:0}iframe.sby_live_player{height:0!important;visibility:hidden!important;width:0!important}[id^=sb_youtube_].sb_youtube .sby_play_btn i,[id^=sb_youtube_].sb_youtube .sby_play_btn svg{color:#000}[id^=sb_youtube_].sb_youtube.sby_palette_light{background:hsla(0,0%,100%,.75);padding-bottom:10px}[id^=sb_youtube_].sb_youtube.sby_palette_light .sb_youtube_header h3,[id^=sb_youtube_].sb_youtube.sby_palette_light .sby_meta span,[id^=sb_youtube_].sb_youtube.sby_palette_light .sby_video_title{color:#444}[id^=sb_youtube_].sb_youtube.sby_palette_light .sby_footer .sby_load_btn{background:#313131}[id^=sb_youtube_].sb_youtube.sby_palette_light .sby_follow_btn a{background:#448ad0}[id^=sb_youtube_].sb_youtube.sby_palette_dark{background:#20222c;padding:10px}[id^=sb_youtube_].sb_youtube.sby_palette_dark .sb_youtube_header .sby_header_text .sby_bio,[id^=sb_youtube_].sb_youtube.sby_palette_dark .sb_youtube_header .sby_subscribers,[id^=sb_youtube_].sb_youtube.sby_palette_dark .sb_youtube_header h3,[id^=sb_youtube_].sb_youtube.sby_palette_dark .sb_youtube_header.sby-header-type-text span,[id^=sb_youtube_].sb_youtube.sby_palette_dark .sby_meta span,[id^=sb_youtube_].sb_youtube.sby_palette_dark .sby_video_title{color:#fff}[id^=sb_youtube_].sb_youtube.sby_palette_dark .sby_footer .sby_load_btn{background:hsla(0,0%,100%,.2)}[id^=sb_youtube_].sb_youtube.sby_palette_dark .sby_follow_btn a{background:#0096cc}[id^=sb_youtube_][data-videocardlayout=horizontal].sb_youtube .sby_items_wrap .sby_inner_item{align-items:center;display:flex;flex-direction:row}[id^=sb_youtube_][data-videocardlayout=horizontal].sb_youtube .sby_info{margin-top:0;padding:10px 20px}.sby-player-info{display:flex;flex-wrap:wrap;justify-content:center;margin-bottom:10px;width:100%}.sby-player-info .sby-channel-info-bar{align-items:center;background:rgba(0,0,0,.05);border-radius:4px;display:flex;gap:8px;justify-content:center;margin:8px 4px 0;padding:8px 20px;width:100%}.sby_layout_list .sby-player-info .sby-channel-info-bar{margin:8px 0 12px}.sby-player-info .sby-channel-info-bar .sby-avatar{height:24px;margin-right:2px;width:24px}.sby-player-info .sby-channel-info-bar .sby-avatar img{border-radius:20px;height:100%;vertical-align:inherit;width:100%}.sby-player-info .sby-channel-info-bar .sby-channel-name{color:#141b38;font-size:14px;font-weight:600;letter-spacing:.02em;line-height:120%}.sby-player-info .sby-channel-info-bar .sby-channel-subscriber-count{color:#434960;font-size:14px;font-weight:400;line-height:160%}.sby-player-info .sby-channel-info-bar .sby-channel-subscribe-btn{margin-left:10px}.sby-player-info .sby-channel-info-bar .sby-channel-subscribe-btn a{align-items:center;background:#ed4944;border:none;border-radius:4px;box-shadow:0 2px 5px rgba(60,66,87,.12),0 1px 1px rgba(0,0,0,.08),inset 0 -1px 1px rgba(0,0,0,.12);color:#fff;display:flex;font-size:12px;font-weight:600;gap:4px;line-height:160%;padding:6px 8px;text-decoration:none;transition:all .2s ease-in}.sby-player-info .sby-channel-info-bar .sby-channel-subscribe-btn a:focus,.sby-player-info .sby-channel-info-bar .sby-channel-subscribe-btn a:hover{filter:brightness(93%)}.sby-player-info .sby-video-header-info{margin-top:16px;position:relative;width:100%}.sby-player-info .sby-video-header-info h5{color:#000;font-size:14px;font-weight:600;line-height:160%;margin:2px 0 0}.sby-player-info .sby-video-header-info .sby-video-header-meta{color:#434960;font-size:11px;font-weight:400;line-height:160%}.sby-player-info .sby-video-header-info .sby-video-header-meta span:last-child{margin-left:9px;position:relative}.sby-player-info .sby-video-header-info .sby-video-header-meta span:last-child:after{background-color:#434960;content:"";height:2px;left:-7px;position:absolute;top:6px;width:2px}.sby_layout_list .sby_items_wrap .sby_item .sby_info .sby-player-info{margin-top:-10px}}.elementor,.et-db #et-boc #et-fb-app .et_pb_module.sb_youtube_feed{.sby-feed-block-cta{border:1px solid #e8e8eb;border-radius:2px;position:relative;text-align:center;width:100%}.sby-feed-block-cta-img-ctn{float:left;margin-bottom:30px;margin-top:40px;width:100%}.sby-feed-block-cta-img,.sby-feed-block-cta-img-ctn{align-items:center;display:flex;justify-content:center;position:relative}.sby-feed-block-cta-img{border:2px solid #dcdde1;border-radius:16px;height:65px;transform:rotate(-3deg);width:65px}.sby-feed-block-cta-img span svg{float:left}.sby-feed-block-cta-img>*{transform:rotate(3deg)}.sby-feed-block-cta-logo{bottom:-19px;position:absolute;right:-15px;z-index:1}.sby-feed-block-cta-heading{display:block;font-size:18px;font-weight:600;line-height:25.2px;margin:0 auto 16px;max-width:375px;padding:0;width:100%}.sby-feed-block-cta-btn{background:#0068a0;border-radius:2px;color:#fff!important;cursor:pointer;display:block;font-size:14px;font-weight:600;line-height:22.4px;margin:0 auto;max-width:214px;padding:8px 20px 8px 38px;position:relative;text-align:center}.sby-feed-block-cta-btn:after,.sby-feed-block-cta-btn:before{background:#fff;content:"";height:12px;left:20px;position:absolute;top:14px;width:2px}.sby-feed-block-cta-btn:after{transform:rotate(90deg)}.sby-feed-block-cta-desc{align-items:center;background:#f9f9fa;border-top:1px solid #e8e8eb;display:flex;flex-direction:column;justify-content:center;margin-top:35px;padding:20px;a{color:#434960;text-decoration:underline!important}}.sby-feed-block-cta-desc .sb-elementor-link{text-decoration:underline}.sby-feed-block-cta-desc strong{color:#141b38;font-size:16px;font-weight:600;margin-bottom:4px}.sby-feed-block-cta-desc span{color:#434960;font-size:14px;line-height:1.5em;padding:0 20%}.sby-feed-block-cta-selector{align-items:center;display:flex;flex-direction:column;justify-content:center;margin:0 auto 40px;max-width:384px;padding:0 10px;width:100%}.sby-feed-block-cta-feedselector{background-color:#fff;border:1px solid #1e1e1ecc;margin-bottom:15px;padding:8px 16px;width:100%}.sby-feed-block-create-with{font-size:14px;font-weight:400;line-height:22.4px;text-align:center;a{color:#0068a0}}.sby-feed-block-cta-selector span{color:#2c324c}.sby-feed-block-cta-selector span a{font-weight:600;text-decoration:underline;text-transform:capitalize}.sby-feed-block-cta-selector span a:after{color:#2c324c;font-weight:400;margin-left:2px;text-decoration-color:#fff}.sby-feed-block-cta-selector span a:first-of-type:after,.sby-feed-block-cta-selector span a:nth-child(2):after{content:","}.sby-feed-block-cta-selector span a:nth-of-type(4):after{content:"or";margin-left:5px;margin-right:2px}}.sby-frontend-license-notice{background:#fff;border-radius:4px;bottom:30px;box-shadow:0 0 1px rgba(0,0,0,.15),0 13.3px 19.32px rgba(0,0,0,.1),0 0 37.29px rgba(0,0,0,.05);position:fixed;right:20px;width:298px;z-index:9}.sby-frontend-license-notice .sby-fln-header{background:#fceded;box-sizing:border-box;display:flex;height:26px;justify-content:space-between;padding:5px 8px 0 12px}.sby-frontend-license-notice .sby-fln-header span.sb-text{color:#841919;font-size:11px;font-weight:600;line-height:160%}.sby-frontend-license-notice .sby-fln-header span.sb-left{display:flex}.sby-frontend-license-notice .sby-fln-header .sb-close{cursor:pointer}.sby-frontend-license-notice .sby-fln-header .sb-close svg{transform:translate(1px,-8px)}.sby-frontend-license-notice .sby-fln-header svg{margin-right:6px}.sby-frontend-license-notice .sby-fln-header svg path{fill:#841919}.sby-frontend-license-notice .sby-fln-body{box-sizing:border-box;display:flex;height:58px;padding:9px 12px 15px}.sby-frontend-license-notice .sby-fln-body>svg{height:36px;margin-right:11px;width:44px}.sby-frontend-license-notice .sby-fln-body .sby-fln-expired-text p{color:#141b38;font-size:12px;font-weight:600;line-height:160%;margin:0}.sby-frontend-license-notice .sby-fln-body .sby-fln-expired-text p a{color:#af2121;margin-left:5px;text-decoration:none;text-underline-offset:1px}.sby-frontend-license-notice.sby-ce-license-inactive .sby-fln-body .sby-fln-expired-text p a{color:#0068a0}.sby-frontend-license-notice.sby-ce-license-inactive .sby-fln-body .sby-fln-expired-text p svg path{fill:#0068a0}.sby-frontend-license-notice .sby-fln-body .sby-fln-expired-text svg{display:inline-block;transform:translate(3px,1px);transition:all .2s ease;width:6px}.sby-frontend-license-notice .sby-fln-body .sby-fln-expired-text svg path{fill:#af2121}.sby-frontend-license-notice .sby-fln-body .sby-fln-expired-text a:hover{text-decoration:underline}.sby-frontend-license-notice .sby-fln-body .sby-fln-expired-text a:hover svg{transform:translate(1px,1px)}.sby-frontend-license-notice[data-license-state=inactive] .sby-fln-body .sby-fln-expired-text p a{color:#0068a0}.sby-frontend-license-notice[data-license-state=inactive] .sby-fln-body .sby-fln-expired-text svg path{fill:#0068a0}.sby-license-expired-plain-block-wrapper{border:1px solid #1e1e1e;border-radius:2px}.sby-license-expired-plain-block-wrapper p{margin:0}.sby-license-expired-plain-block-wrapper .sby-lepb-header{align-items:center;background:#fceded;box-sizing:border-box;display:flex;flex-direction:row;justify-content:space-between;padding:6px 20px}.sby-license-expired-plain-block-wrapper.inactive .sby-lepb-header{background:#f9f9fa}.sby-license-expired-plain-block-wrapper .sby-lepb-header .sb-left{align-items:center;display:flex}.sby-license-expired-plain-block-wrapper .sby-lepb-header .sb-left svg{margin-right:8px}.sby-license-expired-plain-block-wrapper .sby-lepb-header .sb-left svg path{fill:#841919}.sby-license-expired-plain-block-wrapper .sby-lepb-header .sb-left p{color:#841919;font-size:14px;font-weight:600;line-height:160%}.sby-license-expired-plain-block-wrapper .sby-lepb-header .sb-right a{color:#841919;font-size:14px;font-weight:600;line-height:160%;text-decoration:none}.sby-license-expired-plain-block-wrapper .sby-lepb-header .sb-right a svg{transform:translate(6px);transition:all .2s ease-in}.sby-license-expired-plain-block-wrapper .sby-lepb-header .sb-right a:hover svg{transform:translate(3px)}.sby-license-expired-plain-block-wrapper .sby-lepb-header .sb-right a svg path{fill:#841919}.sby-license-expired-plain-block-wrapper.inactive .sby-lepb-header .sb-left p{color:#2c324c}.sby-license-expired-plain-block-wrapper.inactive .sby-lepb-header .sb-right a{color:#0068a0}.sby-license-expired-plain-block-wrapper.inactive .sby-lepb-header .sb-left svg path{fill:#2c324c}.sby-license-expired-plain-block-wrapper.inactive .sby-lepb-header .sb-right a svg path{fill:#0068a0}.sby-license-expired-plain-block-wrapper .sby-lepb-body{align-items:center;background-color:#fff;box-sizing:border-box;display:flex;flex-direction:column;justify-content:center;min-height:305px;padding:40px 8px 45px}.sby-license-expired-plain-block-wrapper .sby-lepb-body .sby-block-body-title{color:#1e1e1e;font-size:18px;font-weight:600;line-height:140%;margin-top:15px;text-align:center}.sby-license-expired-plain-block-wrapper .sby-lepb-body a{background:#0068a0;border-radius:2px;box-sizing:border-box;color:#fff;font-size:14px;font-weight:600;height:38px;line-height:160%;margin-top:29px;padding:8px 12px 8px 20px;text-decoration:none;width:226px}.sby-license-expired-plain-block-wrapper .sby-lepb-body a svg{transform:translate(10px);transition:all .2s ease-in}.sby-license-expired-plain-block-wrapper .sby-lepb-body a:hover svg{transform:translate(6px)}.sby-license-expired-plain-block-wrapper .sby-lepb-body a svg path{fill:#fff}.sby-license-expired-plain-block-wrapper .sby-lepd-footer{background:#f9f9fa;border-top:1px solid #e6e6eb;padding:12px 20px 16px;text-align:center}.sby-license-expired-plain-block-wrapper .sby-lepd-footer .sby-lepd-footer-title{color:#141b38;font-size:16px;font-weight:600;line-height:160%}.sby-license-expired-plain-block-wrapper .sby-lepd-footer p{color:#434960;font-size:14px;font-weight:400;line-height:160%}.sby-license-expired-plain-block-wrapper .sby-lepd-footer p a{color:#434960;text-underline-offset:2px}.sby-block-license-expired-notice-ctn{background:#fff;border:1px solid #e8e8eb;box-shadow:0 1px 2px rgba(0,0,0,.05),0 4px 5px rgba(0,0,0,.05);margin-bottom:20px}.sby-block-license-expired-notice-ctn .sby-blen-header{align-items:center;background:#fceded;box-sizing:border-box;display:flex;height:27px;padding:4px 12px}.sby-block-license-expired-notice-ctn .sby-blen-header svg path{fill:#841919}.sby-block-license-expired-notice-ctn .sby-blen-header span{color:#841919;font-size:12px;font-weight:600;line-height:160%;margin-left:8px}.sby-block-license-expired-notice-ctn .sby-blen-resolve{color:#591111;display:flex;font-size:14px;font-weight:600;justify-content:space-between;line-height:160%;padding:6px 12px}.sby-block-license-expired-notice-ctn .sby-blen-resolve span{margin-left:8px}.sby-block-license-expired-notice-ctn.sby-bln-license-state-inactive .sby-blen-resolve span{color:#141b38}.sby-block-license-expired-notice-ctn .sby-blen-resolve a{color:#d72c2c;font-size:14px;font-weight:600;line-height:160%;text-decoration:none}.sby-block-license-expired-notice-ctn .sby-blen-resolve .sby-right svg{margin-left:6px;transition:all .2s ease-in}.sby-block-license-expired-notice-ctn .sby-blen-resolve .sby-right:hover svg{margin-left:3px}.sby-block-license-expired-notice-ctn .sby-blen-resolve .sby-right svg path{fill:#d72c2c}.sby-block-license-expired-notice-ctn.sby-bln-license-state-inactive .sby-blen-resolve a{color:#0068a0}.sby-block-license-expired-notice-ctn.sby-bln-license-state-inactive .sby-blen-resolve .sby-right svg path{fill:#0068a0}.sby_lb-dataContainer{border-bottom-left-radius:4px;border-bottom-right-radius:4px;font-family:Open Sans,Helvetica,Arial,sans-serif;margin:0 auto;padding-top:5px;width:100%;*zoom:1}.sby_lb-dataContainer:after{clear:both;content:"";display:table}.sby_lb-data{color:#ccc;padding:0 4px}.sby_lb-data .sby_lb-details{float:left;line-height:1.1;text-align:left;width:85%}.sby_lb-data .sby_lb-caption{color:#ccc;float:left;font-size:13px;font-weight:400;line-height:1.3;padding-bottom:3px;word-wrap:break-word;hyphens:auto}.sby_lb-data .sby_lb-caption .ctf-screename-sep,.sby_lb-data .sby_lb-caption a{color:#ccc;font-weight:700;text-decoration:none}.sby_lb-data .sby_lb-caption a:hover{color:#fff;text-decoration:underline}.sby_lb-data .sby_lb-caption .sby_lightbox_username{color:#ccc;display:block;float:left;margin:0 0 5px;padding-bottom:0;width:100%}.sby_lb-data .sby_lb-caption .sby_lightbox_username:hover p{color:#fff;text-decoration:underline}.sby_lightbox .sby_lightbox_username img{background:#666;border:none;border-radius:5px;float:left;height:48px;margin-right:10px;width:48px}.sby_lightbox_username p{color:#ccc;float:left;font-size:13px;font-weight:700;line-height:32px;margin:0;padding:0;text-align:left}.sby_lb-data .ctf-caption-text{margin-left:58px;padding-top:3px;width:100%}.sby_lb-data .sby_lb-caption .ctf-author-screenname,.sby_lb-data .sby_lb-caption .ctf-tweet-date{font-weight:400}.sby_lb-data .sby_lb-info{clear:both;float:left;width:100%}.sby_lb-data .sby_lb-number{clear:both;color:#999;display:block;float:left;font-size:12px;padding:5px 0 15px}.sby_lb-data .sby_lb-close{background:url(/wp-content/plugins/feeds-for-youtube/public/build/images/close.0cfd6489.png) 100% 0 no-repeat;border:0;display:block;filter:progid:DXImageTransform.Microsoft.Alpha(Opacity=70);float:right;height:30px;opacity:.7;outline:none;padding:0;text-align:right;transition:opacity .2s;width:30px}.sby_lb-data .sby_lb-close:hover{cursor:pointer;filter:progid:DXImageTransform.Microsoft.Alpha(Opacity=100);opacity:1}.dgwt-jg-item,.dgwt-jg-item img{margin:0;padding:0;position:absolute}.dgwt-jg-gallery{width:100%;position:relative;overflow:hidden}.dgwt-jg-item{display:inline-block;overflow:hidden;filter:"alpha(opacity=10)";opacity:.1}.dgwt-jg-item .jg-no-link-wrapp,.dgwt-jg-item a{display:block;height:100%;width:100%;text-decoration:none}.dgwt-jg-item img{border-radius:0;top:50%;left:50%;border:none;filter:"alpha(opacity=0)";opacity:0}.dgwt-jg-gallery .jg-entry-visible{filter:"alpha(opacity=100)";opacity:1;background:0 0}.dgwt-jg-gallery .jg-entry-visible img{filter:"alpha(opacity=100)";opacity:1;-webkit-transition:opacity .5s ease-in;-moz-transition:opacity .5s ease-in;-o-transition:opacity .5s ease-in;transition:opacity .5s ease-in}.dgwt-jg-gallery .jg-filtered{display:none}.dgwt-jg-gallery .jg-spinner{position:absolute;bottom:0;margin-left:-24px;padding:10px 0;left:50%;filter:"alpha(opacity=100)";opacity:1;overflow:initial}.dgwt-jg-gallery .jg-spinner>span{display:inline-block;filter:"alpha(opacity=0)";opacity:0;width:8px;height:8px;margin:0 4px;background-color:#000;border-radius:6px}body .pswp--open{z-index:100040}/*! PhotoSwipe main CSS by Dmitry Semenov | photoswipe.com | MIT license */ /* Styles for basic PhotoSwipe functionality (sliding area, open/close transitions) */ /* pswp = Photoswipe */ .pswp { display: none; position: absolute; width: 100%; height: 100%; left: 0; top: 0; overflow: hidden; -ms-touch-action: none; touch-action: none; z-index: 1500; -webkit-text-size-adjust: 100%; /* create separate layer, to avoid paint on window.onscroll in webkit/blink */ -webkit-backface-visibility: hidden; outline: none; } .pswp * { -webkit-box-sizing: border-box; box-sizing: border-box; } .pswp img { max-width: none; } /* style is added when JS option showHideOpacity is set to true */ .pswp--animate_opacity { /* 0.001, because opacity:0 doesn't trigger Paint action, which causes lag at start of transition */ opacity: 0.001; will-change: opacity; /* for open/close transition */ -webkit-transition: opacity 333ms cubic-bezier(0.4, 0, 0.22, 1); transition: opacity 333ms cubic-bezier(0.4, 0, 0.22, 1); } .pswp--open { display: block; } .pswp--zoom-allowed .pswp__img { /* autoprefixer: off */ cursor: -webkit-zoom-in; cursor: -moz-zoom-in; cursor: zoom-in; } .pswp--zoomed-in .pswp__img { /* autoprefixer: off */ cursor: -webkit-grab; cursor: -moz-grab; cursor: grab; } .pswp--dragging .pswp__img { /* autoprefixer: off */ cursor: -webkit-grabbing; cursor: -moz-grabbing; cursor: grabbing; } /* Background is added as a separate element. As animating opacity is much faster than animating rgba() background-color. */ .pswp__bg { position: absolute; left: 0; top: 0; width: 100%; height: 100%; background: #000; opacity: 0; -webkit-transform: translateZ(0); transform: translateZ(0); -webkit-backface-visibility: hidden; will-change: opacity; } .pswp__scroll-wrap { position: absolute; left: 0; top: 0; width: 100%; height: 100%; overflow: hidden; } .pswp__container, .pswp__zoom-wrap { -ms-touch-action: none; touch-action: none; position: absolute; left: 0; right: 0; top: 0; bottom: 0; } /* Prevent selection and tap highlights */ .pswp__container, .pswp__img { -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; -webkit-tap-highlight-color: transparent; -webkit-touch-callout: none; } .pswp__zoom-wrap { position: absolute; width: 100%; -webkit-transform-origin: left top; -ms-transform-origin: left top; transform-origin: left top; /* for open/close transition */ -webkit-transition: -webkit-transform 333ms cubic-bezier(0.4, 0, 0.22, 1); transition: transform 333ms cubic-bezier(0.4, 0, 0.22, 1); } .pswp__bg { will-change: opacity; /* for open/close transition */ -webkit-transition: opacity 333ms cubic-bezier(0.4, 0, 0.22, 1); transition: opacity 333ms cubic-bezier(0.4, 0, 0.22, 1); } .pswp--animated-in .pswp__bg, .pswp--animated-in .pswp__zoom-wrap { -webkit-transition: none; transition: none; } .pswp__container, .pswp__zoom-wrap { -webkit-backface-visibility: hidden; } .pswp__item { position: absolute; left: 0; right: 0; top: 0; bottom: 0; overflow: hidden; } .pswp__img { position: absolute; width: auto; height: auto; top: 0; left: 0; } /* stretched thumbnail or div placeholder element (see below) style is added to avoid flickering in webkit/blink when layers overlap */ .pswp__img--placeholder { -webkit-backface-visibility: hidden; } /* div element that matches size of large image large image loads on top of it */ .pswp__img--placeholder--blank { background: #222; } .pswp--ie .pswp__img { width: 100% !important; height: auto !important; left: 0; top: 0; } /* Error message appears when image is not loaded (JS option errorMsg controls markup) */ .pswp__error-msg { position: absolute; left: 0; top: 50%; width: 100%; text-align: center; font-size: 14px; line-height: 16px; margin-top: -8px; color: #CCC; } .pswp__error-msg a { color: #CCC; text-decoration: underline; }/*! PhotoSwipe Default UI CSS by Dmitry Semenov | photoswipe.com | MIT license */ /* Contents: 1. Buttons 2. Share modal and links 3. Index indicator ("1 of X" counter) 4. Caption 5. Loading indicator 6. Additional styles (root element, top bar, idle state, hidden state, etc.) */ /* 1. Buttons */ /*