Skip to content

Instantly share code, notes, and snippets.

@Laurian
Created April 17, 2018 08:50
Show Gist options
  • Save Laurian/e39355a11448c60baa72278fa4878181 to your computer and use it in GitHub Desktop.
Save Laurian/e39355a11448c60baa72278fa4878181 to your computer and use it in GitHub Desktop.
story.interviewjs.io CSS
@font-face{
font-family:icomoon;
src:url(/static/media/icomoon.5a607ab9.eot);
src:url(/static/media/icomoon.5a607ab9.eot#iefix) format("embedded-opentype"),url(/static/media/icomoon.cb4d6797.ttf) format("truetype"),url(/static/media/icomoon.ae37fc8e.woff) format("woff"),url(/static/media/icomoon.48533d8d.svg#icomoon) format("svg");
font-weight:400;
font-style:normal
}
[class*=" icon-"],[class^=icon-]{
font-family:icomoon!important;
speak:none;
font-style:normal;
font-weight:400;
font-variant:normal;
text-transform:none;
line-height:1;
-webkit-font-smoothing:antialiased;
-moz-osx-font-smoothing:grayscale
}
.icon-reorder:before{
content:"\E900"
}
.icon-enlarge:before{
content:"\EB46"
}
.icon-question:before{
content:"\ED55"
}
.icon-rearrange:before{
content:"\EE48"
}
.icon-plus:before{
content:"\ED5B"
}
.icon-info2:before{
content:"\ED64"
}
.icon-facebook:before{
content:"\EEEF"
}
.icon-github:before{
content:"\EF0F"
}
.icon-pen:before{
content:"\E927"
}
.icon-image:before{
content:"\E93C"
}
.icon-media:before{
content:"\E957"
}
.icon-envelop:before{
content:"\EA30"
}
.icon-map:before{
content:"\EA48"
}
.icon-bubbles:before{
content:"\EAC5"
}
.icon-remove-persona:before{
content:"\EAFA"
}
.icon-equalizer:before{
content:"\EB5B"
}
.icon-power:before{
content:"\EC4A"
}
.icon-vdots:before{
content:"\EC5C"
}
.icon-hdots:before{
content:"\EC6A"
}
.icon-link:before{
content:"\EC99"
}
.icon-smile:before{
content:"\ED04"
}
.icon-sad:before{
content:"\ED08"
}
.icon-wink:before{
content:"\ED0A"
}
.icon-angry:before{
content:"\ED10"
}
.icon-shocked:before{
content:"\ED14"
}
.icon-neutral:before{
content:"\ED1A"
}
.icon-wondering:before{
content:"\ED1E"
}
.icon-info:before{
content:"\ED63"
}
.icon-cross:before{
content:"\ED6D"
}
.icon-checkmark:before{
content:"\ED71"
}
.icon-arrow-up:before{
content:"\EDB9"
}
.icon-arrow-right:before{
content:"\EDBD"
}
.icon-arrow-down:before{
content:"\EDC1"
}
.icon-arrow-left:before{
content:"\EDC5"
}
.icon-sarrow-up:before{
content:"\EDC7"
}
.icon-sarrow-right:before{
content:"\EDC8"
}
.icon-sarrow-down:before{
content:"\EDC9"
}
.icon-sarrow-left:before{
content:"\EDCA"
}
.icon-text:before{
content:"\EE92"
}
.icon-embed:before{
content:"\EECD"
}
.icon-google:before{
content:"\EEE7"
}
.icon-twitter:before{
content:"\EEF5"
}
.tippy-touch{
cursor:pointer!important
}
.tippy-notransition{
-webkit-transition:none!important;
-o-transition:none!important;
transition:none!important
}
.tippy-popper{
max-width:200px;
-webkit-perspective:800px;
perspective:800px;
z-index:9999;
outline:0;
-webkit-transition-timing-function:cubic-bezier(.165,.84,.44,1);
-o-transition-timing-function:cubic-bezier(.165,.84,.44,1);
transition-timing-function:cubic-bezier(.165,.84,.44,1);
pointer-events:none
}
.tippy-popper.html-template{
max-width:96%;
max-width:calc(100% - 20px)
}
.tippy-popper[x-placement^=top] [x-arrow]{
border-top:7px solid #28336e;
border-right:7px solid transparent;
border-left:7px solid transparent;
bottom:-7px;
margin:0 9px
}
.tippy-popper[x-placement^=top] [x-arrow].arrow-small{
border-top:5px solid #28336e;
border-right:5px solid transparent;
border-left:5px solid transparent;
bottom:-5px
}
.tippy-popper[x-placement^=top] [x-arrow].arrow-big{
border-top:10px solid #28336e;
border-right:10px solid transparent;
border-left:10px solid transparent;
bottom:-10px
}
.tippy-popper[x-placement^=top] [x-circle]{
-webkit-transform-origin:0 33%;
-ms-transform-origin:0 33%;
transform-origin:0 33%
}
.tippy-popper[x-placement^=top] [x-circle].enter{
-webkit-transform:scale(1) translate(-50%,-55%);
-ms-transform:scale(1) translate(-50%,-55%);
transform:scale(1) translate(-50%,-55%);
opacity:1
}
.tippy-popper[x-placement^=top] [x-circle].leave{
-webkit-transform:scale(.15) translate(-50%,-50%);
-ms-transform:scale(.15) translate(-50%,-50%);
transform:scale(.15) translate(-50%,-50%);
opacity:0
}
.tippy-popper[x-placement^=top] .tippy-tooltip.light-theme [x-circle]{
background-color:#fff
}
.tippy-popper[x-placement^=top] .tippy-tooltip.light-theme [x-arrow]{
border-top:7px solid #fff;
border-right:7px solid transparent;
border-left:7px solid transparent
}
.tippy-popper[x-placement^=top] .tippy-tooltip.light-theme [x-arrow].arrow-small{
border-top:5px solid #fff;
border-right:5px solid transparent;
border-left:5px solid transparent
}
.tippy-popper[x-placement^=top] .tippy-tooltip.light-theme [x-arrow].arrow-big{
border-top:10px solid #fff;
border-right:10px solid transparent;
border-left:10px solid transparent
}
.tippy-popper[x-placement^=top] .tippy-tooltip.transparent-theme [x-circle]{
background-color:rgba(0,0,0,.7)
}
.tippy-popper[x-placement^=top] .tippy-tooltip.transparent-theme [x-arrow]{
border-top:7px solid rgba(0,0,0,.7);
border-right:7px solid transparent;
border-left:7px solid transparent
}
.tippy-popper[x-placement^=top] .tippy-tooltip.transparent-theme [x-arrow].arrow-small{
border-top:5px solid rgba(0,0,0,.7);
border-right:5px solid transparent;
border-left:5px solid transparent
}
.tippy-popper[x-placement^=top] .tippy-tooltip.transparent-theme [x-arrow].arrow-big{
border-top:10px solid rgba(0,0,0,.7);
border-right:10px solid transparent;
border-left:10px solid transparent
}
.tippy-popper[x-placement^=top] [data-animation=perspective]{
-webkit-transform-origin:bottom;
-ms-transform-origin:bottom;
transform-origin:bottom
}
.tippy-popper[x-placement^=top] [data-animation=perspective].enter{
opacity:1;
-webkit-transform:translateY(-10px) rotateX(0);
transform:translateY(-10px) rotateX(0)
}
.tippy-popper[x-placement^=top] [data-animation=perspective].leave{
opacity:0;
-webkit-transform:translateY(0) rotateX(90deg);
transform:translateY(0) rotateX(90deg)
}
.tippy-popper[x-placement^=top] [data-animation=fade].enter{
opacity:1;
-webkit-transform:translateY(-10px);
-ms-transform:translateY(-10px);
transform:translateY(-10px)
}
.tippy-popper[x-placement^=top] [data-animation=fade].leave{
opacity:0;
-webkit-transform:translateY(-10px);
-ms-transform:translateY(-10px);
transform:translateY(-10px)
}
.tippy-popper[x-placement^=top] [data-animation=shift].enter{
opacity:1;
-webkit-transform:translateY(-10px);
-ms-transform:translateY(-10px);
transform:translateY(-10px)
}
.tippy-popper[x-placement^=top] [data-animation=shift].leave{
opacity:0;
-webkit-transform:translateY(0);
-ms-transform:translateY(0);
transform:translateY(0)
}
.tippy-popper[x-placement^=top] [data-animation=scale].enter{
opacity:1;
-webkit-transform:translateY(-10px) scale(1);
-ms-transform:translateY(-10px) scale(1);
transform:translateY(-10px) scale(1)
}
.tippy-popper[x-placement^=top] [data-animation=scale].leave{
opacity:0;
-webkit-transform:translateY(0) scale(0);
-ms-transform:translateY(0) scale(0);
transform:translateY(0) scale(0)
}
.tippy-popper[x-placement^=bottom] [x-arrow]{
border-bottom:7px solid #28336e;
border-right:7px solid transparent;
border-left:7px solid transparent;
top:-7px;
margin:0 9px
}
.tippy-popper[x-placement^=bottom] [x-arrow].arrow-small{
border-bottom:5px solid #28336e;
border-right:5px solid transparent;
border-left:5px solid transparent;
top:-5px
}
.tippy-popper[x-placement^=bottom] [x-arrow].arrow-big{
border-bottom:10px solid #28336e;
border-right:10px solid transparent;
border-left:10px solid transparent;
top:-10px
}
.tippy-popper[x-placement^=bottom] [x-circle]{
-webkit-transform-origin:0 -50%;
-ms-transform-origin:0 -50%;
transform-origin:0 -50%
}
.tippy-popper[x-placement^=bottom] [x-circle].enter{
-webkit-transform:scale(1) translate(-50%,-45%);
-ms-transform:scale(1) translate(-50%,-45%);
transform:scale(1) translate(-50%,-45%);
opacity:1
}
.tippy-popper[x-placement^=bottom] [x-circle].leave{
-webkit-transform:scale(.15) translate(-50%,-5%);
-ms-transform:scale(.15) translate(-50%,-5%);
transform:scale(.15) translate(-50%,-5%);
opacity:0
}
.tippy-popper[x-placement^=bottom] .tippy-tooltip.light-theme [x-circle]{
background-color:#fff
}
.tippy-popper[x-placement^=bottom] .tippy-tooltip.light-theme [x-arrow]{
border-bottom:7px solid #fff;
border-right:7px solid transparent;
border-left:7px solid transparent
}
.tippy-popper[x-placement^=bottom] .tippy-tooltip.light-theme [x-arrow].arrow-small{
border-bottom:5px solid #fff;
border-right:5px solid transparent;
border-left:5px solid transparent
}
.tippy-popper[x-placement^=bottom] .tippy-tooltip.light-theme [x-arrow].arrow-big{
border-bottom:10px solid #fff;
border-right:10px solid transparent;
border-left:10px solid transparent
}
.tippy-popper[x-placement^=bottom] .tippy-tooltip.transparent-theme [x-circle]{
background-color:rgba(0,0,0,.7)
}
.tippy-popper[x-placement^=bottom] .tippy-tooltip.transparent-theme [x-arrow]{
border-bottom:7px solid rgba(0,0,0,.7);
border-right:7px solid transparent;
border-left:7px solid transparent
}
.tippy-popper[x-placement^=bottom] .tippy-tooltip.transparent-theme [x-arrow].arrow-small{
border-bottom:5px solid rgba(0,0,0,.7);
border-right:5px solid transparent;
border-left:5px solid transparent
}
.tippy-popper[x-placement^=bottom] .tippy-tooltip.transparent-theme [x-arrow].arrow-big{
border-bottom:10px solid rgba(0,0,0,.7);
border-right:10px solid transparent;
border-left:10px solid transparent
}
.tippy-popper[x-placement^=bottom] [data-animation=perspective]{
-webkit-transform-origin:top;
-ms-transform-origin:top;
transform-origin:top
}
.tippy-popper[x-placement^=bottom] [data-animation=perspective].enter{
opacity:1;
-webkit-transform:translateY(10px) rotateX(0);
transform:translateY(10px) rotateX(0)
}
.tippy-popper[x-placement^=bottom] [data-animation=perspective].leave{
opacity:0;
-webkit-transform:translateY(0) rotateX(-90deg);
transform:translateY(0) rotateX(-90deg)
}
.tippy-popper[x-placement^=bottom] [data-animation=fade].enter{
opacity:1;
-webkit-transform:translateY(10px);
-ms-transform:translateY(10px);
transform:translateY(10px)
}
.tippy-popper[x-placement^=bottom] [data-animation=fade].leave{
opacity:0;
-webkit-transform:translateY(10px);
-ms-transform:translateY(10px);
transform:translateY(10px)
}
.tippy-popper[x-placement^=bottom] [data-animation=shift].enter{
opacity:1;
-webkit-transform:translateY(10px);
-ms-transform:translateY(10px);
transform:translateY(10px)
}
.tippy-popper[x-placement^=bottom] [data-animation=shift].leave{
opacity:0;
-webkit-transform:translateY(0);
-ms-transform:translateY(0);
transform:translateY(0)
}
.tippy-popper[x-placement^=bottom] [data-animation=scale].enter{
opacity:1;
-webkit-transform:translateY(10px) scale(1);
-ms-transform:translateY(10px) scale(1);
transform:translateY(10px) scale(1)
}
.tippy-popper[x-placement^=bottom] [data-animation=scale].leave{
opacity:0;
-webkit-transform:translateY(0) scale(0);
-ms-transform:translateY(0) scale(0);
transform:translateY(0) scale(0)
}
.tippy-popper[x-placement^=left] [x-arrow]{
border-left:7px solid #28336e;
border-top:7px solid transparent;
border-bottom:7px solid transparent;
right:-7px;
margin:0
}
.tippy-popper[x-placement^=left] [x-arrow].arrow-small{
border-left:5px solid #28336e;
border-top:5px solid transparent;
border-bottom:5px solid transparent;
right:-5px
}
.tippy-popper[x-placement^=left] [x-arrow].arrow-big{
border-left:10px solid #28336e;
border-top:10px solid transparent;
border-bottom:10px solid transparent;
right:-10px
}
.tippy-popper[x-placement^=left] [x-circle]{
-webkit-transform-origin:50% 0;
-ms-transform-origin:50% 0;
transform-origin:50% 0
}
.tippy-popper[x-placement^=left] [x-circle].enter{
-webkit-transform:scale(1) translate(-50%,-50%);
-ms-transform:scale(1) translate(-50%,-50%);
transform:scale(1) translate(-50%,-50%);
opacity:1
}
.tippy-popper[x-placement^=left] [x-circle].leave{
-webkit-transform:scale(.15) translate(-50%,-50%);
-ms-transform:scale(.15) translate(-50%,-50%);
transform:scale(.15) translate(-50%,-50%);
opacity:0
}
.tippy-popper[x-placement^=left] .tippy-tooltip.light-theme [x-circle]{
background-color:#fff
}
.tippy-popper[x-placement^=left] .tippy-tooltip.light-theme [x-arrow]{
border-left:7px solid #fff;
border-top:7px solid transparent;
border-bottom:7px solid transparent
}
.tippy-popper[x-placement^=left] .tippy-tooltip.light-theme [x-arrow].arrow-small{
border-left:5px solid #fff;
border-top:5px solid transparent;
border-bottom:5px solid transparent
}
.tippy-popper[x-placement^=left] .tippy-tooltip.light-theme [x-arrow].arrow-big{
border-left:10px solid #fff;
border-top:10px solid transparent;
border-bottom:10px solid transparent
}
.tippy-popper[x-placement^=left] .tippy-tooltip.transparent-theme [x-circle]{
background-color:rgba(0,0,0,.7)
}
.tippy-popper[x-placement^=left] .tippy-tooltip.transparent-theme [x-arrow]{
border-left:7px solid rgba(0,0,0,.7);
border-top:7px solid transparent;
border-bottom:7px solid transparent
}
.tippy-popper[x-placement^=left] .tippy-tooltip.transparent-theme [x-arrow].arrow-small{
border-left:5px solid rgba(0,0,0,.7);
border-top:5px solid transparent;
border-bottom:5px solid transparent
}
.tippy-popper[x-placement^=left] .tippy-tooltip.transparent-theme [x-arrow].arrow-big{
border-left:10px solid rgba(0,0,0,.7);
border-top:10px solid transparent;
border-bottom:10px solid transparent
}
.tippy-popper[x-placement^=left] [data-animation=perspective]{
-webkit-transform-origin:right;
-ms-transform-origin:right;
transform-origin:right
}
.tippy-popper[x-placement^=left] [data-animation=perspective].enter{
opacity:1;
-webkit-transform:translateX(-10px) rotateY(0);
transform:translateX(-10px) rotateY(0)
}
.tippy-popper[x-placement^=left] [data-animation=perspective].leave{
opacity:0;
-webkit-transform:translateX(0) rotateY(-90deg);
transform:translateX(0) rotateY(-90deg)
}
.tippy-popper[x-placement^=left] [data-animation=fade].enter{
opacity:1;
-webkit-transform:translateX(-10px);
-ms-transform:translateX(-10px);
transform:translateX(-10px)
}
.tippy-popper[x-placement^=left] [data-animation=fade].leave{
opacity:0;
-webkit-transform:translateX(-10px);
-ms-transform:translateX(-10px);
transform:translateX(-10px)
}
.tippy-popper[x-placement^=left] [data-animation=shift].enter{
opacity:1;
-webkit-transform:translateX(-10px);
-ms-transform:translateX(-10px);
transform:translateX(-10px)
}
.tippy-popper[x-placement^=left] [data-animation=shift].leave{
opacity:0;
-webkit-transform:translateX(0);
-ms-transform:translateX(0);
transform:translateX(0)
}
.tippy-popper[x-placement^=left] [data-animation=scale].enter{
opacity:1;
-webkit-transform:translateX(-10px) scale(1);
-ms-transform:translateX(-10px) scale(1);
transform:translateX(-10px) scale(1)
}
.tippy-popper[x-placement^=left] [data-animation=scale].leave{
opacity:0;
-webkit-transform:translateX(0) scale(0);
-ms-transform:translateX(0) scale(0);
transform:translateX(0) scale(0)
}
.tippy-popper[x-placement^=right] [x-arrow]{
border-right:7px solid #28336e;
border-top:7px solid transparent;
border-bottom:7px solid transparent;
left:-7px;
margin:0
}
.tippy-popper[x-placement^=right] [x-arrow].arrow-small{
border-right:5px solid #28336e;
border-top:5px solid transparent;
border-bottom:5px solid transparent;
left:-5px
}
.tippy-popper[x-placement^=right] [x-arrow].arrow-big{
border-right:10px solid #28336e;
border-top:10px solid transparent;
border-bottom:10px solid transparent;
left:-10px
}
.tippy-popper[x-placement^=right] [x-circle]{
-webkit-transform-origin:-50% 0;
-ms-transform-origin:-50% 0;
transform-origin:-50% 0
}
.tippy-popper[x-placement^=right] [x-circle].enter{
-webkit-transform:scale(1) translate(-50%,-50%);
-ms-transform:scale(1) translate(-50%,-50%);
transform:scale(1) translate(-50%,-50%);
opacity:1
}
.tippy-popper[x-placement^=right] [x-circle].leave{
-webkit-transform:scale(.15) translate(-50%,-50%);
-ms-transform:scale(.15) translate(-50%,-50%);
transform:scale(.15) translate(-50%,-50%);
opacity:0
}
.tippy-popper[x-placement^=right] .tippy-tooltip.light-theme [x-circle]{
background-color:#fff
}
.tippy-popper[x-placement^=right] .tippy-tooltip.light-theme [x-arrow]{
border-right:7px solid #fff;
border-top:7px solid transparent;
border-bottom:7px solid transparent
}
.tippy-popper[x-placement^=right] .tippy-tooltip.light-theme [x-arrow].arrow-small{
border-right:5px solid #fff;
border-top:5px solid transparent;
border-bottom:5px solid transparent
}
.tippy-popper[x-placement^=right] .tippy-tooltip.light-theme [x-arrow].arrow-big{
border-right:10px solid #fff;
border-top:10px solid transparent;
border-bottom:10px solid transparent
}
.tippy-popper[x-placement^=right] .tippy-tooltip.transparent-theme [x-circle]{
background-color:rgba(0,0,0,.7)
}
.tippy-popper[x-placement^=right] .tippy-tooltip.transparent-theme [x-arrow]{
border-right:7px solid rgba(0,0,0,.7);
border-top:7px solid transparent;
border-bottom:7px solid transparent
}
.tippy-popper[x-placement^=right] .tippy-tooltip.transparent-theme [x-arrow].arrow-small{
border-right:5px solid rgba(0,0,0,.7);
border-top:5px solid transparent;
border-bottom:5px solid transparent
}
.tippy-popper[x-placement^=right] .tippy-tooltip.transparent-theme [x-arrow].arrow-big{
border-right:10px solid rgba(0,0,0,.7);
border-top:10px solid transparent;
border-bottom:10px solid transparent
}
.tippy-popper[x-placement^=right] [data-animation=perspective]{
-webkit-transform-origin:left;
-ms-transform-origin:left;
transform-origin:left
}
.tippy-popper[x-placement^=right] [data-animation=perspective].enter{
opacity:1;
-webkit-transform:translateX(10px) rotateY(0);
transform:translateX(10px) rotateY(0)
}
.tippy-popper[x-placement^=right] [data-animation=perspective].leave{
opacity:0;
-webkit-transform:translateX(0) rotateY(90deg);
transform:translateX(0) rotateY(90deg)
}
.tippy-popper[x-placement^=right] [data-animation=fade].enter{
opacity:1;
-webkit-transform:translateX(10px);
-ms-transform:translateX(10px);
transform:translateX(10px)
}
.tippy-popper[x-placement^=right] [data-animation=fade].leave{
opacity:0;
-webkit-transform:translateX(10px);
-ms-transform:translateX(10px);
transform:translateX(10px)
}
.tippy-popper[x-placement^=right] [data-animation=shift].enter{
opacity:1;
-webkit-transform:translateX(10px);
-ms-transform:translateX(10px);
transform:translateX(10px)
}
.tippy-popper[x-placement^=right] [data-animation=shift].leave{
opacity:0;
-webkit-transform:translateX(0);
-ms-transform:translateX(0);
transform:translateX(0)
}
.tippy-popper[x-placement^=right] [data-animation=scale].enter{
opacity:1;
-webkit-transform:translateX(10px) scale(1);
-ms-transform:translateX(10px) scale(1);
transform:translateX(10px) scale(1)
}
.tippy-popper[x-placement^=right] [data-animation=scale].leave{
opacity:0;
-webkit-transform:translateX(0) scale(0);
-ms-transform:translateX(0) scale(0);
transform:translateX(0) scale(0)
}
.tippy-popper .tippy-tooltip.transparent-theme{
background-color:rgba(0,0,0,.7)
}
.tippy-popper .tippy-tooltip.transparent-theme[data-animatefill]{
background-color:transparent
}
.tippy-popper .tippy-tooltip.light-theme{
color:#26323d;
-webkit-box-shadow:0 2px 10px 0 rgba(0,0,0,.07),0 -2px 10px 0 rgba(0,0,0,.07);
box-shadow:0 2px 10px 0 rgba(0,0,0,.07),0 -2px 10px 0 rgba(0,0,0,.07);
background-color:#fff
}
.tippy-popper .tippy-tooltip.light-theme[data-animatefill]{
background-color:transparent
}
.tippy-tooltip{
-moz-osx-font-smoothing:grayscale;
-webkit-font-smoothing:antialiased;
background-color:#28336e;
border-radius:4px;
color:#fff;
font-family:PT Serif,serif;
font-size:.8rem;
line-height:1.2em;
padding:.5rem;
position:relative;
text-align:center;
will-change:transform
}
.tippy-tooltip--small{
padding:.25rem .5rem;
font-size:.8rem
}
.tippy-tooltip--big{
padding:.6rem 1.2rem;
font-size:1.2rem
}
.tippy-tooltip[data-animatefill]{
overflow:hidden;
background-color:transparent
}
.tippy-tooltip[data-interactive]{
pointer-events:auto
}
.tippy-tooltip[data-inertia]{
-webkit-transition-timing-function:cubic-bezier(.53,2,.36,.85);
-o-transition-timing-function:cubic-bezier(.53,2,.36,.85);
transition-timing-function:cubic-bezier(.53,2,.36,.85)
}
.tippy-tooltip [x-arrow]{
position:absolute;
width:0;
height:0
}
.tippy-tooltip [x-circle]{
position:absolute;
will-change:transform;
background-color:#28336e;
border-radius:50%;
width:130%;
width:calc(110% + 2rem);
left:50%;
top:50%;
z-index:-1;
overflow:hidden;
-webkit-transition:all ease;
-o-transition:all ease;
transition:all ease
}
.tippy-tooltip [x-circle]:before{
content:"";
padding-top:90%;
float:left
}
@media (max-width:450px){
.tippy-popper{
max-width:96%;
max-width:calc(100% - 20px)
}
}
.ReactModal__Overlay{
background:hsla(0,0%,86%,.75);
bottom:0;
height:100%;
left:0;
overflow-y:auto;
overflow-y:scroll;
-webkit-overflow-scrolling:touch;
position:fixed;
right:0;
top:0;
width:100%;
z-index:150
}
.ReactModal__HeroOverlay{
background:#28336e
}
.ReactModal__Content{
background:none;
border:none;
outline:none
}
.ReactModal__Content:focus{
outline:none
}
/*# sourceMappingURL=main.e43823b6.css.map*/
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment