#accountFrame .main-frame{width:calc(100% - 450px)}#accountFrame .side-frame{width:350px}.side-frame .sidebar{padding:0;display:block;position:sticky;top:140px;z-index:500;width:100%;max-width:350px;margin:0 0 80px}.side-frame .btn-line{min-width:initial;width:100%}.side-frame .account-nav .btn-line{display:flex;align-items:center;flex-wrap:wrap;gap:10px;color:var(--dd-mid-grey);padding:5px}.account-nav .btn-line .checkout-summary{display:flex;gap:10px;margin:0 0 0 20px}.side-frame .account-nav a svg,.side-frame .btn-line svg{display:block;width:16px;height:16px;fill:var(--dd-light-grey)}.side-frame .account-nav{display:flex;flex-direction:column;gap:20px}.side-frame .account-nav a{width:100%;display:flex;gap:10px;margin:0}.side-frame .account-nav a.active{color:var(--dd-highlight)}.account-section{max-width:1080px;margin:0 auto;min-height:50vh;padding:0 0 40px}.account-section .h2{margin-bottom:60px}#accountFrame .section{padding:30px 40px;border:1px solid var(--dd-border);background:#fff;border-radius:4px;margin:0 0 20px}#accountFrame .section.userinfo{padding:30px 20px}.account-header{width:100%;padding:0;position:relative;margin:0 0 40px}.account-header .logout{display:flex;align-items:center;margin:0;gap:20px}.account-header .ah-title{padding:0 0 6px;border-bottom:1px solid var(--dd-black)}.userinfo fieldset{margin:0}.account-frame .history table{width:100%}.account-frame .history table tr td{padding:8px;text-align:center}.account-frame .details input,.account-frame .details select{margin:0 0 5px}.account-section .tab-pane .address-options{display:flex}#create-address .q-field--outlined .q-field__control::before{border-color:var(--dd-border)}#create-address{margin:40px 0;padding:40px 0;border-top:1px solid var(--dd-mid-grey)}.new-address-link{display:block;text-align:right;margin:20px 0 0;padding-top:40px;border-top:1px solid var(--dd-border)}.panel .h5{color:var(--dd-mid-grey)}.order-history .order{margin:0 0 20px;border:1px solid var(--dd-border);border-radius:4px}.order-history .order.header,.order-history .order{display:flex;justify-content:space-between;align-items:center;width:100%;padding:10px 20px}.order-history .order:not(.header):hover{background:var(--dd-border);color:currentColor}.order-history .order.header{padding:0 20px;border:0;margin:0 0 10px;font-size:.76rem;font-weight:500;text-transform:uppercase}.order-history .order .marker{width:50px;color:var(--dd-light-grey)}.order-history .order .marker svg{width:16px;height:16px}.order-history .order .date{width:calc(40% - 50px)}.order-history .order .order-no{width:20%}.order-history .order .amount{width:20%}.order-history .order .view{width:20%;text-align:right;font-size:.76rem;font-weight:500;text-transform:uppercase}.order-history .sidePanel{width:100%;right:-101%}.order-history .sidePanel .panel-content{display:block;margin:0 auto;max-width:800px}@media only screen and (max-width:1279px){#accountFrame .side-frame{width:250px}#accountFrame .main-frame{width:calc(100% - 300px)}}@media only screen and (max-width:1179px){.account-section{min-height:68vh}.account-header{padding:0 0 60px 0}.side-frame .sidebar{top:40px}}@media only screen and (max-width:1023px){#accountFrame .side-frame{width:100%}#accountFrame .main-frame{width:100%;margin-top:40px}.side-frame .sidebar{top:40px;max-width:initial;position:initial}}@media only screen and (max-width:767px){.splitbox{flex-direction:column;gap:30px}.splitbox>div{width:100%}.account-section{min-height:initial;border-bottom:0}.account-header{padding:0 0 40px 0}.shoplinks{margin:30px 0 0}.side-frame .sidebar{margin-bottom:40px}#create-address .q-field--outlined .q-field__control::before{border:0}}@media only screen and (max-width:599px){.order-history .order.header{display:none}.order-history .order{flex-wrap:wrap;justify-content:space-between;gap:10px 0}.order-history .order>div{min-width:10%}.order-history .order .marker{width:30px}.order-history .order .date{min-width:calc(100% - 35px)}.order-history .order .view{width:50%}}