.shpln-quiz-wrapper{position:fixed;top:0;bottom:0;left:0;right:0;display:flex;width:100vw;height:100vh;pointer-events:none}.shpln-quiz-wrapper[presentation-style=popup]{display:flex;flex-direction:column;justify-content:center;align-items:center}.shpln-quiz-wrapper[visible]{pointer-events:auto;opacity:1}.shpln-quiz-wrapper .backdrop,.backdrop:empty{display:block;position:absolute;top:0;right:0;bottom:0;left:0;background:#00000080;opacity:0;transition:opacity .5s ease}.shpln-quiz-wrapper[visible] .backdrop{opacity:1}.shpln-quiz-float-button-wrapper{position:fixed;width:72px;pointer-events:none}.shpln-quiz-float-button-wrapper{position:fixed}.shpln-quiz-float-button-wrapper[position-mobile=bottom_left],.shpln-quiz-float-button-wrapper[position-mobile=bottom_right]{bottom:var(--shpln-quiz__float-btn-offset)}.shpln-quiz-float-button-wrapper[position-mobile=bottom_left]{left:var(--shpln-quiz__float-btn-offset)}.shpln-quiz-float-button-wrapper[position-mobile=bottom_right]{right:var(--shpln-quiz__float-btn-offset)}.shpln-quiz-float-button-wrapper[position-mobile=middle_right]{top:0;right:var(--shpln-quiz__float-btn-offset);height:100vh;display:flex;flex-direction:column;align-items:center;justify-content:center}@media screen and (min-width: 640px){.shpln-quiz-float-button-wrapper[position-desktop]{top:auto;left:auto;right:auto;bottom:auto;height:auto;display:block}.shpln-quiz-float-button-wrapper[position-desktop=bottom_left],.shpln-quiz-float-button-wrapper[position-desktop=bottom_right]{bottom:var(--shpln-quiz__float-btn-offset)}.shpln-quiz-float-button-wrapper[position-desktop=bottom_left]{left:var(--shpln-quiz__float-btn-offset)}.shpln-quiz-float-button-wrapper[position-desktop=bottom_right]{right:var(--shpln-quiz__float-btn-offset)}.shpln-quiz-float-button-wrapper[position-desktop=middle_right]{top:0;right:var(--shpln-quiz__float-btn-offset);height:100vh;display:flex;flex-direction:column;align-items:center;justify-content:center}}.shpln-quiz-float-button-wrapper button{position:relative;width:100%;border-radius:50%;padding:12px;overflow:hidden;background-color:var(--shpln-quiz__float-btn-bg-color);color:var(--shpln-quiz__float-btn-fg-color);aspect-ratio:1;box-shadow:0 2px 4px #0000008c;border:none;cursor:pointer;display:flex;flex-direction:column;align-items:center;justify-content:center;font-size:40px;font-family:monospace;pointer-events:auto}.shpln-quiz-float-button-wrapper button:hover{position:relative;width:100%;border-radius:50%;padding:12px;overflow:hidden;background-color:var(--shpln-quiz__float-btn-bg-color);color:var(--shpln-quiz__float-btn-fg-color);aspect-ratio:1;box-shadow:0 2px 4px #0000008c;border:none;cursor:pointer;display:flex;flex-direction:column;align-items:center;justify-content:center;font-size:40px;font-family:monospace}.shpln-quiz__drawer{display:flex;flex-direction:column;transition-property:transform;transition-duration:.2s;transition-delay:.1s;box-shadow:0 0 20px #00000040}.shpln-quiz-wrapper[presentation-style=popup] .shpln-quiz__drawer{width:100vw;height:100vh;transform:translateY(100vh)}.shpln-quiz-wrapper[presentation-style=drawer] .shpln-quiz__drawer{position:fixed;height:100%}.shpln-quiz-wrapper[presentation-style=drawer] .shpln-quiz__drawer[direction=right]{top:0;right:0;width:95vw;transform:translate(95vw)}.shpln-quiz-wrapper[presentation-style=drawer] .shpln-quiz__drawer[direction=left]{top:0;left:0;width:95vw;transform:translate(-95vw)}.shpln-quiz-wrapper[presentation-style=drawer] .shpln-quiz__drawer[direction=top]{top:0;left:0;right:0;width:100vw;height:95vh;transform:translateY(-95vh)}.shpln-quiz-wrapper[presentation-style=drawer] .shpln-quiz__drawer[direction=bottom]{left:0;right:0;bottom:0;width:100vw;height:95vh;transform:translateY(95vh)}@media screen and (min-width: 640px){.shpln-quiz-wrapper[presentation-style=popup] .shpln-quiz__drawer{aspect-ratio:9 / 16;height:85vh;width:unset;border-radius:24px;overflow:hidden}.shpln-quiz-wrapper[presentation-style=drawer] .shpln-quiz__drawer[direction=left],.shpln-quiz-wrapper[presentation-style=drawer] .shpln-quiz__drawer[direction=right]{width:calc(350px + 10vw)}.shpln-quiz-wrapper[presentation-style=drawer] .shpln-quiz__drawer[direction=top],.shpln-quiz-wrapper[presentation-style=drawer] .shpln-quiz__drawer[direction=bottom]{height:75vh}.shpln-quiz-wrapper[presentation-style=drawer] .shpln-quiz__drawer[direction=left]{transform:translate(-calc(350px + 10vw))}.shpln-quiz-wrapper[presentation-style=drawer] .shpln-quiz__drawer[direction=right]{transform:translate(calc(350px + 10vw))}}.shpln-quiz-wrapper[visible] .shpln-quiz__drawer[direction]{transform:translate(0)}.shpln-quiz__drawer[closed]{transition:transform .1s ease-out,visibility 0s .1s;transform:translate(100%);visibility:hidden}.shpln-quiz__drawer[presentation-style=popup][closed]{transform:translateY(100vh)}.shpln-quiz__drawer[presentation-style=drawer][closed]{transform:translate(100vw)}.shpln-quiz__drawer-content{flex:1 1 0%;display:flex;flex-direction:row;overflow:hidden}.shpln-quiz__drawer-content>*{flex-shrink:0;width:100%;height:100%;display:flex;flex-direction:column;justify-content:center;background-color:#fff}.shpln-quiz__drawer__margin-anchor{margin-left:0;width:0;flex-shrink:1;transition:margin-left .3s ease-in-out}.shpln-quiz-wrapper[quiz-status=started] .shpln-quiz__drawer__margin-anchor{margin-left:-100%}.shpln-quiz-wrapper[trigger-style=inline_intro] .shpln-quiz__drawer__margin-anchor,.shpln-quiz-wrapper[trigger-style=custom_element] .shpln-quiz__drawer__margin-anchor{display:none}.shpln-quiz-wrapper header{background-color:#fff;display:flex;justify-content:flex-end}.shpln-quiz-wrapper header button{all:initial;padding:12px;font-size:18px;outline:none;border:none;background:transparent}.shpln-quiz-wrapper header button .content{color:var(--shpln-quiz__secondary-color);background-color:var(--shpln-quiz__accent-color);box-shadow:0 0 0 4px var(--shpln-quiz__accent-color-50);border-radius:50%;box-sizing:initial;padding:12px;aspect-ratio:1;width:24px;display:flex;justify-content:center;line-height:1.5}.shpln-quiz-wrapper header button:hover{color:#000;animation:none;cursor:pointer}.shpln-quiz__intro-wrapper{width:100%;display:flex;justify-content:center;align-items:center}.shpln-quiz__intro-wrapper[status=loading]{height:var(--shpln-quiz__intro-wrapper-height)}.shpln-quiz__intro-wrapper[status=loading] shpln-quiz-intro{display:none}.shpln-quiz__loading-container{display:flex;justify-content:center;align-items:center}.shpln-quiz__loading-dots{display:flex}.shpln-quiz__dot{width:20px;height:20px;background-color:#333;border-radius:50%;margin:0 5px;animation:bounce 1.4s infinite ease-in-out}.shpln-quiz__dot:nth-child(1){animation-delay:-.32s}.shpln-quiz__dot:nth-child(2){animation-delay:-.16s}@keyframes bounce{0%,80%,to{transform:scale(0)}40%{transform:scale(1)}}
/*# sourceMappingURL=/cdn/shop/t/1/assets/shpln-quiz__style.css.map */