/*! normalize.css v8.0.1 | MIT License | github.com/necolas/normalize.css */html{line-height:1.15;-webkit-text-size-adjust:100%}body{margin:0}main{display:block}h1{font-size:2em;margin:.67em 0}hr{box-sizing:content-box;height:0;overflow:visible}pre{font-family:monospace,monospace;font-size:1em}a{background-color:transparent}abbr[title]{border-bottom:none;text-decoration:underline;text-decoration:underline dotted}b,strong{font-weight:bolder}code,kbd,samp{font-family:monospace,monospace;font-size:1em}small{font-size:80%}sub,sup{font-size:75%;line-height:0;position:relative;vertical-align:baseline}sub{bottom:-.25em}sup{top:-.5em}img{border-style:none}button,input,optgroup,select,textarea{font-family:inherit;font-size:100%;line-height:1.15;margin:0}button,input{overflow:visible}button,select{text-transform:none}[type=button],[type=reset],[type=submit],button{-webkit-appearance:button}[type=button]::-moz-focus-inner,[type=reset]::-moz-focus-inner,[type=submit]::-moz-focus-inner,button::-moz-focus-inner{border-style:none;padding:0}[type=button]:-moz-focusring,[type=reset]:-moz-focusring,[type=submit]:-moz-focusring,button:-moz-focusring{outline:1px dotted ButtonText}fieldset{padding:.35em .75em .625em}legend{box-sizing:border-box;color:inherit;display:table;max-width:100%;padding:0;white-space:normal}progress{vertical-align:baseline}textarea{overflow:auto}[type=checkbox],[type=radio]{box-sizing:border-box;padding:0}[type=number]::-webkit-inner-spin-button,[type=number]::-webkit-outer-spin-button{height:auto}[type=search]{-webkit-appearance:textfield;outline-offset:-2px}[type=search]::-webkit-search-decoration{-webkit-appearance:none}::-webkit-file-upload-button{-webkit-appearance:button;font:inherit}details{display:block}summary{display:list-item}[hidden],template{display:none}:root{--obs:#ab193a;--obs-shade-20:#89142e;--bg-good:#ebdaff;--cta:#33251a;--cta-dark:#33251a;--cta-light:#33251a;--cta-tint-70:#c7b3da;--bg-bad:#edd7dc;--signal:#fe4412;--text:#4a4a4a;--text-light:#949494;--text-light-tint-60:#d4d4d4;--text-light-tint-70:#dfdfdf;--bg:#f8f5f2;--bg-dark:#ebe5e0;--bg-light:#fffdfa;--white:#fff;--black:#080808;--co-black:#563e2c;--co-white:#faf6f2;--co-grey:#8f6d57;--co-contrast:#ff7300;--co-positive:#5a934c;--co-positive-dark:#0f873f;--dark-brown:#563e2c;--neutral-20:#ddd8d5;--text-color:var(--dark-brown);--display-font-family:"forma-djr-display",sans-serif;--text-font-family:"forma-djr-text",sans-serif;--font:"Lato",sans-serif;--large-text:{ font-size:20px; line-height:32px; };--medium-text:{ font-size:16px; line-height:22px; };--h2-text:{ font-size:16px; line-height:22px; font-weight:bold; };--z-background:-10;--z-page-header-2:10001;--z-page-header-1:10002;--z-global-header:10003;--z-menu:10004;--z-page-modal-2:10005;--z-page-modal-1:10006;--z-global-modal:10007;--z-confirmation:10008;--z-errors:10009}:root{--button:{ cursor:pointer; color:#fff; height:52px; font-size:16px; border-radius:2px; background-color:var(--cta); &:hover { box-shadow:0 0px 4px 2px hsla(0,0%,60.8%,.2) ; } &:active { background-color:var(--cta-dark); } &:disabled { background-color:var(--cta-tint-70); } };--button2:{ @apply --button; border-radius:52px; };--button3:{ display:block; cursor:pointer; color:var(--text); line-height:32px; padding:14px; max-width:260px; height:60px; font-size:26px; background-color:#e8eae7; font-weight:300; box-shadow:10px 10px rgba(80,227,194,.24) ; transition:box-shadow 0.05s,transform 0.05s; margin-bottom:10px; &:hover { box-shadow:10px 10px rgba(80,227,194,.5) ; } &:active { transform:translate(4px,4px); box-shadow:6px 6px rgba(80,227,194,.5) ; } };--button3-arrow:{ @apply --button3; padding-right:45px; background:url(//a.woolitstatic.no/e5041557cd529e1a.svg) no-repeat right 19px center,#e8eae7; };--button4:{ font-family:Europa; display:block; cursor:pointer; color:var(--text); line-height:32px; padding:14px; max-width:260px; font-size:24px; background-color:#fff1eb; font-weight:300; box-shadow:10px 10px #d5d5d5; transition:box-shadow 0.05s,transform 0.05s; margin-bottom:10px; &:hover { box-shadow:10px 10px #d5d5d5; } &:active { transform:translate(4px,4px); box-shadow:6px 6px #d5d5d5; } };--button4-arrow:{ @apply --button4; padding-right:45px; background:url(//a.woolitstatic.no/e5041557cd529e1a.svg) no-repeat right 19px center,#fff1eb; };--button-next:{ @apply --button; background:url(//a.woolitstatic.no/e7fd776ea245ac83.svg) center right 10px no-repeat,var(--cta); };--button-disabled:{ background-color:var(--cta-tint-70); };--button-small:{ color:var(--cta); font-size:14px; padding:0; &:hover { text-decoration:underline; } &:active { color:var(--cta-dark); } &:disabled { color:var(--cta-tint-70); } };--button-small-secondary:{ color:var(--text-light); font-size:14px; padding:0; &:hover { text-decoration:underline; } &:active { color:var(--text); } &:disabled { color:var(--text-light-tint-70); } };--button-co:{ cursor:pointer; color:#fff; height:52px; font-size:16px; border-radius:2px; background-color:var(--co-positive); transition:background-color 0.3s ease-in-out; &:hover { background-color:var(--co-positive-dark); } &:active { background-color:var(--co-positive-dark); } &:disabled { background-color:var(--co-grey); } };--button-secondary{@apply --button;background-color:var(--text-light);&:hover{box-shadow:0 0 4px 2px hsla(0,0%,60.8%,.2)}&:active{background-color:var(--text)}&:disabled{background-color:var(--text-light-tint-70)}}
    ;}:root{--main-box{margin:0 auto;max-width:1080px}}:root{--table{border-collapse:collapse;width:100%;& th{font-size:16px;text-align:left}& td,& th{border:1px solid #000;padding:5px 10px}}}.creation-2{padding-left:20px;padding-right:20px;padding-top:1px;&-numbers{display:flex;margin:50px auto 0;max-width:430px;&-item{margin-right:40px;&-circle{align-items:center;background-color:#a7a7a7;border-radius:100%;color:#fff;display:flex;font-size:16px;font-weight:700;height:29px;justify-content:center;width:29px}&-active &-circle{background-color:var(--cta)}&-text{color:#a7a7a7;margin-top:5px}&-active &-text{color:var(--cta)}}}&-tophelp{background-color:var(--bg-good);border-radius:3px;margin-top:20px;padding:1px 15px;& p{margin:14px 0}}&-inputbox{margin:0 auto;max-width:430px;& h1{color:var(--cta);font-size:28px;font-weight:400;line-height:1.5;margin-bottom:0}&-inspiration{margin-top:40px;img{width:100%}}&-subtitle{color:var(--cta);font-size:16px}&-title{color:var(--text);font-size:16px;font-weight:700;margin-top:40px}&-image-upload-button{align-items:center;background-color:var(--white);border:1px solid var(--cta-light);border-radius:3px;cursor:pointer;display:flex;height:50px;justify-content:flex-start;margin-top:10px;padding-left:10px;width:100%;& img{margin-right:5px}}&-input{background-color:#fff;border:1px solid var(--cta-light);border-radius:3px;height:50px;margin-top:10px;padding:13px 10px;width:100%}&-textarea{height:200px}&-complete-btn{@apply --button;font-size:18px;font-weight:700;margin-top:30px;width:100%}}&-toggles{display:flex;flex-wrap:wrap;margin-right:-10px;margin-top:10px;&-item{align-items:center;background-color:var(--white);border:1px solid var(--bg-dark);border-radius:3px;cursor:pointer;display:flex;height:50px;justify-content:center;margin-bottom:10px;margin-right:10px;max-width:calc(50% - 10px);width:135px;&-wide{max-width:100%;width:280px}&-narrow{width:86px}& img{margin-right:5px}&.active{background-color:var(--white);border:1px solid var(--cta-light);font-weight:700}}}&-uploaded{display:flex;flex-wrap:wrap;margin-top:10px;&-image{&-image{background:transparent url(//a.woolitstatic.no/19b5cf54f19743ff.gif) 50% no-repeat;min-width:70px}&-wrapper{height:70px;margin:5px 0;min-width:70px;position:relative}&-buttons{background-color:rgba(0,0,0,.6);bottom:0;display:none;justify-content:space-around;left:0;position:absolute;right:0;top:0;& button{background:none;border:none}}&-wrapper:hover &-buttons{display:flex}}}& .create-order-complete{margin-top:50px}}.creation-english{font-family:forma-djr-text,sans-serif;font-size:18px;font-style:normal;font-weight:500;font-weight:400;line-height:22px;margin:0 auto;max-width:430px;padding-left:20px;padding-right:20px;padding-top:1px;h1{color:var(--co-black);font-size:38px;font-weight:400;line-height:44px;margin-bottom:0;margin-top:49px}&-header{display:flex;justify-content:space-between;margin-top:18px;&-title{color:var(--co-black);flex:1 0 0;font-size:18px;line-height:22px}&-logo{width:40px}&-right{flex:1 0 0}}&-content{&-description{color:var(--co-grey);font-size:18px;line-height:22px;margin-top:5px;&-product{margin-top:20px}}&-inspiration{margin-top:40px;img{width:100%}}&-button{background-color:transparent;border:2px solid rgba(143,109,87,.1);border-radius:4px;box-sizing:border-box;color:var(--co-positive);cursor:pointer;display:block;font-size:18px;font-weight:400;height:56px;line-height:22px;margin-top:16px;text-align:center;width:100%;p{width:100%}}&-input{background-color:#fff;border:2px solid rgba(143,109,87,.1);border-radius:4px;box-sizing:border-box;color:var(--co-grey);font-size:18px;height:50px;line-height:22px;margin-top:38px;padding:13px 10px;width:100%;&::placeholder{color:var(--co-grey)}}&-textarea{height:200px}}&-next-step-fixed{bottom:0;margin:0 -20px;max-width:430px;position:fixed;width:100%;&-btn{@apply --button-co;font-size:18px;line-height:22px;margin-top:30px;width:100%}}&-uploaded{display:flex;flex-wrap:wrap;margin:10px 1px 0;&-image{&-image{background:transparent url(//a.woolitstatic.no/19b5cf54f19743ff.gif) 50% no-repeat;max-width:42.7vw;width:188px}&-wrapper{margin:5px 0;position:relative;&:not(:last-child){margin-right:10px}}&-buttons{background-color:rgba(0,0,0,.6);bottom:0;display:none;justify-content:space-around;left:0;position:absolute;right:0;top:0;& button{background:none;border:none}}&-wrapper:hover &-buttons{display:flex}}}& .create-order-complete{margin-top:50px}&-footer{margin-bottom:100px;margin-top:100px;p{color:var(--co-black)}a,p{font-size:18px;font-weight:400;line-height:22px}a{color:var(--co-contrast);margin-bottom:47px}}&-toggles{display:flex;flex-wrap:wrap;margin-bottom:30px;margin-right:-10px;margin-top:10px;&-header{color:var(--co-black)}&-item{align-items:center;background-color:var(--white);border:2px solid rgba(143,109,87,.1);border-radius:4px;box-sizing:border-box;color:var(--co-positive);cursor:pointer;display:flex;height:50px;justify-content:center;margin-bottom:10px;margin-right:10px;max-width:calc(50% - 10px);width:135px;&.active{border:2px solid var(--co-positive)}}}}.errored{font-size:16px;line-height:22px;margin:0 auto;max-width:600px;padding-left:15px;padding-right:15px;padding-top:100px;text-align:center;width:100%;& h1{color:var(--cta-dark);margin-bottom:28px;margin-top:20px}& a{@apply --button-small;font-size:16px}& p{margin-bottom:22px}&-cat{margin-top:21px}}.chat{&-markdown{display:flex;flex-direction:column;width:100%;& a{@apply --button-small}}&-message-text--state-right .chat-markdown{align-items:flex-end}&-message-text--state-left .chat-markdown{align-items:flex-start}&-view{display:flex;flex-direction:column;height:100%;@media(width >=900px){padding-left:10px}}&-view h2{margin-top:0}&-messages{flex-grow:1;overflow-y:scroll;-webkit-overflow-scrolling:touch;@media(width < 900px){overflow-x:hidden;padding-bottom:20px;padding-right:10px;padding-top:20px}}&-message{clear:both;overflow:hidden;padding-left:10px;padding-right:10px}&-message--newmarker{align-items:center;color:#ff6764;display:flex;font-weight:400}&-message--newmarker-line{border-bottom:1px solid #ff6764;flex-grow:1;height:0;margin-right:10px}&-message-header{color:var(--text-light);display:flex;justify-content:flex-end;line-height:1.5;margin-bottom:5px;margin-top:5px;&--state-right{text-align:right}&--state-left{justify-content:flex-start;margin-left:55px;text-align:left}&--closer{margin-bottom:0}}&-message-body{display:flex;&--state-right{flex-direction:row-reverse}&-offer{background-color:var(--bg-good);border-radius:10px;flex-direction:column;padding:10px;&-header{text-align:center;span{vertical-align:super}}&-handshake{font-size:32px}}}&-measurements{align-items:center;background-color:var(--white);border-radius:10px;display:flex;flex-direction:column;margin-bottom:15px;margin-top:15px;padding:10px;&-input-fields-container{display:flex;flex-direction:row;justify-content:space-around;margin-bottom:28px;margin-top:20px;width:100%;@media(width < 400px){flex-wrap:wrap}}&-input-field-container{align-items:center;display:flex;flex-direction:column;font-size:12px;margin-left:10px;margin-right:10px;max-width:110px;text-align:center}&-input-field{border:1px solid transparent;border-radius:2px;height:40px;margin-bottom:10px;text-align:center;width:70px;&-edit{border:1px solid var(--bg-dark)}}&-button{@apply --button;height:52px;margin-bottom:20px;width:125px}&-header{align-items:center;display:flex;flex-direction:row;font-size:14px;justify-content:flex-start;margin-bottom:15px;width:100%}&-sweater-img{max-width:408px;width:80vw;@media (width >=768px){width:auto}}}&-merchant-order-confirmation{align-items:center;background-color:var(--white);border-radius:10px;display:flex;flex-direction:column;margin-bottom:15px;margin-top:15px;padding:20px;&-description{font-size:18px}&-button{@apply --button;height:52px;margin-bottom:20px;width:225px}&-header{align-items:center;display:flex;flex-direction:row;font-size:18px;justify-content:flex-start;margin-bottom:15px;width:100%}}&-message-userimg{border-radius:40px;height:40px;margin-top:9px;width:40px;&--state-left{margin-right:15px}&--state-right{margin-left:15px}}&-message-icon{border-radius:40px;height:40px;margin-right:15px;width:40px}&-message-text{clear:both;flex-grow:1;font-size:14px;line-height:20px;width:100%}&-message-text p{border-radius:10px;display:inline-block;margin:5px 0;max-width:400px;padding:15px;word-wrap:break-word;@media(width <=480px){max-width:90%}}&-message-text--state-left p{background-color:#fff}&-message-text--state-right p{background-color:var(--bg-good)}&-message-text--state-right{text-align:left}&-text-wrapper{display:flex}&-message-offer{align-self:center;color:var(--cta-dark);flex-grow:1;font-size:14px}&-message-offer-show{display:block;@apply --button-small;align-self:center;color:var(--cta);font-weight:700}&-message-offer-accepted{align-self:center;color:var(--cta);display:block}&-do-payment-message{background-color:var(--white);border-radius:10px;margin-bottom:15px;margin-top:15px;padding:10px 20px;position:relative;&-header{align-items:center;display:flex;flex-direction:row;font-size:14px;font-weight:700;justify-content:flex-start;margin-bottom:15px;width:100%;span{padding-left:3px}}&-body{padding:0 10px}&-button{@apply --button;display:block;height:52px;margin:20px auto;padding:0 20px;&-loading{background:transparent url(//a.woolitstatic.no/19b5cf54f19743ff.gif) 50% no-repeat}}}&-link{color:#099878}&-message-text--state-right &-text-wrapper{flex-direction:row-reverse}&-text-wrapper:hover &-delete-button{display:block}&-delete-button{background:none;border:none;display:none;margin:5px}&-delete-button img{width:20px}&-uploaded-image{cursor:pointer;max-width:100%}&-message-actions{align-items:flex-start;display:flex;flex-direction:column;line-height:20px;&--state-right{align-items:flex-end}&--state-left{margin-left:55px}}&-message-action{background:url(//a.woolitstatic.no/fa3649489173fccd.svg) no-repeat;color:var(--text-light);height:20px;line-height:20px;margin-bottom:5px;text-align:center;&--text{margin-left:25px;& button{@apply --button-small}}}&-message-action:hover &-delete-button{display:inline}&-message-charge{align-self:center;color:var(--cta-dark);flex-grow:1;font-size:14px}&-message-charge-state{align-self:center;color:var(--cta);display:block}&-message-arrow--outer{left:-17px;position:absolute;top:7px}&-message-arrow{height:18px;width:18px}&-message-arrow--inner{fill:#fff;stroke:#dadada}&-message-offer-contract{align-self:center;display:flex;@media(width <450px){flex-direction:column}}&-form-wrapper{-webkit-backface-visibility:hidden;background-color:var(--bg);-webkit-transform:translateZ(0);z-index:var(--z-page-header-2);@media(width>=900px){width:100%}}&-form{align-items:center;-webkit-backface-visibility:hidden;background-color:#fff;border:1px solid #ece6e0;border-radius:2px;display:flex;justify-content:center;margin:0 10px 10px;min-height:60px;-webkit-transform:translateZ(0);@media(width < 900px){margin-bottom:0;margin-left:0;margin-right:0;margin-top:0}}&-form--text{background:none;border:none;color:#150504;flex-grow:1;font-size:16px;outline:none;overflow:hidden;padding:10px;resize:none}&-form--text-fake{color:var(--text-light);flex-grow:1;font-size:16px;padding:10px;@media(width>=900px){display:none}}&-form--addimg{align-items:center;background-color:#fff;border:none;border-radius:0 0 0 10px;color:#199478;cursor:pointer;display:flex;font-size:28px;justify-content:center;padding:0;& img{border-radius:25px;display:block;margin-bottom:6px;margin-left:10px;width:40px}}&-form--submit{@apply --button;border:none;cursor:pointer;font-size:14px;margin:10px;padding-left:16px;padding-right:20px}&-pattern-box{align-items:stretch;background-color:var(--bg-good);border-radius:2px;color:var(--cta-dark);display:flex;flex-shrink:0;font-size:14px;justify-content:space-between;line-height:1.43;margin:0 auto;max-width:360px;&-text{padding:20px}&-link{@apply --button;align-items:center;display:flex;font-weight:700;height:auto;padding:20px;text-align:center}}}.loginview{margin:0 auto;padding:0 20px;text-align:center;width:100%;&-outer{background-color:var(--bg);padding-bottom:70px}&-topimg{margin-top:60px}&-header{margin-bottom:50px;margin-top:20px;@apply --large-text;color:var(--cta);font-size:25px}& h2{color:var(--cta);font-size:25px;font-weight:400;margin-top:0}&-row{display:flex;flex-direction:row;font-size:14px;justify-content:center;line-height:1.43;text-align:left;@media(width <=850px){align-items:center;flex-direction:column}&-column{border-radius:5px;margin:0 15px;max-width:390px;width:100%;&-box{background-color:#fff;margin-bottom:30px;padding:20px;&>input{background-color:var(--bg);border:none;border-radius:5px;display:block;margin-bottom:13px;padding:25px 20px;width:100%}}&-succeed{background-color:#d4ebe5;border-radius:5px;color:var(--cta-dark);margin-bottom:30px;margin-top:20px;padding:1px 20px}}&-helptext{min-height:60px}}&-button{@apply --button;font-size:14px;font-weight:700;width:100%;&:disabled{background-color:#c5c5c5}}&-fb-button{display:inline-block;text-align:center;width:100%;@apply --button;background-color:#3853a1;cursor:pointer;height:52px;line-height:52px;margin-top:30px}&-error{color:var(--obs);font-weight:700;margin-bottom:10px;margin-top:10px}&-add-profileimage{align-items:center;background-color:#fff;border:2px dashed var(--bg);border-radius:2px;cursor:pointer;display:flex;font-size:14px;margin-bottom:18px;padding:11px;width:100%;& img{margin-right:14px}}&-profileimage{cursor:pointer;display:flex;justify-content:center;margin-bottom:18px;position:relative;&-image{border-radius:100%;height:100px;width:100px}&-deletebutton{background-color:var(--cta);border-radius:100%;height:40px;left:calc(50% + 10px);position:absolute;top:calc(50% + 10px);width:40px}}}.header{background-color:#fff;box-shadow:0 0 4px 2px hsla(0,0%,60.8%,.2);position:relative;z-index:var(--z-global-header)}.header--inner{align-items:center;background-color:#fff;display:flex;height:60px}.header-logo{flex-grow:1;height:100%;text-align:center}.header-logo-img{bottom:0;height:20px;left:0;margin:auto;opacity:0;position:absolute;right:0;top:0;transition:opacity .2s ease-in-out;&-loading{height:40px}&-visible{opacity:1}}.header-burger{color:#33251a;font-size:16px;font-weight:700;margin:0;padding-left:20px;text-align:left;width:150px;& img{margin-right:10px;vertical-align:middle}}.header-fill{padding-right:15px;width:40px}.header-profile{align-items:center;color:#f04923;display:flex;font-size:18px;justify-content:flex-end;padding-left:10px;padding-right:20px;width:150px}.header-profile-image{border-radius:40px;display:inline-block;height:40px;width:40px}.order{&-back-button{align-items:center;background-color:var(--bg-good);border-radius:40px;display:flex;flex-shrink:0;height:40px;justify-content:center;margin-right:10px;width:40px;@media(width >=900px){display:none}}&-mainheader{display:none;@media(width >=900px){display:block}}&--outer{background-color:var(--bg);bottom:0;height:100%;left:0;position:fixed;right:0;top:0;@media(width >=900px){background:linear-gradient(to left,var(--bg-light) 0,var(--bg-light) 40%,var(--bg) 40%,var(--bg) 100%)}}&--inner{bottom:0;left:0;margin:0 auto;max-width:1080px;position:absolute;right:0;@media(width < 900px){top:0}@media(width >=900px){top:60px}}&-chat-header{left:0;padding-left:20px;position:fixed;right:0;top:0;z-index:var(--z-page-header-1);@media(width >=900px){background-color:var(--bg);padding-bottom:30px;padding-bottom:0;position:absolute;right:auto;top:0}& h2{align-items:center;display:flex;font-size:16px;line-height:28px;margin-bottom:5px;margin-top:10px;width:100%;& div{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}@media(width >=900px){margin-top:30px}}& p{font-size:16px;line-height:22px;margin:0}}&-mobilebackground{background-color:var(--bg);bottom:0;left:0;position:fixed;right:0;top:0;z-index:var(--z-background);@media(width >=900px){display:none}}&-mobile-switch{background-color:#fff;box-shadow:0 0 10px 1px rgba(0,0,0,.1);display:flex;left:0;padding:65px 20px 10px;position:fixed;right:0;top:0;z-index:var(--z-page-header-2);@media(width >=900px){display:none}& button{border:1px solid var(--cta);border-radius:0;flex-grow:1;font-size:16px;height:40px}&-inactive{background-color:var(--bg);color:var(--cta)}&-active{background-color:var(--cta);color:#fff}& button:nth-child(2){border-left:0;border-right:0}& button:first-child{border-radius:2px 0 0 2px}& button:last-child{border:1px solid var(--cta);border-radius:0 2px 2px 0}}&--left{background-color:var(--bg);display:none;height:calc(100% - 110px);margin-top:110px;@media(width >=900px){display:block;float:left;height:calc(100% - 70px);margin-top:70px;width:60%}}&--left.state--active{display:block}&--right{border-left:1.5px dotted rgba(0,52,67,.23);display:none;height:calc(100% - 110px);margin-top:110px;overflow-y:auto;@media(width >=900px){background-color:var(--bg-light);display:block;float:left;height:100%;margin-top:0;width:40%}}&--right.state--active{display:block}&--yarn{display:none;height:calc(100% - 110px);margin-top:110px;overflow-y:auto;@media(width >=900px){height:100%;margin-top:0}}&--yarn.state--active{display:block;@media(width >=900px){display:flex}}&-yarn-selecter-info{display:flex;flex-direction:column}&-view-offer{background:#fff;border-radius:5px;box-shadow:0 0 10px 1px rgba(0,0,0,.1);display:flex;flex-direction:column;margin:0 auto;max-height:100%;max-width:750px;overflow-y:auto;padding:0 10px 30px;position:relative;width:100%;@media(width >=900px){padding-left:30px;padding-right:30px}& a{@apply --button-small}&-wrapper{align-items:center;background-color:rgba(0,0,0,.5);bottom:0;display:flex;left:0;position:fixed;right:0;top:0;z-index:var(--z-page-modal-2)}&-close{font-weight:600;opacity:.5;position:absolute;right:30px;top:17px;&:hover{text-decoration:underline}}& h2{background:url(//a.woolitstatic.no/3e1474acbae9a31a.svg) no-repeat 0 10px;font-size:32px;line-height:1.25;margin-bottom:10px;margin-top:20px;padding-left:55px}&-ordertitle{font-size:16px;font-weight:700}&-textbox{textarea{border:1px solid var(--black);width:100%}}&-endbox{background-color:rgba(74,74,74,.05);border-radius:2px;margin-top:20px;padding:10px;& strong{color:var(--cta);font-weight:700}}&-complete-address-button{@apply --button;align-self:left;height:41px;margin-top:21px;max-width:250px;min-height:41px;width:100%}&-edit-address-button{display:block;font-weight:600;height:41px;opacity:.5;padding:0;text-align:left;width:100%;&:hover{text-decoration:underline}}&-primary-button{@apply --button;align-self:center;height:41px;margin-top:21px;max-width:250px;min-height:41px;width:100%}&-secondary-button{display:block;font-weight:600;height:41px;margin-top:10px;opacity:.5;text-align:center;width:100%;&:hover{text-decoration:underline}}&-price-attributes-list{@media(width >=900px){align-self:center;display:flex;flex-direction:row}}}&-shipping-address-edit{&-input{background-color:#fff;border:1px solid var(--bg-dark);border-radius:2px;display:block;font-size:16px;margin-bottom:10px;padding:20px;width:100%}&-same-row{display:flex;margin:0 0 10px;width:100%;& input{flex-basis:1;flex-grow:1;margin:0 5px;width:100px}& input:first-child{margin-left:0}& input:last-child{margin-right:0}}}&-offer-attribute{display:flex;flex-direction:row;font-size:16px;margin-bottom:10px;& h4,& p{margin:0}&-icon{background-repeat:no-repeat;height:40px;width:50px;&-yarn{background-image:url(//a.woolitstatic.no/b5c297add666e18f.svg)}&-time{background-image:url(//a.woolitstatic.no/112d5e379208efa5.svg)}&-size{background-image:url(//a.woolitstatic.no/be5cc818b516c6cf.svg)}&-price{background-image:url(//a.woolitstatic.no/337777c3f7f07e7c.svg)}}&-content{flex-grow:1;&-text{max-width:150px}}&-totalrow td{padding-top:20px}&-pricecell{text-align:right}}&-payment{background:url(//a.woolitstatic.no/e0035d4bdbed31da.svg) no-repeat 34px 30px,#fff;border-radius:5px;box-shadow:0 0 10px 1px rgba(0,0,0,.1);display:flex;flex-direction:row;margin:0 auto;max-height:100%;max-width:750px;overflow-y:auto;padding:50px 10px 30px;position:relative;width:100%;&-wrapper{align-items:center;background-color:rgba(0,0,0,.5);bottom:0;display:flex;left:0;position:fixed;right:0;top:0;z-index:var(--z-page-modal-2)}&-close{font-weight:600;opacity:.5;position:absolute;right:30px;top:17px;&:hover{text-decoration:underline}}&-column{align-items:flex-start;display:flex;flex-direction:column;padding:0 20px;width:50%;&-left{@media(width <700px){width:100%}}&-right{@media(width <700px){display:none}}}&-mobile-form{@media(width >=700px){display:none}}& h2{line-height:1.25;margin-bottom:50px;margin-top:20px}& h2,&-amount{font-size:32px}&-amount{font-weight:700}&-badge{display:block;margin-top:auto}&-cardlogos{display:none;& img{margin-right:10px}}&-card{background-image:url(//a.woolitstatic.no/0e441315735089eb.svg);display:none;font-family:Andale Mono,AndaleMono,monospace;height:250px;margin-left:-20px;min-height:250px;position:relative;width:355px;&-number{font-size:18px;left:50px;opacity:.5;position:absolute;top:127px}&-date{left:159px;top:157px}&-date,&-name{font-size:14px;opacity:.5;position:absolute}&-name{left:50px;text-transform:uppercase;top:180px}}&-ordertitle{font-size:16px;font-weight:700}&-infobox{background-color:rgba(74,74,74,.05);border-radius:2px;margin-bottom:41px;margin-top:20px;padding:10px;& strong{color:var(--cta-light);font-weight:700}}}&-payment-complete{background:#fff;border-radius:5px;box-shadow:0 0 10px 1px rgba(0,0,0,.1);display:flex;flex-direction:column;margin:0 auto;max-height:100%;max-width:375px;padding:60px 30px 200px;position:relative;width:100%;&-wrapper{align-items:center;background-color:rgba(0,0,0,.5);bottom:0;display:flex;left:0;position:fixed;right:0;top:0;z-index:var(--z-page-modal-2)}&-close{font-weight:600;opacity:.5;position:absolute;right:30px;top:17px;&:hover{text-decoration:underline}}& h2{font-size:32px;line-height:1.25;margin-bottom:20px;margin-top:0}&-celebration-ikon{height:80px;width:80px}&-knitter{bottom:-47px;height:223px;position:absolute;right:20px;width:160px}}&-yarn-basket{background:no-repeat 34px 30px,#fff;border-radius:5px;box-shadow:0 0 10px 1px rgba(0,0,0,.1);display:flex;flex-direction:row;margin:0 auto;max-height:100%;max-width:750px;overflow-y:auto;padding:50px 10px 30px;position:relative;width:100%;&-wrapper{align-items:center;background-color:rgba(0,0,0,.5);bottom:0;display:flex;left:0;position:fixed;right:0;top:0;z-index:var(--z-page-modal-1)}&-close{font-weight:600;opacity:.5;position:absolute;right:30px;top:17px;&:hover{text-decoration:underline}}& h2{font-size:32px;line-height:1.25;margin-bottom:50px;margin-top:20px}&-item{align-items:center;display:grid;grid-template-columns:70px auto 12% 20%;& img{border-radius:60px;display:inline-block;height:60px;margin-right:10px;width:60px}&-price,&-quantity{text-align:right}&-quantity{margin-right:10px}}&-suggest-button{@apply --button;margin:10px 0;width:100%}&-information{background-color:var(--bg-good)}&-total{display:flex;justify-content:space-between;&-text{margin-left:10px}&-value{margin-right:10px}}}}stripe-credit-card-form{display:block;width:100%}.stripeform{&-row{display:flex;flex-direction:row;margin-bottom:10px;margin-left:-10px}&-field{background-color:rgba(0,0,0,.05);border:none;flex-grow:1;font-size:14px;height:60px;line-height:20px;margin-left:10px;padding:20px;&:focus{outline:none}}&-buttons{display:flex;justify-content:space-between;&-submit{@apply --button;background-color:var(--cta);border:none;border-radius:4px;cursor:pointer;height:46px;width:100px;&-loading{background:transparent url(//a.woolitstatic.no/19b5cf54f19743ff.gif) 50% no-repeat;border:1px solid var(--cta);border-radius:4px}}&-cancel{font-size:14px;font-weight:600;opacity:.5}}}.orderDetails-btn{@apply --button}.orderDetails-btn-simple{@apply --button-small;cursor:pointer;&-comment{text-align:left}}.orderDetails-required-field-icon{color:red;font-size:1em;text-decoration:none}.order-details{padding:20px}.order-details h2{margin-top:0}.order-details-markdown{& a{@apply --button-small}}.order-details-product-link{@apply --button-small}.order-details h3{color:#4a4a4a;font-size:1em;font-weight:700;margin:0 0 10px}.order-details--row{margin-bottom:30px}.order-details--small-row{margin-bottom:15px}.order-details-image--wrapper>img{border-radius:2px;margin-right:20px;margin-top:10px}.order-details-patterns img{height:40px;width:40px}.order-details textarea{background-color:#f9f9f9;border:none;height:150px;padding:20px 25px;width:100%}.order-details-image--wrapper{cursor:pointer;display:inline-block;position:relative}.order-details-image--buttons{bottom:10px;position:absolute;right:30px;visibility:hidden}.order-details-image--wrapper:hover .order-details-image--buttons{visibility:visible}.order-details-image--buttons button{background-color:hsla(0,0%,100%,.9);border:1px solid rgba(0,0,0,.2);border-radius:2px;height:20px;margin-left:5px;padding:0;width:20px;&:hover{box-shadow:0 0 4px 2px hsla(0,0%,60.8%,.2)}& img{width:100%}}.order-details-row--header{align-items:flex-start;display:flex;justify-content:space-between}.order-details-row--buttons{text-align:right}.order-details-row--buttons button{margin-left:10px;width:100px}.order-details hr{border-color:#9b9b9b;border-style:dotted;border-top:none}.order-details-property,.order-details-property-image{align-items:center;display:flex}.order-details-property-image{min-width:50px}.order-details-property-title{font-weight:400}.order-details-property-content button{margin:0;max-width:200px}.order-details-property-content{flex-grow:1;text-align:right}.order-details-property-content button{text-align:right}.order-details-price-details{font-weight:300;list-style:none;overflow-x:hidden;padding:0 0 0 100px;& li{list-style-type:none;&:before{content:". . . . . . . . . . . . . . . . . . . . " ". . . . . . . . . . . . . . . . . . . . " ". . . . . . . . . . . . . . . . . . . . " ". . . . . . . . . . . . . . . . . . . . ";float:left;white-space:nowrap;width:0}}}.order-details-price-total{padding-left:50px}.order-details-price-title{background:#fff;padding-right:5px}.order-details-price-value{background:#fff;float:right;padding-left:5px;text-align:right}.order-details-users{display:flex;justify-content:center;margin-top:60px}.order-details-userinfo{font-weight:400;line-height:1.5;margin:20px 10px;text-align:center}.order-details-userinfo-image img{border-radius:60px;height:60px;margin-top:10px;width:60px}.order-details-userinfo-name{font-size:16px}.edit-textarea-div{margin:10px}.order-details-pattern-button{@apply --button-small;display:block;font-size:14px;margin-top:3px}.order-details-paymentbox{&-action-button{@apply --button;display:block;margin:5px 0;width:100%}&-action-button-top{margin-bottom:15px}&-secondary-button{@apply --button-secondary;display:block;margin:5px 0;width:100%}&-action-button-loading{background:transparent url(//a.woolitstatic.no/19b5cf54f19743ff.gif) 50% no-repeat;border:2px solid var(--cta-light);border-radius:2px}& p{font-size:16px;margin:5px 0;text-align:center;width:100%}}.order-details-paymentbox textarea.order-details-paymentbox-tracking-number{height:60px}.order-details-paymentbox p.order-details-paymentbox-shipping-address{font-size:16px;margin:10px 0;text-align:left}.order-details-infobox{margin-bottom:10px;text-align:left;&-nb{color:var(--signal)}}.order-details-deleteorder{@apply --button;background-color:var(--obs);display:block;font-size:16px}.orderyarn{@media(width >=900px){background-color:#fff;margin-bottom:0;margin-left:auto;margin-right:auto;margin-top:0;max-width:750px;overflow:auto;position:relative;width:100%}&-wrapper{@media(width >=900px){background-color:rgba(0,0,0,.5);bottom:0;left:0;margin-bottom:auto;margin-left:auto;margin-right:auto;margin-top:auto;position:fixed;right:0;top:0;z-index:var(--z-page-modal-2)}}&-list{list-style-type:none;margin:0;padding:20px 20px 0;&-header{font-size:30px;margin:10px 20px}&-close{font-weight:600;opacity:.5;position:absolute;right:30px;top:17px;&:hover{text-decoration:underline}}}&-last-hr{margin:0 20px 20px}&-item{align-items:center;cursor:pointer;display:grid;grid-template-columns:80px auto;margin:10px 0;position:relative;& img{border-radius:80px;height:80px;width:80px}&-details{margin-left:10px;padding-right:20px}& h3{color:var(--black);font-weight:400}& h3,& p{font-size:16px;margin:0}& p{color:var(--text-light)}&:after{content:">";font-size:20px;margin-top:-10px;position:absolute;right:4px;top:50%}}&-details{padding-bottom:55px;&-yarn-ball-image{display:block;margin:0 auto;max-width:400px;min-height:250px;object-fit:cover;width:100%}&-back-desktop{display:none;@media(width >=900px){display:block;margin-top:10px;& img{padding:0 5px}}}&-back{display:block;margin-top:10px;& img{padding:0 5px}}&-title{color:var(--black);font-size:25px;font-weight:400;margin:20px 0 17px;padding:0 20px}&-info{background:var(--white);border-bottom:1px solid #000;border-top:1px solid #000;padding:0 20px 10px;& h3{font-size:14px;font-weight:700;line-height:1}&-row{& span{display:block;font-size:14px}&-key{color:var(--text-light)}}}}&-colors{display:grid;grid-template-columns:repeat(auto-fill,minmax(125px,1fr))}&-color{cursor:pointer;padding:10px;position:relative;& img{border-radius:80px;height:80px;margin:0 15px;width:80px}&-selected{cursor:default;img{border:1px solid var(--cta)}}&-sold-out{img{border:2px solid var(--obs);opacity:.2}}&-color-tint-code{margin-top:-5px}&-color-tint,&-color-tint-code{color:var(--text-light);display:block;font-size:14px;text-align:center}&-selected-soldout{font-size:16px;margin:0;text-align:center}&-quantity-added{background-color:var(--cta);border-radius:20px;color:var(--white);font-size:10px;height:20px;line-height:20px;position:absolute;right:20px;top:12px;width:20px}&-quantity-selection{align-items:center;display:flex;justify-content:space-between;margin:0 8px;&-selected{font-size:16px;font-weight:700;text-align:center}&-button{background-color:var(--cta);border-radius:30px;color:var(--white);cursor:pointer;font-size:14px;height:30px;width:30px}}}&-needle-variants{display:table;&-thickness{display:table-row}&-length-buttons,&-price,&-thickness-text{display:table-cell}&-price{padding-right:5px}&-add-to-basket{@apply --button;display:table-cell;transition:background-color 1s;&:active{background-color:var(--white)}}&-length-button{background-color:var(--white);border:1px solid var(--bg-dark);border-radius:2px;cursor:pointer;font-size:16px;height:40px;margin:10px;&:active{border-color:var(--cta-dark)}&:disabled{background-color:var(--bg-bad);cursor:default}&-selected{border-color:var(--cta-light)}}}&-basket{align-items:center;background-color:var(--bg-good);bottom:0;cursor:pointer;max-width:750px;position:fixed;text-align:left;width:100%;h3{color:var(--cta);font-size:16px;font-weight:700;margin-left:20px}&-total,h3{display:inline-block}&-total{background-color:var(--cta);border-radius:20px;color:var(--white);font-size:10px;height:20px;line-height:20px;margin-left:10px;text-align:center;width:20px}&-icon{float:right;font-size:30px;margin-right:20px}}&-other-yarn{&-description{margin:0 20px}&-yarninput{height:80px;width:100%}&-input-fields{margin:0 20px}&-submit{@apply --button;margin:20px;width:80px}}}.image-preview--outer{background-color:rgba(0,0,0,.5);bottom:0;left:0;position:fixed;right:0;top:0;z-index:var(--z-page-modal-2)}.image-preview{align-items:center;background-color:#fff;display:flex;flex-direction:column;height:70vh;justify-content:center;margin:15vh auto;max-width:1000px;padding:20px;position:relative;text-align:center}.image-preview img{max-height:100%;max-width:100%}.image-preview--close{position:absolute;right:20px;top:20px;z-index:var(--z-page-modal-2)}.image-preview--attribution{color:#099878;padding-top:2px;text-decoration:underline}.order-index{&-outer{background-color:var(--bg);background:url(//a.woolitstatic.no/eb35bf43a4e64dd8.svg) top -30px center no-repeat,var(--bg);padding-top:1px}&-inner{margin:0 auto;max-width:1120px;min-height:300px;padding-bottom:70px}&-inner h1{font-size:40px;font-weight:900;margin-bottom:30px;margin-top:50px;text-align:center;@media (width < 740px){font-size:26px;margin-bottom:20px;margin-top:30px}}&-lead{text-align:center;@apply --large-text;margin:0 auto;max-width:620px;padding-left:20px;padding-right:20px;@media (width < 740px){@apply --medium-text;max-width:360px}}&-item{margin:10px}&-order-list{padding-top:40px;&>h2{border-bottom:2px solid var(--cta);display:block;font-size:20px;margin:0 auto 20px;max-width:900px;padding:0 10px 5px;@media (width < 920px){max-width:600px}@media (width < 620px){max-width:300px}}}&-container{align-items:flex-start;display:flex;flex-direction:row;flex-wrap:wrap;justify-content:center;margin:0 10px}&-neworder{background-color:#fffdfa;border:2px dashed #ebe5e0;border-radius:5px;height:514px;margin:10px;max-width:340px;padding:0;width:280px;@media (width < 620px){height:100px}&-inner{align-items:center;display:flex;flex-direction:column;font-size:16px;justify-content:center;line-height:1.38;text-align:center;@media (width < 620px){flex-direction:row;justify-content:center;text-align:left}}&-text{margin-top:10px;max-width:180px;width:100%;@media (width < 620px){margin-left:20px;margin-right:40px;margin-top:0}}& img{@media (width < 620px){margin-left:10px}}}&-empty-item{height:0;margin:10px;max-width:280px;width:280px}&-stats{background:var(--white);display:flex;flex-direction:row;font-size:16px;justify-content:space-evenly;margin:72px auto 60px;max-width:900px;width:100%;@media (width < 920px){max-width:600px}@media (width < 620px){flex-wrap:wrap;font-size:14px;max-width:300px}&-element{align-items:center;display:flex;flex-direction:column;margin:40px auto;@media (width < 620px){width:150px}&-value{font-size:25px}}}}.notification-number{background-color:#ff6764;border-radius:21px;color:#fff;display:inline-block;font-weight:400;height:21px;line-height:21px;margin-left:10px;text-align:center;width:21px}.edit-overlay{background-color:#f9f9f9;bottom:0;display:flex;flex-direction:column;left:0;position:fixed;right:0;top:0;z-index:var(--z-page-modal-2)}@media(min-width:900px){.edit-overlay{display:none}}.edit-overlay-btn{@apply --button}.edit-overlay-close{@apply --button-small-secondary;position:absolute;right:16px;top:19px;z-index:var(--z-page-modal-1)}.edit-overlay-header{box-shadow:0 0 20px 0 #9b9b9b;padding-bottom:20px;padding-top:30px;text-align:center;width:100%;z-index:var(--z-page-modal-2)}.edit-overlay-header img{width:27px}.edit-overlay-header p{margin:10px 0 0}.edit-overlay-main{background-color:#f9f9f9;border:none;flex-grow:1;font-size:16px;padding:30px 26px;width:100%}.price-input-main{font-size:16px;margin:10px}.price-input-edit{background-color:#f9f9f9;border:none;color:#4a4a4a;margin-top:12px;padding:5px 10px}.price-input-edit,.price-input-view{font-size:16px;height:30px;text-align:right;width:60px}.price-input-view{color:#000;margin-right:10px}.price-input-row{display:flex;height:43px;justify-content:space-between}.price-input-p{flex-grow:1;font-weight:400}.edit-overlay-footer,.edit-overlay-footer button{width:100%}.ordercard{background-color:#fff;border-radius:5px;box-shadow:0 0 4px 2px hsla(0,0%,60.8%,.2);font-size:16px;line-height:1.5;max-width:280px;padding:20px;position:relative;width:100%;@media(width >=320px){width:280px}& p{margin:15px 0}& a{@apply --button-small;font-size:16px}&-readmore{@apply --button-small;margin-top:-20px}&-label{color:#878787;font-size:14px;margin-bottom:-18px!important}&-preferences{display:flex;margin:20px auto 0;min-height:42px}&-prefs-title{color:#878787;font-size:14px}&-mainimage{background:transparent url(//a.woolitstatic.no/19b5cf54f19743ff.gif) 50% no-repeat;border-radius:2px;margin-left:-20px;margin-right:-20px;margin-top:-20px;max-width:calc(100% + 40px);min-height:150px;width:calc(100% + 40px)}&-preferences img{height:40px;margin-left:-9px;margin-right:2px}& h2{font-size:18px;font-weight:700;margin-bottom:10px;margin-top:13px}& h2,&-description{word-wrap:break-word}&-description{margin-bottom:5px;margin-top:10px;max-height:72px;overflow:hidden}&-notice-new-changes{background-color:var(--obs);color:#fff}&-notice{border-radius:0 0 5px 0;font-size:14px;left:0;padding:4px 6px;position:absolute;top:0}&-notice-ok{background-color:var(--cta-light);color:#fff}&-action-button{@apply --button;align-items:center;display:flex;height:42px;justify-content:center;margin:16px -20px -20px}}:root{--landingpage-button:{ font-family:var(--display-font); font-size:16pt; line-height:1.3em; padding:12pt 60px; border-radius:6px; color:var(--co-black); text-align:center; };--display-font:"forma-djr-display",sans-serif;--text-font:"forma-djr-text",sans-serif;--small-font:"forma-djr-micro",sans-serif;--brown-medium-opacity:rgba(143,109,87,.4)}.landingpage{align-items:center;background-color:#fff;display:flex;flex-flow:column nowrap;@media (width <= 800px){padding-left:10px;padding-right:10px}&-rotate-90{transform:rotate(90deg)}&-icon{&-right{margin-left:8px}}&-box{align-items:center;background-color:var(--bg);box-sizing:border-box;display:flex;flex-flow:row nowrap;margin:0;max-width:100%;padding:60px;width:1050px;@media (width <= 1050px){flex-direction:column;width:100%}&-left{max-width:50%;@media (width <=1050px){max-width:100%}img{max-width:450px;width:100%}}&-right{display:flex;flex-flow:column nowrap;padding-left:60px}&-rounded{align-items:center;background-color:var(--bg);border-radius:6px;box-sizing:border-box;display:flex;flex-flow:column nowrap;margin:0;max-width:100%;padding:60px;width:900px;@media (width <= 1050px){width:100%}}&-subheader{color:var(--co-black);font-family:var(--display-font);font-size:18pt;font-weight:400;letter-spacing:1px;margin:0;text-align:center}&-ingress{font-family:var(--text-font);font-size:14pt;margin-bottom:48px;margin-top:8px;text-align:center}&-button-container{display:flex;flex-flow:row nowrap;*+*{margin-left:20px}@media (width <= 768px){flex-flow:column nowrap;*+*{margin-left:0;margin-top:20px}}}}&-header{align-items:center;display:flex;height:60px;justify-content:space-between;margin-right:0 auto;@media (width <= 1010px){margin-bottom:15px;margin-left:auto;margin-right:auto;margin-top:15px}&-outer{width:100%}&-burger{background-color:#d5ce8a;border-radius:5px;color:var(--co-black);display:flex;flex:1;font-size:16px;font-weight:700;justify-content:flex-end;margin-left:30px;margin-right:30px;max-width:fit-content;padding-left:10px;padding-right:10px;@media (width <= 800px){display:none;font-size:12px;margin-bottom:5px;margin-left:5px;margin-right:5px;margin-top:5px}}&-hamburgerContainer{color:var(--co-black);display:flex;flex:1;flex-direction:row;justify-content:flex-start;margin-left:20px;padding-right:calc(50vw - 720px);width:50%;@media (width > 800px){display:none}}&-hamburger{background-color:#d5ce8a;border-radius:5px;color:var(--co-black);display:flex;flex:1;justify-content:flex-start;max-width:fit-content;padding:5px 10px;@media (width > 800px){display:none}}&-language{align-items:center;color:var(--co-grey);display:flex;flex:1;justify-content:flex-end;margin-left:20px;padding-left:calc(50vw - 720px);@media (width <= 800px){flex-wrap:wrap;font-size:15px;justify-content:flex-end;margin-bottom:5px;margin-left:5px;margin-right:5px;margin-top:5px}&-button{color:var(--co-grey);padding-left:2px;padding-right:2px}&-selected{color:var(--co-black);cursor:auto;font-weight:600}}&-links{color:var(--co-black);display:flex;flex:1;flex-direction:row;font-size:16px;justify-content:flex-start;padding-left:20px;padding-right:calc(50vw - 720px);padding-inline:20px;@media (width <= 800px){display:none;flex-direction:column;flex-wrap:wrap;font-size:12px;margin-bottom:5px;margin-left:5px;margin-right:5px;margin-top:5px;padding-inline:10px}&-button{color:var(--co-black);padding-left:2px;padding-right:20px}}}&-section{align-self:center;display:flex;flex-flow:column nowrap;width:90%;@media (width <= 1050px){width:100%}&-full{align-items:center;background-color:var(--bg);display:flex;flex-flow:column nowrap;margin-top:75px;padding:75px 5%;width:100%;& .landingpage-section-header{margin-top:0}}&-header{color:var(--co-black);font-family:var(--display-font);font-size:32pt;font-weight:400;line-height:56px;margin:150px auto 48px;text-align:center;width:auto}&-divider{border:1px solid var(--bg);width:100%;&-dark{border:1px solid var(--bg-dark);width:100%}}}&-under-divider-link{color:var(--co-contrast);font-family:var(--text-font);font-size:13pt;margin-top:25px}&-banner{font-family:var(--display-font-family);width:100%;&-buttons{align-self:center;margin-bottom:10px;margin-top:10px}&-button{background-color:#d9d9d9;border-radius:9px;height:10px;margin-left:5px;margin-right:5px;margin-top:10px;width:10px;@media (width <= 800px){height:20px;width:20px}}&-selected{background-color:#d9d9d9;background-color:var(--co-grey);border-radius:9px;height:10px;margin-left:5px;margin-right:5px;margin-top:10px;width:10px;@media (width <= 800px){height:20px;width:20px}}&-b2{align-content:center;align-items:center;background-color:#fff;padding-left:0;padding-right:0;width:100%}&-container{grid-template-columns:repeat(2,minmax(0,1fr));grid-template-rows:repeat(2,minmax(0,1fr));@media (min-width:834px){grid-template-columns:minmax(10px,2fr) minmax(10px,1fr);grid-template-rows:repeat(2,minmax(10px,1fr))}color:var(--text-color);display:grid;font-family:var(--text-font-family);font-size:16px;letter-spacing:.48px;line-height:20.8px;margin:0;width:100%}&-carousel{@media (min-width:375px){grid-column:span 2}@media (min-width:834px){grid-column:auto;grid-row:span 2}padding-bottom:20px;--tw-bg-opacity:1;background-color:#faf6f2;display:flex;flex-direction:column;justify-content:flex-end;max-height:100vh;&-container{flex:0 0 100%;max-height:80vh;min-width:0}&-content{align-items:center;display:flex;flex-direction:column;justify-content:center}&-img{align-self:flex-end;height:auto;max-width:100%;transform:matrix(1,0,0,1,0,0);vertical-align:middle;z-index:0}&-text{align-self:flex-start;padding-left:32px;@media (min-width:834px){align-self:center;max-width:100%}display:flex;flex-direction:column;margin-top:-7rem;z-index:3}&-header{font-family:var(--display-font-family);font-size:36px;margin-left:auto;margin-right:auto;overflow-wrap:normal;word-break:normal;@media (min-width:834px){font-size:36px;line-height:36px}@media (max-width:800px){font-size:24px;line-height:32px;width:300px}}&-text-highlight{color:#cc4e00;font-size:36px;@media (max-width:800px){font-size:24px;line-height:32px}}}&-design-studio-container{background-image:linear-gradient(180deg,hsla(0,0%,100%,0),#33251a),url(//a.woolitstatic.no/e2eb22224c30f644.png);background-size:cover}&-design-studio{display:flex;flex-direction:column;height:100%;justify-content:flex-end;padding-bottom:10px;padding-left:30px}&-design-studio-content{align-self:baseline;padding-left:8px;padding-right:8px;@media (min-width:834px){padding-right:42px}font-family:var(--text-font-family)}&-design-studio-img{object-fit:fill;transform:matrix(1,0,0,1,0,0)}&-design-studio-text{@media (min-width:834px){display:flex}color:var(--white);display:none;font-family:var(--text-font-family);font-size:18px;margin-top:auto;word-break:normal;word-wrap:break-word;white-space:break-spaces}&-design-studio-link-content{@media (min-width:375px){padding-left:16px;padding-right:16px}@media (min-width:834px){padding-left:0;padding-right:0}@media (max-width:834px){font-size:20px;line-height:20px}align-items:center;align-self:flex-end;color:#fff;display:flex;font-family:var(--text-font-family);line-height:32px;padding-bottom:10px}&-design-studio-link-text{color:#fff;font-family:var(--display-font-family);font-size:32px;margin:0;@media (max-width:834px){font-size:20px;line-height:20px}}&-app-container{background-color:#fb8b30}&-app{align-items:flex-end;background-color:#fb8b30;display:flex;font-family:var(--text-font-family);height:100%;padding-bottom:36px;padding-left:30px;padding-right:42px;@media (max-width:834px){padding-bottom:10px;padding-left:10px;padding-right:10px;padding-top:10px}}&-app-img{@media (min-width:834px){height:14rem}@media (min-width:1024px){height:18rem}@media (max-width:834px){margin-bottom:70px}align-self:flex-end;height:12rem;margin-left:-6.75rem;object-fit:scale-down}&-app-content{margin-top:-32px;@media (max-width:834px){margin-bottom:0}}&-app-text{@media (min-width:834px){display:block}display:none;font-family:var(--text-font-family);font-size:18px;margin:0}&-app-link-content{padding-right:20px;@media (max-width:834px){padding-left:0;padding-right:0}align-items:center;display:flex;font-family:var(--display-font-family);font-size:32px;padding-top:8px}&-app-link-text{@media (min-width:834px){margin-top:0;padding-left:0;padding-right:0}@media (max-width:834px){font-size:20px;line-height:20px}font-family:var(--display-font-family);font-size:32px;line-height:32px;margin:0;padding-bottom:8px;padding-top:8px}}&-top{align-items:center;display:flex;flex-direction:column;margin-top:30px;overflow:hidden;width:100%;@media (width <= 800px){margin-top:30px;width:100%}&-inner{padding:0 20px}&-mobile{display:block;@media (width > 1010px){display:none}}&-desktop{display:none;@media (width > 1010px){align-items:flex-start;display:flex;flex-flow:row nowrap;max-width:1440px}}&-banner-image{height:auto;max-width:100%;@media (width <= 1010px){max-width:100%}}&-not-shown-mobile{@media (width <=414px){display:none}}&-knittome-container{align-items:flex-start;display:flex;flex-direction:column;height:100%;justify-content:flex-start;margin-bottom:49px;margin-top:22px;padding:50px;width:50%;@media (width <= 800px){width:100%}&-slogan{color:var(--co-black);font-family:var(--display-font-family);font-size:32px;letter-spacing:normal;margin-bottom:20px;text-align:center;@media (width >=1024px){font-size:32px}}&-description{color:var(--co-black);font-family:var(--text-font-family);font-size:18px;letter-spacing:normal;margin-bottom:20px;text-align:start;@media (width >=1024px){font-size:20px}}&-img{height:auto;width:100%}&-application{color:var(--cta);font-family:Lato;font-size:16px;font-stretch:normal;font-style:normal;font-weight:700;height:19px;letter-spacing:normal;line-height:normal;text-align:center;text-decoration:underline}&-internal-link{color:var(--co-contrast);font-family:var(--text-font);font-size:13pt;margin-top:25px}}&-text-container{align-items:center;display:flex;flex-direction:row;justify-content:space-around;margin-bottom:49px;margin-top:22px;width:80%;@media (width <= 800px){flex-direction:column;width:100%}&-slogan{color:var(--co-black);font-family:forma-djr-display;font-size:5.8vw;font-stretch:normal;font-style:normal;font-weight:400;letter-spacing:normal;line-height:1.36;margin-bottom:30px;text-align:center;@media (width >=1024px){font-size:60px}}&-application{color:var(--cta);font-family:Lato;font-size:16px;font-stretch:normal;font-style:normal;font-weight:700;height:19px;letter-spacing:normal;line-height:normal;text-align:center;text-decoration:underline}&-internal-link{color:var(--co-contrast);font-family:var(--text-font);font-size:13pt;margin-top:25px}}}&-main-header{font-size:26px;font-style:italic;font-weight:400;font-weight:300;line-height:34px;margin:0;max-width:100%;padding:20px 0;width:335px;@media (width >=550px){width:480px}@media (width >=768px){margin-left:auto;margin-right:auto;text-align:center}@media (width >=1024px){font-size:40px;line-height:50px;padding-top:50px;width:590px}@media (width >=1200px){padding-top:70px}&-emp{font-style:normal;font-weight:900}}&-how-it-works{display:flex;flex-wrap:wrap;justify-content:center;max-width:100%;padding-top:40px;width:1010px;&-container+&-container{margin-left:40px}@media (width < 1010px){flex-flow:column nowrap;&-container+&-container{margin-left:0;margin-top:50px}}&-container{align-items:center;display:flex;flex-direction:column;&-clickable{cursor:pointer}}&-image{align-self:center;height:80px;img{display:block;height:100%;margin:auto}}&-text{color:var(--co-grey);font-size:12pt;height:96px;line-height:1.5;max-width:310px}& h3,&-text{font-family:var(--text-font);text-align:center}& h3{color:var(--co-black);font-size:14pt;letter-spacing:1px;margin-bottom:4px}}&-readmore-link{@apply --button-small;@apply --h2-text;align-items:center;background:var(--bg);display:flex;justify-content:center;margin-left:0;padding-bottom:40px;& img{margin-right:10px}}&-campaign{align-items:center;display:flex;flex-flow:column nowrap;&-item-container{display:flex;flex-flow:row wrap;justify-content:center}&-container{margin-bottom:32px;margin-left:8px;margin-right:8px}&-img{border-radius:4px;height:450px;overflow:hidden;width:300px;img{display:block;height:100%;margin:auto}}&-product-name{color:var(--co-black);font-size:20pt;font-weight:100;margin-top:4px}&-product-name,&-see-more{font-family:var(--text-font)}&-see-more{align-items:center;color:var(--co-contrast);display:flex;font-size:16px;line-height:22px}}&-garments{align-items:center;display:flex;flex-direction:column;margin-bottom:30px;width:100%;&-item-container{display:flex;flex-flow:row wrap;justify-content:center;width:100%}&-name{color:var(--co-black)}&-designer,&-name{display:block;font-family:var(--text-font);font-size:12pt}&-designer{color:var(--co-grey)}&-container{margin:10px 10px 32px;width:300px}&-image-container{border-radius:4px;display:block;height:450px;margin-bottom:8px;overflow:hidden;width:300px}&-img{min-height:100%;min-width:100%}&-hashtags-container{display:flex;flex-wrap:wrap;margin-top:8px;max-width:300px}&-name+&-hashtags-container{margin-top:31px}&-hashtag{background-color:var(--bg-dark);border-radius:4px;color:var(--co-black);font-family:var(--text-font);margin-right:5px;padding:4px 8px}&-see-all-button{@apply --button-small;@apply --h2-text;align-items:center;align-self:center;color:var(--co-contrast);display:flex;margin-top:16px;& img{margin-right:10px}&-hidelarge{@media (width >=1024px){display:none}}}}&-noninline-buttons{@media (width >=1200px){display:none}}&-button{&-primary{@apply --landingpage-button;color:var(--bg);position:relative;&-content{border:2px solid transparent;color:inherit;letter-spacing:.1ch;margin:0 0 -4px;position:relative;text-shadow:0 0 4px rgba(0,0,0,.6)}&:before{background-image:url(//a.woolitstatic.no/962e1c8f27043b88.png);background-size:cover;border-radius:4px;content:"";filter:brightness(80%);height:100%;left:0;position:absolute;top:0;width:100%}}&-secondary{@apply --landingpage-button;border:2px solid var(--text-light-tint-60)}}&-extra-buttons{display:flex;justify-content:center;margin-left:-10px;width:100%}&-extra-button{@apply --button-small;@apply --h2-text;align-items:center;display:flex;margin-left:10px;margin-right:10px;& img{margin-right:10px}&-hidelarge{@media (width >=1024px){display:none}}}&-main-text{@apply --large-text;margin:0 20px;max-width:calc(100% - 40px);width:305px;@media (width>=550px){width:480px}@media (width>=768px){margin-left:auto;margin-right:auto;text-align:center}@media (width>=1024px){width:600px}}&-subscribe{width:100%;&-label{color:var(--co-black);display:block;font-family:var(--text-font);font-size:16pt;font-weight:400;line-height:34px;margin-bottom:20px;margin-left:auto;margin-right:auto;max-width:500px;text-align:left;text-align:center}&-row{display:flex;flex-direction:row;justify-content:space-between;margin:0 auto;width:80%;@media (width <= 768px){flex-direction:column;min-width:280px;width:50%}}&-input{border:2px solid var(--bg-dark);border-radius:6px;color:var(--co-grey);flex-grow:1;font-family:var(--text-font);font-size:16px;height:62px;margin-right:24px;overflow:visible;padding-left:20px;@media (width <= 768px){margin-bottom:20px;margin-right:0}}}&-bottom{background-color:var(--bg);padding-bottom:70px;padding-left:20px;padding-right:20px}&-eye{display:block;height:80px;width:80px;@media (width>=768px){margin-left:auto;margin-right:auto}}&-produced-header{font-size:26px;font-weight:400;line-height:34px;margin-bottom:40px;max-width:100%;width:335px;@media (width>=768px){margin-left:auto;margin-right:auto;text-align:center;width:450px}&-emp{font-weight:900}}&-produced{align-items:flex-start;display:flex;flex-direction:column;margin-bottom:30px;max-width:100%;@media (width>=1024px){flex-direction:row;justify-content:center}&-item{@apply --large-text;display:flex;margin-bottom:30px;@media (width>=768px){justify-content:center}@media (width>=1024px){align-items:center;flex-direction:column;text-align:center}@media (width>=768px){margin-left:30px;margin-right:30px}& img{border-radius:160px;height:160px;margin-left:-50px;margin-right:20px;width:160px;@media (width>=768px){margin-left:0}@media (width>=1024px){margin-bottom:20px;margin-right:0}}& h3{@apply --large-text;margin:0}& div{flex-shrink:1;margin-right:20px;width:205px;@media (width>=550px){width:380px}@media (width>=768px){margin-bottom:0;margin-left:0;margin-right:0;margin-top:0}@media (width>=768px){width:205px}}& p{margin:0}}}&-knitters-header{color:#4a4a4a;font-family:Spectral;font-size:40px;font-stretch:normal;font-style:normal;font-weight:400;letter-spacing:normal;line-height:1.36;margin-bottom:40px;margin-top:80px;text-align:center;@media (width>=768px){margin-left:auto;margin-right:auto;text-align:center;width:450px}&-emp{font-weight:900}}&-knittersmsg{margin-bottom:40px;text-align:center;width:100%}&-knitters{display:flex;flex-wrap:wrap;justify-content:center;margin:0 auto 40px}&-our-knitters{background-color:var(--bg);display:flex;flex-direction:column}&-knitter{background-color:#fff;border:2px solid var(--bg-dark);border-radius:5px;display:block;height:357px;margin:10px;padding:0 20px;width:250px;&-header{align-items:center;display:flex;& h2{color:#4a4a4a;font-family:var(--text-font);font-size:25px;font-stretch:normal;font-style:normal;font-weight:400;height:66px;letter-spacing:normal;line-height:1.38;margin:14px 0 12px 10px;width:130px}}&-profilepicture{border-radius:100%;flex-shrink:0;width:70px}&-works{align-items:flex-start;display:flex;flex-direction:column;flex-wrap:wrap;height:216px;justify-content:flex-start;width:210px;& img{height:108px;width:105px}}&-footer{font-size:14px;font-stretch:normal;font-style:normal;height:20px;letter-spacing:normal;line-height:1.43;margin-top:14px;text-align:center;width:210px}&-footer,&-see-all-knitters-button{color:var(--co-contrast);font-family:var(--text-font)}&-see-all-knitters-button{align-items:center;align-self:center;display:flex;font-size:14pt;margin-top:16px}}&-cost-example{align-items:center;background-color:var(--white);display:flex;flex-direction:column;padding-bottom:40px;width:100%;&-container{align-content:stretch;display:flex;flex-direction:row;justify-content:center;margin:0 20px;@media (width <= 970px){flex-wrap:wrap-reverse;max-width:599px}@media (width <= 640px){max-width:339px}& img{border-radius:4px}}&-price{background-color:var(--bg);border-bottom-left-radius:4px;border-top-left-radius:4px;display:flex;flex-direction:column;font:var(--text-font);justify-content:space-between;margin-left:20px;min-width:280px;padding-block-start:1em;padding:30px;@media (width <= 640px){line-height:2.5;margin-bottom:20px;margin-left:0;margin-right:0;margin-top:20px;width:100%}@media (width <= 970px){border-radius:4px}&-row{display:flex;flex-flow:row nowrap;justify-content:space-between;width:100%}&-label,&-value{color:var(--co-grey);font-size:12pt}&-value{font-weight:600}&-total div{color:var(--co-contrast)}&-header{color:var(--co-black);font-family:var(--display-font);font-size:16pt;font-weight:400;margin-bottom:16px}}&-horisontal-line{background-color:var(--bg-dark);border:none;height:2px;width:100%}&-vertical-line{background-color:var(--bg-dark);border:none;height:100%;margin:0;width:2px;@media (width <= 970px){display:none}&-container{background-color:var(--bg);padding:30px 0}}&-description{background-color:var(--bg);border-bottom-right-radius:4px;border-top-right-radius:4px;color:var(--co-grey);display:flex;flex-direction:column;font-family:var(--text-font);font-size:16px;justify-content:space-between;line-height:25px;max-height:363px;max-width:500px;padding:30px;& button{margin-top:42px}& p{margin:0}@media (width <= 970px){background-color:var(--white);margin-bottom:20px;padding-bottom:0;padding-left:0;padding-right:0;padding-top:0}}& span{font-weight:700;margin-block-end:0;margin-block-start:0}& img{@media (width <= 640px){border-radius:4px;max-width:339px;object-fit:contain;width:100%}}&-total-price{color:var(--co-contrast);padding-bottom:20px}&-create-order{@apply --button;display:block;margin-left:auto;margin-right:auto;max-height:40px;max-width:375px;width:100%}}&-media-links{align-items:center;background-color:var(--white);display:flex;flex-direction:column;width:100%;&-header{font-family:Spectral;font-size:40px;font-weight:600;margin-bottom:20px;margin-top:40px}&-container{width:90vw;@media (width>=768px){width:70vw}align-items:center;display:flex;flex-direction:row;justify-content:space-around}&-item{img{min-width:110px;width:15vw}}}&-waiting-list-link{text-decoration:underline}}.about-landing{background-color:#fff;&-header{align-items:center;display:flex;height:60px;justify-content:space-between;margin:0 auto;&-outer{background-color:var(--bg);width:100%}&-login{display:none;@apply --button-small;@apply --h2-text;justify-content:flex-end;margin-right:20px;text-align:right;@media (width >=1024px){display:flex}& img{margin-right:10px}}&-burger{color:var(--cta);font-size:16px;font-weight:700;margin:0;padding-left:20px;width:120px;& img{margin-right:10px;vertical-align:middle}}}&-top{background:var(--bg);&-inner{margin:0 auto;max-width:824px;width:100%;@media (width < 1024px){max-width:568px}@media (width < 768px){max-width:100%;padding-left:20px}}}&-main-heading{font-size:40px;font-weight:400;line-height:34px;margin:0;padding-bottom:115px;padding-top:60px;text-align:left;text-align:center;width:100%;@media (width < 1200px){padding-bottom:0;text-align:left}@media (width < 1024px){font-size:26px;max-width:230px}&-emp{font-weight:900}}&-explanation{background:linear-gradient(to bottom,var(--bg) 0,var(--bg) 149px,transparent 149px,transparent 100%);&-inner{display:flex;justify-content:space-around;margin:0 auto;max-width:1700px;padding:0 80px;width:100%;@media (width < 1200px){align-items:center;flex-direction:column;justify-content:flex-start;padding-bottom:0;padding-left:0;padding-right:0;padding-top:0}}&-step{max-width:300px;width:100%;@media (width < 1200px){background:linear-gradient(to bottom,var(--bg) 0,var(--bg) 209px,transparent 209px,transparent 100%);margin-top:70px;max-width:100%;padding-top:60px;&:first-child{background:linear-gradient(to bottom,var(--bg) 0,var(--bg) 149px,transparent 149px,transparent 100%);margin-top:14px;padding-top:0}}&-inner{width:100%;@media (width < 1200px){margin-bottom:0;margin-left:auto;margin-right:auto;margin-top:0;max-width:824px}@media (width < 1024px){max-width:568px}@media (width < 768px){margin-bottom:0;margin-left:0;margin-right:0;margin-top:0;max-width:550px;padding-left:20px;padding-right:20px}@media (width < 550px){max-width:375px}}&-header{align-items:flex-end;display:flex;justify-content:space-between}&-number{margin-bottom:11px}&-img{max-width:220px;width:100%}&-heading{@apply --large-text;margin-bottom:40px;margin-top:40px;@media (width < 1200px){margin-bottom:30px;margin-top:30px}}&-text{@apply --large-text;width:100%;@media (width < 1200px){max-width:700px}@media (width < 1024px){max-width:480px}@media (width < 550px){max-width:305px}}}}&-bottom{padding-left:20px;padding-right:20px}&-create-order{@apply --button;display:block;margin-bottom:30px;margin-top:140px;max-width:335px;width:100%;@media (width >=768px){margin-left:auto;margin-right:auto}}&-extra-buttons{display:flex;margin-left:-10px;@media (width >=768px){justify-content:center;width:100%}}&-extra-button{@apply --button-small;@apply --h2-text;align-items:center;display:flex;margin-left:10px;margin-right:10px;& img{margin-right:10px}}}.footer{background:#fff;display:flex;flex-direction:column;padding-bottom:70px;padding-top:70px;@media (width >= 768px){align-items:center}@media (width >=1024px){align-items:flex-start;flex-direction:row;justify-content:center}&-menu{display:flex;flex-direction:column;margin-bottom:20px;margin-left:11px;margin-right:11px;@media (width >=768px){flex-direction:row;flex-wrap:wrap;width:480px}@media (width >=1024px){margin-bottom:0;margin-left:0;margin-right:0;margin-top:0}&-item{@apply --button-small-secondary;background:url(//a.woolitstatic.no/c51e1833bea7f340.svg) no-repeat 0;font-size:16px;line-height:22px;margin-bottom:10px;margin-left:11px;margin-right:11px;padding-left:27px;width:137px}}&-social{margin-bottom:30px;margin-left:15px;margin-right:15px;@media (width >=768px){text-align:center}@media (width >=1024px){margin-bottom:0;margin-left:0;margin-left:50px;margin-right:0;margin-top:0}&-item{margin-left:5px;margin-right:5px}}&-copyright{color:#828282;display:flex;font-size:16px;line-height:22px;margin-left:20px;margin-right:20px;@media (width >=768px){justify-content:center}@media (width >=1024px){margin-bottom:0;margin-left:0;margin-right:0;margin-right:50px;margin-top:0}@media (width >=1024px){order:-1}& img{margin-right:10px}}}.menu{background-color:var(--bg);bottom:0;position:fixed;right:0;top:0;width:300px;z-index:var(--z-menu);@media (width <= 800px){width:100%}&-navItem{color:#7e6a5b}&-landingpage{padding-left:10px}&-btnContainer{display:flex;justify-content:flex-end;width:100%;@media (width <= 800px){font-size:20px}}&-close{background-color:#fff;border-color:darkgrey;border-radius:4px;border-width:1px;color:#33251a;display:block;height:fit-content;margin:5px;padding:4px;width:fit-content;@media (width <= 800px){font-size:20px}& img{margin-right:20px}}&-list{align-items:center;font-family:Lato;font-size:16px;justify-content:center;list-style:none;padding-left:0;width:300px;@media (width <= 800px){font-size:20px}&-item{align-items:flex-start;color:#33251a;display:flex;font-weight:600;padding:10px 20px;width:300px;@media (width <= 800px){font-size:23px;padding-bottom:5px}& img{margin-right:10px}&-selected{background-color:#33251a;color:var(--white)}}&-heading{border-bottom:1px solid #fff;font-size:18px;margin:0 10px;padding:10px 20px}}}.legal{& h2{max-width:500px;width:100%;@apply --large-text;margin:0 auto 20px}&-container{display:flex;justify-content:center;padding-top:140px;@media (width < 820px){flex-direction:column;margin-bottom:0;margin-left:auto;margin-right:auto;margin-top:0;max-width:540px;padding-left:20px;padding-right:20px;padding-top:20px;width:100%}}&-menuitem{@apply --button-small;align-items:center;display:block;display:flex;font-size:16px;font-weight:700;margin-bottom:10px;& img{margin-right:10px}}&-left{max-width:270px;padding-top:52px;width:100%;@media (width < 820px){margin-bottom:40px}}&-center{max-width:500px;width:100%;& a{@apply --button-small}}&-right{width:270px;@media(width <= 1200px){display:none}}}.contact{line-height:22px;margin:0 auto;max-width:500px;padding-left:15px;padding-right:15px;padding-top:100px;text-align:center;width:100%;& h2{color:var(--cta-dark);margin-bottom:28px;margin-top:20px}& a{@apply --button-small;font-weight:700}& p{margin-bottom:22px}}.fallback{line-height:22px;margin:0 auto;max-width:360px;padding-left:15px;padding-right:15px;padding-top:100px;text-align:center;width:100%;& h2{color:var(--cta-dark);margin-bottom:28px;margin-top:20px}& a{@apply --button-small;font-weight:700}& p{margin-bottom:22px}&-cat{margin-top:21px}}.available-orders{&-outer{background-color:var(--bg);background:url(//a.woolitstatic.no/eb35bf43a4e64dd8.svg) top 30px center no-repeat,var(--bg);padding-top:1px}&-markdown{& a{@apply --button-small}}&-inner{margin:0 auto;max-width:1120px;min-height:300px;padding-bottom:70px}&-inner h1{font-size:40px;font-weight:900;margin-bottom:30px;margin-top:50px;text-align:center;@media (width < 740px){font-size:26px;margin-bottom:20px;margin-top:30px}}&-lead{text-align:center;@apply --large-text;margin:0 auto;max-width:620px;padding-left:20px;padding-right:20px;@media (width < 740px){@apply --medium-text;max-width:360px}}&-item{margin:10px;&-disabled{opacity:.5;.available-orders-card-wrapper{cursor:default}}}&-card-wrapper{cursor:pointer}&-container{align-items:flex-start;display:flex;flex-direction:row;flex-wrap:wrap;justify-content:center;margin:0 10px;padding-top:40px}&-empty-item{height:0;margin:10px;max-width:280px;width:280px}&-overlay{align-items:center;background-color:rgba(0,0,0,.2);bottom:0;display:flex;justify-content:center;left:0;position:fixed;right:0;top:0;z-index:var(--z-page-modal-2);&-inner{background-color:#fff;border-radius:5px;box-shadow:0 0 10px 1px rgba(0,0,0,.1);margin:0 auto;max-height:100%;max-width:700px;min-height:100px;overflow-y:auto;padding:20px;position:relative;width:100%;@media (width <=720px){max-width:380px}}&-description{word-wrap:break-word}&-close{position:absolute;right:10px;top:10px}&-heading{@apply --medium-text;margin:0 0 20px}&-owner{margin-bottom:20px}&-image{background:transparent url(//a.woolitstatic.no/19b5cf54f19743ff.gif) 50% no-repeat;cursor:pointer;margin-right:9px;&:last-child{margin-right:0}&:nth-child(3){@media (width < 320px){display:none}}}&-input-message{background-color:#fff;border:1px solid var(--cta-light);border-radius:3px;height:200px;margin-top:10px;padding:13px 10px;width:100%}&-take-assignment{@apply --button;margin-bottom:30px;margin-top:30px;width:100%}&-container{display:flex;@media (width <=720px){flex-direction:column}}&-left{flex-grow:1;margin-right:10px;width:340px;@media (width <=720px){margin-right:0}}&-right{flex-grow:1;margin-left:10px;width:300px;@media (width <=720px){margin-left:0;margin-top:20px}}&-preference{display:flex;font-size:14px;margin:20px auto 0;min-height:42px}&-prefs-title{font-weight:700}&-preference img{height:40px;margin-right:10px;width:40px}}&-last-taken-work{&-item{margin:10px;opacity:.5;.available-orders-card-wrapper{cursor:default}}&-header{align-items:center;display:flex;flex-direction:row;margin:65px auto 0;max-width:880px;& h2{font-size:20px;font-weight:300;line-height:1.4;margin:0}&-line{border-bottom:1px solid rgba(85,23,21,.23);flex-grow:1;height:0;margin-left:20px}}}}.errors{background-color:#fff;border-radius:5px;box-shadow:0 0 10px 1px rgba(0,0,0,.1);margin:0 auto;max-width:700px;min-height:100px;padding:20px;position:relative;width:100%;&-wrapper{align-items:center;background-color:rgba(0,0,0,.5);bottom:0;display:flex;justify-content:center;left:0;position:fixed;right:0;top:0;z-index:var(--z-errors)}&-close{@apply --button;height:40px;min-width:100px}}.confirmation{background-color:#fff;border-radius:5px;box-shadow:0 0 10px 1px rgba(0,0,0,.1);font-size:18px;margin:0 auto;max-height:100%;max-width:380px;min-height:100px;overflow-y:auto;padding:20px;position:relative;width:100%;&-wrapper{align-items:center;background-color:rgba(0,0,0,.2);bottom:0;display:flex;justify-content:center;left:0;position:fixed;right:0;top:0;z-index:var(--z-confirmation)}&-buttons{display:flex;margin-right:-20px;margin-top:25px;&-button{flex-basis:0;flex-grow:1;@apply --button;margin-right:20px;&-obs{background-color:var(--obs);&:active{background-color:var(--obs-shade-20)}}}}}.page-content-default{background-color:var(--bg);padding-bottom:70px}.global-modal{background-color:#fff;border-radius:5px;box-shadow:0 0 10px 1px rgba(0,0,0,.1);font-size:18px;margin:0 auto;max-height:100%;max-width:380px;min-height:100px;overflow-y:auto;padding:20px;position:relative;width:100%;& h1{color:var(--cta);font-size:25px;margin:0}&-error{color:var(--obs);font-weight:700;margin-bottom:10px;margin-top:10px}&-state-SetEmail{max-width:600px}&-wrapper{align-items:center;background-color:rgba(0,0,0,.2);bottom:0;display:flex;justify-content:center;left:0;position:fixed;right:0;top:0;z-index:var(--z-global-modal)}&-loading{height:56px;margin:0 auto;text-align:center;width:100%}&-buttons{display:flex;margin-right:-20px;margin-top:25px;&-button{flex-basis:0;flex-grow:1;@apply --button;margin-right:20px;&-obs{background-color:var(--obs);&:active{background-color:var(--obs-shade-20)}}}}&-email-input{background-color:var(--bg);border:none;border-radius:5px;display:block;margin-bottom:13px;margin-top:10px;padding:25px 20px;width:100%}&-newsletter{&-checkbox{margin-right:10px;margin-top:10px}}}.login-page{font-size:16px;margin:0 auto;padding:0 20px;text-align:center;width:100%;&-outer{background-color:var(--bg);padding-bottom:70px}&-inner{background-color:#fff;border-radius:5px;margin:0 auto 30px;max-width:390px;padding:20px;width:100%}&-topimg{margin-top:60px}&-header{margin-bottom:50px;margin-top:20px;@apply --large-text;color:var(--cta);font-size:25px}}.login-view{line-height:1.43;text-align:left;width:100%;&-overlay{align-items:center;background-color:rgba(0,0,0,.6);bottom:0;display:flex;justify-content:center;left:0;position:fixed;right:0;top:0;z-index:var(--z-page-modal-2);&-inner{background-color:#fff;border-radius:5px;box-shadow:0 0 10px 1px rgba(0,0,0,.1);margin:0 auto;max-height:100%;max-width:390px;min-height:100px;overflow-y:auto;padding:20px;position:relative;width:100%}}&>form>input{background-color:#fff;border:1px solid #b7d4ce;display:block;font-size:16px;height:50px;margin-bottom:13px;padding:13px 10px;width:100%}&-helptext p{font-size:14px;margin:5px 0}& h2{color:var(--cta);font-size:25px;font-weight:400;margin-top:0}&-loading{height:56px;margin:0 auto;text-align:center;width:100%}&-forgot-password-button{@apply --button-small;cursor:pointer;margin:0 0 13px;padding:0}&-send-new-code-button{@apply --button-small;cursor:pointer;margin:0 0 13px;padding:0}&-button{@apply --button;cursor:pointer;font-size:14px;font-weight:700;width:100%;&:disabled{background-color:#c5c5c5}}&-button-co{@apply --button-co;bottom:0;margin:0 -40px;max-width:430px;position:fixed;width:100%}&-separator-or{border-bottom:1px solid var(--text-light-tint-60);color:var(--text-light);line-height:.1em;margin:40px 0;text-align:center;width:100%;& span{background:#fff;padding:0 10px}}&-change-state{border-top:1px solid var(--text-light-tint-60);margin-top:25px;padding-top:25px;&-button{@apply --button-small;cursor:pointer;font-size:16px;font-weight:700;margin:0}}&-change-state-co{color:var(--co-grey);cursor:pointer;font-size:18px;line-height:22px;margin-top:18px}&-fb-button{display:flex;width:100%;@apply --button;align-items:center;background-color:#4267b2;cursor:pointer;height:52px;margin:20px auto 0;padding:10px;& img{height:32px;margin-right:20px;vertical-align:middle}}&-error{color:var(--obs);font-weight:700;margin-bottom:10px;margin-top:10px}&-newsletter{&-checkbox{margin-bottom:20px;margin-right:10px;margin-top:10px}}}.profile{margin:0 auto;max-width:400px;padding:30px;& h1{font-size:20px;font-weight:700;margin:0}&-error{background-color:var(--obs);color:#fff}&-error,&-information{border-radius:2px;font-size:16px;margin-bottom:20px;padding:10px;text-align:center;width:100%}&-information{background-color:var(--bg-good);color:#000}&-loading{display:block;margin:0 auto;width:100px}&-input{background-color:#fff;border:1px solid var(--bg-dark);border-radius:2px;display:block;font-size:16px;margin-bottom:10px;padding:20px;width:100%}&-button{@apply --button;cursor:pointer;font-size:18px;margin-top:20px;width:100%}&-button-cancel{cursor:pointer;font-size:18px;height:52px;line-height:52px;text-align:center;width:100%}&-icon-button{background:url(//a.woolitstatic.no/ea610d6690550a2d.svg) no-repeat left 2px;color:var(--cta);cursor:pointer;display:block;font-size:18px;font-weight:700;margin:20px 0;padding-left:25px}&-profile-image-row{align-items:center;display:flex;margin-bottom:30px;& img{border-radius:100%;height:80px;margin-right:20px;width:80px}}&-info{background:#fff;border-radius:5px;box-shadow:0 0 10px 1px rgba(0,0,0,.1);font-size:16px;margin-bottom:20px;max-width:340px;padding:20px;& h2{margin:0 0 20px}&-row{display:grid;grid-template-columns:50px auto;margin-bottom:20px;&:last-child{margin-bottom:0}&-icon{display:block;grid-column-start:1;grid-row-end:3;-ms-grid-row-span:2}&-icon,&-title{grid-row-start:1}&-title{font-weight:700;grid-column-start:2}&-value{color:#828282;grid-column-start:2;grid-row-start:2;& p{margin:0}}}}&-change-info-row5050{display:flex;margin:0 0 10px;width:100%;& input{flex-basis:1;flex-grow:1;margin:0 5px;width:100px}& input:first-child{margin-left:0}& input:last-child{margin-right:0}}&-toggle-notifications{font-size:18px;margin-right:10px;& input{font-size:18px;margin-right:5px}}&-newsletter-button{&-unsubscribe{@apply --button-small;margin-left:10px}&-subscribe{@apply --button;height:30px}}}.knitter{margin:0 auto;max-width:744px;padding:0 20px;&-header{display:grid;grid-template-columns:181px 43px 1fr 85px 48px;grid-template-rows:56px auto auto 42px auto;padding-top:40px;@media (width <=744px){grid-template-columns:94px 85px minmax(133px,1fr) 1fr;grid-template-rows:auto 82px auto auto auto auto}&-edit-button{@apply --button;grid-column:4/span 2;grid-row:1;height:40px;@media (width <=744px){grid-column:1/span 2;grid-row:1;margin-bottom:20px}}&-save-button{@apply --button;grid-column:4/span 2;grid-row:1;height:40px;@media (width <=744px){grid-column:1/span 2;grid-row:1;margin-bottom:20px}}&-edit-loading{grid-column:4/span 2;grid-row:1;height:40px;& img{height:100%}}&-profile-picture{border-radius:100%;grid-column-start:1;grid-row:1/span 2;height:153px;justify-self:center;width:153px;@media (width <=744px){grid-row:2/span 2;height:82px;width:82px}}&-status{color:var(--cta-light);font-size:20px;font-style:italic;grid-column-start:1;grid-row-start:4;text-align:center;@media (width <=744px){grid-column-end:span 3;grid-row-start:4;text-align:left}}&-contact{background:url(//a.woolitstatic.no/4b541964bc61aa18.svg) 23px no-repeat,#fff;border-radius:22px;color:#850025;cursor:pointer;display:block;font-size:20px;font-weight:300;grid-column-start:1;grid-row-start:5;height:40px;line-height:40px;margin-bottom:2px;padding-left:61px;@media (width <=744px){grid-column:1/span 2;grid-row-start:7;margin-right:15px}&:hover{box-shadow:0 0 4px 2px hsla(0,0%,60.8%,.2)}}& h1{font-size:36px;font-weight:300;line-height:1;margin:0 0 2px;@media (width<=744px){font-size:24px}}&-membersince{color:#850025;font-size:14px;font-style:italic;font-weight:300;@media (width <=744px){font-size:11px}}&-name{grid-column-start:3;grid-row-start:2;@media (width <=744px){align-self:center;grid-column:2/span 3;grid-row-start:2}}&-bio{font-size:14px;grid-column:3/span 2;grid-row:3/span 4;line-height:1.71;margin-top:10px;padding-bottom:20px;@media (width <=744px){grid-column:1/span 4;grid-row:5/span 1}& textarea{border:1px solid #b7d4ce;font-size:14px;height:150px;padding:5px;resize:none;width:100%}}&-instagram{align-items:flex-end;color:gray;display:flex;font-size:14px;grid-column:3/span 2;grid-row:2/span 1;line-height:1.71;margin-bottom:0;white-space:nowrap;@media (width <=744px){align-items:flex-end;grid-column:2/span 4;grid-row:2/span 1}& textarea{border:1px solid #b7d4ce;font-size:14px;height:35px;margin-left:5px;padding:5px;resize:none;width:100%}& img{height:20px;padding-right:5px}}&-mentions{background-color:#fff;border-radius:20px;font-size:20px;font-weight:300;grid-column:4/span 2;grid-row-start:2;height:40px;line-height:40px;padding-left:20px;@media (width <=744px){grid-column:3/span 1;grid-row-start:7}&-num{color:#850025;font-weight:400;margin-left:5px}}}&-work{& h2{font-size:20px;font-weight:300;line-height:1.4;margin:0;& em{color:#850025;font-style:normal;font-weight:400}}&-header{align-items:center;display:flex;flex-direction:row;margin-top:65px;&-line{border-bottom:1px solid rgba(85,23,21,.23);flex-grow:1;height:0;margin-left:20px}}&-list{display:flex;flex-direction:row;flex-wrap:wrap;margin:10px -12px 0}&-add{align-items:center;background-color:var(--bg-light);border:1px dashed rgba(0,0,0,.1);border-radius:5px;box-shadow:0 0 10px 0 rgba(0,0,0,.1);cursor:pointer;display:flex;flex-direction:column;justify-content:center;margin:12px;max-width:340px;min-height:400px;width:100%;& img{margin-bottom:30px;width:80px}&-text{font-size:16px;line-height:1.5;max-width:180px;text-align:center}}}&-mentions{& h2{background:url(//a.woolitstatic.no/4b541964bc61aa18.svg) 0 no-repeat;font-size:20px;font-weight:300;line-height:1.4;margin:0;padding-left:30px;& em{color:#850025;font-style:normal;font-weight:400}}&-header{align-items:center;display:flex;flex-direction:row;margin-top:65px;&-line{border-bottom:1px solid rgba(85,23,21,.23);flex-grow:1;height:0;margin-left:20px}}&-list{align-items:flex-start;display:flex;flex-wrap:wrap;margin-left:-17px;margin-right:-17px}}&-mention{display:grid;font-size:14px;grid-template-columns:1fr 10px 74px;grid-template-rows:20px auto;margin-left:17px;margin-right:17px;margin-top:5px;max-width:335px;&-name{color:var(--text-light);grid-row-start:1;justify-self:end;margin-right:5px}&-content,&-name{grid-column-start:1}&-content{background-color:#fff;border:1px solid hsla(0,0%,60.8%,.5);border-radius:10px;grid-row-start:2;line-height:1.71;padding:10px 20px}&-image{grid-column-start:3;grid-row-start:2;& img{border-radius:100%;display:block;width:100%}}}&-product-card{background-color:#fff;border-radius:5px;box-shadow:0 0 10px 1px rgba(0,0,0,.1);margin:12px;max-width:340px;position:relative;@media(width>=744px){width:340px}& img{border-radius:5px 5px 0 0;cursor:pointer;width:100%}& h3{font-size:16px;margin-left:20px}&-row{align-items:center;display:flex;margin-bottom:10px;margin-left:20px;&:before{background-color:#850025;border-radius:100%;content:"";display:block;height:8px;margin-right:6px;width:8px}&-title,&:before{align-self:baseline;flex-shrink:0}& em{color:#850025;font-style:normal;margin-left:3px}}&-inline{align-items:center;display:flex;margin-bottom:10px;margin-left:50px}&-contact{border-top:1px solid rgba(133,0,37,.23);cursor:pointer;display:block;display:flex;justify-content:center;margin:0 6px;&-inner{background:url(//a.woolitstatic.no/4b541964bc61aa18.svg) 0 no-repeat;color:#850025;font-size:19px;font-style:italic;font-weight:300;height:40px;line-height:40px;padding-left:35px}}&-editbtn{@apply --button;cursor:pointer;height:auto;padding:5px;position:absolute;right:0;top:0}&-deletebtn{@apply --button;background-color:var(--obs-shade-20);cursor:pointer;height:auto;left:0;padding:5px;position:absolute;top:0}}&-editwork{background-color:#fff;border-radius:5px;box-shadow:0 0 10px 1px rgba(0,0,0,.1);margin:auto;max-height:100%;max-width:340px;overflow-y:auto;padding:20px;position:relative;width:100%;&-wrapper{align-items:center;background-color:rgba(0,0,0,.2);bottom:0;display:flex;justify-content:center;left:0;padding:10px;position:fixed;right:0;top:0;z-index:var(--z-page-modal-2)}&-uploadimg{margin-bottom:20px;position:relative;&-buttons{align-items:center;border:1px solid #b7d4ce;color:#6c6c6c;cursor:pointer;display:flex;font-size:20px;height:211px;justify-content:center;&-upload{background:url(//a.woolitstatic.no/7057b53f53c65c5f.svg) no-repeat 0;padding-left:45px}}}&-change-image{@apply --button;cursor:pointer;height:auto;padding:5px;position:absolute;right:0;top:0}&-loading{bottom:10px;left:10px;margin:auto;position:absolute;right:10px;top:10px;width:100px}&-input{background-color:#fff;border:1px solid var(--bg-dark);display:block;height:50px;margin-bottom:10px;padding:13px 10px;width:100%}&-ro-input{background-color:var(--bg);border:1px solid var(--bg-dark);display:block;height:50px;margin-bottom:10px;padding:13px 10px;width:100%}&>label{font-weight:700}&-about{height:100px}&-save{@apply --button;border-radius:3px;margin-top:35px;width:100%}}&-delete-work{background-color:#fff;border-radius:5px;box-shadow:0 0 10px 1px rgba(0,0,0,.1);margin:auto;max-height:100%;max-width:340px;overflow-y:auto;padding:20px;position:relative;width:100%;&-wrapper{align-items:center;background-color:rgba(0,0,0,.2);bottom:0;display:flex;justify-content:center;left:0;padding:10px;position:fixed;right:0;top:0;z-index:var(--z-page-modal-2)}&-abort{margin-right:20px;@apply --button;background-color:var(--obs-shade-20)}&-ok{@apply --button}}&-loading{background-color:#fff;border-radius:5px;box-shadow:0 0 10px 1px rgba(0,0,0,.1);margin:auto;max-height:100%;max-width:100px;overflow-y:auto;padding:20px;position:relative;width:100%;&-wrapper{align-items:center;background-color:rgba(0,0,0,.2);bottom:0;display:flex;justify-content:center;left:0;padding:10px;position:fixed;right:0;top:0;z-index:var(--z-page-modal-2)}& img{width:100%}}&-icon-button{align-self:end;background:url(//a.woolitstatic.no/ea610d6690550a2d.svg) no-repeat left 2px;color:var(--cta);cursor:pointer;display:block;font-size:18px;font-weight:700;grid-column:1;grid-row:3;justify-self:center;padding-left:25px;@media (width <=744px){grid-column:1/span 2;justify-self:start}}&-progressbar{&-container{background-color:var(--white);display:grid;grid-template-columns:10px 1fr 1fr 1fr 10px;grid-template-rows:50px 15px 50px;position:relative;top:20px;width:100%;@media (width <=744px){grid-template-columns:10px 1fr 1fr 1fr 10px;grid-template-rows:50px 15px 1fr 1fr 1fr}}&-header{align-self:end;color:var(--cta-light);font-size:20px;font-style:italic;grid-column:2/span 3;grid-row:1}&-profilepicture{&-text{color:var(--text-light);grid-column:2;grid-row:3;@media (width <=744px){grid-column:2/span 3;grid-row:3}}&-bar{background-color:var(--bg-good);grid-column:2;grid-row:2;margin-right:2px;&-completed{background-color:var(--cta)}}}&-profilebio{&-text{color:var(--text-light);grid-column:3;grid-row:3;@media (width <=744px){grid-column:2/span 3;grid-row:4}}&-bar{background-color:var(--bg-good);grid-column:3;grid-row:2;&-completed{background-color:var(--cta)}}}&-profileprojects{&-text{color:var(--text-light);grid-column:4;grid-row:3;@media (width <=744px){grid-column:2/span 3;grid-row:5}}&-bar{background-color:var(--bg-good);grid-column:4;grid-row:2;margin-left:2px;&-completed{background-color:var(--cta)}}}}}.productlanding{font-family:Europa;&-header{margin-left:auto;margin-right:auto;max-width:1000px;padding-top:31px;position:relative;&-wrapper{padding:0 20px 20px}&-logo{display:block;height:40px;position:relative;&-img{bottom:0;height:27px;left:0;margin:auto;opacity:0;position:absolute;right:0;top:0;transition:opacity .2s ease-in-out;&-loading{height:40px}&-visible{opacity:1}}}&-login{font-size:16px;font-weight:400;position:absolute;right:10px;@media(width <700px){@apply --button-small;bottom:9px}@media(width >=700px){@apply --button2;align-items:center;bottom:1px;display:flex;height:38px;justify-content:center;width:100px}}}&-hero{display:flex;flex-direction:column;@media(width >=1070px){display:grid;grid-template-columns:50px minmax(260px,10fr) minmax(0,1fr) minmax(0,1fr) minmax(50px,10fr) 50px;grid-template-rows:160px 300px minmax(0,min-content) minmax(0,min-content) minmax(0,min-content) 1fr;margin-top:-91px;@media(width>=1110px){grid-template-columns:160px minmax(460px,10fr) minmax(0,1fr) minmax(0,1fr) minmax(250px,7fr) 160px}@media(width >=1927px){grid-template-columns:1fr 770px 137px 80px 620px 1fr}}&-heading{align-self:end;grid-column:2;grid-row:2;z-index:2;& h1{& span{background-color:#fff}}}&-action-buttons{padding:50px 0}&-header-button{align-self:flex-end;@apply --button4-arrow;@media(width >=768px){display:inline}left:10px;margin-left:20px;margin-right:20px;max-width:335px;padding-left:30px;position:relative;text-align:left;width:100%}& h1{font-family:Goldenbook;font-size:36px;font-weight:700;letter-spacing:-1px;line-height:1.33;margin:0;position:relative;text-transform:uppercase;@media(width < 768px){margin-left:10px;margin-right:60px;margin-top:70px;text-align:right;&>span{background-color:#fff;margin-right:60px;margin-top:70px;padding-left:10px;position:relative;z-index:1}&:before{background-color:#999;content:" ";display:block;height:2px;left:-10px;position:absolute;right:0;top:21px}}@media(width >=768px){font-size:70px;&:before{background-color:#999;content:" ";display:block;height:2px;left:-10018px;position:absolute;top:45px;width:10000px}}}&-designer{font-size:24px;font-weight:300;letter-spacing:-.6px;line-height:1.5;margin:0;@media(width <768px){margin-bottom:60px;margin-bottom:50px;margin-left:20px;margin-right:60px;text-align:right}@media(width >=768px){font-size:40px}}&-image1{align-self:flex-end;grid-column:4/span 2;grid-row:2/span 2;position:relative;width:100%;@media(width < 768px){max-width:344px}@media(width >= 768px){max-width:500px}&:after{@media(width < 768px){background-color:rgba(80,227,194,.24);bottom:-50px;content:"";display:block;position:absolute;right:0;top:-190px;width:30px}}&-background{background-color:rgba(80,227,194,.24);grid-column:5/span 2;grid-row:1/span 4}&>img{display:block;position:relative;width:100%;z-index:1}&-caption{font-family:Europa;font-size:18px;font-weight:300;line-height:1.67;margin-left:20px;margin-top:20px;text-align:right}&-overlay{align-items:flex-start;bottom:0;display:flex;flex-direction:column;font-size:24px;justify-content:center;left:16px;line-height:1.25;position:absolute;top:0;width:100%;z-index:2;@media(width >=1000px){font-size:30px;left:20px}@media(width >=1700px){font-size:40px;left:32px}@media(height > 755px){justify-content:flex-start;top:60%}&>p{background-color:#fff1eb;font-weight:300;margin:0;padding:10px 18px;@media(width >=1700px){padding-bottom:20px;padding-left:35px;padding-right:35px;padding-top:20px}&:last-child{position:relative;top:-7px;@media(width >=1700px){top:-14px}}&:first-child{position:relative;top:7px;@media(width >=1700px){top:14px}}}}}&-belowimage1{display:flex;flex-direction:column;grid-column:5;grid-row:4;max-width:300px;@media(width < 768px){align-self:flex-end;margin-right:44px}@media(width >=768px){justify-self:end;margin-bottom:80px}}&-image2{margin-bottom:112px;margin-top:80px;position:relative;width:100%;@media(width >=768px){margin-top:calc(10vh + 40px)}&:after{background-color:#fff1eb;bottom:-112px;content:"";display:block;left:-10000000px;position:absolute;right:0;top:112px}&>img{display:block;position:relative;width:100%;z-index:1;@media(width < 768px){max-width:344px}@media(width >=768px){width:90%}}}&-price{align-self:flex-end;font-family:Goldenbook;font-size:30px;font-weight:700;margin-bottom:19px;position:relative;&-inner{position:relative}&:before{background-color:#fff1eb;bottom:0;content:"";display:block;height:30px;left:-14px;position:absolute;right:-14px;top:18px}}&-buy{align-self:flex-end;@apply --button4-arrow;left:10px;max-width:335px;padding-left:30px;position:relative;text-align:left;width:100%}&-left{grid-column:2;grid-row:3/span 4}&-description{font-family:Europa;font-size:18px;line-height:1.78;margin:40px;@media(width < 1070px){align-self:center}@media(width >=1070px){margin-left:0;margin-right:0;max-width:calc(20vw + 100px)}&>p{margin:40px 0}}}&-knitting-designer-preview{grid-column:5/span 2;grid-row:6;margin-top:30px;& knitting-previewer{display:block;height:300px;width:100%;&>canvas{height:100%;width:100%}}}.productlanding-color-chooser{margin:1px;&-button{margin:10px 10px 0 0;@apply --button-secondary;background-color:transparent;background-position:0;background-repeat:no-repeat;background-size:50px 50px;border:1px solid var(--text-light);border-radius:5px;height:50px;padding:2px 7px 2px 60px;&.yarn-dark-indigoblue{background-image:url(//a.woolitstatic.no/60a704251c308af0.png)}&.yarn-greygreen{background-image:url(//a.woolitstatic.no/5206feacc234ca07.png)}&.yarn-ocher-yellow{background-image:url(//a.woolitstatic.no/c182fa909c1f591f.png)}&-selected{border-width:3px;padding:0 5px 0 60px}}&.color-chooser-below-buy{align-self:self-end;grid-column:5/span 2;grid-row:4;justify-self:center;margin-bottom:20px}}&-infobox{border:1px solid #979797;margin:15px;padding:12px 16px;@media(width >=768px){align-self:start;grid-column:5/span 2;grid-row:5;justify-self:start}@media(width >=1000px){padding-bottom:30px;padding-left:60px;padding-right:60px;padding-top:30px}& th{text-align:right}}&-buy-yarn{@media(width >=768px){align-self:start;grid-column:5/span 2;grid-row:6;justify-self:start}@media(width >=1000px){margin-bottom:30px;margin-left:15px;margin-right:15px;margin-top:30px}&-text{font-size:18px}&-button{align-self:flex-end;@apply --button3-arrow;max-width:335px;padding-left:30px;position:relative;text-align:left;width:100%}}&-images{margin-top:100px;&>h2{font-family:Goldenbook;font-size:36px;font-weight:700;letter-spacing:-.7px;line-height:1.5;margin-left:60px;margin-right:10px;position:relative;text-transform:uppercase;@media(width < 350px){margin-left:30px}@media(width>=1500px){margin-left:160px}@media(width >=1927px){margin-left:calc(50vw - 803.5px)}&:before{background-color:#999;content:" ";display:block;height:2px;left:-10018px;position:absolute;top:25px;width:10000px;@media(width < 350px){left:-30px;width:12px}}}&-list{align-items:flex-start;background:linear-gradient(270deg,transparent,transparent 24px,#fff1eb 0);display:flex;padding:50px 0;@media(width < 768px){flex-direction:column}@media(width >=768px){background:linear-gradient(270deg,transparent,transparent 51px,#fff1eb 0);flex-direction:row;flex-wrap:wrap;margin-right:51px;max-width:1294px;@supports(grid-gap:5px){display:grid;grid-template-columns:repeat(auto-fill,minmax(310px,1fr));grid-gap:13px}}@media(width>=1500px){max-width:1454px;padding-left:160px}@media(width >=1927px){max-width:calc(50vw + 490.5px);padding-left:calc(50vw - 803.5px)}&>img{cursor:pointer;display:block;margin-bottom:13px;max-width:600px;width:84%;@media(width < 768px){&:nth-child(2n){align-self:flex-end}}@media(width >=768px){margin-right:13px;width:310px;@supports(grid-gap:5px){margin-bottom:0;margin-left:0;margin-right:0;margin-top:0;width:100%}}}}}&-about{margin-top:100px;@media(width >=1000px){display:grid;grid-template-columns:0 minmax(480px,570px) 503px;grid-template-rows:auto auto;justify-content:center;margin-left:50px;margin-right:50px}@media(width >=1400px){grid-template-columns:120px minmax(480px,570px) 503px}&>h2{font-family:Goldenbook;font-size:36px;font-weight:700;grid-column:1/span 2;grid-row:1;line-height:1.25;margin-right:44px;max-width:200px;position:relative;text-transform:uppercase;@media(width < 1000px){margin-left:auto;text-align:right}&:after{background-color:#999;content:" ";display:block;height:2px;position:absolute;top:21px;@media(width < 350px){left:-30px;width:12px}@media(width < 1000px){right:-44px;width:26px}@media(width >=1000px){left:-10018px;width:10000px}}&>strong{color:#50e3c2}}}&-chat{margin:0 auto 30px;overflow:hidden;width:100%;@media(width > 420px){max-width:375px;overflow:visible}@media (width >=1000px){margin-bottom:0;margin-left:0;margin-right:0;margin-top:0;max-width:411px;&-wrapper{background-image:url(//a.woolitstatic.no/7a9efdcc75656837.png);background-size:100%;display:flex;grid-column:3;grid-row:2;height:1005px;justify-content:center;padding-top:110px;width:503px}}&-row{display:grid;grid-template-columns:auto auto;grid-template-rows:auto auto;& img{max-height:100%;max-width:100%}}&-row-1{justify-content:start;@media (width <840px){margin-left:-18px}& .productlanding-chat-image{grid-row:2}& .productlanding-chat-name{grid-column:2;grid-row:1}& .productlanding-chat-text{background-color:rgba(214,248,241,.5);grid-column:2;grid-row:2}}&-row-2{justify-content:end;@media (width <840px){margin-right:-18px}& .productlanding-chat-image{grid-column:3;grid-row:2}& .productlanding-chat-name{grid-column:2;grid-row:1;text-align:right}& .productlanding-chat-text{background-color:rgba(255,241,235,.5);grid-column:2;grid-row:2}}&-image{border-radius:100%;height:87px;width:87px}&-name{color:var(--text-light);font-size:18px;margin-left:10px;margin-right:10px}&-text{background-color:#fff;border-radius:10px;font-size:16px;margin-bottom:20px;margin-left:10px;margin-right:10px;max-width:270px;padding:10px 20px;width:100%;& p{margin:0}}}&-aboutlist{grid-column:2;grid-row:2;max-width:395px;@media(width < 1000px){margin-bottom:0;margin-left:auto;margin-right:auto;margin-top:0;width:calc(100% - 80px)}&-row{align-items:flex-start;display:flex;margin-top:40px}& h3{font-size:14px;font-weight:700;line-height:1.5;margin-bottom:3px;margin-top:0}&-image{align-items:center;display:flex;flex-shrink:0;height:48px;justify-content:center;margin-right:12px;width:48px}}&-bottom-buy{margin:100px auto;@apply --button4-arrow;max-width:800px;max-width:max-content;padding-left:30px;padding-right:60px;text-align:left;text-align:center;width:100%}&-other-products{margin-bottom:30px;&-item-container{display:flex;flex-wrap:nowrap;overflow-x:scroll;overflow-y:hidden;-webkit-overflow-scrolling:touch;scrollbar-width:none;&::-webkit-scrollbar{display:none}@media (width >=768px){flex-wrap:wrap;justify-content:center;overflow-x:auto}}& h2{font-family:Goldenbook;font-size:36px;font-weight:700;letter-spacing:-.7px;line-height:1.5;margin-left:60px;margin-right:10px;position:relative;text-transform:uppercase;@media(width < 350px){margin-left:30px}@media(width>=1500px){margin-left:160px}@media(width >=1927px){margin-left:calc(50vw - 803.5px)}&:before{background-color:#999;content:" ";display:block;height:2px;left:-10018px;position:absolute;top:25px;width:10000px;@media(width < 350px){left:-30px;width:12px}}}&-container{background-color:var(--white);border-radius:5px;box-shadow:0 0 10px 1px rgba(0,0,0,.1);height:520px;margin:10px;width:300px}&-img{align-self:center;border-radius:2px;height:450px;margin:0 auto;padding-bottom:20px;padding-top:20px;width:300px;img{display:block;height:100%;margin:auto;padding:10px}}&-product-name{color:var(--text);font-family:Lato;font-size:25px;font-stretch:normal;font-style:normal;font-weight:700;letter-spacing:normal;line-height:.88;padding-bottom:10px;padding-left:20px}&-see-more{align-items:center;align-self:center;color:var(--cta);display:flex;font-family:Lato;font-size:14px;font-stretch:normal;font-style:normal;font-weight:700;height:20px;letter-spacing:normal;line-height:1.43;margin-bottom:80px;padding-left:20px;& img{margin-right:10px}}}}.productoverview{font-family:Europa;&-header{margin-left:auto;margin-right:auto;max-width:1000px;padding-top:31px;position:relative;&-wrapper{padding:0 20px 20px}&-logo{display:block;height:40px;position:relative;&-img{bottom:0;height:27px;left:0;margin:auto;opacity:0;position:absolute;right:0;top:0;transition:opacity .2s ease-in-out;&-loading{height:40px}&-visible{opacity:1}}}&-login{font-size:16px;font-weight:400;position:absolute;right:10px;@media(width <700px){@apply --button-small;bottom:9px}@media(width >=700px){@apply --button2;align-items:center;bottom:1px;display:flex;height:38px;justify-content:center;width:100px}}}&-hero{display:flex;flex-direction:column;@media(width >=1070px){display:grid;grid-template-columns:50px minmax(260px,10fr) minmax(0,1fr) minmax(0,1fr) minmax(50px,10fr) 50px;grid-template-rows:160px 300px minmax(0,min-content) minmax(0,min-content) minmax(0,min-content) 1fr;margin-top:-91px;@media(width>=1110px){grid-template-columns:160px minmax(460px,10fr) minmax(0,1fr) minmax(0,1fr) minmax(250px,7fr) 160px}@media(width >=1927px){grid-template-columns:1fr 770px 137px 80px 620px 1fr}}&-heading{align-self:end;grid-column:2;grid-row:2;z-index:2;& h1{& span{background-color:#fff}}}&-action-buttons{padding:50px 0}&-header-button{align-self:flex-end;@apply --button4-arrow;@media(width >=768px){display:inline}left:10px;margin-left:20px;margin-right:20px;max-width:335px;padding-left:30px;position:relative;text-align:left;width:100%}& h1{font-family:Goldenbook;font-size:36px;font-weight:700;letter-spacing:-1px;line-height:1.33;margin:0;position:relative;text-transform:uppercase;@media(width < 768px){margin-left:10px;margin-right:60px;margin-top:70px;text-align:right;&>span{background-color:#fff;margin-right:60px;margin-top:70px;padding-left:10px;position:relative;z-index:1}&:before{background-color:#999;content:" ";display:block;height:2px;left:-10px;position:absolute;right:0;top:21px}}@media(width >=768px){font-size:70px;&:before{background-color:#999;content:" ";display:block;height:2px;left:-10018px;position:absolute;top:45px;width:10000px}}}&-image1{align-self:flex-end;grid-column:4/span 2;grid-row:2/span 2;position:relative;width:100%;@media(width < 768px){max-width:344px}@media(width >= 768px){max-width:500px}&:after{@media(width < 768px){background-color:rgba(80,227,194,.24);bottom:-50px;content:"";display:block;position:absolute;right:0;top:-190px;width:30px}}&-background{background-color:rgba(80,227,194,.24);grid-column:5/span 2;grid-row:1/span 4}&>img{display:block;position:relative;width:100%;z-index:1}&-caption{font-family:Europa;font-size:18px;font-weight:300;line-height:1.67;margin-left:20px;margin-top:20px;text-align:right}&-overlay{align-items:flex-start;bottom:0;display:flex;flex-direction:column;font-size:24px;justify-content:center;left:16px;line-height:1.25;position:absolute;top:0;width:100%;z-index:2;@media(width >=1000px){font-size:30px;left:20px}@media(width >=1700px){font-size:40px;left:32px}@media(height > 755px){justify-content:flex-start;top:60%}&>p{background-color:#fff1eb;font-weight:300;margin:0;padding:10px 18px;@media(width >=1700px){padding-bottom:20px;padding-left:35px;padding-right:35px;padding-top:20px}&:last-child{position:relative;top:-7px;@media(width >=1700px){top:-14px}}&:first-child{position:relative;top:7px;@media(width >=1700px){top:14px}}}}}&-belowimage1{display:flex;flex-direction:column;grid-column:5;grid-row:4;max-width:300px;@media(width < 768px){align-self:flex-end;margin-right:44px}@media(width >=768px){justify-self:end;margin-bottom:80px}}&-buy{align-self:flex-end;@apply --button4-arrow;left:10px;max-width:335px;padding-left:30px;position:relative;text-align:left;width:100%}&-left{grid-column:2;grid-row:3/span 4}&-description{font-family:Europa;font-size:18px;line-height:1.78;margin:40px;@media(width < 1070px){align-self:center}@media(width >=1070px){margin-left:0;margin-right:0;max-width:calc(20vw + 100px)}&>p{margin:40px 0}}}&-products{margin-top:100px;&>h2{font-family:Goldenbook;font-size:36px;font-weight:700;letter-spacing:-.7px;line-height:1.5;margin-left:60px;margin-right:10px;position:relative;text-transform:uppercase;@media(width < 350px){margin-left:30px}@media(width>=1500px){margin-left:160px}@media(width >=1927px){margin-left:calc(50vw - 803.5px)}&:before{background-color:#999;content:" ";display:block;height:2px;left:-10018px;position:absolute;top:25px;width:10000px;@media(width < 350px){left:-30px;width:12px}}}&-list{align-items:flex-start;background:linear-gradient(270deg,transparent,transparent 24px,#fff1eb 0);display:flex;padding:50px 0 50px 5px;@media(width < 768px){flex-direction:column}@media(width >=768px){background:linear-gradient(270deg,transparent,transparent 51px,#fff1eb 0);flex-direction:row;flex-wrap:wrap;margin-right:51px;max-width:1294px;@supports(grid-gap:5px){display:grid;grid-template-columns:repeat(auto-fill,minmax(310px,1fr));grid-gap:13px}}@media(width>=1500px){max-width:1454px;padding-left:160px}@media(width >=1927px){max-width:calc(50vw + 490.5px);padding-left:calc(50vw - 803.5px)}&>img{cursor:pointer;display:block;margin-bottom:13px;max-width:600px;width:84%;@media(width < 768px){&:nth-child(2n){align-self:flex-end}}@media(width >=768px){margin-right:13px;width:310px;@supports(grid-gap:5px){margin-bottom:0;margin-left:0;margin-right:0;margin-top:0;width:100%}}}}h3{margin:5px 0}&-see-more{align-items:center;align-self:center;color:var(--cta);display:flex;font-family:Lato;font-size:14px;font-stretch:normal;font-style:normal;font-weight:700;height:20px;letter-spacing:normal;line-height:1.43;margin-bottom:20px;& img{margin-right:10px}}}&-about{margin-top:100px;@media(width >=1000px){display:grid;grid-template-columns:0 minmax(480px,570px) 503px;grid-template-rows:auto auto;justify-content:center;margin-left:50px;margin-right:50px}@media(width >=1400px){grid-template-columns:120px minmax(480px,570px) 503px}&>h2{font-family:Goldenbook;font-size:36px;font-weight:700;grid-column:1/span 2;grid-row:1;line-height:1.25;margin-right:44px;max-width:200px;position:relative;text-transform:uppercase;@media(width < 1000px){margin-left:auto;text-align:right}&:after{background-color:#999;content:" ";display:block;height:2px;position:absolute;top:21px;@media(width < 350px){left:-30px;width:12px}@media(width < 1000px){right:-44px;width:26px}@media(width >=1000px){left:-10018px;width:10000px}}&>strong{color:#50e3c2}}}&-chat{margin:0 auto 30px;overflow:hidden;width:100%;@media(width > 420px){max-width:375px;overflow:visible}@media (width >=1000px){margin-bottom:0;margin-left:0;margin-right:0;margin-top:0;max-width:411px;&-wrapper{background-image:url(//a.woolitstatic.no/7a9efdcc75656837.png);background-size:100%;display:flex;grid-column:3;grid-row:2;height:1005px;justify-content:center;padding-top:110px;width:503px}}&-row{display:grid;grid-template-columns:auto auto;grid-template-rows:auto auto;& img{max-height:100%;max-width:100%}}&-row-1{justify-content:start;@media (width <840px){margin-left:-18px}& .productlanding-chat-image{grid-row:2}& .productlanding-chat-name{grid-column:2;grid-row:1}& .productlanding-chat-text{background-color:rgba(214,248,241,.5);grid-column:2;grid-row:2}}&-row-2{justify-content:end;@media (width <840px){margin-right:-18px}& .productlanding-chat-image{grid-column:3;grid-row:2}& .productlanding-chat-name{grid-column:2;grid-row:1;text-align:right}& .productlanding-chat-text{background-color:rgba(255,241,235,.5);grid-column:2;grid-row:2}}&-image{border-radius:100%;height:87px;width:87px}&-name{color:var(--text-light);font-size:18px;margin-left:10px;margin-right:10px}&-text{background-color:#fff;border-radius:10px;font-size:16px;margin-bottom:20px;margin-left:10px;margin-right:10px;max-width:270px;padding:10px 20px;width:100%;& p{margin:0}}}&-aboutlist{grid-column:2;grid-row:2;max-width:395px;@media(width < 1000px){margin-bottom:0;margin-left:auto;margin-right:auto;margin-top:0;width:calc(100% - 80px)}&-row{align-items:flex-start;display:flex;margin-top:40px}& h3{font-size:14px;font-weight:700;line-height:1.5;margin-bottom:3px;margin-top:0}&-image{align-items:center;display:flex;flex-shrink:0;height:48px;justify-content:center;margin-right:12px;width:48px}}&-bottom-buy{margin:100px auto;@apply --button4-arrow;max-width:800px;max-width:max-content;padding-left:30px;padding-right:60px;text-align:left;text-align:center;width:100%}}.productlanding{&-payment-overview{margin:0 auto;max-width:800px;&-payment-heading{text-align:center}&-image-summary{display:grid;grid-template-columns:1fr 1fr}&-info{grid-column:1;@media(width < 768px){font-size:18px;grid-column:1/span 1;grid-row:2;margin-bottom:0;margin-left:10px;margin-right:10px;margin-top:0}p{font-size:18px}table{th{text-align:left}td{text-align:right}}}&-hero-image{grid-column:2;@media(width < 768px){grid-column:1/span 1;grid-row:1}text-align:right;img{max-width:400px}}&-size-toggles{display:flex;flex-wrap:wrap;margin-right:-10px;margin-top:10px}&-size-toggle{align-items:center;background-color:var(--white);border:1px solid var(--bg-dark);border-radius:3px;display:flex;height:50px;justify-content:center;margin-bottom:10px;margin-right:10px;width:50px;&.active{background-color:var(--white);border:1px solid var(--cta-light);font-weight:700}}}.login-view{margin:20px auto 0;max-width:400px}&-fixed-price-payment{display:flex;flex-direction:row;margin:0 auto;max-height:100%;max-width:650px;overflow-y:auto;padding:50px 10px 30px;position:relative;.stripeform-buttons-cancel{cursor:pointer;opacity:0}&-wrapper{align-items:center;background-color:rgba(0,0,0,.5);bottom:0;display:flex;left:0;position:fixed;right:0;top:0;z-index:var(--z-page-modal-2)}&-column{align-items:flex-start;display:flex;flex-direction:column;padding:0 20px;width:50%;&-left{@media(width <700px){width:100%}}&-right{@media(width <700px){display:none}}}&-mobile-form{@media(width >=700px){display:none}}& h2{line-height:1.25;margin-bottom:50px;margin-top:20px}& h2,&-amount{font-size:32px}&-amount{font-weight:700}&-badge{display:block;margin-top:auto}&-ordertitle{font-size:16px;font-weight:700}&-infobox{background-color:rgba(74,74,74,.05);border-radius:2px;margin-bottom:41px;margin-top:20px;padding:10px;& strong{color:var(--cta-light);font-weight:700}}&-error{color:var(--obs);font-size:18px}}}.knitters{background-color:var(--bg);display:grid;grid-template-columns:1fr minmax(auto,1100px) 1fr;grid-template-rows:auto;padding-bottom:50px;&>h2{font-size:30px;font-weight:300;grid-column:2;grid-row:1;margin-bottom:35px;text-align:center;&>strong{color:var(--cta);font-weight:400}}&-list{display:flex;flex-wrap:wrap;grid-column:2;grid-row:2;justify-content:center;margin:0 auto}&-knitter{background-color:#fff;border-radius:5px;box-shadow:0 0 10px 1px rgba(0,0,0,.1);display:block;height:357px;margin:10px;padding:0 20px;width:250px;&-header{align-items:center;display:flex;& h2{color:#4a4a4a;font-family:Lato;font-size:16px;font-stretch:normal;font-style:normal;font-weight:400;height:66px;letter-spacing:normal;line-height:1.38;margin:14px 0 12px 10px;width:130px}}&-profilepicture{border-radius:100%;flex-shrink:0;width:70px}&-works{align-items:flex-start;display:flex;flex-direction:column;flex-wrap:wrap;height:216px;justify-content:flex-start;width:210px;& img{height:108px;width:105px}}&-footer{color:var(--cta);font-family:Lato;font-size:14px;font-stretch:normal;font-style:normal;font-weight:700;height:20px;letter-spacing:normal;line-height:1.43;margin-top:10px;text-align:center;text-decoration:underline;width:210px}}}.shop{&-header{text-align:center}& h2{font-size:32px;line-height:1.25}&-main-text{font-size:16px;text-align:center}&-main-content{background:no-repeat 34px 30px,#fff;border-radius:5px;box-shadow:0 0 10px 1px rgba(0,0,0,.1);margin:0 auto 20px;max-width:750px;width:100%}&-confirm{&-container{padding:20px}&-go-back-button{@apply --button-secondary}&-button{@apply --button;margin:10px 0}&-text{font-weight:700}&-comment{border:1px solid var(--black);margin-top:20px;width:100%;@media (width >750px){width:80%}}&-other-delivery-input{display:block;input{border:1px solid var(--black);margin-top:10px;width:100%;@media (width >750px){width:80%}}}&-address,&-comment,&-go-back-button,&-invoice,&-other-delivery-checkbox,&-other-delivery-input,&-text{@media (width >750px){margin-left:30px;margin-right:30px}}}&-payment{margin:0 auto;max-height:100%;max-width:650px;overflow-y:auto;&-header{margin-top:100px}}&-yarn-basket{display:flex;flex-direction:row;max-height:100%;overflow-y:auto;padding:50px 10px 30px;&-content{@media (width >750px){padding-bottom:0;padding-left:30px;padding-right:30px;padding-top:0}width:100%}& h2{margin-bottom:50px;margin-top:20px}&-item{align-items:center;display:grid;grid-template-columns:70px auto 12% 20% 30px;& img{border-radius:60px;display:inline-block;height:60px;margin-right:10px;width:60px}&-price,&-quantity{text-align:right}&-remove{background-color:var(--white);border:1px solid var(--obs);border-radius:100px;color:var(--obs);font-weight:700;height:20px;line-height:1;margin-left:5px;margin-right:10px;padding:0 0 2px;text-align:center;width:20px}}&-suggest-button{@apply --button;margin:10px 0;width:100%}&-information{background-color:var(--bg-good)}&-total{display:flex;justify-content:space-between;&-text{margin-left:10px}&-value{margin-right:10px}}}}.garments{height:100vh;margin-bottom:30px;overflow:scroll;&-top-tags-container{display:flex;flex-wrap:wrap;margin:40px 10px;@media (width >=768px){margin-left:50px;margin-right:50px}}&-top-tag{border:1px solid var(--co-black);border-radius:5px;margin-right:10px;padding:7px;&-selected{background-color:var(--co-positive);color:var(--white)}}&-item-container{display:flex;flex-direction:column;flex-wrap:nowrap;overflow-x:scroll;overflow-y:hidden;@media (width >=768px){flex-direction:row;flex-wrap:wrap;justify-content:flex-start;margin-bottom:0;margin-left:40px;margin-right:40px;margin-top:0;overflow-x:auto}}& h2{font-family:Spectral;font-size:40px;font-stretch:normal;font-style:normal;font-weight:400;letter-spacing:normal;line-height:1.31;text-align:center}&-container{margin:10px 10px 30px;@media (width >=768px){height:520px;margin-bottom:10px;margin-left:10px;margin-right:10px;margin-top:10px;width:300px}}&-img{align-self:center;border-radius:2px;margin:0 auto;width:100%;@media (width >=768px){height:450px;width:300px}img{display:block;height:100%;margin:auto;padding:10px}}&-hashtag-container{display:flex;flex-wrap:wrap;@media (width >=768px){max-width:300px}}&-hashtag{margin-right:5px}}.payout-information{background:url(//a.woolitstatic.no/e0035d4bdbed31da.svg) no-repeat 34px 30px,#fff;border-radius:5px;box-shadow:0 0 10px 1px rgba(0,0,0,.1);display:flex;flex-direction:row;margin:0 auto;max-height:100%;max-width:750px;overflow-y:auto;padding:50px 10px 30px;position:relative;width:100%;&-wrapper{align-items:center;background-color:rgba(0,0,0,.5);bottom:0;display:flex;left:0;position:fixed;right:0;top:0;z-index:var(--z-page-modal-2)}&-close{font-weight:600;opacity:.5;position:absolute;right:30px;top:17px;&:hover{text-decoration:underline}}&-column{align-items:flex-start;display:flex;flex-direction:column;padding:0 20px;width:50%;@media(width <700px){display:none}}&-mobile{@media(width >=700px){display:none}&-description{margin:0 10px}}& h2{line-height:1.25;margin-bottom:30px;margin-top:20px}& h2,&-amount{font-size:32px}&-amount{font-weight:700}&-badge{display:block;margin-top:auto}&-ordertitle{font-size:16px;font-weight:700}&-infobox{background-color:rgba(74,74,74,.05);border-radius:2px;margin-bottom:41px;margin-top:20px;padding:10px;& strong{color:var(--cta-light);font-weight:700}}&-input-row{max-width:300px;& input{background-color:rgba(0,0,0,.1);border:none;line-height:20px;padding:20px}& input,& p{margin-left:10px}}&-birth-date-input-date,&-birth-date-input-month{width:67px}&-birth-date-input-year{width:85px}&-account-number-input{width:240px}&-address-input{&-street{margin-bottom:20px;width:240px}&-postal-code{width:85px}&-city{width:145px}}&-tos-row{margin-top:20px}&-tos-label{display:inline}&-upload-documents-button{@apply --button;background-color:var(--cta);border:none;border-radius:4px;cursor:pointer}&-upload-progress-bar-container{border:1px solid var(--black);height:10px;margin-left:10px;width:102px}&-upload-progress-bar{background-color:var(--black);height:8px;width:0}&-buttons{display:flex;justify-content:space-between;margin-top:20px;width:100%;&-submit{@apply --button;background-color:var(--cta);border:none;border-radius:4px;cursor:pointer;height:46px;width:100px}&-cancel{font-size:14px;font-weight:600;opacity:.5}}}.front-list-view{&-list{gap:3.5rem;margin-top:3.25rem}&-group,&-list{display:flex;flex-direction:column}&-group{color:var(--text-color);font-family:var(--text-font-family);gap:1rem;letter-spacing:.03em;line-height:1.3em;margin:0;max-width:1920px;width:100vw}&-header{@media (min-width:834px){margin-bottom:0;margin-left:4.5rem;margin-right:4.5rem;margin-top:0}font-family:var(--display-font-family);font-size:1.875rem;font-weight:400;line-height:2.25rem;margin:0 2rem}&-outer-scroll{position:relative}&-inner-scroll{@media (min-width:834px){gap:1.5rem;padding-left:4.5rem;padding-right:4.5rem}-ms-overflow-style:none;display:flex;gap:1rem;overflow-x:scroll;padding-left:2rem;padding-right:2rem;scroll-snap-type:x var(--tw-scroll-snap-strictness);scrollbar-width:none;white-space:nowrap;&::-webkit-scrollbar{display:none}}&-pattern-card-container{cursor:pointer;@media (min-width:834px){scroll-margin-left:4.5rem}scroll-margin-left:2rem;scroll-snap-align:start}&-pattern-card{width:19rem}&-pattern-card-image-container{aspect-ratio:2/3;border-radius:.25rem;overflow:hidden;position:relative}&-pattern-card-image{height:auto;max-width:100%;-o-object-fit:cover;object-fit:cover;transition-duration:.15s;transition-property:transform;transition-timing-function:cubic-bezier(.4,0,.2,1)}&-pattern-card-info-title{color:rgb(51 37 26/var(--tw-text-opacity));font-size:1rem;line-height:1.5rem;overflow:hidden;text-overflow:ellipsis}&-pattern-card-info-designer,&-pattern-card-info-title{font-family:var(--text-font-family);letter-spacing:.03rem;--tw-text-opacity:1;margin:0}&-pattern-card-info-designer{color:rgb(143 109 87/var(--tw-text-opacity));color:rgb(51 37 26/var(--tw-text-opacity));font-size:.6875rem;height:.875rem;line-height:.875rem}&-pattern-card-info-variants-price-group{align-items:center;display:flex;justify-content:space-between;margin-top:1rem}&-pattern-card-info-variants{font-family:var(--text-font-family);font-size:.6875rem;letter-spacing:.03rem;line-height:.875rem;--tw-text-opacity:1;color:rgb(51 37 26/var(--tw-text-opacity))}&-pattern-card-info-price-container{border-color:var(--neutral-20);border-radius:.25rem;border-style:solid;border-width:1px;overflow:hidden}&-pattern-card-info-price{font-family:var(--text-font-family);font-size:.875rem;letter-spacing:.03rem;line-height:1.25rem;padding-left:.25rem;padding-right:.25rem;--tw-text-opacity:1;color:rgb(51 37 26/var(--tw-text-opacity));margin:0}&-focus{@media (min-width:834px){margin-bottom:3.5rem;margin-left:4.5rem;margin-right:4.5rem;margin-top:3.5rem}margin-bottom:2rem;margin-top:2rem}&-focus-container{@media (min-width:834px){grid-template-columns:repeat(2,minmax(0,1fr))}cursor:pointer;display:grid;margin-left:auto;margin-right:auto;max-width:80rem}&-focus-image-container{@media (min-width:834px){order:1}aspect-ratio:1/1;border-radius:.25rem;overflow:hidden;position:relative}&-focus-image{display:block;height:auto;max-width:100%;-o-object-fit:cover;object-fit:cover}&-focus-info{@media (min-width:834px){height:100%}align-items:center;display:flex;flex-direction:column;justify-content:center}&-focus-info-title{@media (min-width:834px){font-family:var(--display-font-family);margin-top:0;--tw-text-opacity:1;color:rgb(51 37 26/var(--tw-text-opacity));font-size:3.75rem;line-height:1}font-family:var(--display-font-family);font-size:2.375rem;line-height:2.375rem;margin-top:.5rem;overflow:hidden;text-align:center;text-overflow:ellipsis;--tw-text-opacity:1;color:rgb(51 37 26/var(--tw-text-opacity))}&-focus-info-designer{color:rgb(143 109 87/var(--tw-text-opacity));font-family:var(--text-font-family);font-size:.875rem;height:.875rem;letter-spacing:.03rem;line-height:1.25rem;--tw-text-opacity:1;color:rgb(51 37 26/var(--tw-text-opacity));margin:0}&-focus-info-variants-price-group{align-items:center;display:flex;gap:1rem;margin-top:1rem}&-focus-info-variants{font-family:var(--text-font-family);font-size:.875rem;letter-spacing:.03rem;line-height:1.25rem;--tw-text-opacity:1;color:rgb(51 37 26/var(--tw-text-opacity))}&-focus-info-price-container{border-color:var(--neutral-20);border-radius:.25rem;border-style:solid;border-width:1px;overflow:hidden}&-focus-info-price{font-family:var(--text-font-family);font-size:.875rem;letter-spacing:.03rem;line-height:1.25rem;padding-left:.25rem;padding-right:.25rem;--tw-text-opacity:1;color:rgb(51 37 26/var(--tw-text-opacity));margin:0}}.size-chooser{@apply --main-box;align-items:center;display:flex;flex-direction:column;padding-left:20px;padding-right:20px;text-align:center}.size-chooser h2{margin:0 0 10px;@apply --large-text}.size-chooser-text{margin-bottom:30px;max-width:100%;width:440px;@media(width <= 640px){width:400px}@media(width <= 440px){width:340px}}.size-chooser--sizes{display:flex;flex-wrap:wrap;height:100%;justify-content:center;padding-bottom:40px;text-align:center;width:100%}.size-chooser--sizes button{background-color:#fff;border:thin solid #e2e1e1;font-size:16px;font-weight:400;height:64px;margin:5px;padding:0;text-align:left;width:280px;@media (width <= 320px){flex-grow:1;margin-left:0;margin-right:0;width:100%}& img{margin-left:20px;vertical-align:middle}}.size-chooser--sizes button span{margin-bottom:0;margin-left:20px;margin-top:0}.size-chooser--size-selected{border-color:var(--cta-light)!important}.create-description{@apply --main-box;align-items:center;display:flex;flex-direction:column;padding-left:20px;padding-right:20px;text-align:center}.create-description h2{margin:0 0 10px;@apply --large-text}.create-description-text{margin-bottom:30px;max-width:100%;width:440px;@media(width <= 640px){width:400px}@media(width <= 440px){width:340px}}.create-description-toprow{display:flex;flex-direction:row;max-width:100%;width:600px;@media(width <= 640px){flex-direction:column;width:400px}@media(width <= 440px){width:340px}}.create-description input{border:1px solid #ebe5e0;height:60px;padding:20px}.create-description-title{flex-grow:6;margin-bottom:10px;padding-right:10px;@media(width <= 640px){padding-right:0}}.create-description-title input{width:100%}.create-description-deadline{flex-grow:4;margin-bottom:10px}.create-description-deadline input{width:100%}.create-description-description{border:1px solid #ebe5e0;height:180px;margin-bottom:50px;max-width:100%;padding:20px;width:600px;@media(width <= 640px){width:400px}@media(width <= 440px){width:340px}}.type-chooser{@apply --main-box;align-items:center;display:flex;flex-direction:column;padding-left:20px;padding-right:20px;text-align:center}.type-chooser h2{margin:0 0 10px;@apply --large-text}.type-chooser-text{margin-bottom:30px;max-width:100%;width:440px;@media(width <= 640px){width:400px}@media(width <= 440px){width:340px}}.type-chooser--elements{display:flex;flex-wrap:wrap;font-size:18px;font-weight:400;justify-content:center;overflow:hidden;padding-bottom:40px;text-align:center;width:100%}.type-chooser--element{background-color:#fff;border:thin solid #e2e1e1;font-size:16px;font-weight:400;height:60px;margin:5px;padding:0;text-align:left;width:280px;@media (width <= 320px){flex-grow:1;margin-left:0;margin-right:0;width:100%}}.type-chooser--element img{margin-left:20px;vertical-align:middle}.type-chooser--element-p{margin-bottom:0;margin-left:20px;margin-top:0}.type-chooser-element-selected{border-color:var(--cta-light)!important}.image-upload{@apply --main-box;align-items:center;display:flex;flex-direction:column;padding-left:20px;padding-right:20px;text-align:center;& h2{margin:0 0 10px;@apply --large-text}&-text{margin-bottom:30px;max-width:100%;width:440px;@media (width <=640px){width:400px}@media (width <=440px){width:340px}}&-button{align-items:center;background:#fff;border:1px solid #ebe5e0;border-radius:2px;cursor:pointer;display:flex;font-size:16px;height:62px;margin-bottom:50px;max-width:100%;padding:0;width:280px}&-button img{margin-left:20px;margin-right:20px}&-images{display:flex;margin-bottom:35px}&-image-image{background:transparent url(//a.woolitstatic.no/19b5cf54f19743ff.gif) 50% no-repeat;min-width:70px}&-image--wrapper{height:70px;margin:5px;min-width:70px;position:relative}&-image--buttons{background-color:rgba(0,0,0,.6);bottom:0;display:none;justify-content:space-around;left:0;position:absolute;right:0;top:0;& button{background:none;border:none}}&-image--wrapper:hover &-image--buttons{display:flex}}.statusbar{align-items:center;display:flex;justify-content:center;padding-bottom:50px;padding-top:50px}.statusbar-circle-inactive{background-color:#ebe5e0;border-radius:20px;height:20px;margin:0 10px;width:20px}.statusbar-circle-inactive span{display:none}.statusbar-circle-active{background-color:#fe4412;border-radius:40px;color:#fff;font-size:16px;font-weight:700;height:40px;line-height:40px;margin:0 10px;text-align:center;width:40px}.bestilling-navigation{align-items:center;display:flex;flex-direction:column;justify-content:center;max-width:100%;width:280px}.bestilling-navigation-next{@apply --button;background-image:url(//a.woolitstatic.no/b6e6fd3378375565.svg);background-position:center right 20px;background-repeat:no-repeat;color:#fff;display:block;font-size:16px;line-height:52px;text-align:center;width:100%}.bestilling-navigation-next-disabled{@apply --button-disabled;cursor:not-allowed}.bestilling-navigation-next-disabled:hover{@apply --button-disabled}.bestilling-navigation-prev{@apply --button-small-secondary;align-self:flex-start;margin-left:2px;margin-top:10px;padding:0}.bestilling-navigation-prev img{margin-right:10px}.simple-complete{margin:0 auto;max-width:430px;& h1{align-self:flex-start;color:var(--cta);font-size:28px;font-weight:400;line-height:1.5;margin-bottom:0}}.create-order-complete{@apply --main-box;align-items:center;display:flex;flex-direction:column;padding-left:20px;padding-right:20px;&-header-mobile{margin-bottom:16px;max-width:100%;text-align:center;width:340px;@media (width > 740px){display:none}}&-mobile-hide{@media (width <=740px){display:none}}&-maincontent{display:flex;flex-direction:column;justify-content:center;@media (width > 740px){flex-direction:row}}&-header{@apply --large-text;margin:0 0 20px}&-inner{align-items:center;display:flex;flex-direction:column;justify-content:center;margin-top:30px;max-width:100%;text-align:center;@media (width > 740px){align-items:flex-start;margin-left:20px;margin-top:0;text-align:left}}&-text{margin-bottom:36px;margin-top:-14px;max-width:340px;width:100%;& a{@apply --button-small}}&-moreinfo{margin-bottom:50px;max-width:340px;width:100%;&-readonly{background-color:var(--bg-dark);text-align:left;width:100%}&-input,&-readonly{margin-bottom:10px;padding:20px}&-input{background-color:#fff;border:1px solid var(--bg-dark)}&-address,&-addrrow{width:100%}&-addrrow{display:flex}&-postnumber{margin-right:10px;width:120px}&-postplace{flex-grow:1;width:100px}&-phone{width:100%}&-missing-field{border:1px solid var(--obs)}}&-navigation{align-items:center;display:flex;flex-direction:column;justify-content:center;max-width:280px;width:100%}&-navigation-next{@apply --button;background-image:url(//a.woolitstatic.no/b6e6fd3378375565.svg);background-position:center right 20px;background-repeat:no-repeat;text-align:center;width:100%}&-navigation-hint{color:var(--obs)}&-navigation-login-facebook{display:flex;margin:0 auto;width:100%;@apply --button;align-items:center;background-color:#4267b2;cursor:pointer;padding:15px;&:hover{background-color:#3853a1}& img{height:24px;margin-right:20px;vertical-align:middle}}&-navigation-prev{@apply --button-small-secondary;align-self:flex-start}&-navigation-prev img{margin-right:10px}}.knitter-application-start{font-size:16px;margin:0 auto;max-width:760px;width:100%;@media (width < 740px){text-align:center}& h2{@apply --large-text;margin-top:0}&-heading-img{margin:100px 20px 10px;width:70px}&-inner{display:flex;justify-content:center;margin-left:20px;margin-right:20px;text-align:left;@media (width < 740px){align-items:center;flex-direction:column}}&-knitter-action-buttons{align-items:center;display:flex;flex-direction:column;justify-content:center;max-width:280px;width:100%}&-knitter-action-button{@apply --button;background-color:var(--cta);font-weight:400;line-height:52px;margin-bottom:20px;text-align:center;width:100%}&-left{margin:0 15px;max-width:340px;padding-top:20px;width:100%}&-right{background-color:#fff;border-radius:5px;box-shadow:0 0 10px 1px rgba(0,0,0,.1);margin:0 15px;max-width:340px;padding:20px;width:100%;& h3{font-size:16px;line-height:20px;margin-bottom:0;margin-top:20px}& a{@apply --button-small;font-size:16px}& p{margin:0 0 14px;&:last-child{margin-bottom:0}}}&-navigation{align-items:center;display:flex;flex-direction:column;justify-content:center;margin-bottom:20px;max-width:280px;width:100%}&-navigation-next{@apply --button;background-image:url(//a.woolitstatic.no/b6e6fd3378375565.svg);background-position:center right 20px;background-repeat:no-repeat;font-weight:400;line-height:52px;text-align:center;width:100%}&-secondary{@apply --button-secondary}&-navigation-prev{@apply --button-small-secondary;align-self:flex-start;font-size:16px;margin-top:10px}&-navigation-prev img{margin-right:10px}&-button-remove-knitter{@apply --button-secondary}&-text-link{@apply --button-small;cursor:pointer}&-waiting-list{&-submit{@apply --button}&-input{background-color:#fff;border:1px solid #b7d4ce;display:block;font-size:16px;height:50px;margin-bottom:13px;padding:13px 10px;width:100%}}}.knitter-application-step2{margin:0 auto;max-width:380px;padding:0 20px;width:100%;@media (width < 740px){text-align:center}& h2{@apply --large-text;margin-bottom:20px;margin-top:0;text-align:left}&-heading-img{margin-bottom:40px;margin-right:20px;width:60px}& p{font-size:16px;line-height:1.5;margin-bottom:1.43em;text-align:left}&-navigation{align-items:center;display:flex;flex-direction:column;justify-content:center;margin-bottom:20px;max-width:280px;width:100%}&-navigation-next{@apply --button;background-image:url(//a.woolitstatic.no/b6e6fd3378375565.svg);background-position:center right 20px;background-repeat:no-repeat;font-weight:400;line-height:52px;text-align:center;width:100%}&-navigation-prev{@apply --button-small-secondary;align-self:flex-start;margin-top:10px}&-navigation-prev img{margin-right:10px}}.knitter-application-info{margin:0 auto;max-width:380px;padding:0 20px;width:100%;@media (width < 740px){text-align:center}& a{@apply --button-small;font-size:16px}& h2{@apply --large-text;margin-bottom:20px;margin-top:0;text-align:left}& p{font-size:16px;line-height:1.5;margin-bottom:1.43em;text-align:left}&-readonly{background-color:var(--bg-dark);text-align:left;width:100%}&-input,&-readonly{font-size:16px;margin-bottom:10px;padding:20px}&-input{background-color:#fff;border:1px solid var(--bg-dark)}&-addrrow{display:flex}&-addrrow,&-phonenumber{width:100%}&-postnumber{margin-right:10px;width:120px}&-postplace{flex-grow:1;width:100px}&-navigation{align-items:center;display:flex;flex-direction:column;justify-content:center;margin-bottom:20px;max-width:280px;width:100%}&-navigation-next{@apply --button;background-image:url(//a.woolitstatic.no/b6e6fd3378375565.svg);background-position:center right 20px;background-repeat:no-repeat;font-weight:400;line-height:52px;text-align:center;width:100%}&-navigation-prev{@apply --button-small-secondary;align-self:flex-start;margin-top:10px}&-navigation-prev img{margin-right:10px}}.knitter-application-aboutyou{margin:0 auto;padding:0 20px;text-align:center;width:100%;& h2{@apply --large-text;margin-bottom:20px;margin-top:0}& p{line-height:1.5;margin:0 auto 1.43em}& p,&-input{font-size:16px;max-width:600px;width:100%}&-input{background-color:#fff;border:1px solid var(--bg-dark);height:180px;margin-bottom:50px;padding:20px}&-navigation{align-items:center;display:flex;flex-direction:column;justify-content:center;margin:0 auto 20px;max-width:280px;width:100%}&-navigation-next{@apply --button;background-image:url(//a.woolitstatic.no/b6e6fd3378375565.svg);background-position:center right 20px;background-repeat:no-repeat;font-weight:400;line-height:52px;text-align:center;width:100%}&-navigation-prev{@apply --button-small-secondary;align-self:flex-start;margin-top:10px}&-navigation-prev img{margin-right:10px}&-work{&-list{flex-direction:row;flex-wrap:wrap;margin:10px -12px 0}&-item,&-list{display:flex;justify-content:center}&-item{align-items:center;background-color:var(--bg-light);border:1px dashed rgba(0,0,0,.1);border-radius:5px;box-shadow:0 0 10px 0 rgba(0,0,0,.1);cursor:pointer;flex-direction:column;margin:12px;max-width:212px;min-height:250px;width:100%}&-add{& img{margin-bottom:30px;width:80px}&-text{font-size:16px;line-height:1.5;max-width:180px;text-align:center}}&-view{& img{margin-bottom:30px;width:80px}&-text{font-size:16px;line-height:1.5;max-width:180px;text-align:center}}}}.knitter-application-thanks{margin:0 auto;max-width:380px;padding:0 20px;width:100%;@media (width < 740px){text-align:center}& h2{@apply --large-text;margin-bottom:20px;margin-top:0;text-align:left}&-heading-img{margin-bottom:40px;margin-right:20px;margin-top:100px;width:60px}& p{font-size:16px;line-height:1.5;margin-bottom:1.43em;text-align:left}&-navigation{align-items:center;display:flex;flex-direction:column;justify-content:center;margin-bottom:20px;margin-top:50px;max-width:280px;width:100%}&-navigation-next{@apply --button;background-image:url(//a.woolitstatic.no/b6e6fd3378375565.svg);background-position:center right 20px;background-repeat:no-repeat;font-weight:400;line-height:52px;text-align:center;width:100%}}.frame{&-header{margin-left:auto;margin-right:auto;max-width:1000px;padding-top:10px;position:relative;&-wrapper{padding:0 20px 20px}&-logo{display:block;height:40px;position:relative;&-img{bottom:0;height:27px;left:0;margin:auto;opacity:0;position:absolute;right:0;top:0;transition:opacity .2s ease-in-out;&-loading{height:40px}&-visible{opacity:1}}}}}*,:after,:before{box-sizing:border-box}h1,h2,h3{font-weight:600}h1{font-size:40px;line-height:50px}h2{@apply --h2-text}h2{font-size:18px}html{line-height:1.43}html,input{color:var(--text);font-family:var(--font);font-size:14px}input{line-height:1.5}button{color:var(--text);cursor:pointer}button,textarea{font-family:var(--font);line-height:1.5}textarea{color:#4a4a4a;font-size:14px}.mainview{background-color:var(--bg)}a:active,a:hover{outline-width:0}button{background:none;border:none}button:disabled{cursor:default}button:focus{outline:none}a{color:inherit;text-decoration:none}