CSS 20
EmbedSimpleBase.css Guest on 5th October 2020 06:35:45 AM
  1. a,abbr,acronym,address,applet,article,aside,audio,b,big,blockquote,body,canvas,caption,center,cite,code,dd,del,details,dfn,div,dl,dt,em,embed,fieldset,figcaption,figure,footer,form,h1,h2,h3,h4,h5,h6,header,hgroup,html,i,iframe,img,ins,kbd,label,legend,li,mark,menu,nav,object,ol,output,p,pre,q,ruby,s,samp,section,small,span,strike,strong,sub,summary,sup,table,tbody,td,tfoot,th,thead,time,tr,tt,u,ul,var,video{
  2.         margin:0;
  3.         padding:0;
  4.         border:0;
  5.         font:inherit;
  6.         vertical-align:baseline
  7. }
  8. body{
  9.         line-height:1
  10. }
  11. ol,ul{
  12.         list-style:none
  13. }
  14. blockquote,q{
  15.         quotes:none
  16. }
  17. blockquote:after,blockquote:before,q:after,q:before{
  18.         content:none
  19. }
  20. table{
  21.         border-collapse:collapse;
  22.         border-spacing:0
  23. }
  24. #react-root,article,div,footer,header,main,nav,section{
  25.         -webkit-box-align:stretch;
  26.         -webkit-align-items:stretch;
  27.         -ms-flex-align:stretch;
  28.         align-items:stretch;
  29.         border:0 solid #000;
  30.         -webkit-box-sizing:border-box;
  31.         box-sizing:border-box;
  32.         display:-webkit-box;
  33.         display:-webkit-flex;
  34.         display:-ms-flexbox;
  35.         display:flex;
  36.         -webkit-box-orient:vertical;
  37.         -webkit-box-direction:normal;
  38.         -webkit-flex-direction:column;
  39.         -ms-flex-direction:column;
  40.         flex-direction:column;
  41.         -webkit-flex-shrink:0;
  42.         -ms-flex-negative:0;
  43.         flex-shrink:0;
  44.         margin:0;
  45.         padding:0;
  46.         position:relative
  47. }
  48. body{
  49.         background:#fff;
  50.         background:rgba(var(--d87,255,255,255),1);
  51.         overflow-y:scroll
  52. }
  53. body:-webkit-full-screen{
  54.         height:100%;
  55.         width:100%
  56. }
  57. body:-ms-fullscreen{
  58.         height:100%;
  59.         width:100%
  60. }
  61. body:fullscreen{
  62.         height:100%;
  63.         width:100%
  64. }
  65. html{
  66.         -webkit-text-size-adjust:100%
  67. }
  68. html,body,#react-root{
  69.         height:100%
  70. }
  71. #react-root{
  72.         z-index:0
  73. }
  74. .js-focus-visible :focus:not([data-focus-visible-added]){
  75.         outline:0
  76. }
  77. button{
  78.         margin:0
  79. }
  80. body,button,input,textarea{
  81.         color:#262626;
  82.         color:rgba(var(--i1d,38,38,38),1);
  83.         font-family:-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,Helvetica,Arial,sans-serif;
  84.         font-size:14px;
  85.         line-height:18px
  86. }
  87. a,a:visited{
  88.         color:#00376b;
  89.         color:rgba(var(--fe0,0,55,107),1);
  90.         text-decoration:none
  91. }
  92. a:active{
  93.         opacity:.5
  94. }
  95. .embedSpriteComment,.embedSpriteGlyph,.embedSpriteHeartOpen,.embedSpriteHeartOpenRed,.embedSpriteLogoLarge,.embedSpritePlayButton,.embedSpriteSaveOpen,.embedSpriteShare,.embedSpriteStoryRing,.embedSpriteVerifiedBadgeSmall,.embedSpriteWordmark{
  96.         background-image:url(/static/bundles/es6/sprite_embed_d7bcbaf5d4c9.png/d7bcbaf5d4c9.png)
  97. }
  98. .embedSpriteComment{
  99.         background-repeat:no-repeat;
  100.         background-position:-225px -53px;
  101.         height:24px;
  102.         width:24px
  103. }
  104. .embedSpriteGlyph,.embedSpriteHeartOpen,.embedSpriteHeartOpenRed{
  105.         background-repeat:no-repeat;
  106.         background-position:-251px -53px;
  107.         height:24px;
  108.         width:24px
  109. }
  110. .embedSpriteHeartOpen,.embedSpriteHeartOpenRed{
  111.         background-position:-277px -53px
  112. }
  113. .embedSpriteHeartOpenRed{
  114.         background-position:-137px -103px
  115. }
  116. .embedSpriteLogoLarge,.embedSpritePlayButton{
  117.         background-repeat:no-repeat;
  118.         background-position:-137px -53px;
  119.         height:48px;
  120.         width:48px
  121. }
  122. .embedSpritePlayButton{
  123.         background-position:0 0;
  124.         height:135px;
  125.         width:135px
  126. }
  127. .embedSpriteSaveOpen,.embedSpriteShare,.embedSpriteStoryRing{
  128.         background-repeat:no-repeat;
  129.         background-position:-163px -103px;
  130.         height:24px;
  131.         width:24px
  132. }
  133. .embedSpriteShare,.embedSpriteStoryRing{
  134.         background-position:-189px -103px
  135. }
  136. .embedSpriteStoryRing{
  137.         background-position:-187px -53px;
  138.         height:36px;
  139.         width:36px
  140. }
  141. .embedSpriteVerifiedBadgeSmall,.embedSpriteWordmark{
  142.         background-repeat:no-repeat;
  143.         background-position:-215px -103px;
  144.         height:12px;
  145.         width:12px
  146. }
  147. .embedSpriteWordmark{
  148.         background-position:-137px 0;
  149.         height:51px;
  150.         width:175px
  151. }
  152. @media (min-device-pixel-ratio:1.5),(-webkit-min-device-pixel-ratio:1.5),(min-resolution:144dpi){
  153.         .embedSpriteComment,.embedSpriteGlyph,.embedSpriteHeartOpen,.embedSpriteHeartOpenRed,.embedSpritePlayButton,.embedSpriteSaveOpen,.embedSpriteShare,.embedSpriteStoryRing,.embedSpriteVerifiedBadgeSmall{
  154.                 background-image:url(/static/bundles/es6/sprite_embed_2x_031e3f72ab64.png/031e3f72ab64.png)
  155. }
  156.         .embedSpriteComment,.embedSpriteGlyph{
  157.                 background-size:172px 160px;
  158.                 background-position:-136px -37px
  159. }
  160.         .embedSpriteGlyph{
  161.                 background-position:-136px -62px
  162. }
  163.         .embedSpriteHeartOpen,.embedSpriteHeartOpenRed{
  164.                 background-size:172px 160px;
  165.                 background-position:-136px -87px
  166. }
  167.         .embedSpriteHeartOpenRed{
  168.                 background-position:0 -136px
  169. }
  170.         .embedSpritePlayButton,.embedSpriteSaveOpen{
  171.                 background-size:172px 160px;
  172.                 background-position:0 0
  173. }
  174.         .embedSpriteSaveOpen{
  175.                 background-position:-25px -136px
  176. }
  177.         .embedSpriteShare,.embedSpriteStoryRing{
  178.                 background-size:172px 160px;
  179.                 background-position:-50px -136px
  180. }
  181.         .embedSpriteStoryRing{
  182.                 background-position:-136px 0
  183. }
  184.         .embedSpriteVerifiedBadgeSmall{
  185.                 background-size:172px 160px;
  186.                 background-position:-136px -112px
  187. }
  188. }
  189. html,body{
  190.         background-color:#fff;
  191.         background-color:rgba(var(--eca,255,255,255),1);
  192.         overflow:hidden
  193. }
  194. .Embed{
  195.         display:block;
  196.         font-family:-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,Helvetica,Arial,sans-serif;
  197.         font-size:14px;
  198.         line-height:18px;
  199.         -webkit-tap-highlight-color:transparent;
  200.         text-align:left;
  201.         -webkit-user-select:none;
  202.         -moz-user-select:none;
  203.         -ms-user-select:none;
  204.         user-select:none
  205. }
  206. .Embed:hover{
  207.         cursor:pointer
  208. }
  209. .Embed a{
  210.         color:#262626;
  211.         color:rgba(var(--i1d,38,38,38),1)
  212. }
  213. .Embed a:hover{
  214.         text-decoration:underline
  215. }
  216. .Content{
  217.         padding-bottom:100%;
  218.         position:relative
  219. }
  220. .EmbeddedMedia{
  221.         background-color:#fafafa;
  222.         background-color:rgba(var(--b3f,250,250,250),1);
  223.         bottom:0;
  224.         left:0;
  225.         position:absolute;
  226.         right:0;
  227.         top:0
  228. }
  229. .EmbeddedMedia:active{
  230.         opacity:1
  231. }
  232. .GuideEmbeddedMedia{
  233.         bottom:0;
  234.         left:0;
  235.         position:absolute;
  236.         right:0;
  237.         top:0
  238. }
  239. .GuideEmbeddedMedia:active{
  240.         opacity:1
  241. }
  242. .EmbeddedMediaImage{
  243.         height:100%;
  244.         -o-object-fit:container;
  245.         object-fit:container;
  246.         pointer-events:none;
  247.         width:100%
  248. }
  249. .GuideEmbeddedMediaImage{
  250.         height:100%;
  251.         -o-object-fit:cover;
  252.         object-fit:cover;
  253.         pointer-events:none;
  254.         width:100%
  255. }
  256. a.EmbedVisitInstagram{
  257.         color:#0095f6;
  258.         color:rgba(var(--d69,0,149,246),1);
  259.         font-size:14px;
  260.         font-weight:550;
  261.         line-height:18px;
  262.         margin-top:24px
  263. }
  264. a.EmbedVisitInstagram:hover{
  265.         text-decoration:none
  266. }
  267. .embedLogoItem{
  268.         -webkit-transform:scale(.71);
  269.         transform:scale(.71)
  270. }
  271. .Header{
  272.         -webkit-box-align:center;
  273.         -webkit-align-items:center;
  274.         -ms-flex-align:center;
  275.         align-items:center;
  276.         display:-webkit-box;
  277.         display:-webkit-flex;
  278.         display:-ms-flexbox;
  279.         display:flex;
  280.         -webkit-box-orient:horizontal;
  281.         -webkit-box-direction:normal;
  282.         -webkit-flex-direction:row;
  283.         -ms-flex-direction:row;
  284.         flex-direction:row;
  285.         height:54px;
  286.         padding:10px
  287. }
  288. .AvatarContainer{
  289.         -webkit-box-align:center;
  290.         -webkit-align-items:center;
  291.         -ms-flex-align:center;
  292.         align-items:center;
  293.         background-color:#fff;
  294.         background-color:rgba(var(--eca,255,255,255),1);
  295.         border-radius:50%;
  296.         display:-webkit-box;
  297.         display:-webkit-flex;
  298.         display:-ms-flexbox;
  299.         display:flex;
  300.         -webkit-box-orient:vertical;
  301.         -webkit-box-direction:normal;
  302.         -webkit-flex-direction:column;
  303.         -ms-flex-direction:column;
  304.         flex-direction:column;
  305.         -webkit-box-pack:center;
  306.         -webkit-justify-content:center;
  307.         -ms-flex-pack:center;
  308.         justify-content:center;
  309.         padding:2px
  310. }
  311. .Avatar{
  312.         display:block;
  313.         height:30px;
  314.         width:30px
  315. }
  316. .InsideRing{
  317.         position:absolute
  318. }
  319. .Avatar img{
  320.         border-radius:50%;
  321.         height:30px;
  322.         width:30px
  323. }
  324. .Avatar:hover{
  325.         opacity:.5
  326. }
  327. .StoryRing{
  328.         display:block
  329. }
  330. .HeaderText{
  331.         -webkit-box-align:start;
  332.         -webkit-align-items:flex-start;
  333.         -ms-flex-align:start;
  334.         align-items:flex-start;
  335.         -webkit-box-flex:1;
  336.         -webkit-flex-grow:1;
  337.         -ms-flex-positive:1;
  338.         flex-grow:1;
  339.         -webkit-flex-shrink:1;
  340.         -ms-flex-negative:1;
  341.         flex-shrink:1;
  342.         margin:0 10px;
  343.         overflow:hidden
  344. }
  345. .HeaderSecondaryContent{
  346.         color:#8e8e8e;
  347.         color:rgba(var(--f52,142,142,142),1);
  348.         -webkit-box-orient:horizontal;
  349.         -webkit-box-direction:normal;
  350.         -webkit-flex-direction:row;
  351.         -ms-flex-direction:row;
  352.         flex-direction:row;
  353.         font-size:12px;
  354.         line-height:14px
  355. }
  356. .HeaderSecondaryContent>:before{
  357.         content:' \00B7 ';
  358.         display:inline-block;
  359.         margin-left:4px;
  360.         margin-right:4px
  361. }
  362. .HeaderSecondaryContent>:first-child:before{
  363.         display:none
  364. }
  365. @media (max-width:330px){
  366.         .FromIGTV{
  367.                 display:none
  368. }
  369.         .FollowerCountText:before{
  370.                 display:none
  371. }
  372. }
  373. a.Username{
  374.         -webkit-box-align:center;
  375.         -webkit-align-items:center;
  376.         -ms-flex-align:center;
  377.         align-items:center;
  378.         display:-webkit-box;
  379.         display:-webkit-flex;
  380.         display:-ms-flexbox;
  381.         display:flex;
  382.         -webkit-box-orient:horizontal;
  383.         -webkit-box-direction:normal;
  384.         -webkit-flex-direction:row;
  385.         -ms-flex-direction:row;
  386.         flex-direction:row;
  387.         font-weight:600;
  388.         text-overflow:ellipsis;
  389.         white-space:nowrap;
  390.         width:100%
  391. }
  392. a.Username .UsernameText{
  393.         display:block;
  394.         max-width:calc(100% - 21px);
  395.         overflow:hidden;
  396.         text-overflow:ellipsis;
  397.         white-space:nowrap
  398. }
  399. .LocationAndSponsor{
  400.         max-width:100%;
  401.         overflow:hidden;
  402.         text-overflow:ellipsis;
  403.         white-space:nowrap
  404. }
  405. .VerifiedSprite{
  406.         margin-left:5px;
  407.         width:16px
  408. }
  409. .HeaderCta{
  410.         display:-webkit-box;
  411.         display:-webkit-flex;
  412.         display:-ms-flexbox;
  413.         display:flex;
  414.         -webkit-box-flex:1;
  415.         -webkit-flex:1 1 auto;
  416.         -ms-flex:1 1 auto;
  417.         flex:1 1 auto;
  418.         -webkit-box-orient:horizontal;
  419.         -webkit-box-direction:normal;
  420.         -webkit-flex-flow:row;
  421.         -ms-flex-flow:row;
  422.         flex-flow:row;
  423.         -webkit-box-pack:end;
  424.         -webkit-justify-content:flex-end;
  425.         -ms-flex-pack:end;
  426.         justify-content:flex-end;
  427.         margin-left:15px
  428. }
  429. .HeaderCta a.ViewProfileButton,.HeaderCta a.FollowButton{
  430.         margin-left:10px
  431. }
  432. a.ViewProfileButton,a.FollowButton{
  433.         background-color:#0095f6;
  434.         background-color:rgba(var(--d69,0,149,246),1);
  435.         border-radius:3px;
  436.         color:#fff;
  437.         color:rgba(var(--eca,255,255,255),1);
  438.         -webkit-flex-shrink:0;
  439.         -ms-flex-negative:0;
  440.         flex-shrink:0;
  441.         font-weight:600;
  442.         margin-left:10px;
  443.         padding:5px 12px;
  444.         text-decoration:none
  445. }
  446. a.ViewProfileButton:hover,a.FollowButton:hover{
  447.         background-color:#0074cc;
  448.         text-decoration:none
  449. }
  450. .ViewProfileButton .ViewProfileText{
  451.         display:inline
  452. }
  453. @media (max-width:420px){
  454.         a.FollowButton{
  455.                 display:none
  456. }
  457. }
  458. .GuideCoverArea{
  459.         bottom:0;
  460.         left:0;
  461.         padding-bottom:10%;
  462.         padding-top:10%;
  463.         position:absolute;
  464.         right:0;
  465.         top:0
  466. }
  467. .GuideCover{
  468.         border-radius:8px;
  469.         -webkit-box-shadow:0 0 20px rgba(0,0,0,.2);
  470.         box-shadow:0 0 20px rgba(0,0,0,.2);
  471.         -webkit-box-shadow:0 0 20px rgba(var(--jd9,0,0,0),.2);
  472.         box-shadow:0 0 20px rgba(var(--jd9,0,0,0),.2);
  473.         margin:auto;
  474.         overflow:hidden;
  475.         padding-top:80%;
  476.         position:relative;
  477.         width:60%
  478. }
  479. .Feedback{
  480.         display:-webkit-box;
  481.         display:-webkit-flex;
  482.         display:-ms-flexbox;
  483.         display:flex;
  484.         -webkit-box-orient:horizontal;
  485.         -webkit-box-direction:normal;
  486.         -webkit-flex-direction:row;
  487.         -ms-flex-direction:row;
  488.         flex-direction:row;
  489.         padding:8px 10px
  490. }
  491. .Feedback a{
  492.         -webkit-box-align:center;
  493.         -webkit-align-items:center;
  494.         -ms-flex-align:center;
  495.         align-items:center;
  496.         display:-webkit-box;
  497.         display:-webkit-flex;
  498.         display:-ms-flexbox;
  499.         display:flex;
  500.         font-size:80%;
  501.         text-decoration:none
  502. }
  503. .Likes,.Comments{
  504.         margin-right:12px
  505. }
  506. .Likes .LikeSpriteHover{
  507.         display:none
  508. }
  509. .Likes:hover .LikeSpriteHover{
  510.         display:inline-block
  511. }
  512. .Likes:hover .LikeSprite{
  513.         display:none
  514. }
  515. .Comments:hover,.Save:hover{
  516.         opacity:.5
  517. }
  518. .Save{
  519.         margin-left:auto
  520. }
  521. .SocialProof{
  522.         -webkit-box-align:start;
  523.         -webkit-align-items:flex-start;
  524.         -ms-flex-align:start;
  525.         align-items:flex-start;
  526.         display:-webkit-box;
  527.         display:-webkit-flex;
  528.         display:-ms-flexbox;
  529.         display:flex;
  530.         -webkit-box-orient:horizontal;
  531.         -webkit-box-direction:normal;
  532.         -webkit-flex-direction:row;
  533.         -ms-flex-direction:row;
  534.         flex-direction:row;
  535.         padding:0 10px 6px
  536. }
  537. .SocialProof a{
  538.         font-weight:600
  539. }
  540. .Caption{
  541.         display:block;
  542.         line-height:18px;
  543.         padding:0 10px 10px
  544. }
  545. .CaptionComments{
  546.         display:block;
  547.         padding-top:6px
  548. }
  549. .Caption a{
  550.         color:#00376b;
  551.         color:rgba(var(--fe0,0,55,107),1)
  552. }
  553. a.CaptionUsername{
  554.         color:#262626;
  555.         color:rgba(var(--i1d,38,38,38),1);
  556.         font-weight:600;
  557.         margin:-5px 0 -5px -5px;
  558.         padding:5px
  559. }
  560. a.CaptionCommentsExpand{
  561.         color:#8e8e8e;
  562.         color:rgba(var(--f52,142,142,142),1)
  563. }
  564. .Footer{
  565.         -webkit-box-align:center;
  566.         -webkit-align-items:center;
  567.         -ms-flex-align:center;
  568.         align-items:center;
  569.         border-top:1px solid #dbdbdb;
  570.         border-top:1px solid rgba(var(--b38,219,219,219),1);
  571.         -webkit-box-orient:horizontal;
  572.         -webkit-box-direction:normal;
  573.         -webkit-flex-direction:row;
  574.         -ms-flex-direction:row;
  575.         flex-direction:row;
  576.         height:44px;
  577.         padding:0 10px
  578. }
  579. a.CommentInput{
  580.         color:#8e8e8e;
  581.         color:rgba(var(--f52,142,142,142),1);
  582.         font-size:14px;
  583.         line-height:17px;
  584.         padding:0;
  585.         text-decoration:none
  586. }
  587. a.CommentInput:hover{
  588.         text-decoration:none
  589. }
  590. .Glyph{
  591.         display:-webkit-box;
  592.         display:-webkit-flex;
  593.         display:-ms-flexbox;
  594.         display:flex;
  595.         margin-left:auto
  596. }
  597. .Glyph:hover{
  598.         opacity:.5
  599. }
  600. .hideText,.Sprite{
  601.         overflow:hidden;
  602.         text-indent:-99999em
  603. }
  604. .hidden{
  605.         height:0;
  606.         overflow:hidden;
  607.         text-indent:-99999em;
  608.         width:0
  609. }
  610. .Sprite{
  611.         display:inline-block
  612. }
  613. .EmbedFrame{
  614.         padding-bottom:100%;
  615.         position:relative
  616. }
  617. .EmbedFrameWithSidecar .Image{
  618.         display:none
  619. }
  620. .EmbedRichFrame{
  621.         background-color:#fff;
  622.         background-color:rgba(var(--eca,255,255,255),1);
  623.         height:100%;
  624.         position:absolute;
  625.         width:100%
  626. }
  627. .WithSidecar .EmbedRichFrame{
  628.         height:calc(100% + 36px)
  629. }
  630. .PrimaryCTA{
  631.         background-color:#fff;
  632.         background-color:rgba(var(--eca,255,255,255),1);
  633.         border-bottom:1px solid #dbdbdb;
  634.         border-bottom:1px solid rgba(var(--b38,219,219,219),1);
  635.         display:-webkit-box;
  636.         display:-webkit-flex;
  637.         display:-ms-flexbox;
  638.         display:flex;
  639.         height:44px;
  640.         -webkit-box-pack:center;
  641.         -webkit-justify-content:center;
  642.         -ms-flex-pack:center;
  643.         justify-content:center;
  644.         margin-left:12px;
  645.         margin-right:12px
  646. }
  647. .PrimaryCTA a{
  648.         color:#0095f6;
  649.         color:rgba(var(--d69,0,149,246),1);
  650.         font-size:14px;
  651.         font-weight:600;
  652.         overflow:hidden;
  653.         text-overflow:ellipsis;
  654.         white-space:nowrap
  655. }
  656. .HoverCard .HoverCardRoot{
  657.         background-color:#fff;
  658.         background-color:rgba(var(--eca,255,255,255),1);
  659.         border-top-left-radius:3px;
  660.         border-top-right-radius:3px;
  661.         bottom:32px;
  662.         height:0;
  663.         left:12px;
  664.         overflow:hidden;
  665.         padding-left:12px;
  666.         padding-right:12px;
  667.         padding-top:12px;
  668.         position:absolute;
  669.         -webkit-transition:.25s ease-out;
  670.         transition:.25s ease-out;
  671.         width:209px
  672. }
  673. .HoverCard:hover .HoverCardRoot{
  674.         height:128px;
  675.         -webkit-transition:.25s ease-out;
  676.         transition:.25s ease-out
  677. }
  678. .HoverCardProfile,.HoverCardUserName,.HoverCardStatus,.HoverCardPhotos{
  679.         -webkit-box-align:center;
  680.         -webkit-align-items:center;
  681.         -ms-flex-align:center;
  682.         align-items:center;
  683.         display:-webkit-box;
  684.         display:-webkit-flex;
  685.         display:-ms-flexbox;
  686.         display:flex;
  687.         -webkit-box-orient:horizontal;
  688.         -webkit-box-direction:normal;
  689.         -webkit-flex-direction:row;
  690.         -ms-flex-direction:row;
  691.         flex-direction:row
  692. }
  693. .HoverCardProfile img{
  694.         border-radius:17px;
  695.         height:34px;
  696.         margin-right:12px;
  697.         width:34px
  698. }
  699. .HoverCardUser{
  700.         width:163px
  701. }
  702. .HoverCardUserName .Username{
  703.         color:#262626;
  704.         color:rgba(var(--i1d,38,38,38),1);
  705.         -webkit-box-flex:0;
  706.         -webkit-flex-grow:0;
  707.         -ms-flex-positive:0;
  708.         flex-grow:0;
  709.         font-size:14px;
  710.         font-weight:600;
  711.         overflow:hidden;
  712.         text-overflow:ellipsis;
  713.         white-space:nowrap
  714. }
  715. .HoverCardUserName .VerifiedSprite{
  716.         -webkit-flex-shrink:0;
  717.         -ms-flex-negative:0;
  718.         flex-shrink:0
  719. }
  720. .HoverCardStatus span{
  721.         color:#8e8e8e;
  722.         color:rgba(var(--f52,142,142,142),1);
  723.         font-size:12px;
  724.         overflow:hidden;
  725.         text-overflow:ellipsis;
  726.         white-space:nowrap
  727. }
  728. .HoverCardPhotos{
  729.         margin-top:12px
  730. }
  731. .HoverCardPhotos img{
  732.         height:104px;
  733.         margin-right:1px;
  734.         width:104px
  735. }
  736. .WatchOnInstagramContainer{
  737.         -webkit-box-align:center;
  738.         -webkit-align-items:center;
  739.         -ms-flex-align:center;
  740.         align-items:center;
  741.         background-color:rgba(0,0,0,.5);
  742.         background-color:rgba(var(--jb7,0,0,0),.5);
  743.         bottom:0;
  744.         color:#fff;
  745.         color:rgba(var(--eca,255,255,255),1);
  746.         display:-webkit-box;
  747.         display:-webkit-flex;
  748.         display:-ms-flexbox;
  749.         display:flex;
  750.         font-size:14px;
  751.         -webkit-font-smoothing:antialiased;
  752.         font-weight:600;
  753.         -webkit-box-pack:center;
  754.         -webkit-justify-content:center;
  755.         -ms-flex-pack:center;
  756.         justify-content:center;
  757.         left:0;
  758.         position:absolute;
  759.         right:0;
  760.         text-shadow:0 1px 2px rgba(0,0,0,.5);
  761.         text-shadow:0 1px 2px rgba(var(--jb7,0,0,0),.5);
  762.         top:0
  763. }
  764. .WatchOnInstagram{
  765.         margin-bottom:20px;
  766.         margin-top:-10px
  767. }
  768. .EmbedBrokenMedia{
  769.         padding-bottom:40%;
  770.         padding-top:40%
  771. }
  772. .FollowerCountText{
  773.         color:#8e8e8e;
  774.         color:rgba(var(--f52,142,142,142),1);
  775.         font-size:12px;
  776.         line-height:14px
  777. }
  778. .EmbedLogo{
  779.         display:block
  780. }
  781. .EmbedBrokenMedia{
  782.         -webkit-box-align:center;
  783.         -webkit-align-items:center;
  784.         -ms-flex-align:center;
  785.         align-items:center;
  786.         background-color:#fff;
  787.         background-color:rgba(var(--eca,255,255,255),1);
  788.         display:-webkit-box;
  789.         display:-webkit-flex;
  790.         display:-ms-flexbox;
  791.         display:flex;
  792.         -webkit-box-orient:vertical;
  793.         -webkit-box-direction:normal;
  794.         -webkit-flex-direction:column;
  795.         -ms-flex-direction:column;
  796.         flex-direction:column;
  797.         height:100%;
  798.         -webkit-box-pack:center;
  799.         -webkit-justify-content:center;
  800.         -ms-flex-pack:center;
  801.         justify-content:center;
  802.         width:100%
  803. }
  804. .ebmLogo{
  805.         margin-bottom:16px
  806. }
  807. .ebmMessage{
  808.         color:#000;
  809.         color:rgba(var(--jb7,0,0,0),1);
  810.         font-size:14px;
  811.         font-weight:400;
  812.         line-height:18px;
  813.         margin:0 20px;
  814.         text-align:center;
  815.         width:250px
  816. }
  817. .elSprite{
  818.         display:inline-block
  819. }
  820. .embedHideText{
  821.         display:block;
  822.         overflow:hidden;
  823.         text-indent:110%;
  824.         white-space:nowrap
  825. }
  826. .embedNonTextLink:active{
  827.         opacity:1
  828. }

Paste is for source code and general debugging text.

Login or Register to edit, delete and keep track of your pastes and more.

Raw Paste

Login or Register to edit or fork this paste. It's free.