.photomark{align-items:center;display:flex;flex-flow:column}.photomark__view{position:relative}.photomark__content{background:#fff;padding:20px}.photomark__mark{position:absolute}.photomark__link--text{background:#02aef0;border-radius:3px;padding:5px 10px}.photomark__link--point{background:#02aef0;border-radius:50%;box-shadow:2px 2px 2px -1px rgba(0,0,0,.7);color:transparent;display:block;height:25px;transform:translate(-50%,-50%);width:25px}.photomark__link--point:before{background:#fff;border-radius:50%;content:"";display:block;height:11px;margin:7px;position:absolute;width:11px}.photomark__link--point:hover{background:#fff;cursor:pointer}.photomark__link--point:hover:before{background:#02aef0}.photomark__popup{min-width:290px;position:fixed;visibility:hidden}.photomark__mobile-container{box-shadow:0 0 2px 1px hsla(0,0%,78%,.8);margin-top:-20px;overflow:hidden}.photomark__mobile-wrap{margin:0 20px 20px;position:relative;z-index:2}@media (min-width:61em){.photomark__popup{background:#fff;box-shadow:0 0 5px 0 rgba(0,0,0,.7);left:calc(100% + 20px);position:absolute;top:-30px;transform:scale(0);visibility:visible}.photomark__popup--left{left:auto;right:calc(100% + 20px)}.photomark__mobile-container{display:none}.photomark__popup.is-open{transform:scale(1);transition:transform .2s;z-index:2}.photomark__popup.is-close{transform:scale(0);transition:transform .2s}}