body{margin:0;font-family:-apple-system,BlinkMacSystemFont,"Segoe UI","Roboto","Oxygen","Ubuntu","Cantarell","Fira Sans","Droid Sans","Helvetica Neue",sans-serif;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}code{font-family:source-code-pro,Menlo,Monaco,Consolas,"Courier New",monospace}:root{--color-accent:#751a02;--color-accent-secondary:#fff;--red:#751a02;--barely-gray:#323232;--yellow:#d69b38;--vh:1vh;--background:#fafafa}h1,h3{margin-top:0;margin-bottom:0;font-family:AlfaSlabOne;font-weight:400;text-transform:uppercase}p{margin-top:7px;margin-bototm:7px}.button{padding:12px 36px;background-color:#d69b38;background-color:var(--yellow);border-radius:6px;text-transform:uppercase;margin:10px}.button,.match-screen{color:#fff;font-weight:700;font-size:18px}.match-screen{position:absolute;top:10vh;top:calc(var(--vh)*10);right:15px;background-color:rgba(20,20,20,.65);border-radius:4px;padding:10px;box-shadow:2px 2px 2px rgba(20,20,20,.55);text-color:#751a02;text-color:var(--color-accent);z-index:999}body{background-color:#fafafa}#root,body{overflow:hidden!important;height:100vh;height:calc(var(--vh)*100)}.app-controls{display:flex;height:5vh;height:calc(var(--vh)*5);padding:10px 0;justify-content:space-around;position:relative;background-color:#fff;border-bottom:1px solid hsla(0,0%,94.1%,.8);box-shadow:0 1px 1px hsla(0,0%,54.9%,.9);border-bottom-left-radius:4px;border-bottom-right-radius:4px;width:98vw;margin:0 auto}.app-controls>svg{height:100%;width:auto}.app-controls>svg:first-of-type{position:absolute;-webkit-transform:scale(.45);transform:scale(.45);left:5px;top:0}.demo-overlay{height:100vh;height:calc(var(--vh)*100);width:100vw;position:absolute;z-index:999;top:0;left:0;background-color:rgba(0,0,0,.85)}.demo-overlay>svg{position:absolute;width:25vw}.favorites-demo-swipeleft{left:5px;width:19vw!important;height:auto}.favorites-demo-arrow{left:50%;height:25vh;width:100%!important;-webkit-transform:translate(-50%);transform:translate(-50%)}.favorites-demo-tap-row{left:42vw;width:15vw!important;height:auto}.favorites-demo-swiperight{right:-5px;width:19vw!important;height:auto}.no-favorites-row{display:flex;flex-direction:column;justify-content:center;align-items:center;height:20vh;height:calc(var(--vh)*20);color:grey}.no-favorites-row>a.button{font-size:14px;padding:10px 18px}.demo-swipeleft{left:5px}.demo-tapanywhere{left:50vw;bottom:20vh;margin-left:-12.5vw}.demo-swiperight{right:5px}.demo-highlights{position:fixed;display:flex;justify-content:space-between;bottom:5px;width:95vw;left:2.5vw;height:auto;align-items:flex-end}.demo-highlight{width:17vw;overflow:visible}.app-menu{width:100vw;background-color:rgba(40,40,40,.9);z-index:999}.app-menu,.drawer{position:absolute;top:0;height:100vh;height:calc(var(--vh)*100)}.drawer{z-index:1000;width:60vw;background-color:#fff;-webkit-animation-name:drawer-slide;animation-name:drawer-slide;-webkit-animation-duration:.3s;animation-duration:.3s;-webkit-animation-fill-mode:forwards;animation-fill-mode:forwards;left:-150px;box-shadow:2px 0 1px hsla(0,0%,94.1%,.8);display:flex;flex-direction:column;justify-content:flex-start}.drawer-app-title svg{width:100%}.drawer-action-row svg{color:#d69b38;color:var(--yellow);-webkit-transform:scale(1.8);transform:scale(1.8)}.drawer .drawer-app-title{color:hsla(0,0%,70.6%,.95);text-align:center;border-bottom:2px solid hsla(0,0%,94.1%,.95);padding:10px;font-weight:700}.drawer .drawer-action-row{display:flex;align-items:center;text-align:end;font-size:14px;color:grey;padding:20px 12px;font-weight:400;border-bottom:2px solid hsla(0,0%,94.1%,.95);margin:3px 0;transition:bottom .2s;background-color:hsla(0,0%,96.1%,.55);text-transform:uppercase;font-weight:700;color:#000;font-size:16px}.drawer .drawer-action-row:active{position:relative;bottom:-2px;border-bottom:2px solid transparent}.drawer .drawer-action-row>span{flex:1 1;text-align:end}.drawer .drawer-action-row>svg{fill:grey;height:18px}.drawer .drawer-logo{flex:1 1;display:flex;align-items:center;justify-content:flex-end;flex-direction:column;color:#000;font-weight:700;font-size:14px}.drawer-logo>svg{width:25%;height:auto;color:grey;margin:10px}@-webkit-keyframes drawer-slide{0%{left:-150px}to{left:-1vw}}@keyframes drawer-slide{0%{left:-150px}to{left:-1vw}}.queue-view{position:relative;display:flex;justify-content:center;align-items:center}.queue-view>div.no-rings-message{color:#a0a0a0;text-align:center;font-size:14px;height:90vh;height:calc(var(--vh)*90);display:flex;flex-direction:column;justify-content:center}svg{height:100%}a{color:unset;text-decoration:none}.fade-in{-webkit-animation-name:fade-in;animation-name:fade-in}.snappy-fade-in{-webkit-animation-name:snappy-fade-in;animation-name:snappy-fade-in}.t0p3s{-webkit-animation-duration:.3s;animation-duration:.3s}.t0p5s{-webkit-animation-duration:.5s;animation-duration:.5s}.t2s{-webkit-animation-duration:2s;animation-duration:2s}.t4s{-webkit-animation-duration:4s;animation-duration:4s}.t6s{-webkit-animation-duration:6s;animation-duration:6s}.t8s{-webkit-animation-duration:8s;animation-duration:8s}.t10s{-webkit-animation-duration:10s;animation-duration:10s}.display-none{display:none!important}.display-initial{display:inline;display:initial}@-webkit-keyframes snappy-fade-in{0%{opacity:0}to{opacity:1%}}@keyframes snappy-fade-in{0%{opacity:0}to{opacity:1%}}@-webkit-keyframes fade-in{0%{opacity:0}65%{opacity:0}70%{opacity:1%}to{opacity:1%}}@keyframes fade-in{0%{opacity:0}65%{opacity:0}70%{opacity:1%}to{opacity:1%}}.opacity-0{opacity:0}.queue-controls{position:fixed;display:flex;justify-content:space-between;width:95vw;left:2.5vw;bottom:10px}.queue-controls .control-active{background-color:#d69b38;background-color:var(--yellow)}.queue-controls .control-active svg{color:#fff!important}.shop-button{bottom:-100px;right:8px;transition:bottom .2s;position:absolute;background-color:#d69b38;background-color:var(--yellow);color:#fff;border-radius:50%;box-shadow:-1px 1px 2px hsla(0,0%,78.4%,.3);height:13vw;width:13vw;display:flex;justify-content:center;align-items:center}.shop-button svg{width:60%;height:60%;margin-right:2px}.ring-card.card-open .shop-button{bottom:calc(40vh + 8px);bottom:calc(var(--vh)*40 + 8px)}.queue-control{position:relative;border-radius:50%;box-shadow:-1px 1px 4px hsla(0,0%,78.4%,.8);height:15vw;width:15vw;background-color:#fff;display:flex;justify-content:center;align-items:center}.queue-control:active{-webkit-animation-name:flatten;animation-name:flatten;-webkit-animation-duration:.25s;animation-duration:.25s;-webkit-animation-iteration-count:1;animation-iteration-count:1;left:1px;top:1px}@-webkit-keyframes flatten{0%{box-shadow:-1px 1px 4px hsla(0,0%,78.4%,.8)}to{box-shadow:-1px 1px 4px hsla(0,0%,78.4%,0)}}@keyframes flatten{0%{box-shadow:-1px 1px 4px hsla(0,0%,78.4%,.8)}to{box-shadow:-1px 1px 4px hsla(0,0%,78.4%,0)}}@-webkit-keyframes flatten-down{0%{box-shadow:0 4px 2px -2px hsla(0,0%,78.4%,.8)}to{box-shadow:0 4px 2px -2px hsla(0,0%,78.4%,0)}}@keyframes flatten-down{0%{box-shadow:0 4px 2px -2px hsla(0,0%,78.4%,.8)}to{box-shadow:0 4px 2px -2px hsla(0,0%,78.4%,0)}}.ring-card{border-radius:10px;box-shadow:-1px 1px 2px hsla(0,0%,78.4%,.6);height:80vh;height:calc(var(--vh)*80);width:98vw;position:absolute;top:.75vh;top:calc(var(--vh)*0.75);left:.75vw;font-family:"BentonSans";color:#fff;font-size:24px;background-color:#fff;overflow:hidden}.card-errata,.card-flavor,.card-title{max-width:90vw}.queue-view>.ring-card{display:none}.queue-view>.ring-card:nth-last-child(-n+4){display:inline;display:initial}.ring-card.card-open{background-color:#fff}.ring-card.card-open img{height:40vh;height:calc(var(--vh)*40)}.ring-card.card-open .card-summary{color:#000;position:relative;bottom:0;top:10px;transition:color .2s,padding .2s,bottom .2s;background-image:none;padding:0 0 2vh 6vw;padding:0 0 calc(var(--vh)*2) 6vw;-webkit-animation-name:none;animation-name:none}@-webkit-keyframes animate-gradient{0%{opacity:0;background-image:linear-gradient(180deg,transparent 0,transparent)}to{opacity:1;background-image:linear-gradient(180deg,transparent 0,#000)}}@keyframes animate-gradient{0%{opacity:0;background-image:linear-gradient(180deg,transparent 0,transparent)}to{opacity:1;background-image:linear-gradient(180deg,transparent 0,#000)}}.card-summary{position:absolute;width:100vw;bottom:0;display:flex;flex-direction:column;transition:color .2s,bottom .5s;box-sizing:border-box;padding:10vh 0 6vh 6vw;padding:calc(var(--vh)*10) 0 calc(var(--vh)*6) 6vw;background-image:linear-gradient(180deg,transparent 0,#000)}.card-summary.animate-gradient{-webkit-animation-name:animate-gradient;animation-name:animate-gradient;-webkit-animation-duration:.35s;animation-duration:.35s;-webkit-animation-iteration-count:1;animation-iteration-count:1;-webkit-animation-fill-mode:forwards;animation-fill-mode:forwards}.ring-card .card-bio{display:none}.ring-card .card-bio-hint{position:absolute;bottom:10px;width:40%;height:3px;background-color:#fafafa;background-color:var(--background);border-radius:8px;left:50%;-webkit-transform:translateX(-50%);transform:translateX(-50%)}.ring-card.card-open .card-bio{position:relative;color:#000;left:6vw;top:10px;font-size:18px;width:90%;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:5;overflow:hidden}.ring-card img{width:100%;height:100%;object-fit:cover;position:relative;border-radius:inherit;transition:height .2s ease-out}.ring-card.card-open img{border-bottom:1px inset #fafafa;border-bottom:1px inset var(--background)}.ring-card .image-dots{position:absolute;bottom:calc(40vh + 10px);bottom:calc(var(--vh)*40 + 10px);left:50%;-webkit-transform:translateX(-50%);transform:translateX(-50%);align-items:center}.ring-card .image-dot{height:8px;width:8px;margin-right:5px;border-radius:50%;border:2px solid grey;box-sizing:border-box;background-color:#fff;transition:width .2s,height .2s,border-top-color .1s ease-out,border-right-color .15s ease-out,border-bottom-color .2s ease-out,border-left-color .25s ease-out}.ring-card .image-dot.dot-active{border:2px solid transparent;background-color:#fff}.card-title>span{font-family:"AlfaSlabOne";font-size:30px;font-weight:lighter}.card-material{text-transform:capitalize;font-style:italic;align-self:flex-end}.card-errata{margin-top:5px;width:90vw;display:flex;justify-content:space-between}.card-price{font-size:18px;align-self:flex-end;margin-bottom:2px;color:#751a02;color:var(--red)}.profile{max-height:95vh;max-height:calc(var(--vh)*95);overflow-y:scroll;overflow-x:hidden}.favorites{display:flex;flex-direction:column;align-items:center}.favorites-navigation{display:inline-flex;align-items:flex-end;justify-content:space-around;width:100%;color:#751a02;color:var(--color-accent);font-weight:700;margin-bottom:5px}.favorites-navigation .counter{border-radius:50%;display:inline-flex;justify-content:center;align-items:center;font-size:9px;height:18px;width:18px;color:#fff;color:var(--color-accent-secondary);background-color:#751a02;background-color:var(--color-accent);margin-left:10px}.favorite-rows{overflow-x:hidden;width:100vw;overflow-y:scroll}.match-star{height:18px;fill:#751a02;fill:var(--color-accent);flex:1 1}.favorite-drawer-open{border-radius:8px;box-shadow:0 2px 2px rgba(27,31,35,.25)}.favorite-drawer-right{-webkit-transform:translate(-80px);transform:translate(-80px)}.favorite-drawer-left{-webkit-transform:translate(80px);transform:translate(80px)}.favorite-row-wrapper{position:relative;margin-bottom:10px}.favorite-row{position:relative;display:inline-flex;justify-content:flex-start;align-items:stretch;width:100%;transition:none;background-color:#fafafa;background-color:var(--background);z-index:1;height:100%}.favorite-row-remove,.favorite-row-shop{top:0;height:100%;display:inline-flex;flex-direction:column;justify-content:center;align-items:center}.favorite-row-remove>svg,.favorite-row-shop>svg{-webkit-transform:scale(1.1);transform:scale(1.1)}.favorite-row-shop{margin-right:6px;width:86px;background-color:#d69b38;background-color:var(--yellow);position:absolute;left:0}.favorite-row-remove{margin-left:6px;width:86px;background-color:#751a02;background-color:var(--red);position:absolute;right:0}.favorite-gutter{width:13vw;display:inline-flex;justify-content:center;align-items:center;margin-bottom:8px}.favorite-gutter svg{width:70%}.favorite-content{display:inline-flex}.favorite-image{height:64px;width:64px;padding:8px;border-radius:50%;background-color:#fff;box-shadow:1px 1px 1px #dcdcdc;margin:0 5vw 0 0}.favorite-image img{width:100%}.favorite-info{display:flex;justify-content:center;flex-direction:column;text-transform:capitalize}.favorite-title{display:flex;align-items:center;justify-content:flex-start;font-size:20px;font-weight:700;color:rgba(10,10,10,.65)}.favorite-materials{font-size:14px;font-weight:600}.favorite-price{font-size:13px;color:grey}.manly-divider{width:100vw;position:relative;margin:10px 0;display:flex;justify-content:center;align-items:center}.manly-divider div{position:absolute;border-bottom:2px solid #751a02;border-bottom:2px solid var(--color-accent);width:50%}.manly-divider svg{z-index:1;width:24px;height:24px;color:#751a02;color:var(--color-accent);background-color:#fff}.sharing-header{margin-top:10px;flex-direction:column;color:#751a02;color:var(--red);text-transform:uppercase}.modal-wrapper,.sharing-header{display:flex;align-items:center}.modal-wrapper{position:absolute;height:100vh;height:calc(var(--vh)*100);top:0;width:100vw;background-color:rgba(30,30,30,.9);justify-content:center;z-index:999}.modal{position:relative;background-color:#fff;width:85vw;padding:15px;text-align:center;border:5px solid #d69b38;border:5px solid var(--yellow)}.modal-header{display:flex;flex-direction:column;align-items:center}.sharing-header span:first-of-type{font-size:20px;font-weight:700}.modal span{margin:10px 0;font-size:18px}.sharing-form{margin:10px 0;display:flex;flex-direction:column;justify-content:space-around;align-items:center;width:100%}.sharing-form input:not([type=checkbox]){width:75%;font-size:16px;padding:16px;border:none;-webkit-backface-visibility:hidden;backface-visibility:hidden;background-color:hsla(0,0%,94.1%,.95);margin:5px 0}.sharing-form input[type=submit]{background-color:#d69b38;background-color:var(--yellow);color:#fff;font-size:24px;padding:12px 56px;width:unset;text-transform:uppercase;font-weight:700;font-family:RobotoCondensed;border-radius:6px;-webkit-appearance:none;appearance:none}.sharing-form input[type=submit].disabled{background-color:grey}.sharing-form .form-error{position:absolute;bottom:-18px;font-size:14px;color:#751a02;color:var(--color-accent)}.sharing-form .input-focus{display:block}.sharing-warranty{width:70%;padding-top:16px;margin:10px;border-top:2px solid #751a02;border-top:2px solid var(--red)}.sharing-warranty span{font-size:16px}.flip-away{-webkit-animation-name:flip-away;animation-name:flip-away;-webkit-backface-visibility:hidden;backface-visibility:hidden;-webkit-animation-duration:.25s;animation-duration:.25s}@-webkit-keyframes flip-away{0%{-webkit-transform:rotateX(180deg);transform:rotateX(180deg)}to{-webkit-transform:rotateX(1turn);transform:rotateX(1turn)}}@keyframes flip-away{0%{-webkit-transform:rotateX(180deg);transform:rotateX(180deg)}to{-webkit-transform:rotateX(1turn);transform:rotateX(1turn)}}.sharing-form .next-input{position:absolute;right:5px;fill:grey;z-index:1}.sharing-form .last-input{position:absolute;left:5px;fill:grey;-webkit-transform:rotate(180deg);transform:rotate(180deg);z-index:1}.sharing-form .sharing-submit{fill:#751a02;fill:var(--color-accent);position:absolute;right:5px;z-index:1}.sharing-header .button.disabled{background-color:grey}.sharing-form input:focus{outline:none}.profile-image{width:25vw;height:25vw;padding:6px;border-radius:50%;border:6px inset #d69b38;border:6px inset var(--yellow);background-color:#f0f0f0;margin:10px 0}@font-face{font-family:"RobotoCondensed";src:url(/static/media/RobotoCondensed-Regular.db6d9169.ttf)}@font-face{font-family:"RobotoCondensed";src:url(/static/media/RobotoCondensed-Bold.89a39652.ttf);font-weight:700}@font-face{font-family:"AlfaSlabOne";src:url(/static/media/AlfaSlabOne-Regular.f53d46bc.ttf)}@font-face{font-family:"BentonSans";src:url(/static/media/BentonSans-Comp-Regular.21bd6a1d.woff)}@font-face{font-family:"BentonSansBook";src:url(/static/media/BentonSans-Comp-Bold.9f57f4a9.woff);font-weight:700}.close-modal{position:absolute;top:-10px;right:-10px;height:auto;border-radius:50%;width:20px;height:20px;background-color:#751a02;background-color:var(--red);display:inline-flex;justify-content:center;align-items:center}.close-modal svg{width:14px;height:14px;color:#fff}.grecaptcha-badge{visibility:hidden}@media screen and (max-width:400px){h1{font-size:24px}h3{font-size:14px}input,span{font-size:12px!important}.sharing-form input{padding:8px!important}.modal{width:80vw!important}.card-title span{font-size:30px!important}input[type=submit]{padding:10px 40px!important;font-size:18px!important}.card-bio{font-size:14px!important}}
/*# sourceMappingURL=main.30578f85.chunk.css.map */