@import url("./gift-results-mobile.css?v=canary65");
/* Generated from gift-one-page-demo/styles.css. */
.view--gift-one-page{font-family:Poppins,Arial,sans-serif;color:#111d40;background:#fff;font-synthesis:none}
.view--gift-one-page *{box-sizing:border-box}
.view--gift-one-page button{font:inherit;cursor:pointer}
.view--gift-one-page button:focus-visible,.view--gift-one-page a:focus-visible{outline:2px solid #6745fa;outline-offset:3px}
.view--gift-one-page .gift-page{--u:min(.06305vw,.100806dvh);width:calc(1498 * var(--u));height:100dvh;min-height:100dvh;margin:auto;padding-top:calc(17 * var(--u));display:flex;flex-direction:column;position:relative}
.view--gift-one-page .topbar{height:calc(51 * var(--u));display:grid;grid-template-columns:1fr auto 1fr;align-items:start}
.view--gift-one-page .back{display:inline-flex;align-items:center;gap:calc(11 * var(--u));justify-self:start;color:#4832d5;text-decoration:none;font-size:calc(23 * var(--u));font-weight:600;line-height:calc(38 * var(--u))}
.view--gift-one-page .back-arrow{font-family:Arial,sans-serif;font-size:calc(32 * var(--u));line-height:1;font-weight:400}
.view--gift-one-page .mobile-branch{display:block;justify-self:center;align-self:start;font-size:calc(19 * var(--u));font-weight:600;line-height:calc(38 * var(--u))}
.view--gift-one-page .languages{grid-column:3;justify-self:end;display:flex;align-items:center;border:1px solid #d0d5eb;border-radius:calc(10 * var(--u));height:calc(44 * var(--u));background:#fff;overflow:hidden}
.view--gift-one-page .languages button{height:100%;width:calc(73 * var(--u));border:0;background:transparent;color:#7b8195;font-size:calc(19 * var(--u));font-weight:500;padding:0}
.view--gift-one-page .languages button.is-active{background:#eeeaff;color:#4934d6;border-radius:calc(9 * var(--u))}
.view--gift-one-page .hero{position:absolute;top:calc(51 * var(--u));left:0;right:0;text-align:left;pointer-events:none}
.view--gift-one-page .gift-brand{margin:0 0 calc(2 * var(--u));color:#4c35cf;font:400 calc(15 * var(--u))/1.35 space-age,Poppins,sans-serif;letter-spacing:.06em}
.view--gift-one-page .hero h1{font-size:calc(44 * var(--u));line-height:1.06;letter-spacing:-.045em;margin:calc(1 * var(--u)) 0 0;font-weight:700}
.view--gift-one-page .hero-subtitle{font-size:calc(24 * var(--u));color:#707892;margin:calc(4 * var(--u)) 0 0;line-height:1.35}
.view--gift-one-page .gift-form{margin-top:calc(91 * var(--u));display:flex;flex-direction:column;flex:1}
.view--gift-one-page .questions{display:flex;flex:1;flex-direction:column;justify-content:space-between}
.view--gift-one-page .question{border-top:1px solid #d7dded;display:flex;align-items:center;min-width:0}
.view--gift-one-page .question-content{display:grid;grid-template-columns:calc(425 * var(--u)) minmax(0,1fr);align-items:center;width:100%;min-width:0}
.view--gift-one-page .question h2{font-size:calc(23 * var(--u));line-height:1.27;font-weight:600;letter-spacing:-.035em;margin:0;max-width:calc(390 * var(--u))}
.view--gift-one-page .card-grid{display:grid;gap:calc(9 * var(--u));min-width:0}
.view--gift-one-page .question--style{height:calc(94 * var(--u))}
.view--gift-one-page .question--style .card-grid{grid-template-columns:repeat(5,minmax(0,1fr))}
.view--gift-one-page .question--palette{height:calc(98 * var(--u))}
.view--gift-one-page .question--palette .card-grid{grid-template-columns:repeat(6,minmax(0,1fr))}
.view--gift-one-page .question--material{height:calc(98 * var(--u))}
.view--gift-one-page .question--material .card-grid{grid-template-columns:repeat(5,minmax(0,1fr))}
.view--gift-one-page .question--boldness{height:calc(90 * var(--u))}
.view--gift-one-page .question--boldness .card-grid{grid-template-columns:repeat(3,minmax(0,1fr))}
.view--gift-one-page .question--relationship{height:calc(122 * var(--u));display:block;position:relative}
.view--gift-one-page .question--relationship .question-content{height:calc(82 * var(--u))}
.view--gift-one-page .question--relationship .card-grid{grid-template-columns:repeat(5,minmax(0,1fr))}
.view--gift-one-page .question--occasion{height:calc(92 * var(--u))}
.view--gift-one-page .question--occasion .card-grid{grid-template-columns:repeat(7,minmax(0,1fr))}
.view--gift-one-page .optional-note{height:calc(39 * var(--u));line-height:calc(37 * var(--u));font-size:calc(18 * var(--u));color:#737d9b;margin:0;white-space:nowrap}
.view--gift-one-page .card{height:calc(82 * var(--u));min-width:0;border:1px solid #ccd5e9;border-radius:calc(6 * var(--u));background:#fff;color:#132142;display:flex;flex-direction:column;align-items:center;justify-content:flex-end;padding:calc(7 * var(--u)) calc(3 * var(--u));font-size:calc(16 * var(--u));line-height:1.13;font-weight:400;text-align:center;white-space:normal;box-shadow:0 2px 7px #17234a08}
.view--gift-one-page .card:hover{border-color:#8d7afc}
.view--gift-one-page .card.is-selected{border:1.5px solid #6241ff;background:linear-gradient(115deg,#fdfbff,#f3efff);box-shadow:0 2px 8px #7155d818}
.view--gift-one-page .card img{display:block;width:calc(58 * var(--u));height:calc(45 * var(--u));object-fit:contain;flex:none;margin-bottom:calc(3 * var(--u))}
.view--gift-one-page .question--style .card img{height:calc(51 * var(--u));width:calc(86 * var(--u))}
.view--gift-one-page .question--palette .card img{height:calc(42 * var(--u));width:calc(62 * var(--u))}
.view--gift-one-page .question--material .card img{height:calc(49 * var(--u));width:calc(87 * var(--u))}
.view--gift-one-page .question--boldness .card img{height:calc(47 * var(--u));width:calc(76 * var(--u))}
.view--gift-one-page .question--occasion .card img{height:calc(47 * var(--u));width:calc(70 * var(--u))}
.view--gift-one-page .question--relationship .card{height:calc(61 * var(--u));justify-content:center;font-size:calc(17 * var(--u))}
.view--gift-one-page .question--occasion .card{height:calc(80 * var(--u));font-size:calc(15 * var(--u))}
.view--gift-one-page .question--palette .card{font-size:calc(15 * var(--u))}
.view--gift-one-page .question--boldness .card{height:calc(77 * var(--u))}
.view--gift-one-page .form-footer{display:flex;justify-content:flex-end;margin-top:auto;padding-top:calc(17 * var(--u));padding-bottom:calc(24 * var(--u))}
.view--gift-one-page .submit{width:calc(350 * var(--u));height:calc(63 * var(--u));border:0;border-radius:calc(17 * var(--u));background:linear-gradient(105deg,#6f4bf5,#5732e9);color:#fff;font-size:calc(21 * var(--u));font-weight:600;position:relative;box-shadow:0 8px 18px #6b43d417}
.view--gift-one-page .submit:hover{filter:brightness(1.05)}
.view--gift-one-page .submit:disabled{background:#d6d2e1;box-shadow:none;cursor:not-allowed}
.view--gift-one-page .result-dialog{width:min(540px,calc(100% - 40px));border:1px solid #d4d8e8;border-radius:18px;padding:28px 32px;color:#111d40;box-shadow:0 22px 65px #12173735}
.view--gift-one-page .result-dialog::backdrop{background:#17204790}
.view--gift-one-page .dialog-close{position:absolute;right:18px;top:10px;border:0;background:none;color:#727a92;font-size:32px}
.view--gift-one-page .dialog-kicker{color:#6f54e7;text-transform:uppercase;letter-spacing:.1em;font-weight:600;font-size:13px}
.view--gift-one-page .result-dialog h2{font-size:28px;line-height:1.15;margin:5px 0 10px}
.view--gift-one-page .result-dialog>p:not(.dialog-kicker){font-size:15px;color:#626c85;line-height:1.5}
.view--gift-one-page .answer-summary{margin:20px 0}
.view--gift-one-page .answer-summary p{display:flex;justify-content:space-between;gap:15px;border-bottom:1px solid #e7e9f1;padding:8px 0;margin:0;font-size:13px}
.view--gift-one-page .answer-summary strong{font-weight:600}
.view--gift-one-page .answer-summary span{text-align:right}
.view--gift-one-page .edit-answers{border:0;border-radius:10px;background:#633ff0;color:#fff;padding:12px 18px;width:100%;font-weight:600}
@media(max-width:760px){
.view--gift-one-page .gift-page{--u:min(.117233vw,.054201dvh);width:83vw;padding-top:calc(25 * var(--u));min-height:100dvh}
.view--gift-one-page .topbar{height:calc(56 * var(--u));align-items:start}
.view--gift-one-page .back{gap:calc(7 * var(--u));font-size:calc(29 * var(--u));line-height:calc(48 * var(--u))}
.view--gift-one-page .back-arrow{font-size:calc(39 * var(--u))}
.view--gift-one-page .mobile-branch{display:block;align-self:start;font-size:calc(27 * var(--u));font-weight:600;line-height:calc(48 * var(--u))}
.view--gift-one-page .languages{height:calc(48 * var(--u));border-radius:calc(20 * var(--u))}
.view--gift-one-page .languages button{width:calc(69 * var(--u));font-size:calc(23 * var(--u))}
.view--gift-one-page .languages button.is-active{border-radius:calc(18 * var(--u))}
.view--gift-one-page .hero{position:static;text-align:left;margin-top:calc(26 * var(--u));pointer-events:auto}
.view--gift-one-page .gift-brand{display:none}
.view--gift-one-page .hero h1{font-size:calc(56 * var(--u));line-height:1.12;letter-spacing:-.035em;white-space:nowrap;margin:0}
.view--gift-one-page .hero-subtitle{font-size:calc(27 * var(--u));line-height:1.35;margin-top:calc(7 * var(--u));white-space:nowrap}
.view--gift-one-page .gift-form{margin-top:calc(24 * var(--u));min-height:0}
.view--gift-one-page .questions{flex:1;justify-content:space-between}
.view--gift-one-page .question{border:0;height:auto;display:block;flex:none}
.view--gift-one-page .question-content{display:block;height:auto!important}
.view--gift-one-page .question h2{font-size:calc(28 * var(--u));line-height:1.2;max-width:none;margin:0 0 calc(13 * var(--u));letter-spacing:-.023em}
.view--gift-one-page .card-grid{gap:calc(10 * var(--u))}
.view--gift-one-page .card{height:calc(123 * var(--u));border-radius:calc(12 * var(--u));font-size:calc(20 * var(--u));padding:calc(8 * var(--u)) calc(2 * var(--u));box-shadow:0 2px 5px #15245006}
.view--gift-one-page .card.is-selected{border-width:1.5px}
.view--gift-one-page .card img{width:calc(110 * var(--u));height:calc(73 * var(--u));margin-bottom:calc(4 * var(--u))}
.view--gift-one-page .question--style .card-grid{grid-template-columns:repeat(5,minmax(0,1fr))}
.view--gift-one-page .question--style .card img{width:calc(112 * var(--u));height:calc(76 * var(--u))}
.view--gift-one-page .question--palette .card-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:calc(12 * var(--u)) calc(10 * var(--u))}
.view--gift-one-page .question--palette .card{height:calc(118 * var(--u));font-size:calc(19 * var(--u))}
.view--gift-one-page .question--palette .card img{width:calc(125 * var(--u));height:calc(75 * var(--u))}
.view--gift-one-page .question--material .card-grid{grid-template-columns:repeat(5,minmax(0,1fr))}
.view--gift-one-page .question--material .card img{width:calc(111 * var(--u));height:calc(75 * var(--u))}
.view--gift-one-page .question--boldness .card-grid{grid-template-columns:repeat(3,minmax(0,1fr))}
.view--gift-one-page .question--boldness .card{height:calc(118 * var(--u))}
.view--gift-one-page .question--boldness .card img{height:calc(77 * var(--u));width:calc(140 * var(--u))}
.view--gift-one-page .question--relationship{position:static;border-top:1px solid #ced6e8;padding-top:calc(13 * var(--u))}
.view--gift-one-page .question--relationship .card-grid{grid-template-columns:repeat(5,minmax(0,1fr))}
.view--gift-one-page .question--relationship .card{height:calc(70 * var(--u));font-size:calc(20 * var(--u))}
.view--gift-one-page .question--relationship h2{margin-top:calc(13 * var(--u))}
.view--gift-one-page .optional-note{height:auto;line-height:1.4;font-size:calc(20 * var(--u));margin:0;white-space:nowrap}
.view--gift-one-page .question--occasion .card-grid{grid-template-columns:repeat(12,minmax(0,1fr));gap:calc(12 * var(--u)) calc(10 * var(--u))}
.view--gift-one-page .question--occasion .card{grid-column:span 3;height:calc(110 * var(--u));font-size:calc(19 * var(--u))}
.view--gift-one-page .question--occasion .card:nth-child(n+5){grid-column:span 4}
.view--gift-one-page .question--occasion .card img{width:calc(122 * var(--u));height:calc(70 * var(--u))}
.view--gift-one-page .form-footer{margin-top:calc(35 * var(--u));padding:0 0 calc(55 * var(--u));justify-content:stretch}
.view--gift-one-page .submit{width:100%;height:calc(94 * var(--u));border-radius:calc(23 * var(--u));font-size:calc(34 * var(--u))}
.view--gift-one-page .result-dialog{width:calc(100% - 26px);padding:22px 20px}
.view--gift-one-page .result-dialog h2{font-size:23px}
}
@media(max-width:760px) and (max-height:740px){
.view--gift-one-page .gift-page{--f:.117233vw;width:83vw}
.view--gift-one-page .back{font-size:calc(29 * var(--f))}
.view--gift-one-page .back-arrow{font-size:calc(39 * var(--f))}
.view--gift-one-page .mobile-branch{font-size:calc(27 * var(--f))}
.view--gift-one-page .languages button{font-size:calc(23 * var(--f))}
.view--gift-one-page .hero h1{font-size:calc(56 * var(--f))}
.view--gift-one-page .hero-subtitle{font-size:calc(27 * var(--f))}
.view--gift-one-page .question h2{font-size:calc(28 * var(--f))}
.view--gift-one-page .optional-note{font-size:calc(20 * var(--f))}
.view--gift-one-page .card,.view--gift-one-page .question--relationship .card{font-size:calc(20 * var(--f))}
.view--gift-one-page .question--palette .card,.view--gift-one-page .question--occasion .card{font-size:calc(19 * var(--f))}
.view--gift-one-page .card img{transform:scale(1.12)}
.view--gift-one-page .submit{font-size:calc(34 * var(--f))}
}
.view--gift-one-page /* Language control shared with the branch-selection screen. */
.languages{width:auto;height:auto;padding:2px;margin:0;border:1px solid #dedde5;border-radius:999px;background:#fff;overflow:visible}
.view--gift-one-page .languages button{width:auto;min-width:32px;height:26px;padding:0 7px;border:0;border-radius:999px;background:transparent;color:#6b6875;font:600 11px/26px Poppins,Arial,sans-serif;letter-spacing:.04em}
.view--gift-one-page .languages button.is-active{color:#4c35cf;background:#f5f3ff;border-radius:999px}
@media(max-width:600px){
.view--gift-one-page .languages{padding:1px}
.view--gift-one-page .languages button{min-width:29px;height:24px;padding:0 6px;font-size:10px;line-height:24px}
}
@media(max-width:340px){
.view--gift-one-page .languages button{min-width:27px;padding-inline:5px}
}
@media(max-width:760px){
.view--gift-one-page .card{height:min(calc(103 * var(--u)),47px);font-size:min(calc(17.5 * var(--u)),8px);padding:calc(6 * var(--u)) calc(2 * var(--u))}
.view--gift-one-page .card img{width:min(calc(100 * var(--u)),46px);height:min(calc(68 * var(--u)),31px);margin-bottom:calc(3 * var(--u))}
.view--gift-one-page .question--style .card img{width:min(calc(100 * var(--u)),46px);height:min(calc(68 * var(--u)),31px)}
.view--gift-one-page .question--palette .card{height:min(calc(113 * var(--u)),53px);font-size:min(calc(17.5 * var(--u)),8px)}
.view--gift-one-page .question--palette .card img{width:min(calc(107 * var(--u)),49px);height:min(calc(69 * var(--u)),31px)}
.view--gift-one-page .question--material .card img{width:min(calc(100 * var(--u)),46px);height:min(calc(68 * var(--u)),31px)}
.view--gift-one-page .question--boldness .card{height:min(calc(103 * var(--u)),47px)}
.view--gift-one-page .question--boldness .card img{width:min(calc(116 * var(--u)),53px);height:min(calc(68 * var(--u)),31px)}
.view--gift-one-page .question--relationship .card{height:min(calc(67 * var(--u)),31px);font-size:min(calc(17.5 * var(--u)),8px)}
.view--gift-one-page .question--occasion .card{height:min(calc(103 * var(--u)),47px);font-size:min(calc(17.5 * var(--u)),8px)}
.view--gift-one-page .question--occasion .card img{width:min(calc(104 * var(--u)),48px);height:min(calc(67 * var(--u)),31px)}
}
@media(max-width:760px) and (max-height:740px){
.view--gift-one-page .card,.view--gift-one-page .question--relationship .card,.view--gift-one-page .question--palette .card,.view--gift-one-page .question--occasion .card{font-size:calc(17.5 * var(--f))}
.view--gift-one-page .card img{transform:none}
}

.view--gift-one-page .question-content{padding:0;flex:none;min-height:0}
.view--gift-one-page .back{border:0;background:transparent;padding:0}
.view--gift-one-page .languages.stylist-language-switcher{margin:0;padding:0}
.view--gift-one-page .languages .stylist-language-switcher__option{display:flex;align-items:center;justify-content:center;height:100%;width:calc(73 * var(--u));min-width:0;padding:0;border:0;border-radius:0;color:#7b8195;background:transparent;font-size:calc(19 * var(--u));font-weight:500;line-height:1;text-decoration:none}
.view--gift-one-page .languages .stylist-language-switcher__option.is-active{background:#eeeaff;color:#4934d6;border-radius:calc(9 * var(--u))}
@media(max-width:760px){.view--gift-one-page .languages .stylist-language-switcher__option{width:calc(69 * var(--u));font-size:calc(23 * var(--u))}.view--gift-one-page .languages .stylist-language-switcher__option.is-active{border-radius:calc(18 * var(--u))}}
@media(max-width:760px) and (max-height:740px){.view--gift-one-page .languages .stylist-language-switcher__option{font-size:calc(23 * var(--f))}}