@font-face{
    font-family:"GT Super Display";
    src:url("https://chupi-fonts.s3.eu-west-1.amazonaws.com/GT-Super-Display-Regular.woff2") format("woff2"),url("https://chupi-fonts.s3.eu-west-1.amazonaws.com/GT-Super-Display-Regular.woff") format("woff");
    font-display:auto;
    font-style:normal;
    font-weight:400
}
@font-face{
    font-family:"GT Super Display";
    src:url("https://chupi-fonts.s3.eu-west-1.amazonaws.com/GT-Super-Display-Medium.woff2") format("woff2"),url("https://chupi-fonts.s3.eu-west-1.amazonaws.com/GT-Super-Display-Medium.woff") format("woff");
    font-display:swap;
    font-style:normal;
    font-weight:500
}
@font-face{
    font-family:"GT Super Display";
    src:url("https://chupi-fonts.s3.eu-west-1.amazonaws.com/GT-Super-Display-Bold.woff2") format("woff2"),url("https://chupi-fonts.s3.eu-west-1.amazonaws.com/GT-Super-Display-Bold.woff") format("woff");
    font-display:swap;
    font-style:normal;
    font-weight:700
}
@font-face{
    font-family:"GT Super Text";
    src:url("https://chupi-fonts.s3.eu-west-1.amazonaws.com/GT-Super-Text-Book.woff2") format("woff2"),url("https://chupi-fonts.s3.eu-west-1.amazonaws.com/GT-Super-Text-Book.woff") format("woff");
    font-display:swap;
    font-style:normal;
    font-weight:300
}
@font-face{
    font-family:"GT Super Text";
    src:url("https://chupi-fonts.s3.eu-west-1.amazonaws.com/GT-Super-Text-Book-Italic.woff2") format("woff2"),url("https://chupi-fonts.s3.eu-west-1.amazonaws.com/GT-Super-Text-Book-Italic.woff") format("woff");
    font-display:swap;
    font-style:italic;
    font-weight:300
}
@font-face{
    font-family:"GT Super Text";
    src:url("https://chupi-fonts.s3.eu-west-1.amazonaws.com/GT-Super-Text-Medium.woff2") format("woff2"),url("https://chupi-fonts.s3.eu-west-1.amazonaws.com/GT-Super-Text-Medium.woff") format("woff");
    font-display:swap;
    font-style:normal;
    font-weight:500
}
@font-face{
    font-family:"GT Super Text";
    src:url("https://chupi-fonts.s3.eu-west-1.amazonaws.com/GT-Super-Text-Bold.woff2") format("woff2"),url("https://chupi-fonts.s3.eu-west-1.amazonaws.com/GT-Super-Text-Bold.woff") format("woff");
    font-display:swap;
    font-style:normal;
    font-weight:700
}
@font-face{
    font-family:"Cera Pro";
    src:url("https://chupi-fonts.s3.eu-west-1.amazonaws.com/Cera-Pro-Thin.woff2") format("woff2"),url("https://chupi-fonts.s3.eu-west-1.amazonaws.com/Cera-Pro-Thin.woff") format("woff");
    font-weight:100;
    font-style:normal;
    font-display:swap
}
@font-face{
    font-family:"Cera Pro";
    src:url("https://chupi-fonts.s3.eu-west-1.amazonaws.com/Cera-Pro-Thin-Italic.woff2") format("woff2"),url("https://chupi-fonts.s3.eu-west-1.amazonaws.com/Cera-Pro-Thin-Italic.woff") format("woff");
    font-weight:100;
    font-style:italic;
    font-display:swap
}
@font-face{
    font-family:"Cera Pro";
    src:url("https://chupi-fonts.s3.eu-west-1.amazonaws.com/Cera-Pro-Light.woff2") format("woff2"),url("https://chupi-fonts.s3.eu-west-1.amazonaws.com/Cera-Pro-Light.woff") format("woff");
    font-weight:300;
    font-style:normal;
    font-display:swap
}
@font-face{
    font-family:"Cera Pro";
    src:url("https://chupi-fonts.s3.eu-west-1.amazonaws.com/Cera-Pro-Light-Italic.woff2") format("woff2"),url("https://chupi-fonts.s3.eu-west-1.amazonaws.com/Cera-Pro-Light-Italic.woff") format("woff");
    font-weight:300;
    font-style:italic;
    font-display:swap
}
@font-face{
    font-family:"Cera Pro";
    src:url("https://chupi-fonts.s3.eu-west-1.amazonaws.com/Cera-Pro-Regular.woff2") format("woff2"),url("https://chupi-fonts.s3.eu-west-1.amazonaws.com/Cera-Pro-Regular.woff") format("woff");
    font-weight:400;
    font-style:normal;
    font-display:swap
}
@font-face{
    font-family:"Cera Pro";
    src:url("https://chupi-fonts.s3.eu-west-1.amazonaws.com/Cera-Pro-Regular-Italic.woff2") format("woff2"),url("https://chupi-fonts.s3.eu-west-1.amazonaws.com/Cera-Pro-Regular-Italic.woff") format("woff");
    font-weight:400;
    font-style:italic;
    font-display:swap
}
@font-face{
    font-family:"Cera Pro";
    src:url("https://chupi-fonts.s3.eu-west-1.amazonaws.com/Cera-Pro-Medium.woff2") format("woff2"),url("https://chupi-fonts.s3.eu-west-1.amazonaws.com/Cera-Pro-Medium.woff") format("woff");
    font-weight:500;
    font-style:normal;
    font-display:swap
}
@font-face{
    font-family:"Cera Pro";
    src:url("https://chupi-fonts.s3.eu-west-1.amazonaws.com/Cera-Pro-Medium-Italic.woff2") format("woff2"),url("https://chupi-fonts.s3.eu-west-1.amazonaws.com/Cera-Pro-Medium-Italic.woff") format("woff");
    font-weight:500;
    font-style:italic;
    font-display:swap
}
@font-face{
    font-family:"Cera Pro";
    src:url("https://chupi-fonts.s3.eu-west-1.amazonaws.com/Cera-Pro-Bold.woff2") format("woff2"),url("https://chupi-fonts.s3.eu-west-1.amazonaws.com/Cera-Pro-Bold.woff") format("woff");
    font-weight:700;
    font-style:normal;
    font-display:swap
}
@font-face{
    font-family:"Cera Pro";
    src:url("https://chupi-fonts.s3.eu-west-1.amazonaws.com/Cera-Pro-Bold-Italic.woff2") format("woff2"),url("https://chupi-fonts.s3.eu-west-1.amazonaws.com/Cera-Pro-Bold-Italic.woff") format("woff");
    font-weight:700;
    font-style:italic;
    font-display:swap
}
@font-face{
    font-family:"Cera Pro";
    src:url("https://chupi-fonts.s3.eu-west-1.amazonaws.com/Cera-Pro-Black.woff2") format("woff2"),url("https://chupi-fonts.s3.eu-west-1.amazonaws.com/Cera-Pro-Black.woff") format("woff");
    font-weight:900;
    font-style:normal;
    font-display:swap
}
@font-face{
    font-family:"Cera Pro";
    src:url("https://chupi-fonts.s3.eu-west-1.amazonaws.com/Cera-Pro-Black-Italic.woff2") format("woff2"),url("https://chupi-fonts.s3.eu-west-1.amazonaws.com/Cera-Pro-Black-Italic.woff") format("woff");
    font-weight:900;
    font-style:italic;
    font-display:swap
}
*{
    -webkit-box-sizing:border-box;
    box-sizing:border-box
}
body{
    background:#deaa2a;
    font-family:"Cera Pro",sans-serif;
    color:#333
}
#desktop-warning{
    display:none
}
#ring-sizer .instructions{
    position:absolute;
    top:70px;
    right:15px;
    width:140px;
    font-size:18px;
    line-height:22px;
    -webkit-user-select:none;
    -moz-user-select:none;
    -ms-user-select:none;
    user-select:none
}
#ring-sizer .instructions em{
    font-weight:600;
    font-style:normal
}
#ring-sizer .slider{
    position:relative;
    display:-ms-grid;
    display:grid;
    width:100%;
    bottom:20px;
    left:0px;
    -ms-grid-columns:36px 1fr 36px;
    grid-template-columns:36px 1fr 36px;
    -webkit-column-gap:15px;
    -moz-column-gap:15px;
    column-gap:15px;
    -ms-touch-action:pan-x;
    touch-action:pan-x;
    pointer-events:auto
}
#ring-sizer .slider .slider__control{
    display:-webkit-box;
    display:-ms-flexbox;
    display:flex;
    height:36px;
    width:36px;
    padding:0;
    border:2px solid #f9f8f5;
    border-radius:50%;
    font-size:20px;
    background:rgba(0,0,0,0);
    -webkit-box-align:center;
    -ms-flex-align:center;
    align-items:center;
    -webkit-box-pack:center;
    -ms-flex-pack:center;
    justify-content:center;
    -ms-touch-action:manipulation;
    touch-action:manipulation
}
#ring-sizer .slider .slider__track{
    display:block;
    position:relative;
    background:#f9f9f9;
    border:1px solid #d6d6d6;
    border-radius:50px;
    height:14px;
    top:50%;
    -webkit-transform:translateY(-50%);
    -ms-transform:translateY(-50%);
    transform:translateY(-50%)
}
#ring-sizer .slider .slider__track div.slider__handle{
    position:absolute;
    left:calc(50% - 18px);
    top:50%;
    -webkit-transform:translateY(-50%);
    -ms-transform:translateY(-50%);
    transform:translateY(-50%);
    height:36px;
    width:36px;
    display:inline-block;
    border-radius:50%;
    background:#333;
    background-size:cover;
    cursor:-webkit-grab;
    cursor:grab
}
#ring-sizer .slider .slider__track div.slider__handle:active{
    cursor:-webkit-grabbing;
    cursor:grabbing
}
#ring-sizer .bottom{
    position:absolute;
    display:block;
    bottom:20px;
    left:0;
    width:100%;
    -webkit-user-select:none;
    -moz-user-select:none;
    -ms-user-select:none;
    user-select:none;
    padding:0px 15px
}
#ring-sizer .bottom a{
    display:block;
    text-align:center;
    padding:16px;
    background:#333;
    color:#fff;
    text-decoration:none;
    text-transform:uppercase;
    letter-spacing:.06em
}
#ring-sizer .ring-sizer-introduction{
    position:fixed;
    -ms-flex-wrap:wrap;
    flex-wrap:wrap;
    height:100vh;
    width:100vw;
    top:0px;
    left:0px;
    background:rgba(51,51,51,.95);
    z-index:3;
    color:#fff;
    text-align:center;
    padding:15px;
    padding-top:30px;
    overflow:scroll;
    padding-bottom:30px
}
#ring-sizer .ring-sizer-introduction h1{
    font-size:26px;
    margin-top:0px;
    margin-bottom:20px;
    font-weight:400;
    font-family:"GT Super Display",serif
}
#ring-sizer .ring-sizer-introduction p{
    font-size:18px;
    line-height:24px;
    margin-top:0px;
    margin-bottom:20px
}
#ring-sizer .ring-sizer-introduction .disclaimer{
    font-size:16px;
    line-height:22px;
    margin-bottom:10px
}
#ring-sizer .ring-sizer-introduction ol.disclaimer{
    text-align:left;
    padding-left:18px
}
#ring-sizer .ring-sizer-introduction button{
    display:block;
    background:rgba(0,0,0,0);
    border:2px solid #fff;
    padding:16px;
    width:100%;
    font-size:16px;
    font-weight:400;
    text-transform:uppercase;
    color:#fff;
    pointer-events:auto;
    margin-bottom:30px;
    font-family:"Cera Pro",sans-serif;
    letter-spacing:.06em
}
#ring-sizer #calibration{
    display:block
}
#ring-sizer #calibration .card{
    display:block;
    position:absolute;
    left:-120%;
    top:30px;
    width:600px;
    height:393px;
    border:4px solid #333;
    border-radius:24px;
    -webkit-transform:scale(1);
    -ms-transform:scale(1);
    transform:scale(1);
    -webkit-user-select:none;
    -moz-user-select:none;
    -ms-user-select:none;
    user-select:none;
    background-image:url("../img/card-bg.png");
    background-position:center;
    background-size:cover;
    -webkit-transform-origin:right;
    -ms-transform-origin:right;
    transform-origin:right
}
#ring-sizer #calibration .diagram{
    display:block;
    margin-top:10px;
    max-height:40px;
    width:auto
}
#ring-sizer #calibration .next{
    pointer-events:auto
}
#ring-sizer #ring-size{
    display:none
}
#ring-sizer #ring-size .back{
    display:-webkit-box;
    display:-ms-flexbox;
    display:flex;
    -ms-grid-columns:1/2;
    grid-template-columns:1/2;
    -ms-grid-rows:1/2;
    grid-template-rows:1/2;
    height:30px;
    width:30px;
    padding:0;
    border:0px;
    border-radius:50%;
    background:#f9f8f5;
    -webkit-box-align:center;
    -ms-flex-align:center;
    align-items:center;
    -webkit-box-pack:center;
    -ms-flex-pack:center;
    justify-content:center;
    pointer-events:auto
}
#ring-sizer #ring-size .back svg{
    position:relative;
    right:1px
}
#ring-sizer #ring-size .instructions{
    top:40px;
    right:auto;
    left:15px;
    width:calc(100% - 30px);
    text-align:center
}
#ring-sizer #ring-size .ring-diagram{
    position:absolute;
    display:block;
    height:220px;
    width:220px;
    top:120px;
    left:calc(50% - 110px);
    margin-top:20px
}
#ring-sizer #ring-size .ring-diagram .ring-pos{
    position:absolute;
    display:block;
    height:24px;
    width:24px;
    top:0px;
    left:calc(50% - 12px);
    padding:0px;
    background:rgba(0,0,0,0);
    border:0px;
    pointer-events:auto;
    -ms-touch-action:manipulation;
    touch-action:manipulation
}
#ring-sizer #ring-size .ring-diagram .ring-pos img{
    max-height:100%;
    max-width:100%;
    -o-object-fit:cover;
    object-fit:cover
}
#ring-sizer #ring-size .ring-diagram .ring-pos.ring-pos--right{
    top:calc(50% - 12px);
    right:0px;
    left:auto
}
#ring-sizer #ring-size .ring-diagram .ring-pos.ring-pos--down{
    top:auto;
    bottom:0px
}
#ring-sizer #ring-size .ring-diagram .ring-pos.ring-pos--left{
    top:calc(50% - 12px);
    left:0px;
    right:auto
}
#ring-sizer #ring-size .ring{
    position:absolute;
    border:4px solid #333;
    border-radius:50%;
    left:calc(50% - 55px);
    top:calc(50% - 55px);
    height:110px;
    width:110px;
    background:#fff;
    z-index:5;
    -webkit-transform:scale(1) translateX(0px) translateY(0px);
    -ms-transform:scale(1) translateX(0px) translateY(0px);
    transform:scale(1) translateX(0px) translateY(0px)
}
#ring-sizer #ring-size .ring #actual-height{
    position:absolute;
    top:50%;
    left:50%;
    -webkit-transform:translate(-50%, -50%);
    -ms-transform:translate(-50%, -50%);
    transform:translate(-50%, -50%)
}
#ring-sizer #ring-size .bottom p{
    display:block;
    text-align:center;
    width:100%;
    margin-bottom:50px;
    font-size:18px;
    line-height:26px
}
#ring-sizer #ring-size .bottom p span{
    display:block
}
#ring-sizer #ring-size #apply-ring-size{
    display:none;
    text-decoration:underline;
    background:rgba(0,0,0,0);
    border:0px;
    margin:0px auto;
    margin-bottom:50px;
    text-align:center;
    text-transform:uppercase;
    font-size:14px
}
#ring-sizer .ring-sizer-close{
    display:none;
    margin:0px;
    padding:8px;
    position:absolute;
    top:8px;
    right:8px;
    background:rgba(0,0,0,0);
    border:0px;
    z-index:5
}
#ring-sizer.product-page .ring-sizer-close{
    display:inline-block
}
#ring-sizer.product-page #ring-size .bottom p{
    margin-bottom:10px
}
#ring-sizer.product-page #ring-size #apply-ring-size{
    display:block
}
@media(max-width: 320px){
    #ring-sizer #calibration .card{
        top:10px;
        left:-150%
    }
    #ring-sizer #calibration p.instructions{
        top:20px
    }
    #ring-sizer #calibration .slider .slider__control{
        border-color:#333;
        background:#333
    }
    #ring-sizer #calibration a.next{
        border:2px solid #333;
        background:rgba(0,0,0,0);
        color:#333
    }
    #ring-sizer #ring-size .instructions{
        font-size:14px;
        line-height:18px;
        top:30px
    }
    #ring-sizer #ring-size .ring-diagram{
        height:180px;
        width:180px;
        top:120px;
        left:calc(50% - 90px);
        margin-top:0px
    }
    #ring-sizer #ring-size .ring-diagram .ring-pos{
        display:none
    }
}
@media(min-width: 450px){
    #ring-sizer{
        display:none !important
    }
    #desktop-warning{
        position:absolute;
        top:0px;
        left:0px;
        display:-webkit-box;
        display:-ms-flexbox;
        display:flex;
        height:100vh;
        width:100vw;
        -webkit-box-orient:vertical;
        -webkit-box-direction:normal;
        -ms-flex-direction:column;
        flex-direction:column;
        -webkit-box-pack:center;
        -ms-flex-pack:center;
        justify-content:center;
        -ms-flex-line-pack:center;
        align-content:center;
        text-align:center;
        background:#fff;
        font-size:18px;
        line-height:24px;
        pointer-events:auto
    }
    #desktop-warning .logo-link{
        max-width:150px;
        margin:0px auto 30px
    }
    #desktop-warning .logo-link img{
        max-width:100%
    }
    #desktop-warning .external-link{
        position:absolute;
        bottom:20px;
        left:50%;
        -webkit-transform:translateX(-50%);
        -ms-transform:translateX(-50%);
        transform:translateX(-50%);
        color:inherit;
        text-decoration:none
    }
    #desktop-warning .external-link:hover{
        text-decoration:underline
    }
    #desktop-warning p{
        display:block;
        max-width:420px;
        margin:0px auto
    }
    #desktop-warning p a{
        color:inherit;
        cursor:pointer;
        text-decoration:none
    }
    #desktop-warning p a:hover{
        text-decoration:underline
    }
    #desktop-warning img{
        margin:0px auto;
        max-height:200px;
        max-width:200px
    }
}
/*# sourceMappingURL=global.css.map */