@micromag/screen-urbania-article 0.3.745 → 0.3.747

package/assets/css/styles.css

@@ -1,2 +1,2 @@
 .micromag-screen-urbania-article-urbania-base-article-container.micromag-screen-urbania-article-urbania-base-article-isVideo .micromag-screen-urbania-article-urbania-base-article-visual,.micromag-screen-urbania-article-urbania-base-article-empty,.micromag-screen-urbania-article-urbania-base-article-footerContainer,.micromag-screen-urbania-article-urbania-base-article-video{height:100%;left:0;position:absolute;top:0;width:100%}.micromag-screen-urbania-article-urbania-base-article-container{height:100%;overflow:hidden;position:relative;width:100%}.micromag-screen-urbania-article-urbania-base-article-disabled.micromag-screen-urbania-article-urbania-base-article-container{overflow:hidden;pointer-events:none}.micromag-screen-urbania-article-urbania-base-article-hidden.micromag-screen-urbania-article-urbania-base-article-container{display:none;visibility:hidden}.micromag-screen-urbania-article-urbania-base-article-placeholder.micromag-screen-urbania-article-urbania-base-article-container .micromag-screen-urbania-article-urbania-base-article-content{padding:6px;position:relative}.micromag-screen-urbania-article-urbania-base-article-empty{border:2px dashed #343434;color:#343434;margin:5px auto}.micromag-screen-urbania-article-urbania-base-article-container.micromag-screen-urbania-article-urbania-base-article-isPlaceholder .micromag-screen-urbania-article-urbania-base-article-articleContent{background-color:transparent;background-color:#2b2b2b;height:35%;margin:5px auto;width:80%}.micromag-screen-urbania-article-urbania-base-article-container.micromag-screen-urbania-article-urbania-base-article-isPlaceholder .micromag-screen-urbania-article-urbania-base-article-visual{position:relative;-ms-flex-positive:1;flex-grow:1;height:50%;margin:5px auto;width:80%}.micromag-screen-urbania-article-urbania-base-article-container.micromag-screen-urbania-article-urbania-base-article-isVideo .micromag-screen-urbania-article-urbania-base-article-articleContent{position:relative;-ms-flex-positive:1;flex-grow:1;-ms-flex-pack:end;background-color:transparent;justify-content:flex-end;margin-bottom:70px}.micromag-screen-urbania-article-urbania-base-article-container.micromag-screen-urbania-article-urbania-base-article-isVideo .micromag-screen-urbania-article-urbania-base-article-articleContent .micromag-screen-urbania-article-urbania-base-article-description,.micromag-screen-urbania-article-urbania-base-article-container.micromag-screen-urbania-article-urbania-base-article-isVideo .micromag-screen-urbania-article-urbania-base-article-articleContent .micromag-screen-urbania-article-urbania-base-article-title{color:#fff;text-shadow:0 0 6px #222}.micromag-screen-urbania-article-urbania-base-article-container.micromag-screen-urbania-article-urbania-base-article-isVideo .micromag-screen-urbania-article-urbania-base-article-articleContent .micromag-screen-urbania-article-urbania-base-article-sponsors{margin-top:0}.micromag-screen-urbania-article-urbania-base-article-container.micromag-screen-urbania-article-urbania-base-article-isVideo .micromag-screen-urbania-article-urbania-base-article-callToAction{position:absolute}.micromag-screen-urbania-article-urbania-base-article-placeholder{background-color:#6c6c6c}.micromag-screen-urbania-article-urbania-base-article-emptyContainer{height:0;margin-bottom:10px;padding-bottom:20%;-webkit-transform:translateY(0);-ms-transform:translateY(0);transform:translateY(0);width:100%}.micromag-screen-urbania-article-urbania-base-article-emptyContainer.micromag-screen-urbania-article-urbania-base-article-small{padding-bottom:15%}.micromag-screen-urbania-article-urbania-base-article-empty{margin:0}.micromag-screen-urbania-article-urbania-base-article-background{position:absolute;z-index:1}.micromag-screen-urbania-article-urbania-base-article-content{display:-ms-flexbox;display:flex;-ms-flex-direction:column;flex-direction:column;height:100%;position:static;width:100%;z-index:2}.micromag-screen-urbania-article-urbania-base-article-articleContent{display:-ms-flexbox;display:flex;-ms-flex-direction:column;flex-direction:column;z-index:3;-ms-flex-align:center;align-items:center;-ms-flex-pack:center;color:#222;justify-content:center;text-align:center;width:100%}.micromag-screen-urbania-article-urbania-base-article-articleContent .micromag-screen-urbania-article-urbania-base-article-authors,.micromag-screen-urbania-article-urbania-base-article-articleContent .micromag-screen-urbania-article-urbania-base-article-description,.micromag-screen-urbania-article-urbania-base-article-articleContent .micromag-screen-urbania-article-urbania-base-article-overTitle,.micromag-screen-urbania-article-urbania-base-article-articleContent .micromag-screen-urbania-article-urbania-base-article-title{padding:3px 20px}.micromag-screen-urbania-article-urbania-base-article-articleContent .micromag-screen-urbania-article-urbania-base-article-overTitle{border-bottom:1px solid;font-family:Agrandir Tight;font-size:10px;font-weight:700;margin-bottom:10px;padding:30px 0 2px;text-transform:uppercase}.micromag-screen-urbania-article-urbania-base-article-articleContent .micromag-screen-urbania-article-urbania-base-article-title{font-family:GarageGothic-Bold;font-size:36px;line-height:.88;text-transform:uppercase}.micromag-screen-urbania-article-urbania-base-article-articleContent .micromag-screen-urbania-article-urbania-base-article-description{padding:6px 20px 12px}.micromag-screen-urbania-article-urbania-base-article-articleContent .micromag-screen-urbania-article-urbania-base-article-lede{font-family:Agrandir;line-height:1.1}.micromag-screen-urbania-article-urbania-base-article-articleContent .micromag-screen-urbania-article-urbania-base-article-lede p{font-weight:inherit;margin:0}.micromag-screen-urbania-article-urbania-base-article-articleContent .micromag-screen-urbania-article-urbania-base-article-authors{margin-bottom:6px}.micromag-screen-urbania-article-urbania-base-article-articleContent .micromag-screen-urbania-article-urbania-base-article-authors.micromag-screen-urbania-article-urbania-base-article-isAboveDescription{margin-bottom:0}.micromag-screen-urbania-article-urbania-base-article-articleContent .micromag-screen-urbania-article-urbania-base-article-sponsors{background-color:#ff0;color:#222;display:inline-block;letter-spacing:.04em;line-height:.7;margin-top:auto;padding:2px 10px 4px;width:100%}.micromag-screen-urbania-article-urbania-base-article-articleContent .micromag-screen-urbania-article-urbania-base-article-sponsors p,.micromag-screen-urbania-article-urbania-base-article-articleContent .micromag-screen-urbania-article-urbania-base-article-sponsors span{line-height:.7}.micromag-screen-urbania-article-urbania-base-article-articleContent .micromag-screen-urbania-article-urbania-base-article-sponsor{display:inline;font-family:Agrandir;font-size:9px;font-weight:400;line-height:.7;text-transform:uppercase}.micromag-screen-urbania-article-urbania-base-article-articleContent.micromag-screen-urbania-article-urbania-base-article-quatre95{background-color:#fff}.micromag-screen-urbania-article-urbania-base-article-articleContent.micromag-screen-urbania-article-urbania-base-article-quatre95 .micromag-screen-urbania-article-urbania-base-article-author{color:#5e79ff}.micromag-screen-urbania-article-urbania-base-article-articleContent.micromag-screen-urbania-article-urbania-base-article-quatre95 .micromag-screen-urbania-article-urbania-base-article-sponsors,.micromag-screen-urbania-article-urbania-base-article-articleContent.micromag-screen-urbania-article-urbania-base-article-urbania{background-color:#ff0;color:#222}.micromag-screen-urbania-article-urbania-base-article-articleContent.micromag-screen-urbania-article-urbania-base-article-urbania .micromag-screen-urbania-article-urbania-base-article-author{color:#222}.micromag-screen-urbania-article-urbania-base-article-articleContent.micromag-screen-urbania-article-urbania-base-article-urbania .micromag-screen-urbania-article-urbania-base-article-sponsors{background-color:#222;color:#ff0}.micromag-screen-urbania-article-urbania-base-article-articleContent.micromag-screen-urbania-article-urbania-base-article-dehors{background-color:#00c693;color:#ffeada}.micromag-screen-urbania-article-urbania-base-article-articleContent.micromag-screen-urbania-article-urbania-base-article-dehors .micromag-screen-urbania-article-urbania-base-article-author{color:#ffeada}.micromag-screen-urbania-article-urbania-base-article-articleContent.micromag-screen-urbania-article-urbania-base-article-universities{background-color:#fff;color:#f33}.micromag-screen-urbania-article-urbania-base-article-articleContent.micromag-screen-urbania-article-urbania-base-article-universities .micromag-screen-urbania-article-urbania-base-article-overTitle{color:#222}.micromag-screen-urbania-article-urbania-base-article-visual{height:100%;z-index:2}.micromag-screen-urbania-article-urbania-base-article-footerContainer{z-index:3}.micromag-screen-urbania-article-urbania-base-article-footer{bottom:0;left:0;padding-bottom:5px;position:absolute;right:0;-webkit-transform:translateZ(0);transform:translateZ(0);vertical-align:middle;z-index:10}.micromag-screen-urbania-article-urbania-base-article-footer .micromag-screen-urbania-article-urbania-base-article-arrow{margin-bottom:5px;opacity:.95}.micromag-screen-urbania-article-urbania-base-article-footer .micromag-screen-urbania-article-urbania-base-article-icon{display:inline-block;margin-right:3px;margin-top:-3px;padding:2px}.micromag-screen-urbania-article-urbania-base-article-footer .micromag-screen-urbania-article-urbania-base-article-button{font-family:Agrandir;font-size:16px}.micromag-screen-urbania-article-urbania-base-article-mediaControls{padding:10px 20px 20px}.micromag-screen-urbania-article-urbania-base-article-placeholder{display:block}.micromag-screen-urbania-article-urbania-base-article-header{left:0;position:absolute;top:0;width:100%;z-index:4}.micromag-screen-urbania-article-urbania-base-article-bottom{opacity:0;-webkit-transition:opacity .15s linear;transition:opacity .15s linear}.micromag-screen-urbania-article-urbania-base-article-bottom.micromag-screen-urbania-article-urbania-base-article-visible{opacity:1}.micromag-screen-urbania-article-urbania-base-article-bottom.micromag-screen-urbania-article-urbania-base-article-withGradient{background:-webkit-gradient(linear,left top,left bottom,from(rgba(0,0,0,0)),to(rgba(0,0,0,.4)));background:linear-gradient(rgba(0,0,0,0),rgba(0,0,0,.4))}.micromag-screen-urbania-article-urbania-base-article-image{height:100%!important;position:relative!important;width:100%!important}.micromag-screen-urbania-article-urbania-base-article-isCurrent .micromag-screen-urbania-article-urbania-base-article-image{-webkit-animation:micromag-screen-urbania-article-urbania-base-article-slowZoom 15s ease-out 1 forwards;animation:micromag-screen-urbania-article-urbania-base-article-slowZoom 15s ease-out 1 forwards}.micromag-screen-urbania-article-urbania-base-article-img{height:100%!important;left:auto!important;-o-object-fit:cover;object-fit:cover;position:relative!important;top:auto!important;width:100%!important}@-webkit-keyframes micromag-screen-urbania-article-urbania-base-article-slowZoom{0%{-webkit-transform:scale(1);transform:scale(1)}to{-webkit-transform:scale(1.2);transform:scale(1.2)}}@keyframes micromag-screen-urbania-article-urbania-base-article-slowZoom{0%{-webkit-transform:scale(1);transform:scale(1)}to{-webkit-transform:scale(1.2);transform:scale(1.2)}}
-.micromag-screen-urbania-article-urbania-base-article-card-container .micromag-screen-urbania-article-urbania-base-article-card-iframe{scrollbar-width:none}.micromag-screen-urbania-article-urbania-base-article-card-container .micromag-screen-urbania-article-urbania-base-article-card-iframe::-webkit-scrollbar{display:none}.micromag-screen-urbania-article-urbania-base-article-card-container .micromag-screen-urbania-article-urbania-base-article-card-close,.micromag-screen-urbania-article-urbania-base-article-card-container .micromag-screen-urbania-article-urbania-base-article-card-dragHandle{-webkit-appearance:none;-moz-appearance:none;appearance:none;background:transparent;border:0;color:inherit;cursor:pointer;display:inline-block;font-family:inherit;padding:0;position:relative}.micromag-screen-urbania-article-urbania-base-article-card-container .micromag-screen-urbania-article-urbania-base-article-card-cardContainer,.micromag-screen-urbania-article-urbania-base-article-card-container .micromag-screen-urbania-article-urbania-base-article-card-content,.micromag-screen-urbania-article-urbania-base-article-card-container .micromag-screen-urbania-article-urbania-base-article-card-empty{height:100%;left:0;position:absolute;top:0;width:100%}.micromag-screen-urbania-article-urbania-base-article-card-container{height:100%;overflow:hidden;position:relative;width:100%}.micromag-screen-urbania-article-urbania-base-article-card-disabled.micromag-screen-urbania-article-urbania-base-article-card-container{overflow:hidden;pointer-events:none}.micromag-screen-urbania-article-urbania-base-article-card-hidden.micromag-screen-urbania-article-urbania-base-article-card-container{display:none;visibility:hidden}.micromag-screen-urbania-article-urbania-base-article-card-placeholder.micromag-screen-urbania-article-urbania-base-article-card-container .micromag-screen-urbania-article-urbania-base-article-card-content{padding:6px;position:relative}.micromag-screen-urbania-article-urbania-base-article-card-container .micromag-screen-urbania-article-urbania-base-article-card-empty{border:2px dashed #343434;color:#343434;margin:5px auto}.micromag-screen-urbania-article-urbania-base-article-card-container .micromag-screen-urbania-article-urbania-base-article-card-background{z-index:1}.micromag-screen-urbania-article-urbania-base-article-card-container .micromag-screen-urbania-article-urbania-base-article-card-content{display:-ms-flexbox;display:flex;-ms-flex-direction:column;flex-direction:column;height:100%;width:100%;z-index:2}.micromag-screen-urbania-article-urbania-base-article-card-container .micromag-screen-urbania-article-urbania-base-article-card-layout{display:-ms-flexbox;display:flex;-ms-flex-align:center;align-items:center;-ms-flex-pack:center;justify-content:center}.micromag-screen-urbania-article-urbania-base-article-card-container .micromag-screen-urbania-article-urbania-base-article-card-text{font-family:Agrandir,sans-serif;font-size:1.65em;font-weight:700;padding:0 10px;text-align:center;text-shadow:0 4px 4px rgba(0,0,0,.35);width:100%}.micromag-screen-urbania-article-urbania-base-article-card-container .micromag-screen-urbania-article-urbania-base-article-card-text p{font-weight:inherit;margin:0}.micromag-screen-urbania-article-urbania-base-article-card-container .micromag-screen-urbania-article-urbania-base-article-card-cardContainer{z-index:5}.micromag-screen-urbania-article-urbania-base-article-card-container .micromag-screen-urbania-article-urbania-base-article-card-cardContainer.micromag-screen-urbania-article-urbania-base-article-card-isPlaceholder{left:2.5%;top:55%;-ms-flex-item-align:center;align-self:center;background-color:#6c6c6c;border-top-left-radius:1em;border-top-right-radius:1em;height:45%;width:95%}.micromag-screen-urbania-article-urbania-base-article-card-container .micromag-screen-urbania-article-urbania-base-article-card-card{position:absolute}.micromag-screen-urbania-article-urbania-base-article-card-container .micromag-screen-urbania-article-urbania-base-article-card-callToAction{left:50%;opacity:1;position:absolute;text-align:center;top:-33px;-webkit-transform:translateX(-50%);-ms-transform:translateX(-50%);transform:translateX(-50%);-webkit-transition:opacity .1s cubic-bezier(.65,0,.35,1);transition:opacity .1s cubic-bezier(.65,0,.35,1)}.micromag-screen-urbania-article-urbania-base-article-card-container .micromag-screen-urbania-article-urbania-base-article-card-arrow{-webkit-filter:drop-shadow(0 -1px 3px #000);filter:drop-shadow(0 -1px 3px #000)}.micromag-screen-urbania-article-urbania-base-article-card-container .micromag-screen-urbania-article-urbania-base-article-card-ctaText{font-family:Agrandir,sans-serif;font-size:10px;font-weight:500;text-shadow:0 -1px 3px rgba(0,0,0,.35);text-transform:uppercase}.micromag-screen-urbania-article-urbania-base-article-card-container .micromag-screen-urbania-article-urbania-base-article-card-cardInner{background-color:#fff;border-top-left-radius:15px;border-top-right-radius:15px;-webkit-box-shadow:0 0 26px rgba(0,0,0,.35);box-shadow:0 0 26px rgba(0,0,0,.35);height:100%;left:50%;position:absolute;top:0;-webkit-transform:translateX(-50%);-ms-transform:translateX(-50%);transform:translateX(-50%);-webkit-transition:width .2s cubic-bezier(.5,0,.75,0),border-radius .2s cubic-bezier(.5,0,.75,0);transition:width .2s cubic-bezier(.5,0,.75,0),border-radius .2s cubic-bezier(.5,0,.75,0);width:calc(100% - 30px)}.micromag-screen-urbania-article-urbania-base-article-card-container .micromag-screen-urbania-article-urbania-base-article-card-pulse{-webkit-animation:micromag-screen-urbania-article-urbania-base-article-card-pulse 3s cubic-bezier(.68,-.6,.32,1.6) infinite alternate;animation:micromag-screen-urbania-article-urbania-base-article-card-pulse 3s cubic-bezier(.68,-.6,.32,1.6) infinite alternate;-webkit-animation-delay:1s;animation-delay:1s}.micromag-screen-urbania-article-urbania-base-article-card-container .micromag-screen-urbania-article-urbania-base-article-card-dragHandle{height:100%;left:0;margin-left:15px;position:absolute;top:0;-ms-touch-action:none;touch-action:none;-webkit-transform:translateZ(0);transform:translateZ(0);width:calc(100% - 30px);z-index:6}.micromag-screen-urbania-article-urbania-base-article-card-container .micromag-screen-urbania-article-urbania-base-article-card-dragHandle:focus-visible{-webkit-box-shadow:0 0 2px 2px #fff;box-shadow:0 0 2px 2px #fff;-webkit-box-shadow:0 0 2px 2px var(--micromag-focus-color,#fff);box-shadow:0 0 2px 2px var(--micromag-focus-color,#fff)}.micromag-screen-urbania-article-urbania-base-article-card-container .micromag-screen-urbania-article-urbania-base-article-card-close{color:#222;-webkit-filter:invert(100%);filter:invert(100%);opacity:0;position:absolute;right:10px;top:10px;-webkit-transform:scale(.8);-ms-transform:scale(.8);transform:scale(.8);-webkit-transition:opacity .2s cubic-bezier(.65,0,.35,1),-webkit-transform .2s cubic-bezier(.65,0,.35,1);transition:opacity .2s cubic-bezier(.65,0,.35,1),-webkit-transform .2s cubic-bezier(.65,0,.35,1);transition:transform .2s cubic-bezier(.65,0,.35,1),opacity .2s cubic-bezier(.65,0,.35,1);transition:transform .2s cubic-bezier(.65,0,.35,1),opacity .2s cubic-bezier(.65,0,.35,1),-webkit-transform .2s cubic-bezier(.65,0,.35,1);z-index:7}.micromag-screen-urbania-article-urbania-base-article-card-container .micromag-screen-urbania-article-urbania-base-article-card-closeIcon{display:block;height:1.5em;-webkit-transform:translateZ(0);transform:translateZ(0);width:1.5em}.micromag-screen-urbania-article-urbania-base-article-card-container .micromag-screen-urbania-article-urbania-base-article-card-articlePreview{background-color:#fff;border-top-left-radius:15px;border-top-right-radius:15px;opacity:1;position:relative;text-align:center;-webkit-transition:opacity .2s cubic-bezier(.65,0,.35,1),background-color .2s cubic-bezier(.65,0,.35,1);transition:opacity .2s cubic-bezier(.65,0,.35,1),background-color .2s cubic-bezier(.65,0,.35,1);width:100%;z-index:5}.micromag-screen-urbania-article-urbania-base-article-card-container .micromag-screen-urbania-article-urbania-base-article-card-articlePreviewInner{display:-ms-flexbox;display:flex;-ms-flex-direction:column;flex-direction:column;-ms-flex-align:center;align-items:center;-ms-flex-pack:start;justify-content:flex-start;padding:20px 10px;width:100%}.micromag-screen-urbania-article-urbania-base-article-card-container .micromag-screen-urbania-article-urbania-base-article-card-articleTitle{color:#000;font-family:Garage Gothic,sans-serif;font-size:24px;margin-bottom:.75rem;text-transform:uppercase}.micromag-screen-urbania-article-urbania-base-article-card-container .micromag-screen-urbania-article-urbania-base-article-card-spinnerContainer{left:50%;pointer-events:none;position:absolute;top:20px;-webkit-transform:translateX(-50%);-ms-transform:translateX(-50%);transform:translateX(-50%);z-index:8}.micromag-screen-urbania-article-urbania-base-article-card-container .micromag-screen-urbania-article-urbania-base-article-card-spinner{color:#000}.micromag-screen-urbania-article-urbania-base-article-card-container .micromag-screen-urbania-article-urbania-base-article-card-iframe{border-top-left-radius:15px;border-top-right-radius:15px;left:50%;opacity:0;position:absolute;top:0;-webkit-transform:translateX(-50%);-ms-transform:translateX(-50%);transform:translateX(-50%);-webkit-transition:border-radius .2s cubic-bezier(.5,0,.75,0),opacity .2s cubic-bezier(.5,0,.75,0);transition:border-radius .2s cubic-bezier(.5,0,.75,0),opacity .2s cubic-bezier(.5,0,.75,0);z-index:4}.micromag-screen-urbania-article-urbania-base-article-card-container .micromag-screen-urbania-article-urbania-base-article-card-empty{border-top-left-radius:2em;border-top-right-radius:2em;height:45%;margin:0;top:55%}.micromag-screen-urbania-article-urbania-base-article-card-container .micromag-screen-urbania-article-urbania-base-article-card-header{left:0;position:absolute;top:0;width:100%;z-index:4}.micromag-screen-urbania-article-urbania-base-article-card-container .micromag-screen-urbania-article-urbania-base-article-card-iframeBlocker{bottom:0;display:none;height:100%;left:0;position:absolute;top:0;width:100%}.micromag-screen-urbania-article-urbania-base-article-card-container .micromag-screen-urbania-article-urbania-base-article-card-iframeBlocker.micromag-screen-urbania-article-urbania-base-article-card-active{display:block}.micromag-screen-urbania-article-urbania-base-article-card-container .micromag-screen-urbania-article-urbania-base-article-card-placeholder{background-color:#6c6c6c;height:50px;width:50px}.micromag-screen-urbania-article-urbania-base-article-card-container.micromag-screen-urbania-article-urbania-base-article-card-articleOpened .micromag-screen-urbania-article-urbania-base-article-card-cardInner{border-top-left-radius:0;border-top-right-radius:0;width:100%}.micromag-screen-urbania-article-urbania-base-article-card-container.micromag-screen-urbania-article-urbania-base-article-card-articleOpened .micromag-screen-urbania-article-urbania-base-article-card-callToAction{opacity:0}.micromag-screen-urbania-article-urbania-base-article-card-container.micromag-screen-urbania-article-urbania-base-article-card-articleOpened .micromag-screen-urbania-article-urbania-base-article-card-articlePreview{opacity:0;pointer-events:none}.micromag-screen-urbania-article-urbania-base-article-card-container.micromag-screen-urbania-article-urbania-base-article-card-articleOpened .micromag-screen-urbania-article-urbania-base-article-card-iframe{border-top-left-radius:0;border-top-right-radius:0;opacity:1}.micromag-screen-urbania-article-urbania-base-article-card-container.micromag-screen-urbania-article-urbania-base-article-card-articleOpened .micromag-screen-urbania-article-urbania-base-article-card-dragHandle{height:100px}.micromag-screen-urbania-article-urbania-base-article-card-container.micromag-screen-urbania-article-urbania-base-article-card-articleOpened .micromag-screen-urbania-article-urbania-base-article-card-close{opacity:1;pointer-events:all;-webkit-transform:scale(1);-ms-transform:scale(1);transform:scale(1)}@-webkit-keyframes micromag-screen-urbania-article-urbania-base-article-card-pulse{0%{-webkit-transform:translate(-50%);transform:translate(-50%)}50%{-webkit-transform:translate(-50%,2%);transform:translate(-50%,2%)}to{-webkit-transform:translate(-50%);transform:translate(-50%)}}@keyframes micromag-screen-urbania-article-urbania-base-article-card-pulse{0%{-webkit-transform:translate(-50%);transform:translate(-50%)}50%{-webkit-transform:translate(-50%,2%);transform:translate(-50%,2%)}to{-webkit-transform:translate(-50%);transform:translate(-50%)}}
+.micromag-screen-urbania-article-urbania-base-article-card-container .micromag-screen-urbania-article-urbania-base-article-card-iframe{scrollbar-width:none}.micromag-screen-urbania-article-urbania-base-article-card-container .micromag-screen-urbania-article-urbania-base-article-card-iframe::-webkit-scrollbar{display:none}.micromag-screen-urbania-article-urbania-base-article-card-container .micromag-screen-urbania-article-urbania-base-article-card-close,.micromag-screen-urbania-article-urbania-base-article-card-container .micromag-screen-urbania-article-urbania-base-article-card-dragHandle{-webkit-appearance:none;-moz-appearance:none;appearance:none;background:transparent;border:0;color:inherit;cursor:pointer;display:inline-block;font-family:inherit;padding:0;position:relative}.micromag-screen-urbania-article-urbania-base-article-card-container .micromag-screen-urbania-article-urbania-base-article-card-cardContainer,.micromag-screen-urbania-article-urbania-base-article-card-container .micromag-screen-urbania-article-urbania-base-article-card-content,.micromag-screen-urbania-article-urbania-base-article-card-container .micromag-screen-urbania-article-urbania-base-article-card-empty{height:100%;left:0;position:absolute;top:0;width:100%}.micromag-screen-urbania-article-urbania-base-article-card-container{height:100%;overflow:hidden;position:relative;width:100%}.micromag-screen-urbania-article-urbania-base-article-card-disabled.micromag-screen-urbania-article-urbania-base-article-card-container{overflow:hidden;pointer-events:none}.micromag-screen-urbania-article-urbania-base-article-card-hidden.micromag-screen-urbania-article-urbania-base-article-card-container{display:none;visibility:hidden}.micromag-screen-urbania-article-urbania-base-article-card-placeholder.micromag-screen-urbania-article-urbania-base-article-card-container .micromag-screen-urbania-article-urbania-base-article-card-content{padding:6px;position:relative}.micromag-screen-urbania-article-urbania-base-article-card-container .micromag-screen-urbania-article-urbania-base-article-card-empty{border:2px dashed #343434;color:#343434;margin:5px auto}.micromag-screen-urbania-article-urbania-base-article-card-container{position:absolute}.micromag-screen-urbania-article-urbania-base-article-card-container .micromag-screen-urbania-article-urbania-base-article-card-background{z-index:1}.micromag-screen-urbania-article-urbania-base-article-card-container .micromag-screen-urbania-article-urbania-base-article-card-content{display:-ms-flexbox;display:flex;-ms-flex-direction:column;flex-direction:column;height:100%;width:100%;z-index:2}.micromag-screen-urbania-article-urbania-base-article-card-container .micromag-screen-urbania-article-urbania-base-article-card-layout{display:-ms-flexbox;display:flex;-ms-flex-align:center;align-items:center;-ms-flex-pack:center;justify-content:center}.micromag-screen-urbania-article-urbania-base-article-card-container .micromag-screen-urbania-article-urbania-base-article-card-text{font-family:Agrandir,sans-serif;font-size:1.65em;font-weight:700;padding:0 10px;text-align:center;text-shadow:0 4px 4px rgba(0,0,0,.35);width:100%}.micromag-screen-urbania-article-urbania-base-article-card-container .micromag-screen-urbania-article-urbania-base-article-card-text p{font-weight:inherit;margin:0}.micromag-screen-urbania-article-urbania-base-article-card-container .micromag-screen-urbania-article-urbania-base-article-card-cardContainer{z-index:5}.micromag-screen-urbania-article-urbania-base-article-card-container .micromag-screen-urbania-article-urbania-base-article-card-cardContainer.micromag-screen-urbania-article-urbania-base-article-card-isPlaceholder{left:2.5%;top:55%;-ms-flex-item-align:center;align-self:center;background-color:#6c6c6c;border-top-left-radius:1em;border-top-right-radius:1em;height:45%;width:95%}.micromag-screen-urbania-article-urbania-base-article-card-container .micromag-screen-urbania-article-urbania-base-article-card-card{position:absolute}.micromag-screen-urbania-article-urbania-base-article-card-container .micromag-screen-urbania-article-urbania-base-article-card-callToAction{left:50%;opacity:1;position:absolute;text-align:center;top:-33px;-webkit-transform:translateX(-50%);-ms-transform:translateX(-50%);transform:translateX(-50%);-webkit-transition:opacity .1s cubic-bezier(.65,0,.35,1);transition:opacity .1s cubic-bezier(.65,0,.35,1)}.micromag-screen-urbania-article-urbania-base-article-card-container .micromag-screen-urbania-article-urbania-base-article-card-arrow{-webkit-filter:drop-shadow(0 -1px 3px #000);filter:drop-shadow(0 -1px 3px #000)}.micromag-screen-urbania-article-urbania-base-article-card-container .micromag-screen-urbania-article-urbania-base-article-card-ctaText{font-family:Agrandir,sans-serif;font-size:10px;font-weight:500;text-shadow:0 -1px 3px rgba(0,0,0,.35);text-transform:uppercase}.micromag-screen-urbania-article-urbania-base-article-card-container .micromag-screen-urbania-article-urbania-base-article-card-cardInner{background-color:#fff;border-top-left-radius:15px;border-top-right-radius:15px;-webkit-box-shadow:0 0 26px rgba(0,0,0,.35);box-shadow:0 0 26px rgba(0,0,0,.35);height:100%;left:50%;position:absolute;top:0;-webkit-transform:translateX(-50%);-ms-transform:translateX(-50%);transform:translateX(-50%);-webkit-transition:width .2s cubic-bezier(.5,0,.75,0),border-radius .2s cubic-bezier(.5,0,.75,0);transition:width .2s cubic-bezier(.5,0,.75,0),border-radius .2s cubic-bezier(.5,0,.75,0);width:calc(100% - 30px)}.micromag-screen-urbania-article-urbania-base-article-card-container .micromag-screen-urbania-article-urbania-base-article-card-pulse{-webkit-animation:micromag-screen-urbania-article-urbania-base-article-card-pulse 3s cubic-bezier(.68,-.6,.32,1.6) infinite alternate;animation:micromag-screen-urbania-article-urbania-base-article-card-pulse 3s cubic-bezier(.68,-.6,.32,1.6) infinite alternate;-webkit-animation-delay:1s;animation-delay:1s}.micromag-screen-urbania-article-urbania-base-article-card-container .micromag-screen-urbania-article-urbania-base-article-card-dragHandle{height:100%;left:0;margin-left:15px;position:absolute;top:0;-ms-touch-action:none;touch-action:none;-webkit-transform:translateZ(0);transform:translateZ(0);width:calc(100% - 30px);z-index:6}.micromag-screen-urbania-article-urbania-base-article-card-container .micromag-screen-urbania-article-urbania-base-article-card-dragHandle:focus-visible{-webkit-box-shadow:0 0 2px 2px #fff;box-shadow:0 0 2px 2px #fff;-webkit-box-shadow:0 0 2px 2px var(--micromag-focus-color,#fff);box-shadow:0 0 2px 2px var(--micromag-focus-color,#fff)}.micromag-screen-urbania-article-urbania-base-article-card-container .micromag-screen-urbania-article-urbania-base-article-card-close{color:#222;-webkit-filter:invert(100%);filter:invert(100%);opacity:0;position:absolute;right:10px;top:10px;-webkit-transform:scale(.8);-ms-transform:scale(.8);transform:scale(.8);-webkit-transition:opacity .2s cubic-bezier(.65,0,.35,1),-webkit-transform .2s cubic-bezier(.65,0,.35,1);transition:opacity .2s cubic-bezier(.65,0,.35,1),-webkit-transform .2s cubic-bezier(.65,0,.35,1);transition:transform .2s cubic-bezier(.65,0,.35,1),opacity .2s cubic-bezier(.65,0,.35,1);transition:transform .2s cubic-bezier(.65,0,.35,1),opacity .2s cubic-bezier(.65,0,.35,1),-webkit-transform .2s cubic-bezier(.65,0,.35,1);z-index:7}.micromag-screen-urbania-article-urbania-base-article-card-container .micromag-screen-urbania-article-urbania-base-article-card-closeIcon{display:block;height:1.5em;-webkit-transform:translateZ(0);transform:translateZ(0);width:1.5em}.micromag-screen-urbania-article-urbania-base-article-card-container .micromag-screen-urbania-article-urbania-base-article-card-articlePreview{background-color:#fff;border-top-left-radius:15px;border-top-right-radius:15px;opacity:1;position:relative;text-align:center;-webkit-transition:opacity .2s cubic-bezier(.65,0,.35,1),background-color .2s cubic-bezier(.65,0,.35,1);transition:opacity .2s cubic-bezier(.65,0,.35,1),background-color .2s cubic-bezier(.65,0,.35,1);width:100%;z-index:5}.micromag-screen-urbania-article-urbania-base-article-card-container .micromag-screen-urbania-article-urbania-base-article-card-articlePreviewInner{display:-ms-flexbox;display:flex;-ms-flex-direction:column;flex-direction:column;-ms-flex-align:center;align-items:center;-ms-flex-pack:start;justify-content:flex-start;padding:20px 10px;width:100%}.micromag-screen-urbania-article-urbania-base-article-card-container .micromag-screen-urbania-article-urbania-base-article-card-articleTitle{color:#000;font-family:Garage Gothic,sans-serif;font-size:24px;margin-bottom:.75rem;text-transform:uppercase}.micromag-screen-urbania-article-urbania-base-article-card-container .micromag-screen-urbania-article-urbania-base-article-card-spinnerContainer{left:50%;pointer-events:none;position:absolute;top:20px;-webkit-transform:translateX(-50%);-ms-transform:translateX(-50%);transform:translateX(-50%);z-index:8}.micromag-screen-urbania-article-urbania-base-article-card-container .micromag-screen-urbania-article-urbania-base-article-card-spinner{color:#000}.micromag-screen-urbania-article-urbania-base-article-card-container .micromag-screen-urbania-article-urbania-base-article-card-iframe{border-top-left-radius:15px;border-top-right-radius:15px;left:50%;opacity:0;position:absolute;top:0;-webkit-transform:translateX(-50%);-ms-transform:translateX(-50%);transform:translateX(-50%);-webkit-transition:border-radius .2s cubic-bezier(.5,0,.75,0),opacity .2s cubic-bezier(.5,0,.75,0);transition:border-radius .2s cubic-bezier(.5,0,.75,0),opacity .2s cubic-bezier(.5,0,.75,0);z-index:4}.micromag-screen-urbania-article-urbania-base-article-card-container .micromag-screen-urbania-article-urbania-base-article-card-empty{border-top-left-radius:2em;border-top-right-radius:2em;height:45%;margin:0;top:55%}.micromag-screen-urbania-article-urbania-base-article-card-container .micromag-screen-urbania-article-urbania-base-article-card-header{left:0;position:absolute;top:0;width:100%;z-index:4}.micromag-screen-urbania-article-urbania-base-article-card-container .micromag-screen-urbania-article-urbania-base-article-card-iframeBlocker{bottom:0;display:none;height:100%;left:0;position:absolute;top:0;width:100%}.micromag-screen-urbania-article-urbania-base-article-card-container .micromag-screen-urbania-article-urbania-base-article-card-iframeBlocker.micromag-screen-urbania-article-urbania-base-article-card-active{display:block}.micromag-screen-urbania-article-urbania-base-article-card-container .micromag-screen-urbania-article-urbania-base-article-card-placeholder{background-color:#6c6c6c;height:50px;width:50px}.micromag-screen-urbania-article-urbania-base-article-card-container.micromag-screen-urbania-article-urbania-base-article-card-articleOpened .micromag-screen-urbania-article-urbania-base-article-card-cardInner{border-top-left-radius:0;border-top-right-radius:0;width:100%}.micromag-screen-urbania-article-urbania-base-article-card-container.micromag-screen-urbania-article-urbania-base-article-card-articleOpened .micromag-screen-urbania-article-urbania-base-article-card-callToAction{opacity:0}.micromag-screen-urbania-article-urbania-base-article-card-container.micromag-screen-urbania-article-urbania-base-article-card-articleOpened .micromag-screen-urbania-article-urbania-base-article-card-articlePreview{opacity:0;pointer-events:none}.micromag-screen-urbania-article-urbania-base-article-card-container.micromag-screen-urbania-article-urbania-base-article-card-articleOpened .micromag-screen-urbania-article-urbania-base-article-card-iframe{border-top-left-radius:0;border-top-right-radius:0;opacity:1}.micromag-screen-urbania-article-urbania-base-article-card-container.micromag-screen-urbania-article-urbania-base-article-card-articleOpened .micromag-screen-urbania-article-urbania-base-article-card-dragHandle{height:100px}.micromag-screen-urbania-article-urbania-base-article-card-container.micromag-screen-urbania-article-urbania-base-article-card-articleOpened .micromag-screen-urbania-article-urbania-base-article-card-close{opacity:1;pointer-events:all;-webkit-transform:scale(1);-ms-transform:scale(1);transform:scale(1)}@-webkit-keyframes micromag-screen-urbania-article-urbania-base-article-card-pulse{0%{-webkit-transform:translate(-50%);transform:translate(-50%)}50%{-webkit-transform:translate(-50%,2%);transform:translate(-50%,2%)}to{-webkit-transform:translate(-50%);transform:translate(-50%)}}@keyframes micromag-screen-urbania-article-urbania-base-article-card-pulse{0%{-webkit-transform:translate(-50%);transform:translate(-50%)}50%{-webkit-transform:translate(-50%,2%);transform:translate(-50%,2%)}to{-webkit-transform:translate(-50%);transform:translate(-50%)}}

package/es/index.js

@@ -521,10 +521,10 @@ var UrbaniaLoader = function UrbaniaLoader(_ref) {
       getJSON("https://api.urbania.ca/documents?uri=".concat(finalUrl), {
         mode: 'cors'
       }).then(function (art) {
-        console.log('art loaded', art);
+        // console.log('art loaded', art);
         setArticle(art || null);
       })["catch"](function (e) {
-        console.log('art error', e);
+        // console.log('art error', e);
         setArticle(null);
       });
     }
@@ -903,7 +903,7 @@ var UrbaniaArticleCard = function UrbaniaArticleCard(_ref) {
     spacing = _ref.spacing,
     className = _ref.className;
   var intl = useIntl();
-  var finalBackground = background !== null ? background : {
+  var finalBackground = background !== null && (typeof background.color !== 'undefined' && background.color !== null || typeof background.image !== 'undefined' && background.image !== null || typeof background.video !== 'undefined' && background.video !== null) ? background : {
     image: image
   };
   var _ref2 = finalBackground || {},
@@ -966,7 +966,7 @@ var UrbaniaArticleCard = function UrbaniaArticleCard(_ref) {
   // card animations
   var withCardAnimation = !isPlaceholder && !isPreview && !isStatic;
   var slideInDelay = withCardAnimation && isBackgroundVideo && backgroundPlaying;
-  var withCardBounce = withCardAnimation && current && !webviewOpened;
+  var withCardBounce = withCardAnimation && current;
   useEffect(function () {
     if (!current) {
       return function () {};
@@ -989,9 +989,11 @@ var UrbaniaArticleCard = function UrbaniaArticleCard(_ref) {
     var newOpened = !webviewOpened;
     if (newOpened) {
       openWebView(finalUrl);
+      console.log('web open');
       disableInteraction();
     } else {
       enableInteraction();
+      console.log('web not open');
     }
   }, [webviewOpened, disableInteraction, enableInteraction, openWebView, finalUrl]);
   var bindGesture = useGesture({
@@ -1049,10 +1051,12 @@ var UrbaniaArticleCard = function UrbaniaArticleCard(_ref) {
     }
   });
   useEffect(function () {
-    if (!current && closeWebView !== null) {
+    if (!current && webviewOpened && closeWebView !== null) {
+      console.log('web close');
       closeWebView();
+      enableInteraction();
     }
-  }, [current, closeWebView]);
+  }, [current, webviewOpened, closeWebView, enableInteraction]);
   var onPlayError = useCallback(function () {
     if (isView && playing && current && isBackgroundVideo) {
       setPlaying(false);

package/package.json

@@ -1,6 +1,6 @@
 {
     "name": "@micromag/screen-urbania-article",
-    "version": "0.3.745",
+    "version": "0.3.747",
     "private": false,
     "description": "",
     "keywords": [
@@ -90,5 +90,5 @@
         "access": "public",
         "registry": "https://registry.npmjs.org/"
     },
-    "gitHead": "6b12b65d4e32b0e3ab33586373176589a6d7d27e"
+    "gitHead": "9d3cf72aac15cf2f50d24b6d315aa7eec4e724de"
 }