@import url(https://fonts.googleapis.com/css?family=Muli:400,300italic,300,400italic);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}body,html{height:100%;padding:0;margin:0;overflow-x:hidden;font-family:muli}h1,h2,h3{margin:0}.container{display:flex;justify-content:center;align-items:center;height:100vh;background:#999;-webkit-box-pack:center;-webkit-justify-content:center;-ms-flex-pack:center;-webkit-box-align:center;-webkit-align-items:center;-ms-flex-align:center}.window{position:relative;display:flex;width:470px;min-height:400px;background:#fff;box-shadow:0 0 10px 2px rgba(0,0,0,.2)}.options{display:flex;justify-content:space-between;margin-top:25px;-webkit-box-pack:justify;-webkit-justify-content:space-between;-ms-flex-pack:justify}.main-content{box-sizing:border-box;display:flex;flex-flow:column;width:100%;height:100%;padding:50px 46px 25px 20px;color:#222}h1{font-size:48px;font-size:3rem;letter-spacing:0;letter-spacing:.02rem}h1,h3{text-transform:uppercase}h3{font-size:19px;font-size:1.2rem;color:#666}.description{width:100%;margin-top:20px}.highlight-window{position:relative;z-index:10;width:400px;height:550px;background:#ccc;background:url(/ra-hw-1.1-functional-component/static/media/item-blue.2103f69b.jpg);background-position:top;background-size:cover;box-shadow:0 0 10px 2px rgba(0,0,0,.2)}.color{position:relative;width:30px;height:30px;background:#eee;border:1px solid #eee;cursor:pointer}.highlight-overlay{position:absolute;top:0;left:0;width:100%;height:100%;background:url(/ra-hw-1.1-functional-component/static/media/item-black.dd74251d.jpg);background-position:top;background-size:cover;opacity:0;transition:opacity .4s ease;filter:alpha(opacity=0);-webkit-transition:opacity .4s ease}.background-element{position:absolute;top:-80px;left:-50px;width:120%;height:400px;background:#457;transition:background .6s ease;transform:rotate(-5deg);-webkit-transform:rotate(-5deg);-ms-transform:rotate(-5deg);-webkit-transition:background .6s ease}.color.overlay{position:absolute;top:-1px;left:-1px;z-index:10;background:transparent;border:2px solid #fff;outline:2px solid #ccc;transition:transform .3s ease;transform:translateX(45px);-webkit-transform:translateX(45px);-ms-transform:translateX(45px);-webkit-transition:-webkit-transform .3s ease}.color-a{margin-right:14px;background:#333}.color-b{background:#457}.color-picker{position:relative;display:flex;width:77px;margin-top:5px}a{text-decoration:none}a:hover{color:#666;text-decoration:underline}button{box-sizing:border-box;height:40px;padding-right:25px;padding-left:25px;margin-top:auto;margin-bottom:auto;font-weight:400;text-transform:uppercase;color:#fff;background:#333;border:none;cursor:pointer}button,button:hover{transition:all .3s ease;-webkit-transition:all .3s ease}button:hover{background:#555}.divider{width:80%;height:1px;margin:20px auto;background:#ddd}.color-options{width:50%}.color-options,.size-picker{display:flex;flex-flow:column}.small{margin-top:10px;font-size:11px;font-size:.7rem;color:#999}.align-right,.size-desc{align-self:flex-end;-webkit-align-self:flex-end;-ms-flex-item-align:end}.purchase-info{display:flex;justify-content:space-between;-webkit-box-pack:justify;-webkit-justify-content:space-between;-ms-flex-pack:justify}.price{font-size:40px;font-size:2.5rem}.selection{background:#fff}.range-picker{margin-top:5px;font-size:16px;font-size:1rem;line-height:.9em}.range-picker,.range-picker div{display:flex;align-items:center;-webkit-box-align:center;-webkit-align-items:center;-ms-flex-align:center}.range-picker div{box-sizing:border-box;justify-content:center;width:30px;height:30px;color:#bbb;border-top:1px solid #bbb;border-right:1px solid #bbb;border-bottom:1px solid #bbb;transition:background .5s ease;cursor:pointer;-webkit-box-pack:center;-webkit-justify-content:center;-ms-flex-pack:center;-webkit-transition:background .5s ease}.highlight-window.mobile{display:none}.range-picker .active:hover{background:#fff}.range-picker .active{z-index:1;margin-right:3px;margin-left:2px;color:#333;background:#fff;border:1px solid #666;transform:scale(1.2);-webkit-transform:scale(1.2);-ms-transform:scale(1.2)}.check{position:absolute;right:0;bottom:-3px;left:0;width:0;height:0;margin-right:auto;margin-left:auto;background:transparent;border-right:10px solid transparent;border-bottom:10px solid #ccc;border-left:10px solid transparent}.range-picker div:hover{background:#eee;transition:background .2s;-webkit-transition:background .2s}.range-picker div:first-child{border-left:1px solid #bbb}.range-picker div.active:first-child{border-left:1px solid #333}@media (max-width:850px){body{overflow:auto;background:#fff}h1{font-size:2rem}h2,h3{font-size:1rem}.container{overflow:auto;background:#fff}.background-element{display:none}.main-content{height:auto;padding-right:25px;overflow:auto}.options{flex-flow:column}.highlight-window{position:fixed;left:0;width:50%;height:100%}.window{position:absolute;right:0;width:50%;height:auto;overflow:auto;box-shadow:none}.price{margin-bottom:15px}.button{width:100%}.color-options{margin-bottom:15px}.align-right{align-self:flex-start;-webkit-align-self:flex-start;-ms-flex-item-align:start}.purchase-info{flex-flow:column}}@media (max-width:550px){.highlight-window{display:none}body{height:auto;overflow:auto}.highlight-window.mobile{position:relative;display:block;width:100%;height:500px;margin-top:15px;box-shadow:none;border:1px solid #ccc}.container,.window{overflow:auto}.window{position:relative;width:100%;height:100%}}
/*# sourceMappingURL=main.644e1dd3.chunk.css.map */