.img-tape{position:relative;margin-top:10%;pointer-events:none;&:after,&:before{background:rgba(255,255,235,.3);box-shadow:0 2px 3px rgba(0,0,0,.2);content:"";display:block;height:30px;position:absolute;width:100px}img{background:#fff;border:1px solid #ddd;box-shadow:0 1px 3px rgba(0,0,0,.4);height:auto;padding:8px;vertical-align:top}}.img-tape--1{&:before{width:220px;height:40px}&:after{display:none}}.img-tape--1--alt{position:absolute;&:before{width:150px;height:50px}&:after{display:none}}.img-tape--2{&:before{right:80%;top:5%;transform:rotate(-45deg)}&:after{left:80%;top:0;transform:rotate(45deg)}}.img-tape--2-alt{&:before{right:90%;transform:rotate(-45deg)}&:after{left:90%;transform:rotate(45deg)}}.img-tape--2-altV2{&:before{right:90%;transform:rotate(25deg)}&:after{left:90%;transform:rotate(-50deg)}}.img-tape--3{&:before{left:-8%;top:0}&:after,&:before{z-index:1;transform:rotate(-45deg)}&:after{right:-8%;bottom:0}}.img-tape--4{&:before{width:60px;height:20px;top:-10px;right:35%}&:after{display:none}}.box-1{box-shadow:4px 4px 0 0 rgba(229,203,186,.8);background-color:#f6eee3;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='4' height='4' viewBox='0 0 4 4'%3E%3Cpath fill='%239C92AC' fill-opacity='0.71' d='M1 3h1v1H1V3zm2-2h1v1H3V1z'%3E%3C/path%3E%3C/svg%3E");position:relative}.pin{background-color:#aaa;height:32px;width:2px;position:absolute;left:50%;z-index:1}.pin:after{background-color:#a31;background-image:radial-gradient(25% 25%,circle,hsla(0,0%,100%,.3),hsla(0,0%,0%,.3));border-radius:50%;box-shadow:inset 0 0 0 1px hsla(0,0%,0%,.1),inset 3px 3px 3px hsla(0,0%,100%,.2),inset -3px -3px 3px hsla(0,0%,0%,.2),23px 20px 3px hsla(0,0%,0%,.15);height:12px;left:-5px;top:-10px;width:12px}.pin:after,.pin:before{content:"";position:absolute}.pin:before{background-color:hsla(0,0%,0%,.1);box-shadow:0 0 .25em hsla(0,0%,0%,.1);height:24px;width:2px;left:0;top:8px;transform:rotate(57.5deg);-moz-transform:rotate(57.5deg);-webkit-transform:rotate(57.5deg);-o-transform:rotate(57.5deg);-ms-transform:rotate(57.5deg);transform-origin:50% 100%;-moz-transform-origin:50% 100%;-webkit-transform-origin:50% 100%;-ms-transform-origin:50% 100%;-o-transform-origin:50% 100%}.blokken{position:relative;box-shadow:0 .5rem 1rem rgba(0,0,0,.3);font-size:1rem;background-image:linear-gradient(180deg,#f6eee3 calc(1em - 1px),#ccc calc(1em - 1px),#ccc 1em,#f6eee3 0);background-position:0 1em;background-size:100% 1em;background-repeat:repeat-y}