.ho-gift-list-item[data-v-c363f9ba]{align-items:center;border-bottom:1px solid #dbdbdb;display:flex;gap:32px;justify-content:space-between;padding:16px;width:100%}@media screen and (max-width:1080px){.ho-gift-list-item[data-v-c363f9ba]{flex-direction:column;gap:16px}}.ho-gift-list-item>.left[data-v-c363f9ba]{display:flex;flex-grow:1;gap:16px;width:100%}.ho-gift-list-item .date[data-v-c363f9ba]{background-color:#f5f5f5;display:flex;gap:.5em;margin-bottom:8px;padding:8px}.ho-gift-list-item .date>.text[data-v-c363f9ba],.ho-gift-list-item .date>.time[data-v-c363f9ba]{font-size:12px;font-weight:500;letter-spacing:.04em;line-height:1}.ho-gift-list-item .image[data-v-c363f9ba]{aspect-ratio:1/1;-o-object-fit:cover;object-fit:cover;width:88px}.ho-gift-list-item .details[data-v-c363f9ba]{display:flex;flex-direction:column;flex-grow:1}.ho-gift-list-item .details .gift-title[data-v-c363f9ba]{font-size:16px;font-weight:700;letter-spacing:.04em;margin-bottom:4px;order:2}.ho-gift-list-item .details .top[data-v-c363f9ba]{background-color:#f5f5f5;order:1}.ho-gift-list-item .details .gift-text[data-v-c363f9ba]{color:#7a7a7a;font-size:14px;font-weight:400;letter-spacing:.04em;line-height:1.5;order:3}.dialog-button[data-v-c363f9ba]{align-items:center;background-color:#1cb3c4;border-radius:8px;color:#fff;cursor:pointer;display:flex;font-size:16px;font-weight:700;justify-content:center;letter-spacing:.05em;padding:16px;transition:background-color .3s;width:256px}@media (any-hover:hover){.dialog-button[data-v-c363f9ba]:hover{background-color:#24bfd0;transition:background-color .3s}.dialog-button[data-v-c363f9ba]:focus-within{background-color:#24bfd0;transition:background-color .3s}}@media screen and (max-width:1080px){.dialog-button[data-v-c363f9ba]{width:100%}}.ho-gift-dialog-view[data-v-0e3380b9]{border:unset;height:-webkit-max-content;height:max-content;left:50%;max-height:calc(100% - 16px);max-width:640px;opacity:0;padding:0;position:fixed;top:50%;translate:-50% -50%;width:90%;-ms-overflow-style:none;background-color:transparent;scrollbar-width:none}.ho-gift-dialog-view[data-v-0e3380b9]::-webkit-scrollbar{display:none}.ho-gift-dialog-view>.close-icon[data-v-0e3380b9]{aspect-ratio:1;background-color:#fff;border-radius:50%;cursor:pointer;display:flex;position:absolute;right:8px;top:8px;width:-webkit-max-content;width:max-content}.ho-gift-dialog-view>.close-icon[data-v-0e3380b9] path{fill:#949497}.ho-gift-dialog-view>.close-icon[data-v-0e3380b9]:focus{outline:none}.ho-gift-dialog-view>.close-icon>.icon[data-v-0e3380b9]{height:24px;width:24px}.ho-gift-dialog-view[open][data-v-0e3380b9]{-webkit-animation:fade-in-0e3380b9 .3s forwards;animation:fade-in-0e3380b9 .3s forwards}.ho-gift-dialog-view[data-v-0e3380b9]::-ms-backdrop{background-color:#000c;cursor:pointer}.ho-gift-dialog-view[data-v-0e3380b9]::backdrop{background-color:#000c;cursor:pointer}.ho-gift-dialog-view>.inner[data-v-0e3380b9]{background-color:#fff;background-color:transparent;height:100%;overflow-y:auto;padding:4px;width:100%}.ho-gift-dialog-view>.inner[data-v-0e3380b9]:focus-visible{outline:none}@-webkit-keyframes fade-in-0e3380b9{0%{opacity:0}to{opacity:1}}@keyframes fade-in-0e3380b9{0%{opacity:0}to{opacity:1}}.links[data-v-0e3380b9]{display:flex;flex-direction:column;gap:24px;margin-top:40px}.links>.item[data-v-0e3380b9]{width:100%}.links .linkto[data-v-0e3380b9]{background-color:#1cb3c4;border-radius:8px;color:#fff;display:block;font-size:16px;font-weight:700;letter-spacing:.64px;padding:16px;text-align:center;width:100%}.links .linkto[disabled][data-v-0e3380b9]{-webkit-filter:grayscale(1);filter:grayscale(1)}.links .cancel[data-v-0e3380b9]{display:block;margin-inline:auto;max-width:100%;transition:opacity .2s;width:-webkit-max-content;width:max-content}@media (any-hover:hover){.links .cancel[data-v-0e3380b9]:focus-visible,.links .cancel[data-v-0e3380b9]:hover{opacity:.7;transition:opacity .2s}}.dialog-body[data-v-0e3380b9]{background-color:#fff;border-radius:0 0 16px 16px;padding:min(2.4%,16px) min(5%,56px) min(6.2%,40px)}@media screen and (max-width:769px){.dialog-body[data-v-0e3380b9]{padding:16px}}.dialog-body>.description[data-v-0e3380b9]{font-size:16px;letter-spacing:.02em;line-height:1.5}.header[data-v-0e3380b9]{background-color:#f5f5f5;border-radius:16px 16px 0 0;padding-bottom:min(16px,2.4%);padding-top:min(40px,6%)}.header>.title[data-v-0e3380b9]{font-size:24px;font-weight:700;letter-spacing:.02em;text-align:center}@media screen and (max-width:769px){.header>.title[data-v-0e3380b9]{font-size:18px}}.ho-gift-list[data-v-8ad27c35]{width:100%}.icon-reverse[data-v-8ad27c35]{-webkit-transform:scaleX(-1);transform:scaleX(-1)}.gift-paging[data-v-8ad27c35]{margin-top:32px}[data-v-8ad27c35] .tablist{margin-bottom:unset}.skeleton-container[data-v-8ad27c35]{display:flex;flex-direction:column;gap:16px;padding:16px 0}.skeleton-item[data-v-8ad27c35]{border-bottom:1px solid var(--secondary-color-2);height:120px;padding:16px}.no-items-message[data-v-8ad27c35]{color:var(--textcolor-3);padding:40px 16px;text-align:center}.ht-gift-list[data-v-c0e7568a]{padding-top:81px;position:relative;width:100%;z-index:1}@media screen and (max-width:769px){.ht-gift-list[data-v-c0e7568a]{padding-top:unset}}.gift-list[data-v-c0e7568a]{margin-inline:auto;max-width:1280px;padding:32px}@media screen and (max-width:769px){.gift-list[data-v-c0e7568a]{padding:16px}}.header[data-v-c0e7568a]{background-color:#f5f5f5;padding:32px;width:100%}@media screen and (max-width:769px){.header[data-v-c0e7568a]{padding:16px}}.header>.container[data-v-c0e7568a]{margin-inline:auto;max-width:1280px;width:100%}.header>.container>.note-text[data-v-c0e7568a]{font-size:14px;font-weight:400;letter-spacing:.04em;line-height:1.5;margin-top:8px}.header .head[data-v-c0e7568a]{background-color:#f5f5f5;padding-top:32px}.header .body[data-v-c0e7568a],.header .head[data-v-c0e7568a]{display:flex;justify-content:center;width:100%}.header .body[data-v-c0e7568a]{max-width:1280px}.title[data-v-c0e7568a]{align-items:center;display:flex;gap:4px}.title>.icon[data-v-c0e7568a]{height:36px;width:36px}@media screen and (max-width:769px){.title>.icon[data-v-c0e7568a]{height:24px;width:24px}}.title>.text[data-v-c0e7568a]{font-size:24px;font-weight:700;letter-spacing:.04em}@media screen and (max-width:769px){.title>.text[data-v-c0e7568a]{font-size:18px}}