.referral-page{margin-top:var(--hd-height);padding-inline:var(--gutter);padding-block:max(5rem,25px)}.referral-main{background:#f2f3f3;border:1px solid var(--color-black);border-radius:max(2rem,15px);margin-bottom:max(5vh,50px);overflow:hidden;opacity:1;display:grid;grid-template-columns:repeat(2,minmax(0,1fr))}.referral-main-left{padding-block:max(5rem,25px);padding-inline:max(5rem,25px);display:flex;align-items:center;justify-content:center;flex-direction:column;gap:max(3rem,20px)}.referral-main-left-div p{font-size:max(7rem,35px);text-align:center;font-family:var(--serif-regular)}.referral-main-left>p{font-weight:450;font-size:max(2.8rem,20px)}.referral-main-left-form{width:100%;margin-top:max(5rem,30px);display:flex;flex-direction:column;align-items:center;justify-content:center;gap:max(3rem,20px)}.referral-main-left-form input{display:block;width:100%;max-width:70vw;font-size:max(2rem,15px);opacity:1;padding:max(2.5rem,15px);border-radius:max(.8rem,6px);border:1px solid #707070;outline-color:var(--color-black)}.referral-main-left-form input::placeholder{color:#838383}.referral-main-left a{font-weight:500;font-size:max(2.8rem,20px);font-family:var(--sans-regular);text-transform:uppercase;display:flex;align-items:center;justify-content:center;width:max(19rem,140px);height:max(7rem,50px);background:var(--color-white);border:1px solid var(--color-black);border-radius:max(4rem,30px)}.referral-main-left-btn{display:flex;align-items:center;justify-content:center;gap:max(2rem,10px)}.card-description{text-align:center;font-weight:500;font-size:max(1.8rem,16px)}.copy-text-container{font-size:max(1.8rem,16px);display:flex;align-items:center}.referral-main-left>span{width:100%;display:flex;align-items:center;justify-content:center;flex-direction:column;gap:max(2rem,14px)}.referral-main-left>span input{width:max(50rem,200px);height:max(5rem,36px)}.referral-detail-button{height:max(5rem,36px);color:#fff;background:#000;border:1px solid black;border-radius:max(2.4rem,14px);display:flex;align-items:center;justify-content:center;font-size:max(1.8rem,16px);padding-inline:max(1.5rem,10px)}.system-btn{background-color:#fff;border:1px solid black;border-left:0;border-radius:0 3px 3px 0;color:inherit;cursor:pointer;font-weight:inherit;line-height:inherit;font:inherit;padding:8px;position:relative;text-align:left;aspect-ratio:1/1;height:100%;width:auto}.system-btn:after{background-position:50%;background-repeat:no-repeat;bottom:0;content:"";left:0;opacity:.6;position:absolute;right:0;top:0;transition:background-color .15s ease-in-out,opacity .15s ease-in-out;background-image:url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='20' height='20' viewBox='0 0 20 20'%3E%3Cpath fill='%238d8d8f' fill-rule='nonzero' d='M2.75 18.25H14a.75.75 0 1 1 0 1.5H2a.75.75 0 0 1-.75-.75V5a.75.75 0 0 1 1.5 0v13.25zM6 .25h12a.75.75 0 0 1 .75.75v14a.75.75 0 0 1-.75.75H6a.75.75 0 0 1-.75-.75V1A.75.75 0 0 1 6 .25zm.75 1.5v12.5h10.5V1.75H6.75z'/%3E%3C/svg%3E")}.share-button-container,.referral-sharing-options-container,#smile-ui-container{display:none}.loader{border:5px solid #000;border-top:5px solid transparent;border-radius:50%;width:max(6rem,50px);height:max(6rem,50px);animation:spin 1.5s linear infinite}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.referral-main-right img{height:calc(100svh - var(--hd-height) * 2.2)}.referral-main-left-rte{position:relative;font-size:max(2.4rem,16px);max-width:50ch;width:100%}.referral-main-left-rte h1,.referral-main-left-rte h2,.referral-main-left-rte h3,.referral-main-left-rte h4,.referral-main-left-rte h5,.referral-main-left-rte h6{font-weight:700;font-family:var(--serif-regular)}.referral-main-left-rte h1{font-size:max(5rem,25px)}.referral-main-left-rte h2{font-size:max(4rem,20px)}.referral-main-left-rte h3{font-size:max(3rem,18px)}.referral-main-left-rte h1,.referral-main-left-rte h2,.referral-main-left-rte h3{margin-bottom:max(14px,2rem)}.referral-main-left-rte b,.referral-main-left-rte strong{font-weight:550}.referral-main-left-rte ul,.referral-main-left-rte ol{margin:max(1.6rem,12px) 0 max(1.6rem,12px) max(3rem,15px)}.referral-main-left-rte ul li,.referral-main-left-rte ol li{margin-bottom:max(.8rem,6px)}.referral-main-left-rte ul li{list-style:disc}.referral-main-left-rte ol li{list-style:roman}.referral-main-left-rte a{display:inline;font-weight:500;font-size:inherit;text-decoration:underline;cursor:pointer;text-transform:unset;background:unset;border:unset;border-radius:unset;width:unset;height:unset}@media (max-width: 768px){.referral-main{display:grid;grid-template-columns:1fr;padding-block:max(5vh,30px)}.referral-main-right{display:none}}@media (max-width: 480px){.referral-main-left{padding-inline:max(3rem,12px)}.referral-main-left-div p{font-size:max(7rem,25px)}.referral-main-left-form input{max-width:100%}}
/*# sourceMappingURL=/cdn/shop/t/13/assets/referral.css.map */