drag-to-reveal{display:block;-webkit-user-select:none;user-select:none}drag-to-reveal *{-webkit-user-select:none;user-select:none}.drag-to-reveal{background:var(--cream);position:relative;width:calc(100% - 40px);max-width:1280px;margin:auto;touch-action:none}.drag-to-reveal__bottom{background-color:var(--cream)}.drag-to-reveal__bottom img{display:block}.drag-to-reveal__top{background:var(--cream);position:absolute;top:0;right:0;bottom:0;left:0;clip-path:inset(0% 0% 0% 90%);-webkit-user-select:none;user-select:none;display:flex;justify-content:center;align-items:center;will-change:clip-path,contents}.drag-to-reveal--animate .drag-to-reveal__top{transition:clip-path 1.8s}.drag-to-reveal--animate-move .drag-to-reveal__top{transition-timing-function:cubic-bezier(.68,-.6,.32,1.6);clip-path:inset(0% 0% 0% 10%)}.drag-to-reveal__post{width:40px;position:absolute;top:0;bottom:0;left:calc(90% - 20px);transform:translate(0);display:flex;align-items:center;justify-content:center;cursor:grab}.drag-to-reveal--animate .drag-to-reveal__post{transition:left 1.8s}.drag-to-reveal--animate-move .drag-to-reveal__post{transition-timing-function:cubic-bezier(.68,-.6,.32,1.6);left:calc(10% - 20px)}.drag-to-reveal__visual-post{position:absolute;top:0;bottom:0;left:18px;width:0;border-left:2px solid white;border-right:2px solid white;background:#fff}.drag-to-reveal__post-handle{width:40px;height:40px;background:var(--navy);border-radius:60px;border:4px solid white;flex-shrink:0;cursor:grab;position:relative;z-index:2}.drag-to-reveal__post-handle:after{content:"";height:20px;width:20px;background-image:url("data:image/svg+xml,%3Csvg width='26' height='12' viewBox='0 0 26 12' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M5.121 11.278A.96.96 0 1 0 6.48 9.92L2.358 5.8l4.12-4.122A.96.96 0 1 0 5.122.32l-4.8 4.8a.96.96 0 0 0 0 1.358l4.8 4.8ZM20.68.32a.96.96 0 1 0-1.358 1.357l4.12 4.123-4.12 4.12a.96.96 0 0 0 1.357 1.358l4.8-4.8a.96.96 0 0 0 0-1.357l-4.8-4.8Z' fill='%23fff'/%3E%3C/svg%3E");background-position:center;background-size:contain;background-repeat:no-repeat;display:flex;align-items:center;justify-content:center;top:50%;transform:translate(-50%,-50%);position:relative;left:50%;border-radius:50%}.handle-animation{animation:2s infinite alternate grow}@keyframes grow{0%{transform:scale(1)}50%{transform:scale(1.3)}to{transform:scale(1)}}@media (min-width: 990px){.drag-to-reveal{width:100%}}
/*# sourceMappingURL=/cdn/shop/t/478/assets/drag-to-reveal.css.map */